前端
萤火虫 ✨
这个作者很懒,什么都没留下…
展开
-
vue虚拟dom和diff算法
h函数:创建虚拟dom,可以嵌套调用得到虚拟dompatch函数:让虚拟结点上树,得到htmlVNode格式:childrendata{props:{}}elm:指向真正的dom结点key:服务于diff算法,最小量更新sel:'a’选择器标签text转载 2021-09-01 15:06:53 · 79 阅读 · 0 评论 -
清空数组的方法
方法:length\splice和初始化为空转载 2021-08-31 14:53:01 · 733 阅读 · 0 评论 -
slice和splice的区别
区别转载 2021-08-31 14:45:10 · 47 阅读 · 0 评论 -
vue渲染
虚拟DOM用javascript对象表示DOMdiff算法将老的虚拟DOM和新的虚拟DOM进行比较,算出如何最小量更新,最后反应到真正的DOM上。DOM变为虚拟DOM:模板编译虚拟结点的属性原创 2021-08-28 10:13:27 · 80 阅读 · 0 评论 -
js操作原生dom的增删改查
js操作原生dom的增删改查转载 2021-08-27 21:40:06 · 169 阅读 · 0 评论 -
vue组件间传值的六种通信方式
vue组件通信转载 2021-08-22 11:08:38 · 61 阅读 · 0 评论 -
MDN Web Docs
MDN web中文文档原创 2021-08-13 00:04:10 · 801 阅读 · 0 评论 -
前端面试知识
如何防止cookie被篡改服务器针对重要参数利用签名生成算法生成一个签名,用户篡改后,服务器会发现参数和签名不一致。cookie防篡改http 请求、缓存请求缓存1缓存2请求头和响应头的cachecontrol...原创 2021-08-05 22:47:44 · 68 阅读 · 0 评论 -
vue-插值表达式的闪动问题
原创 2021-07-22 15:28:15 · 118 阅读 · 0 评论 -
setTimeout、Promise、Async/Await 的区别
讲解4 5 2 3 6 h 1原创 2021-07-12 11:09:38 · 74 阅读 · 0 评论 -
电商后台管理系统前端开发总结
前端和服务器存在跨域问题使用token维持状态,否则使用cookie或者session记录状态转载 2021-07-03 16:51:59 · 458 阅读 · 0 评论 -
基于git的开发
开发本地新建分支:git checkout -b 分支名字查看确认当前所处分支: git branch如果云端没有此分支,则把新建分支推送到云端: git push -u origin 分支名字提交代码查看确认当前所处分支: git branch将所有修改文件添加到本地暂存区: git add .将当前所有代码提交到当前分支: git commit -m “本次开发功能描述”云端存在当前分支则把当前代码推送到云端: git push云端没有此分支则需要按照开发步骤中云端没有对应分支的情况在原创 2021-06-29 21:13:26 · 101 阅读 · 0 评论 -
Elementui官网地址
elementui官网原创 2021-06-27 12:47:02 · 18540 阅读 · 0 评论 -
js事件冒泡和事件捕获
重点DOM事件流绑定事件方法addEventListener()接收三个参数:事件名称,事件处理函数和一个布尔值。布尔值为true,则表示在捕获阶段调用事件处理程序;如果为false,则表示在冒泡阶段调用事件处理程序。js事件流...转载 2021-06-22 10:14:54 · 93 阅读 · 0 评论 -
前端学习路线
路线图原创 2021-06-21 22:23:56 · 37 阅读 · 0 评论 -
前端学习之搭建github静态博客总结
步骤Github创建仓库,仓库名字为****.github.io,许可证选择MIT创建index.html地址栏输入****.github.io即可访问博客主页基础知识总结首先规划好网页的布局结构,采用div包含不同的模块网页的主要模块:header、main、footer header中常用部分:nav导航栏 main中常用部分:section划分不同的大模块 footer中常用的部分:微信、微博等图标的引用 1、打开http://www.fontawesome.com.c原创 2021-06-21 22:20:21 · 158 阅读 · 0 评论 -
js特点记录
声明提升&初始化不会提升1、javascript中函数及变量的声明都将被提升到函数的最顶部,变量可以在使用后声明,也就是变量可以先使用再声明。2、javascript只有声明的变量会提升,初始化的不会提升。块级作用域1、ES5只有全局作用域和函数作用域,没有块级作用域。2、ES6中的let实际上为javascript新增了块级作用域。3、ES5可以利用闭包实现块级作用域。...原创 2021-06-20 10:35:21 · 50 阅读 · 0 评论 -
前端面试准备记录一
1.MVVM是什么,描述一下2.用过JQuery吗,JQuery和Vue有什么区别jquery介绍:jquery是一个类库,不能算框架vue介绍:vue是一个基于MVVM的前端框架,通过双向数据绑定把view层和Model层连接起来通俗的讲,就是利用observe监听Model层的数据变化;利用Compile来编译解析模板指令,最终利用Watcher搭起Observer和Compile之间的通信桥梁,达到数据变化 (model)-》视图更新(view);视图变化(view)-》数据(model)变原创 2021-06-15 22:36:10 · 566 阅读 · 0 评论 -
DOM节点属性与操作节点
DOM结节点的属性每个节点都有一个childNodes属性,其中保存着一个NodeList对象,用于保存一组有序的节点。其它属性:parentNode、previousSibling、nextSibling、firstChild、lastChild操作节点1、appendChild()用于向childNodes列表的末尾添加一个节点,添加节点后。childNodes的新增节点、父节点及以前的最后一个子节点的关系指针都会相应的得到更新。2、insertBefore()方法:用于把节点放在chil原创 2021-06-10 10:49:07 · 130 阅读 · 0 评论 -
正则表达式
基础语法数字的正则表达式原创 2021-06-08 15:53:32 · 57 阅读 · 0 评论 -
函数声明与函数表达式
函数声明,重要的特征是函数声明提升。函数表达式,即匿名函数原创 2021-06-08 15:51:20 · 48 阅读 · 0 评论 -
javascript面向对象编程prototype
js prototype转载 2021-06-08 14:20:00 · 81 阅读 · 0 评论 -
javascript执行环境及作用域
每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中每个函数都有自己的执行环境代码在一个环境中执行时,会创建变量对象的一个作用域链,作用域链的用途是保证对执行环境有权访问的所有变量和函数的有序访问。如果这个环境是函数,则将其活动对象作为变量对象。延长作用域链/网易云前端项目参考...原创 2021-06-08 10:10:49 · 159 阅读 · 1 评论 -
javascript模仿块级作用域
原创 2021-06-03 14:45:39 · 151 阅读 · 1 评论 -
前端开发之html
基本标签html标签参考手册<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>hello</title> </head> <body> <h1>我的第一个标题</h1> <h2>我的第二个标题</h2>原创 2021-06-03 14:42:02 · 59 阅读 · 0 评论 -
2021-05-27
引用类型Object类型Array类型javascript中数组的特点是:数组的每一项可以保存任何类型的数据,而且数组的大小是可以动态调整的。数组之栈的使用javascript为数组提供了push和pop方法,以便实现类似栈的行为。数组之队列的使用重排序方法reverse()sort()注意:sort排序会把数组中的内容转换为字符串再进行排序操作方法concat():连接数组slice():截取数组splice():位置方法迭代方法原创 2021-05-28 17:14:31 · 81 阅读 · 0 评论 -
JavaScript
1、HTML中使用JavaScript标签的位置1.避免因脚本过多,脚本解析时间太长出现延迟解决方法1:在body标签的最后插入脚本解决方法2:在head标签中插入脚本,script标签添加属性defer=“defer”;这个属性的用途表明脚本在执行时不会影响页面的构造。即脚本会被延迟到整个页面解析完毕后再运行。2、异步脚本3、小结2、基本概念数据类型Undefined:未定义类型Null:空对象指针Boolean:有true和false,区分大小写Number:Nu原创 2021-05-27 18:46:26 · 46 阅读 · 0 评论 -
HTML样式
三种样式表插入方法外部样式表<link rel="stylesheet" type="text/css" href="mystyle.css">内部样式表<style type="text/css">body {background-color:red}p{margin-left:20px}</style>内联样式表<p stytle="color:red">...原创 2021-05-19 22:42:05 · 64 阅读 · 0 评论