- 博客(10)
- 收藏
- 关注
RSS订阅原创 javaScript 事件模型
DOM0直接绑定<input onclick="sayHi()"/>btn.onclick = function() {}btn.onclick = nullDOM2DOM2 级事件可以冒泡和捕获 通过 addEventListener 绑定 通过 removeEventListener 解绑// 绑定btn.addEventListener('click', sayHi)// 解绑btn.removeEventListener('click', sayHi)DOM3
2020-09-01 23:19:32
237
原创 DOM 重排与重绘
简述重排的概念浏览器下载完页面中的所有组件（HTML、JavaScript、CSS、图片）之后会解析生成两个内部数据结构（DOM 树和渲染树），DOM 树表示页面结构，渲染树表示 DOM 节点如何显示。重排是 DOM 元素的几何属性变化，DOM 树的结构变化，渲染树需要重新计算。简述重绘的概念1 重绘是一个元素外观的改变所触发的浏览器行为，例如改变 visibility、outline、背景色等属性。浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。由于浏览器的流布局，对渲染树的计算通常只需要遍历
2020-09-01 23:00:26
963
原创 javaScript 数组对象常用方法
Array.map()此方法是将数组中的每个元素调用一个提供的函数，结果作为一个新的数组返回，并没有改变原来的数组let arr = [1, 2, 3, 4, 5];let newArr = arr.map(x => x * 2);//arr= [1, 2, 3, 4, 5] 原数组保持不变//newArr = [2, 4, 6, 8, 10] 返回新数组Array.forEach()此方法是将数组中的每个元素执行传进提供的函数，没有返回值，直接改变原数组，注意和 map 方法区分
2020-09-01 22:53:20
213
原创 javaScript 基础
for in1.一般用于遍历对象的可枚举属性。以及对象从构造函数原型中继承的属性。对于每个不同的属性，语句都会被执行。2.不建议使用 for in 遍历数组，因为输出的顺序是不固定的。3.如果迭代的对象的变量值是 null 或者 undefined, for in 不执行循环体，建议在使用 for in 循环之前，先检查该对象的值是不是 null 或者 undefinedfor of1.for…of 语句在可迭代对象（包括 Array，Map，Set，String，TypedArray，argum
2020-09-01 22:40:39
111
原创 js 原型链
1.我们需要牢记两点：①__proto__和constructor属性是对象所独有的；② prototype属性是函数所独有的，因为函数也是一种对象，所以函数也拥有__proto__和constructor属性。2.__proto__属性的作用就是当访问一个对象的属性时，如果该对象内部不存在这个属性，那么就会去它的__proto__属性所指向的那个对象（父对象）里找，一直找，直到__proto__属性的终点null，再往上找就相当于在null上取值，会报错。通过__proto__属性将对象连接起来的这条链
2020-09-01 22:23:20
86
原创 前端常用工具介绍
Chrom 调试 九大功能面板：1 Elements元素面板：检查调整调试页面，调试DOM，调试CSS；2 NetWork网络面板：调试请求，了解页面静态资源分布，网页性能检测；3 Console控制台面板：调试JavaScript，查看Console log日志，交互式代码调试；4 Sources源代码资源面板：调试JavaScript页面源代码，进行断点调试代码；5 Application应用面板：查看&调试客户端存储，如Cookie、LocalStorage、session
2020-09-01 22:09:58
297
原创 git 常用命令介绍
一：安装本地仓库(初始化仓库)1. 打开目标空文件 右键打开 Git Bash Here 命令（或者终端） 打开git终端输入git init 初始化本地仓库git config --global user.name “名字”git config --global user.email “你的邮箱”二：查看工作区内容git status 查看当前工作区状态提示说明：NO commits yet 是没有最新的提交记录(暂存不算)Untracked files: 是显示未跟踪的文
2020-09-01 21:44:47
114
原创 Uni-跨端开发总结
**Uni 基于vue 的语法，所以在跨端里最支持的H5页面**1.uni-app不支持动态组件，目前在用v-if判断，或者用scroll-view切换，没有想到什么其他的办法。2.uni-app不支持具名插槽，会导致页面塌陷。3.uni-app在做动态样式渲染的时候可能会对高度，偏移，定位不友好，但是用px单位就不会有问题，感觉原因是在打包的时候upx单位不会编译成px。4.平常我们再写vue项目的时候会写一个扫描文件，为的就是不用每个组件都去引用那么多组件，但是我在做uni-app的时候浏览
2020-09-01 21:42:47
184
原创 vue - weath
1.引用类型监听（如数组，对象）// obj 为 data中的监听对象obj：{handler：function（newV,oldV）{ console.log('watch中：',newV) } //是否开启深度监听，一般只有开启才能监听得到，但是变化时候是整个引用对象全部输出 teep:true. //是否在创建时候就执行监听（handler）方法，默认不开启 immediate:false }1.handler方法和immediate属性而immediate:true代表
2020-08-29 22:01:05
306
原创 webpack的基本使用
webpack的基本使用打包需要 node 环境支持初始化环境 npm init -y生产环境配置打包js文件创建webpac环境npm install webpack webpack-cli -D1.新建 webpack 配置文件 在更目录下2.名字一般为 webpack.config.js3.文件内容如下（配置项）const paht = require('paht') 引入寻找文件的包，这个node 自带的 module.exports = { mode : ' develo
2020-08-29 21:45:44
128
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人