- 博客(19)
- 收藏
- 关注
RSS订阅原创 Vue实现时钟
采用定时器来获取最新的时间，通过Date的方法获取年份、月份、日期、星期以及当前时间，用来拼装时钟，然后使用生命周期函数create来创建定时器，是时钟每隔一秒钟发生一次变化，达到时钟在走的效果，同时在beforeDestroy函数中清除定时器toTimeString() 方法可把 Date 对象的时间部分转换为字符串，并返回结果。const days = ['天', '一', '二', '三', '四', '五', '六']; // 星期数组let icnow = new Date()...
2020-06-30 11:00:02
4390
原创 前端工程师自检清单（六）
前端工程项目构建 理解npm、yarn依赖包管理的原理，两者的区别 谈谈npm依赖管理npm和yarn的区别，我们该如何选择? 可以使用npm运行自定义脚本 npm scripts 使用指南 理解Babel、ESLint、webpack等工具在项目中承担的作用 Babel是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 J...
2019-09-09 16:17:45
743
原创 前端工程师自检清单（五）
六、框架和类库TypeScript 理解泛型、接口等面向对象的相关概念，TypeScript对面向对象理念的实现 泛型：工程中，我们不仅要创建一致的定义良好的API也要考虑重用性。组件不仅能支持未来的数据类型，也能支持未来的数据类型。泛型就是用来创建可重用的组件，一个组件可以支持多种类型的数据。function getData<T>(value: T):T{...
2019-08-26 08:25:31
486
原创 前端工程师自检清单（四）
五、运行环境浏览器API 浏览器提供的符合W3C标准的DOM操作API、浏览器差异、兼容性 web API：浏览器提供的一套操作浏览器功能和页面元素的API（BOM和DOM）。DOM文档对象模型，是W3C组织推荐的处理可扩展标志语言的标准编程接口。获取元素：getElementById getElementByTagName getElementByName getEl...
2019-07-18 14:24:36
563
原创 前端工程师自检清单（三）
四、数据结构和算法JavaScript编码能力 多种方式实现数组去重、扁平化、对比优缺点 数组去重1.遍历数组：新建一个数组，遍历需去重的数组，当值不再新数组时indexOf === -1 就加入新数组2.排序后相邻去除法：给传入的数组排序，排序后相同的值会相邻，然后遍历排序后数组时，新数组只加入不与前一值重复的值。3.优化遍历数组法：双层循环4.ES6中的Set数据...
2019-07-15 11:05:54
584
原创 前端工程师自检清单（二）
二、HTML和CSSHTML 从规范的角度理解HTML，从分类和语义的角度使用标签 Html的标签分很多种：1.head里面的元信息标签 2.img、video、audio等替换型媒体标签 3.语义类标签《重学前端》 HTML语义 常用页面标签的默认样式、自带属性、不同浏览器的差异、处理浏览器兼...
2019-07-04 11:34:34
1769
原创 前端工程师自检清单（JavaScript基础）
知识体系来源于一名【合格】前端工程师的自检清单winter在他的《重学前端》课程中提到：到现在为止，前端工程师已经成为研发体系中的重要岗位之一。可是，与此相对的是，我发现极少或者几乎没有大学的计算机专业愿意开设前端课程，更没有系统性的教学方案出现。大部分前端工程师的知识，其实都是来自于实践和工作中零散的学习。一.JavaScript基础变量和类型 Java...
2019-06-24 17:28:40
843
原创 《ES6入门》学习笔记
ES6和ECMAScript2015的关系标准委员会最终决定，标准在每年的 6 月份正式发布一次，作为当年的正式版本。接下来的时间，就在这个版本的基础上做改动，直到下一年的 6 月份，草案就自然变成了新一年的版本。这样一来，就不需要以前的版本号了，只要用年份标记就可以了。ES6 的第一个版本，就这样在 2015 年 6 月发布了，正式名称就是《ECMAScript 2015 标准》（简称 ...
2019-01-04 17:11:41
562
转载 Unable to preventDefault inside passive event listener[转载]
转载 https://segmentfault.com/a/1190000008512184 最近做项目经常在 chrome 的控制台看到如下提示：Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromest...
2018-11-29 16:11:03
292
原创 JavaScript设计模式
Javascript十分灵活，是一种弱类型语言，在js中一切都是对象，而且所有对象都是易变的，内省，运行时检查对象所具有的属性和方法，还可以使用这种信息动态实例化类和执行其方法（反射）JS在模仿接口的三大方法：注释法：使用了interface和implements关键字。易于实现，提高代码的可重用性，不影响文件尺寸和执行速度，但是不会 对是否实现了正确...
2018-10-26 17:25:43
235
原创 《JavaScript权威指南》学习笔记
一、类型，值和变量1.构造函数函数用来初始化一个新建的对象，我们称为构造函数。每个构造函数定义了一类对象（由构造函数初始化的对象组成的集合）数组类，函数类，日期类，正则类，错误类2.Math对象的复杂运算：Math.pow(2,53) //2的53次幂Math.round(.6) //四舍五入Math.ceil(.6) //向上求整Math.floor(.6)...
2018-09-03 17:31:45
302
原创 工作实际排坑之旅
vue中的回车事件vue使用element-ui的el-input监听不了键盘事件，原因应该是element-ui自身封装了一层div在input标签外面，把原来的事件隐藏了，情况如下：直接使用标签: <input placeholder="账号" @keyup.enter="doLogin"></input>element-ui: <el-...
2018-07-26 14:55:19
751
转载 js对数组常用方法用法解析（转载）
http://blog.csdn.net/hehaoyang666/article/details/39137553 js中的join(),reverse()与 split()函数用法解析 [javascript] view plain copy<script> /* * 1：arrayObject.reverse() * ...
2018-07-17 09:04:05
172
转载 前端面试题总结（转载）
DOM结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动 1.DOM中两个节点存在的关系无非3种： 1.1.包含与被包含,IE率先引入的contains()方法可检测，例 A.contains(B)， 即检查节点B是否是节点A的子节点，返回布尔值，现大多数浏览器都支持； DOM level 3引入的compareDocumentPo...
2018-05-28 11:54:59
2299
1
原创 Canvas学习笔记
什么是canvas？（了解）是HTML5提供的一种新标签<canvas></canvas> 英 ['kænvəs] 美 ['kænvəs] 帆布画布Canvas是一个矩形区域的画布，可以用JavaScript在上面绘画。控制其每一个像素。canvas 标签使用 JavaScript 在网页上绘制图像，本身不具备绘图功能。canvas 拥有多种绘制路径、矩形、圆形、字符...
2018-05-22 22:56:15
1256
原创 Bootstrap
Bootstrap简介什么是Bootstrap？框架：库 lib libraryjQuery作为一个框架来讲，提供一套比较便捷的操作DOM的方式把大家都需要的功能预先写好到一些文件 这就是一个框架Bootstrap 让我们的 Web 开发更简单，更快捷；注意是 Bootstrap 不是 BootStrap！这是一个词，不是合成词，其含义为：n. 引导指令,引导程序Bootstrap 是当下最流行的...
2018-05-03 09:54:44
205
原创 AJAX学习笔记
异步就是指某段程序执行时不会阻塞其他程序执行，其表现形式是程序的执行顺序不依赖于程序本身的书写顺序，相反则是同步打电话是同步，发短信是异步XMLHttpRequest浏览器内建对象，用于在后台与服务器通信（交换数据），由此我们可以实现对网页的部分更新，而不是刷新整个网页步骤：var xhr = createXHR();//创建对象 xhr.open(“方式”,”地址”,”标志位”);//初始化请求...
2018-04-08 19:53:43
129
转载 什么事DOM？
1 什么是 DOM你可以把 DOM 看成节点&amp;amp;lt;img src=&quot;https://pic3.zhimg.com/50/05667ad752947e4b8e6176f98ca1e736_hd.jpg&quot; data-rawwidth=&quot;414&quot; data-rawheight=&quot;186&a...
2018-03-16 15:17:01
186
原创 仿京东多选栏
a, address, b, big, button,body, center, cite, code, dd, del, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, stro
2018-01-19 10:23:27
436
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人