- 博客(19)
- 收藏
- 关注
RSS订阅原创 借vue 领悟object的变化侦测和依赖操作
对象变化侦测思考步骤：1. 数据劫持 ---- defineReactive； 2. 每一个对象劫持属性所绑定的依赖（函数或模板）---- Watcher； 3. 对 单个对象属性 绑定的所有依赖（函数或模板） 收集 ---- Dep； 4. 深度（逐层遍历）对 对象内的属性 进行数据劫持 ---- Observer； 5. 其他函数(抛在外面方便调用)： 5.1 ---- 向外抛删除依赖的函数，可改删除成功回调： remove；
2022-04-14 03:35:27
158
原创 jQuery-自动轮播优化
jQuery很好用，为了更形象的掌握，添加轮播图。实现思路：通过改变图片的地址来优化代码，比如这样有规律的图片，只需添加一张图，然后修改图的src 内的num就可以。由于ES6的迅速，采用一点方法啦，但完全不影响，甚至更优化。这里添加了 控件和实现功能，如下：控件：1. 左右按钮2. 指示灯3. 美图一张（。。。）实现功能：1. 左右按钮，切换图片2. 指示灯切换 鼠标移入...
2019-09-06 01:08:42
173
原创 JS for语句
循环语句应用场景：遍历数组和对象for 循环使用 for(var i = 0; i < arr.length; i ++){ 执行语句 }使用 for( x in arr){ 执行语句 } 语法： for (key in obj) {} 作用： 遍历对象for 计算方式方式： 第一步 找规律 第二步 根据规律学表达...
2019-08-25 20:51:24
572
原创 JS函数
函数函数定义： function函数执行： 函数名加 ()参数return 终结 条件 并 可返回值 形参和实参 形参作用：接收实参，供方法体使用 实参作用：向方法体传值 实参如果为【定义的函数】，则这个函数是回调函数方法体var 定义的变量，只有在方法体中声明的变量为局部 的，其他一律为全局的方法体中变量：执行完毕后就会被释放，...
2019-08-25 20:47:02
118
原创 闭包
闭包概念函数的返回值 为 被定义的函数，外部函数中 套 另一个函数，优点：保证变量不会被全局污染，外部可以访问函数内部的变量缺点：执行完毕后变量不会释放，容易造成内容溢出原理： 因为作用域 以及函数赋值的特点函数赋值特点 将一个定义的函数赋值给另一个变量XX，xx() 实际上执行的就是这个作用域以及父级作用域的值，如果为局部变量， 全局变量不会污染布局变量func...
2019-08-25 20:29:03
132
原创 原生JS基础语句
JS基础语句条件语句满足某个条件时才执行的代码片段条件是由表达式构成，利用表达式返回的结果进行判断处理。应用：完成一件事情，在不同的条件下输出不同结果 --> 用条件语句if语句if(){ }else if(){ }else{}条件句： if(){} else if() {} else{}() 里面写【判断条件】，表达式条件一般为{} 表示语句的...
2019-08-18 21:49:45
204
原创 原生JS常见对象
创建对象ECMA变量用‘var’关键字来定义变量，并可以将其初始化为任意值变量中存储的值可以改变关键字及保留字关键字保留字ECMAJscript运算符运算符是指完成操作的一系列符号，也称为操作符运算符用于江一个或多个指进行运算并返回结果。使用运算符的值称为操作数运算符和操作数的组合称为表达式运算符的类型1 算术运算符分别是 ： + - * / ...
2019-08-18 21:46:54
585
原创 原生JS简介
原生JS 简介ECMAScript是什么？是一个面向对象语言；也是解析语言，也是轻量级语言的天然运行环境是浏览器存在兼容性问题；因为每个浏览器对JS 的解析程度不同。作用：实现浏览器和用户的交互；以及动态样式的交互交互：一问一答在js 眼中；页面上所有东西都是数据（data在JS 的眼里万事万物都是对象，所程序员天天面向对象但是找不到对象ECMAScript 是一种基于对象（...
2019-08-18 21:27:40
1557
原创 GIt必须掌握的常识四 切换git历史版本
时光机穿梭1.$ Git status status是 身份，状态，地位，状况的意思，在这里命令表示查看当前git仓库的状态2.$ git diff readme.txt1)diff 表示 Difference，不同的；2)查看目标文件是否修改，或者是查看该文件修改内容（这个有些版本做不到，可能是操作系统不同引起的）。3.$ git commit -m “add distribut...
2019-08-11 22:55:27
13390
1
原创 GIt必须掌握的常识三 掌握工作区的状态
在上篇中讲解了Git安装和上传，这里将讲解查看Git 状态。首先，先来简单讲一下git的缓存区 和工作区 和 存储区。1. Git 缓存区： 在个人电脑上，将写好的文件或者是文件夹提交到 git 的操作命令 git add XXX 的 保存的存储区域就是 Git 缓存区，就像是人员排队存钱，这个时候还没有将钱存储到银行。2. Git 工作区：在个人电脑上，可以在git仓库中能做很多有意义的...
2019-08-11 22:31:05
314
原创 Git必须了解的常识二 Git安装与存储，以及新建本地仓库，与 gitee 仓库 进行拉取与推送
一、Git安装git安装很简单，在浏览器上搜索 git 下载就能报一堆的链接，我这里推荐(https://git-scm.com/downloads)。打开后一般首页都会出现这个点击下载就会出现压缩包，安装在电脑选定的目录里就可以，建议一直默认下去。安装完成后，在开始菜单里找到“Git” -> “Git Bash”，蹦出一个类似命令窗口的东西，就说明Git 安装成功！安装完成后...
2019-08-11 22:04:36
488
1
原创 Git必须了解的常识一
在前端开发过程中，程序员会不断编写，修改，造成很多个版本，如版本一，版本二，版本三……版本n,这时，要想清楚的知道具体哪个版本修改了哪些内容，往往靠人的记忆是有难度的。这时，就需要一个工具来清晰的、快速的、方便的来帮程序团队和个人达到这个目的。那这个工具是谁呢？好的，废话终于说完了，开始这章的重点内容。问题一：Git 是什么？Git是目前世界上最先进的分布式版本控制系统（没有之⼀）。问题二：...
2019-08-11 19:58:14
158
原创 前端命名规范
命名规范很重要最开始，我还在HTML的这条学习的路上跑的时候，我的一个老哥刚进入一家公司，第二天，组长就对他说：你这命名很随意啊。结果，没过多久，他就主动提出辞职，其中的酸甜苦辣也许我只能体会到微末，但是，他反复提醒我说要养成命名规范的习惯，同时，要养成规范的编码方式。好，下面是我的一些关于命名规范的小结，下面一一阐述。不能用什么命名？1：不能中文命名2：不能中英混合3: 不能直接使用c...
2019-08-05 00:00:57
1067
原创 关于css3过渡、动画、变换的新特性
过渡css3 添加了很多新特性，这里，对过渡、动画、2d变换 加粗样式进行小结。在浏览器中，过渡效果一般是由浏览器直接改变元素的css属性实现。过渡使用也有一定范围，比如在最开始页面加载时浏览器不会应用过渡，而是直接反映的时没有过渡的样式。在后期触发后才会有过渡的效果出现。过渡属性transition-property 指定应用过渡的属性，值用字符串表示。transiti...
2019-08-04 23:24:48
661
原创 前端负margin 技术
负margin 技术负margin技术只对块元素和行内块元素有效果，行内元素设margin无效。margin-top 和 margin-left: 当为正时，是 相对自己原来位置 移动自己的 该正向 边距当为负值时，是 相对自己原来的位置进行盒子提升，像css层叠覆盖一样，并会对该盒子的上一个盒子进行遮住的效果。margin-top:将自己（该元素盒子）向上提升；margin-l...
2019-08-03 03:01:58
209
原创 块标签、行内块标签、行内标签的详细特点
标签的作用： 1. 圈定页面范围，划分页面结构：通过样式实现 2. 标记实际内容，添加某些功能：通过属性实现块标签的特点<h3>块标签的特点</h3><ol> <li>代表性标签：div,main,header,h2,ol,ul,li...</li> <li>默认的宽度是占据父标签内容的...
2019-07-28 23:48:42
2382
原创 前端盒子布局
前端盒子布局方法一 position分别使用 position：absolute|| fixed,脱离文档流，相对父级一级一级查找，第一次出现position的容器进行定位自身位置会被后面的元素占用， 或者是relative，相对自身定位，自身的位置依然保留在文档流中，使用top,left,bottom,right进行定位方法二 浮动分别对需要浮动的元素添加float，同时，浮动...
2019-07-27 23:56:31
1129
原创 纯js和纯css制作鼠标移入移除滑动动画
纯js和纯css制作鼠标移入移除滑动动画你好，欢迎来到我的笔记本里。这里，我将分享我的心得，还有，感谢你的欣赏。简单介绍用到的知识点定位：position：absolute ，绝对定位，是相对于脱离文档流的父级定位标签进行定位，包括（absolute、relative），如果上一级没有找到，就继续一层一层的往上找，直到找到定位的标签，如果都没有，默认为body；定位：position: ...
2019-07-22 23:26:49
2585
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人