TypeScript入门教程(一)
TypeScript学习 TypeScript 的发展已经深入到前端社区的方方面面了,任何规模的项目都或多或少得到了 TypeScript 的支持。同时vue3在经过vue2之后的发展过程中采用了TypeScript进行了重构,也让使用vue作为主力开发框架的开发者们,需要学习TypeScript来适应日常的开发过程。
同时也有赖于TypeScript这门语言的优点:
完全兼容于JavaScript
适用于任何规模
使得我们的开发的代码能够更加严谨和健壮!
学习内容及教程推荐
TypeScript入门教程 中文文档,很容易阅读和理解,对于新手十分友好
typescript中文官网–手书 英文文档,阅读体验对国人不是很友好
typescript中文文档教程 当前最新typescript版本为 “typescript”: “^4.3.2”,文档最新版本只更新到v3.1版本,是有滞后的。
除了实现 ECMAScript 标准之外,TypeScript 团队也推进了诸多语法提案可选链操作符(?.) 参考链接: https://zh.javascript.info/op ...
vue3 基础文档学习
基础文档网址vue3官方文档学习
后台管理系统vue3TsElement-plusVite
写在前面截止目前,工作中对于需要处理的项目需求已经基本完成,在没有新的需求产生之前,项目基本的模型基本固定,所以有时间进行项目的思考与新技术的学习,在实际的开发的项目中会技术知识点的熟练度问题导致经常需要参考网上的相关例子,但是根据教程解决完业务问题后,因为整理不及时,在遇到相同问题的时候就会花费更多的精力和时间,也不利于沉淀。正好,博客系统也能都正常上线使用,采用了比较简洁的hexo-next主题,虽然界面比较朴素,但是对于写技术博客来说,已经是非常适合不过了。当然也有其他的主题,比较好看,但是因为配置next主题也花了一些时间,同时在此阶段结合谷歌浏览器lighthouse插件,也解决了一些项目的性能优化问题,包括通过jsdelivr对图片进行CDN优化,加快访问速度等,如图,同时也提出了http/1.1 http/2等的问题,可以明显的感觉到加载速度的差异,加载速度对比,发现对于基础知识还是有许多需要学习的地方,也就是当前来说技术知识的提升比博客页面的美观更加重要一些,所以就开始先更文章了!
就叫它NS吧 在开始文章的叙述之前,总得先定一个叙述对象,它也就是前面提及的工作项目 ...
小结-基于JavaScript高级程序设计第四版
第1章 什么是 JavaScriptJavaScript 是一门用来与网页交互的脚本语言,包含以下三个组成部分。 ECMAScript:由 ECMA-262 定义并提供核心功能。 文档对象模型(DOM):提供与网页内容交互的方法和接口。 浏览器对象模型(BOM):提供与浏览器交互的方法和接口。 JavaScript 的这三个部分得到了五大 Web 浏览器(IE、Firefox、Chrome、Safari 和 Opera)不同程度 的支持。所有浏览器基本上对 ES5(ECMAScript 5)提供了完善的支持,而对 ES6(ECMAScript 6)和 ES7(ECMAScript 7)的支持度也在不断提升。这些浏览器对 DOM 的支持各不相同,但对 Level 3 的支 持日益趋于规范。HTML5 中收录的 BOM 会因浏览器而异,不过开发者仍然可以假定存在很大一部分 公共特性
第2章 HTML 中的 JavaScript
JavaScript 是通过script元素插入到 HTML 页面中的。这个元素可用于把 JavaScript 代码嵌入到HTML 页面中,跟其他标记混合在一起,也 ...
基本引用类型-date
基本引用类型-date引用类型可以理解为对象定义,通过构造函数(new 操作符)来创建。
12let now = new Date();
基本引用类型相对于集合引用类型可以理解为单独引用类型,因为集合引用类型这些
Object、Array、定型数组、Map、WeakMap、Set、WeakSet等这些可以将基本引用类型包含于其中。
DateDate 类型将日期保存为自协调世界时(UTC,Universal Time Coordinated)时间 1970 年 1 月 1 日午夜(零时)至今所经过的毫秒数。使用这种存储格式, Date 类型可以精确表示 1970 年 1 月 1 日之前及之后 285 616 年的日期。
(为什么计算机很多语言里的时间都是从1970年1月1日午夜开始计算? - 希声lx - 博客园 (cnblogs.com))
GMT日期与UTC日期GMT(Greenwich Mean Time), 格林威治平时(也称格林威治时间)。
它规定太阳每天经过位于英国伦敦郊区的皇家格林威治天文台的时间为中午12点。
UTC(Coodinated Universal Tim ...
webpack(一)
网络问题影响提交问题1:fatal: unable to access ‘https://github.com/Mhist/Mhist.github.io.git/': OpenSSL SSL_read: Connection was reset, errno 10054
1git config --global http.sslVerify "false"
问题2 :Failed to connect to github.com port 443: Timed out
1git config --global --unset http.proxy
前言—带着问题学习webpack
1.什么是webpack?
2.为什么要学习webpack?
3.webpack有哪些基本概念,应该怎么高效学习webpack?
webpack基本概念
webpack中文官网
webpack在线配置
在官网中,给出了webpack的基本解释,也就是网页的打包工具。它能够将项目的文件资源、图片、样式、脚本等通过 webpack 递归地构建一个依赖关系图(dependen ...
VUE2.X学习
vue2.x教程学习安装兼容性Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。
语义化版本控制Vue 在其所有项目中公布的功能和行为都遵循语义化版本控制。对于未公布的或内部暴露的行为,其变更会描述在发布说明中。
更新日志最新稳定版本:2.6.12每个版本的更新日志见 GitHub。
Vue Devtools
在使用 Vue 时,我们推荐在你的浏览器上安装 Vue Devtools。它允许你在一个更友好的界面中审查和调试 Vue 应用。
在Chrome浏览器中可以直接到Chrome网上商店搜索下载
在edge浏览器中可以打开 Chrome 扩展商店,在搜索栏搜索 vue.js devtools选择提供方为:https://vuejs.org 的扩展,添加成功后,进入扩展设置页面,找到 Vue.js devtools 扩展,点击详细信息,勾选允许访问文件 URL和收集错误选项.直接用script标签引用直接下载并用 script 标签引入,Vue会被注册为全局变量。
在 ...
learn react
react 入门react框架基本介绍 react官方
开发环境及脚手架安装
查看node版本1node -v
v14.16.0
查看npm版本1node -v
6.14.11
安装脚手架1npm install -g create-react-app
cmd控制台反馈如下:
C:\Users\18827\AppData\Roaming\npm\create-react-app -> C:\Users\18827\AppData\Roaming\npm\node_modules\create-react-app\index.js
+create-react-app@4.0.3added 67 packages from 25 contributors in 22.805s
创建项目文件夹,并开启demo
在电脑桌面同时按下Windows+R进入输入cmd,按en ...
关于开始搭建hexo博客这件事
hexo个人博客搭建为什么会搭建hexo博客 原因: 1.用于前端学习记录、且便于复习,因为经过加工一次的比外来搜索的资料来说更容易让大脑快速识别与利用。 2.阿里云轻量级WordPress服务器对非在校生的优惠终止,且个人网站将于2021年5月份到期,这是我的个人WordPress博客链接 www.codetotoro.cn,同时因为服务器类型的缘故,按照提交工单时工作人员的说法,相关的数据迁移是无法进行的,除非是继续续费。 3.部署方便且相关的学习教程更多,且官方的教程及相应的主题教程很全面,同时社区活跃,搭建博客的相关配置包括hexo editor都很容易找到,最重要的是部署方便,且bug很少,即使是使用外置主题,而且配置的修改采用注释/取消注释的方式进行,方便日后修改,而不用每次都需要根据官方文档再去配置,省去了很多麻烦。
搭建博客的相关教程视频教程 来自哔哩哔哩up-codesheep的视频教程,讲解细致全面 手把手教你从0开始搭建自己的个人博客 |无坑版视频教程| hexo 学习笔记 --- #安装Nodejsnode -v ...
vue+elementUI后台管理系统
关于后台管理系统开发过程中问题的解决相关环境及版本号node -v