随笔分类 - javascript
摘要:
瀑布流布局 不到30行代码实现(JavaScript + absolute)支持懒加载
阅读全文

摘要:不知到什么插件的原因,导致我的vscode编辑器,在输入比如div的时候按tab不会识别成html标签,在设置了推荐词之后还是不好使,于是初始化了自己的编辑器设置 ,导致所有的插件和个性化设置都不见了 参考设置过程参考文章 虽然插件被弄没了,但是确实再重新配置之后很快就可以自动补全了,这里记录一下从
阅读全文
摘要:内存和性能 事件类型是在太多了,直接跳到事件内存和型能这里 事件委托 由于事件冒泡的原理,可以只盯一个事件处理程序,用来管理一个类型的所有事件,比如click事件会一直冒泡到document层次,也就是说如果可以的话,整个页面指定一个onclick事件,而不必给所有元素分别添加事件处理程序 利用事件
阅读全文
摘要:接上次看JS的事件冒泡和捕获,所以顺带就把事件相关的知识都看完好了 而且想到一个好的学习方法,第一天自己看,第二天把前一天学习的东西写下来,一方面可以当复习,一方面当重新整理并且分享 事件对象 事件处理程序函数在处理事件时,或者说DOM在触发某个事件的时候,会产生一个包含事件相关信息的event事件
阅读全文
摘要:事件冒泡和事件捕获 起因:今天在封装一个bind函数的时候,发现el.addEventListener函数支持第三个参数,useCapture:是否使用事件捕获,觉得有点模糊 Js事件流 页面的哪一部分会拥有某个特定事件,例子:在纸上画一组同心圆,如果手指放在同心圆上,那么手指向的不是一个圆,而是纸
阅读全文
摘要:常见的javascript 语句基本规范 1.变量和函数的命名规则 命名规则-驼峰命名法 构造函数首字母大写 2.空格,缩进,注释的使用规范 一般使用2空格代替tab 注释多行用 /** */ 单行注释直接 // 3.其他使用规范 判断变量是否相等时使用 强等类型判断一起 switch语句必须有de
阅读全文
摘要:1.Javascript延迟加载有哪些方式 浏览器解析html全过程 解析HTML结构 遇到script脚本标签(无async,defer)直接执行,或者加载,并且执行script(会阻塞HTML) 解析并执行完脚本 Dom树构建完成,加载图片等外部资源 加载结束 延迟加载或者异步加载有什么作用 不
阅读全文
摘要:1.说说Javascript中对象的几种创建模式 对象-继承-面向对象 创建对象第一个想到的关键字是 new 创建对象的目的是实现继承,继承部分通用属性 问题可以转换成 : JavaScript如何实现对象的继承,继承的形式 构造函数 首先定义一个构造函数,可以传入构造参数,demo如下: func
阅读全文
摘要:搞懂:MVVM模式和Vue中的MVVM模式 MVVM MVVM : 的缩写,说都能直接说出来 :模型, :视图, :视图模型 V:视图,即浏览器最前端渲染的页面 M:模型,数据模型,就是后端页面渲染依赖的数据 VM:稍后再说,因为暂时还不知道怎么工作,什么场景,直接解释有点没用 那就先说说前端场景:
阅读全文
摘要:什么是跨域 跨域 : 广义的跨域包含一下内容 : 1.资源跳转(链接跳转,重定向跳转,表单提交) 2.资源请求(内部的引用,脚本script,图片img,frame) 3.script内部发起的请求(ajax,dom请求,和js跨域调用 跨域问题出现 : 只有浏览器端出现,直接用终端请求,是不会出现
阅读全文
摘要:js小数运算会出现精度问题 js number类型 JS 数字类型只有number类型,number类型相当于其他强类型语言中的double类型( ),不区分浮点型和整数型。 number类型不同进制 number 有四种进制表示方法,十进制,二进制,八进制和十六进制 表示方法 二进制: 0B或者0
阅读全文
摘要:@ "TOC" 常见对base64的认知(不完全正确) 首先对base64常见的认知,也是须知的必须有以下几点 base64是一种图片编码方式,用一长串超长的字符串表示图片 在加载的时候会直接以字符串的形式加载出来,减少了图片加载的http请求 正常加载服务器静态资源的时候都应该是通过http请求回
阅读全文