- 博客(13)
- 收藏
- 关注
RSS订阅原创 【typescript学习】类型别名与类型断言
类型别名 类型别名的声明类似于变量赋值，使用type该关键字进行声明 type SumType = (x: number, y:number) => number function sum(x:number, y:number) :number{ return x + y } const sum2: SumType = sum 常用场景 在联合类型中常用到类型别名 // 使用类型别名前 function getName(name: string | () => string):str
2020-07-08 00:40:07
225
原创 【typescript学习】泛型的使用
什么是泛型 泛型（Generics）是指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定类型的一种特性。 为什么要用泛型 因为any会在在调试中丢失很多信息，所以我们不建议使用any，这个时候应该有更好的解决方案 那就是泛型 泛型的简单实用 example function echo(arg: any){ return arg } 即使我们入参已经申明了变量类型为string 返回值仍然丢失了类型。 我们期望入参和返回值类型能保持一致。如果有一个“变量”，入参能将类型赋值给他，
2020-07-07 23:46:10
403
原创 【javaScript高级程序设计学习记录】HTML中使用JavaScript
1.如何使用? 1.1两种引用JS代码的方式 1.1.1直接在HTML的script标签中写JS代码 不推荐、不利于代码管理。 1.1.2 使用script标签的src属性引入外部JS文件 一般推荐使用这种方式，在使用src属性后 script标签内的代码将被浏览器忽略。 2.script的标签的放置位置 1、放置在head会阻塞页面元素加载，而且无法对文档内相对位置靠后DOM节点进行操作。 2、...
2020-04-21 14:40:32
146
原创 【javaScript高级程序设计学习记录】JS简介
JS简介 javaScript的含义包含ECMAScript、DOM、BOM ECMAScript ECMAScript和web浏览器没有依赖环境、ECMAScript可运行在多种环境，除web浏览器还有我们现在常用的Node(服务端JS平台) ECMA的标准组成: 语法 语句 类型 关键字 保留字 对象 操作符 目前浏览器普遍支持的版本是ECMA5,现在的ES6一般范指ECMA2015后的所...
2020-04-21 14:24:33
265
原创 【webpack学习记录】什么是loader
loader是什么 官方说明webpack 可以使用 loader 来预处理文件。这允许你打包除 JavaScript 之外的任何静态资源。 如何配置loader 在webpack的配置文件中module.rules下添加规则 module: { rules: [{ test: /\.png$/, use: { loader: 'file-l...
2020-04-19 15:03:29
229
原创 【webpack学习记录】运行webpack的几种方法
必要条件 1、安装 webpack-cli webpack 全局安装webpack -cli（安装cli后才能在命令行工具中直接跑webpack） npm install webpack-cli -g webpack建议在项目中安装 运行方式: webpack filename // 使用全局安装的webpack进行编译 npx webpack filename // npx会执行你项目里的...
2020-04-19 13:32:11
231
原创 【webpack学习记录】使用webpack的配置文件
webpack 配置文件的默认路径 默认路径在哪里? 当使用webpack进行打包时webpack查找是否存在用户的自定义配置文件(当前目录下的webpack.config.js)。不存在时则用自带的默认配置对文件进行打包。 如何告诉webpack我的配置文件在哪里？ 适用于用户自定义文件的路径非当前目录下的webpack.config.js时 npx webpack --config file...
2020-04-19 12:57:19
172
原创 【webpack学习记录】webpack是什么？
webpack是什么 webpack is a module bundler, webpack是模块打包器。 传统前端编程的劣势（为什么要用webpack） JS文件引入过多，由于浏览器并发限制导致页面加载速度变慢 由于JS群文件之间存在依赖关系，一旦JS文件引入顺序错误，将导致页面程序不可运行。 无法直观看出JS文件之间的依赖关系 webpack可以干什么 webpack可以按照项目文件依...
2020-04-12 12:45:05
127
转载 less学习
相比css Less新增概念: 1、变量(variables): 在less中通过@关键字定义变量: 如 @width: 100px; 引用 div{ width: @width} 编译后: div{ width: 100px }; 2、混合(mixin): ...
2020-04-01 13:50:52
150
原创 ES6学习记录—解构赋值
结构赋值： example:let [a,[b,c]]=[1,[2,3]]; 注意: 1、左右格式必须保持一致 用途: 1、后台返回的json格式数据拆分批量赋值到变量 2、用于交互变量位置 如: let a = 1; let b = 2; [a,b] = [b,a] 3、函数返回值解构 function getPos(){ return{ left:10. top:20 } } let {lef...
2019-07-12 00:11:32
120
原创 ES6学习记录——const和let
var 与 let的 区别 1、let没有预解析性、不存在变量提升。 2、用let关键字声明的变量的作用域只在声明let的块内； 3、在同一个块内不得对同一变量名进行重复申明。 4、父级作用域定义过的变量在子作用域在仍可定义同名变量。 5、 const:定义常量 1、与let特性一致 2、常量声明时必须有值 3、常量声明后不可被修改 4、对象由于是引用数据类型,所以声明常量的对象的属性可以被修改或...
2019-07-11 23:46:31
122
转载 【Markdown编辑器的使用例子】(也不知道这个例子后期会不会消失。。。先发布保存一下)
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
2018-12-16 16:05:06
665
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人