- 博客(173)
- 资源 (11)
- 收藏
- 关注
RSS订阅
原创 为知笔记Typora编辑器上传图片失效（20.5.16）
问题 用Typora这个Markdown第三方编辑器来编辑，目前使用体验基本非常好。 有一个很头疼的问题就是Markdown笔记中图片的问题，我在为知笔记自带编辑器中添加图片后，再用Typora打开，图片就会丢失，现在只能把图片以附件的形式保存，但是这样就不能在笔记的相应位置体现图片了，还需要对图片附件进行编号整理。图床解决方式PicGo 所谓图床工具，就是自动把本...
2020-04-24 11:32:57
4165
2
原创 vscode 热门插件超实用插件汇总——vscode使用必看
VsCode官方插件地址：vscode插件主页vscode使用手册官网下载地址总之vscode的插件是非常丰富的！！！！！汉化vscodectrl + shift + x，打开插件商店，输入 chinese，然后选择第一个，点击 ‘install’安装完成后重启软件，显示如下，则汉化完成扩展使用在VsCode的“”扩展“”中搜索需要的插件添加...
2020-04-17 19:04:36
46942
1
原创 17.（ECMAScript）es11完全解读
文章目录1. 重点提炼2. 字符串扩展2.1 定义一个html模版的字符串。 => 需求：获取div标签中的内容。2.1.1 exec g实现2.1.2 /g作用2.1.3 match实现2.1.4 replace实现2.1.5 matchAll3. 动态导入：Dynamic import()4. 新的原始数据类型：BigInt4.1 数字后面增加n4.2 使用 BigInt 函数5. Promise扩展：Promise.allSettled()6. 全局对象：globalThis7. 可选链：O
2021-02-18 16:52:24
993
原创 16.（ECMAScript）es10完全解读
文章目录1. 重点提炼2. 对象扩展：Object.fromEntries()2.1 Object 转换操作2.2 Map 转 Object2.3 过滤3. 字符串扩展：String.prototype.trimStart() ，String.prototype.trimEnd()3.1 String.prototype.trimStart()3.2 String.prototype.trimEnd()3.3 code4. 数组扩展：Array.prototype.flat()，Array.prototy
2021-02-18 15:48:28
958
原创 15.（ECMAScript）es9完全解读
文章目录1. 重点提炼2. 异步迭代：for await of2.1 for await of2.2 Symbol.asyncIterator3. 正则表达式扩展：dotAll，具名组匹配，后行断言3.1 dotAll 模式3.2 具名组匹配3.3 后行断言4. 对象扩展：Rest & Spread4.1 小结5. Promise扩展：Promise.prototype.finally()5.1 应用5.1.1 loading关闭5.1.2 数据库断开链接6. 字符串扩展：放松模板字符串文字限制
2021-02-18 11:57:58
1449
原创 create-react-app my-app --typescript error [email protected]——解决
执行create-react-app my-app --typescript报错 => error [email protected]: The engine “node” is incompatible with this module. Expected version “^10 || ^12 || >=14”. Got “13.14.0”翻墙查了很多地方并没有明确说明原因，js引擎报错，估计的node版本不稳定，小迪上官网重新下载了最新的node稳定版。或者利用nvm install
2021-02-17 20:52:57
507
原创 14.（ECMAScript）es8完全解读
文章目录1. 重点提炼2. 异步编程解决方案Async Await3. 对象扩展：Object.values()，Object.entries()3.1 Object.values()3.2 Object.entries()4. 对象属性描述： Object.getOwnPropertyDescriptors()5. 字符串扩展：String.prototype.padStart()，String.prototype.padEnd()5.1 String.prototype.padStart()5.2 St
2021-02-16 22:23:27
313
原创 13.（ECMAScript）es7完全解读
文章目录1. 重点提炼2. 数组扩展：Array.prototype.includes()2.1 includes与indexOf区别3. 数值扩展：幂运算符1. 重点提炼Array.prototype.includes幂运算符**2. 数组扩展：Array.prototype.includes()Array.prototype.includes(searchElement, fromIndex)includesVS indexOf在 ES7之前想判断数组中是否包含一个元素，基本可
2021-02-16 20:43:52
647
原创 12.（ECMAScript）es6完全解读（11）
文章目录1. 重点提炼2. 模块化Module的发展3. 模块化规范4. export5. as6. export default7. import8. code演示9. es6 导入导出关键字总结1. 重点提炼模块化Module模块化规范es6模块化介绍与总结2. 模块化Module的发展技术的诞生是为了解决某个问题，模块化也是。 随着前端的发展，web技术日趋成熟，js功能越来越多，代码量也越来越大。之前一个项目通常各个页面公用一个js，但是js逐渐拆分，项目中引入的js越来越多。在j
2021-02-16 15:15:15
288
原创 11.（ECMAScript）es6完全解读（10）
文章目录1. 重点提炼2. 迭代器Iterator3. 原生具备Iterator接口的数据结构4. 自定义结构可遍历1. 重点提炼迭代器Iterator的使用与介绍自定义遍历2. 迭代器Iterator是一种接口机制，为各种不同的数据结构提供统一访问的机制，即Iterator就是 ES6中用来实现自定义遍历的接口主要供for…of消费一句话：不支持遍历的数据结构“可遍历”该接口有硬性要求，必须return一个对象，并且有一个next函数。next函数也需要返回一个对象，对象中包含
2021-02-16 15:12:47
184
原创 10.（ECMAScript）es6完全解读（9）
文章目录1. 重点提炼2. 异步操作必备知识3. Ajax原理与Callback Hell4. 异步编程解决方案Promise4.1 常用方法4.1.1 Promise.prototype.then()4.1.2 Promise.prototype.catch()4.1.3 code5. Promise的静态方法5.1 Promise.resolve()5.2 Promise.reject()5.3 Promise.all()5.4 Promise.race()5.5 应用场景6. 异步编程解决方案Gen
2021-02-16 15:04:20
206
原创 9.（ECMAScript）es6完全解读（8）
文章目录1. 重点提炼2. 代理Proxy2.1 get2.2 set2.3 has2.4 ownKeys2.5 deleteProperty2.6 apply2.7 construct2.8 拦截器小结3. 反射Reflect3.1 常用方法3.1.1 Reflect.apply()3.1.2 Reflect.construct()3.1.3 Reflect.defineProperty3.1.4 Reflect.get()3.1.5 Reflect.getOwnPropertyDescriptor(
2021-02-16 14:56:09
193
原创 8.（ECMAScript）es6完全解读（7）
文章目录1. 重点提炼2. 字符串的扩展2.1 unicode2.2 字符串的遍历器接口2.3 模版字符串2.4 新增方法3. 正则表达式的扩展3.1 y修饰符3.2 u修饰符4. 数值的扩展1. 重点提炼字符串扩展正则表达式扩展数值扩展2. 字符串的扩展字符的Unicode表示法字符串的遍历器接口模版字符串String.fromCodePointString.prototype.includes()String.prototype.startsWith()String.pr
2021-02-16 14:20:56
262
原创 7.（ECMAScript）es6完全解读（6）
文章目录1. 重点提炼2. 新的原始数据类型Symbol2.1 应用场景2.1.1 作为属性名2.1.2 属性遍历2.1.3 消除魔术字符串3. 新的数据结构Set3.1 应用场景3.2 WeakSet4. 新的数据结构Map4.1 应用场景4.2 weakmap1. 重点提炼Symbol基本使用Set及Weakset使用及应用场景Map及Weakmap使用及应用场景2. 新的原始数据类型SymbolES6 引入了一种新的原始数据类型 Symbol ，表示独一无二的值。它是 JavaS
2021-02-12 23:41:58
167
原创 6.（ECMAScript）es6完全解读（5）
文章目录1. 重点提炼2. 面向过程与面向对象2.1 类与对象3. ES5中的类与继承4. ES6中的类与继承1. 重点提炼面向过程面向对象es5/es6中的类与继承等基本使用2. 面向过程与面向对象面向过程 => 分析需求整个过程由哪个几个步骤组成，逐步实现。面向对象 => 分析需求中由哪几个对象组成，分析每种对象应该由哪些属性和方法 / 行为组成。如下：隐藏对象 => 可能是人、手、或者其他工具将大象放入冰箱JavaScript是一种基于对象（
2021-02-12 23:34:36
173
原创 5.（ECMAScript）es6完全解读（4）
文章目录1. 重点提炼2. 对象的扩展2.1 属性简洁表示法 与属性名表达式2.2 Object.is()2.2.1 笔试题22.3 扩展运算符 与 Object.assign()2.4 in2.5 对象的遍历方式3. 深拷贝与浅拷贝1. 重点提炼object对象使用——扩展深拷贝与浅拷贝2. 对象的扩展属性简洁表示法属性名表达式Object.is()扩展运算符 与 Object.assign()in对象的遍历方式2.1 属性简洁表示法 与属性名表达式在 ES6之前 Ob
2021-02-12 23:28:32
178
原创 4.（ECMAScript）es6完全解读（3）
文章目录1. 重点提炼2. 函数的参数2.1 参数的默认值2.2 与解构赋值结合2.3 length属性2.4 作用域2.5 函数的name属性3. 扩展运算符与rest参数3.1 扩展运算符3.2 rest参数4. 箭头函数4.1 笔试题14.2 箭头函数与普通函数的差别1. 重点提炼函数参数扩展运算符rest参数箭头函数2. 函数的参数参数的默认值与结构赋值结合length属性作用域函数的name属性2.1 参数的默认值function foo(x, y){
2021-02-12 23:20:37
193
原创 3.（ECMAScript）es6完全解读（2）
文章目录1. 重点提炼2. ES5中数组的各种遍历方式2.1 for循环遍历数组2.2 foreach遍历数组2.3 for循环与foreach的差别2.4 map2.5 map 与 foreach 的差别2.6 filter2.7 some2.8 every2.9 reduce2.10 for…in3. ES6中数组遍历方式3.1 find3.2 findIndex3.3 for…of4. ES6中数组的扩展方法4.1 类数组 / 伪数组 转为数组 => slice4.2 Array.of4.
2021-01-14 15:25:19
158
原创 2.（ECMAScript）es6完全解读（1）
文章目录1. 重点提炼2. 作用域2.1 全局作用域2.2 函数作用域2.3 块状作用域2.4 动态作用域3. 新的声明方式：let3.1 代码演示3.2 笔试题4. 新的声明方式const （常量）4.1 代码演示5. 解构赋值5.1 代码演示5.2 笔试题15.3 笔试题25.4 笔试题35.5 笔试题45.6 笔试题55.7 应用场景1 ——赋默认值5.8 应用场景2——函数参数解构赋值5.9 应用场景3——函数返回值解构赋值5.10 应用场景4——提取JSON数据1. 重点提炼作用域let
2021-01-14 11:36:29
183
原创 1.（ECMAScript）基本介绍及环境搭建
文章目录1. 重点提炼2. 引言3. es环境4. 环境搭建5. 构建开发环境6. 案例1：可选链7. 案例2：消除魔术字符串8. 案例3：将类数组转化为数组9. 案例4：优雅的异步操作与解构赋值1. 重点提炼ES新特性与旧语法对比说明，理解新特性优势新语法的应用场景ES开发脚手架，开箱即用2. 引言学会框架 ≠\neq= 掌握前端无论使用哪种方式（框架）写代码（盖房子），es实际就是砖头，在项目中必不可少。ES每年都会出一个版本。 => es新特性，及语法的升级
2021-01-12 21:33:33
375
原创 4.（css3布局）使用flex布局携程网首页案例
文章目录1. 携程网首页案例制作1.1 技术选型1.2 搭建相关文件夹1.3 设置视口标签以及引入初始化样式1.4 初始化样式1.5 模块名字划分1.6 常见flex布局思路1.7 背景线性渐变2. 代码实现2.1 search-index2.2 focus2.3 local-nav2.4 nav2.5 subnav-entry2.6 sales1. 携程网首页案例制作1.1 技术选型方案：我们采取单独制作移动页面方案技术：布局采取flex布局为主1.2 搭建相关文件夹参考：https
2021-01-12 20:25:34
1690
2
原创 3. （css3布局）移动web开发——flex布局
文章目录1. 重点提炼2. 传统布局和flex布局对比2.1 传统布局2.2 flex布局（弹性布局）2.3 建议3. flex布局初体验3.1 搭建HTML结构3.2 example014. flex布局原理4.1 demo4.2 flex布局原理总结5. 父项常见属性5.1 flex-direction设置主轴的方向 :star:5.2 主轴与侧轴5.3 属性值5.3.1 example025.3.1.1 example02-15.3.1.2 example02-25.4 justify-conte
2021-01-12 14:22:12
225
原创 2. （css3布局）使用流式布局移动端JD首页案例
文章目录1. 案例：京东移动端首页2. 技术选型3. 搭建相关文件夹结构4. 设置视口标签以及引入初始化样式5. 常用初始化样式6. 导航布局6.1 首行7. 二倍精灵图做法8. 图片格式8.1 DPG图片压缩技术8.2 webp 图片格式9. 下半部布局10. 移动端布局之流式布局总结1. 案例：京东移动端首页访问地址： m.jd.com2. 技术选型方案：采取单独制作移动页面方案技术：布局采取流式布局3. 搭建相关文件夹结构images 背景图upload 产品图4.
2021-01-12 13:29:26
747
原创 1. （css3布局）移动web布局基础及流式布局
文章目录1. 重点提炼2. 移动端基础2.1 浏览器现状2.2 手机屏幕的现状2.3 常见移动端屏幕尺寸2.4 移动端调试方法3. 视口3.1 布局视口 layout viewport3.2 视觉视口 visual viewport3.3 理想视口 ideal viewport3.4 meta标签3.4.1 最标准的viewport设置3.4.2 example014. 二倍图4.1 物理像素&物理像素比4.1.1 example024.2 多倍图4.2.1 example034.3 背景缩放bac
2021-01-12 09:55:49
191
原创 3. （css3）3D转换快速上手
文章目录1. 重点提炼2. `3D` 转换3. `3D` 移动 `translate3d`4. 透视 `perspective`5. `translateZ`6. `3D` 旋转`rotateX`7. `3D` 旋转 `rotateY`8. `3D` 旋转 `rotateZ`9. `rotate3d`10. `3D` 呈现 `transform-style`11. example01-案例：两面翻转的盒子12. example02-案例：3d导航栏13. example03-案例：旋转木马14.
2021-01-11 22:39:12
278
原创 2. (css3) 2D转换及动画animation快速掌握
文章目录1. 重点提炼2. 2D 转换2.1 二位坐标系3. `2D` 转换之 `translate`3.1 `translate` 语法3.1.1 example013.2 重点知识点3.2.1 代码演示4. 让一个盒子水平垂直居中5. `2D 转换 rotate`5.1 rotate 旋转5.2 `rotate` 语法5.3 代码演示5.4 三角形案例6. 设置元素旋转中心点(transform-origin)7. 旋转中心案例8. `2D` 转换之 `scale`9. 图片放大案例10. 分页
2021-01-11 13:39:20
193
原创 1.(css3)掌握新增选择器全攻略
文章目录1. 重点提炼2. `CSS3` 介绍2.1 什么是 `CSS3`2.2 `CSS3` 发展现状3. `CSS3 ` 属性选择器3.1 代码演示3.2 example013.2.1 example01-13.2.2 example01-23.2.2.1 小结3.2.3 example01-33.2.4 example01-43.2.5 example01-53.2.6 example01-64. 结构伪类选择器4.1 属性列表4.2 代码演示4.3 example025. `nth-child`5.
2021-01-11 10:21:25
199
原创 html5最快熟练掌握并上手
文章目录1. 重点提炼2. 什么是 `HTML5`2.1 HTML版本2.2 html5简介2.3 `HTML5` 的概念与定义2.4 `HTML5` 拓展了哪些内容2.5 `HTML5 ` 的现状2.6 优势与劣势2.7 HTML5前景趋势2.8 广义的HTML52.9 小结3. `HTML5 ` 新增标签3.1 什么是语义化3.2 新增了那些语义化标签3.2.1 example013.3 使用语义化标签的注意4. 多媒体音频标签重点提炼5. 多媒体视频标签5.1 audio音频标签5.1.1 音频格式5
2021-01-10 23:19:47
151
原创 9. （css）高级常用技巧全攻略
文章目录1. CSS高级技巧重点提炼2. 元素的显示与隐藏2.1 display 显示（重点）2.1.1 example012.1.2 实际开发场景2.2 visibility 可见性 (了解)2.2.1 example022.3 overflow 溢出(重点)2.3.1 example032.3.1.1 example03-12.3.1.2 example03-22.3.1.3 example03-32.3.1.4 example03-42.3.2 实际开发场景2.4 显示与隐藏总结2.4.1 案例3.
2021-01-09 23:16:59
351
原创 8.（css）定位使用全攻略
文章目录1. 定位(position)重点提炼2. CSS 布局的三种机制3. 为什么使用定位4. 定位详解4.1 边偏移4.2 定位模式 (position)4.2.1 静态定位(static) - 了解4.2.2 相对定位(relative) - 重要4.2.2.1 example014.2.2.1.1 example01-14.2.2.1.2 example01-24.2.2.2 相对定位的特点：（务必记住）4.2.3 绝对定位(absolute) - 重要4.2.3.1 example024.2.
2021-01-09 17:49:19
364
原创 7.（css）使用浮动布局学成网案例
文章目录1. 页面制作重点提炼2. 前期准备素材3. 前期准备工作4. CSS属性书写顺序(重点)5. 布局流程6. 页面制作6.1 1) 头部制作6.2 2）banner制作6.3 3）课程表模块6.4 4）精品推荐小模块6.5 5）精品推荐大模块6.6 6） 底部模块制作7. chrome调试工具7.1 怎样打开Chrome的开发者工具？7.1.1 chrome调试数值7.1.2 快速定位css所在行数7.2 Chrome提示的常见布局错误7.2.1 1). css单词书写错误提示7.2.2 2)
2021-01-08 18:03:53
503
2
原创 5.列表和表单
文章目录1. 重点提炼2. 无序列表 ul （重点）3. 有序列表 ol （了解）3.1 自定义列表（理解）3.2 列表总结4. 表单标签(掌握)4.1 input 控件(重点)4.1.1 type 属性4.1.2 value属性 值4.1.3 name属性4.1.4 checked属性4.1.5 input 属性小结4.1.6 example014.2 label标签(理解)4.2.1 example024.3 textarea控件(文本域)4.3.1 文本框和文本域区别4.4 select
2021-01-04 20:05:34
101
原创 4.表格table
文章目录1. 重点提炼2. 表格 table(会使用)3. 创建表格3.1 example014. 表格属性5. 表头单元格标签th6. 表格标题caption6.1 example027. 合并单元格(难点)7.1 合并单元格2种方式7.2 合并单元格顺序7.3 合并单元格三步曲7.4 example038. 总结表格9. 拓展阅读@9.1 表格划分结构（了解）9.2 example041. 重点提炼表格基本结构组成合并单元格列表表单利用表格、列表和表单完成注册页面的综合案例
2021-01-04 13:25:04
118
原创 3.html常用标签
文章目录1. HTML常用标签重点提炼2. HTML常用标签2.1 排版标签2.1.1 （1）标题标签h (熟记)2.1.2 （2）段落标签p ( 熟记)2.1.3 （3）水平线标签hr(认识)2.1.3.1 example012.1.4 （4）换行标签br (熟记)2.1.4.1 example022.1.5 （5）div 和 span标签(重点)2.1.5.1 example032.1.6 排版标签总结2.2 文本格式化标签(熟记)2.2.1 example042.3 标签属性2.4 图像标签im
2021-01-04 11:33:12
428
原创 Error: Can‘t resolve ‘@babel/runtime-corejs2/helpers/slicedToArray‘
自己写的脚手架工具 npm i -g xd-es-cli我用的corejs2function foo([a, b, c]) { console.log(a, b, c)}let arr = [1, 2, 3]foo(arr)报错 =>× ｢wdm｣: assets by status 15.1 KiB [cached] 3 assetsasset index.js 895 KiB [emitted] (name: main)cached modules 330 KiB [c
2020-11-19 19:47:22
1994
原创 在github开源代码添加MIT
为自己的开源程序添加最受欢迎的开源许可证之一MIT License,按照下面步骤1分钟即可完成。官网条款全文条款全文网址：https://opensource.org/licenses/MITMIT License版权方不明，因此无正式官网，在此推荐开源组织的地址。另一个看起来像官网是由个人开源贡献者提供的：https://www.mit-license.org/如何应用到开源程序中将下文拷贝保存到LICENSE文件中。下文为官网拷贝下来的内容，建议从官网拷贝。Copyright <
2020-11-19 17:17:06
1130
原创 Copy Plugin版本问题
我的版本 => "copy-webpack-plugin": "^6.3.1",运行 npx webpack报错 =>[webpack-cli] ValidationError: Invalid options object. Copy Plugin has been initialized using an options object that does not match the API schema.- options[0] misses the property
2020-11-19 17:05:45
1340
原创 configuration.devtool should match pattern ......
报错 =>[webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema. - configuration.devtool should match pattern "^(inline-|hidden-|eval-)?(nosources-)?(cheap-(module-)?)?sourc
2020-11-19 17:02:24
2145
原创 (node:16112) ...TypeError: merge is not a function
(node:16112) UnhandledPromiseRejectionWarning: TypeError: merge is not a function at module.exports (H:\ld\task\code\Webpack\02\build\webpack.config.js:8:12) at H:\ld\task\code\Webpack\02\node_modules\webpack-cli\lib\groups\resolveConfig.js:176:35.
2020-11-19 16:58:56
371
原创 解决 =＞ Cannot find module ‘webpack-cli/bin/config-yargs
Error: Cannot find module ‘webpack-cli/bin/config-yargs’ =>> internal/modules/cjs/loader.js:965 throw err; ^ Error: Cannot find module 'webpack-cli/bin/config-yargs'Require stack:- H:\ld\task\code\Webpack\02\node_modules\webpack-dev-server\b
2020-11-19 16:53:38
947
CSS 中文手册(含索引).rar
2020-07-23
css2.0中文手册.rar
2020-07-15
网页制作完全手册.rar
2020-05-13
样式表中文手册（苏昱）
2020-05-13
nvm-setup最新版.rar
2020-05-13
PicGo-Setup-2.2.2超实用稳点版.rar
2020-04-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人