- 博客(17)
- 收藏
- 关注
RSS订阅原创 HTML5中的canvas、SVG、drag
Internet Explorer和Safari不支持SVG滤镜）直接嵌入到HTML页面中，或可以直接链接到SVG文件。获取canvas元素并创建context对象。折线:polyline。多边形:polygon。椭圆:ellipse。
2023-06-02 09:24:32
116
原创 export default 和export的区别
通过export 导出的模块，需通过以下格式引入，且名字需和模块名一样，但可以通过as重命名。通过export default导出的模块，可以通过任意名字引入。
2023-05-25 10:22:55
45
原创 ECMAScript5
新增特性："use strict" 指令使用严格模式的原因：严格模式使我们更容易编写“安全的” JavaScript。严格模式把之前可接受的“坏语法”转变为真实的错误。（，向不可写的、只能读取的、不存在的属性赋值，或者向不存在的变量或对象赋值，将抛出错误）String.trim()：删除字符串前后的空格Array.isArray()：判断是否是数组Array.forEach()：遍历数组Array.every()：检测数组所有元素是否都满足条件，返回值为true|false。
2023-05-24 15:39:55
53
原创 js中的arguments
arguments 对象仅在函数内部有效，在函数外部调用 arguments 对象会出现一个错误。arguments前未跟函数名取当前函数的参数，否则取指定函数的。arguments.callee表示对函数的引用，即与函数等同。arguments为类数组只有数组中的length的属性。caller：返回调用当前函数的函数。
2023-05-24 10:33:52
32
原创 ES6和ES5的区别
promise：是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果，语法上来说是一个对象。set：集合，里面的值都是唯一的，可用于数组去重，对对象的引用为强引用，无法回收。箭头函数没有this指向，内部this指向通过查找到最外层的作用域。不能使用new，不是一个对象，是一个语法糖。async：返回一个promise对象。symbol：用于定义唯一的值。没有arguments。
2023-05-24 09:02:39
90
原创 《你不知道的js》读书笔记（二）
如果是的话，this 绑定的是 指定的对象。var bar = foo.call(obj2)函数是否在某个上下文对象中调用（隐式绑定）？如果是的话，this 绑定的是那个上 下文对象。如果在严格模式下，就绑定到 undefined，否则绑定到 全局对象。如果是的话 this 绑定的是新创建的对象。var bar = new foo()深复制：var newObj = JSON.parse( JSON.stringify( someObj ) );浅复制：Object.assign(目标对象，源对象...)
2023-05-15 20:02:38
26
原创 《你不知道的js》读书笔记(一）
在作用域中找不到该变量时RSH会抛出 ReferenceError 异常，而LSH会自动隐式的创建一个全局变量（非严格模式下）词法作用域（作用域查找始终从运行时所处的最内部作用域开始，逐级向外或者说向上进行，直到遇见 第一个匹配的标识符为止）如果是，引擎就会使用这个变量；如果否，引擎会继续查找该变量。RSH：赋值操作的右侧 例如：consol.log(a)LSH：赋值操作的左侧。所查找的变量在赋值操作的左侧还是右侧。根据名称查找变量的规则。
2023-05-15 15:58:45
49
1
原创 js判断数据类型
结论：contructor和Object.prototype.toString.call可以用于全部情况。typeof更可用于检测基本数据类型（除了null），instanceof用于检测引用数据类型。instanceof：根据该实例对象的构造函数是否等于后面一个构造函数，只用于判断引用类型，基础数据类型不是对象，所以无法使用该种方法判断。操作符是按照数据在计算机底层存储的二进制结果来进行检测的,该方式无法区分数组、对象、null。：通过原型链访问实例对象指向的构造函数名。，对象在底层存储的二进制是。
2023-05-10 20:03:15
33
原创 前端之HTML标签语义化
标签语义化即使用与该标签对应功能的单词作为该标签的标签名，语义化即标签名是有意义的。去掉css，看剩下的html解构是否清晰。
2023-05-08 10:28:17
35
原创 前端之BFC
也就是在同一个bfc里，两个相邻的元素设置设置了margin为10px，但是实际上二者间的距离只有10px，因为同一个BFC容器内的兄弟元素会产生垂直方向上的margin重叠，会取两个相邻元素之间最大的marign作为之间的间隔。浮动的元素会脱离文档流，使得父元素的高度无法通过子元素撑开，使用bfc可以利用bfc父元素的高度会计算浮动元素的高度这一特点。BFC：即块级格式化上下文。也就是一个独立的渲染区域，和外面的元素是互不影响的。向父元素添加 overflow: hidden;
2023-05-08 10:06:55
36
原创 跨多端开发
使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信/百度/支付宝/字节跳动/QQ小程序、快应用、H5、React-Native 等）运行的代码。开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。：是一个跨多端开发的统一解决方案，它可以像变色龙一样适应不同的环境， 一次开发，多端运行，一端所见即多端所见，由。
2023-02-08 10:33:11
115
原创 js中的事件执行机制
执行到 setTimeout时由于 setTimeout属于宏任务等待时间到达或成功后，将回调的结果放入到宏队列中等待同步任务和微任务以及ui渲染执行结束后执行。的事件执行机制，前面相同，但当遇到开始执行宏任务时会优先执行宏任务里的微任务等到微任务队列为空时再执行下一个宏任务。执行到第五行代码时，返回的对象属于promise属于微任务，放入微任务队列等待同步任务执行完后执行。在上述例子中任务1、3、5都是属于同步任务，按照代码顺序先后执行。顺序：同步任务->微任务->ui渲染->宏任务。
2023-01-31 14:10:34
132
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人