摘要：
【岗位职责】 1、负责项目前端部分正常迭代开发和维护 2、优化产品质量、性能、用户体验 3、参与新的前端开发技术进行研究和应用推广 【岗位要求】 1、熟悉W3C规范，熟悉HTML、Css/Less、 Es5/6+前端开发技术 2、熟练使用vue，或其它至少1种前端主流框架，并了其原理 3、有成熟的模 阅读全文
摘要：
第一章：基础知识 1、hello world 一个简单的hello world <!DOCTYPE html> <html lang="en"> <body> <div id="container"></div> <script src="https://unpkg.com/react@16/umd 阅读全文
摘要：
一、发展历程 javaScript是Netscape为了解决互联网初期网速过慢，而导致用户体验差而诞生的用在客户端语言。 比如一次用户输入提交等待几十秒后，服务器悠哉悠哉的返回了个‘xxx是必填项’。 而javaScript则将这些逻辑优先处理在客户端。 在Netscape将JavaScript发展 阅读全文
摘要：
一、兼容性问题的产生 随着时间的推移，es6及其更高版本的'新版js'语法逐渐普及使用开来。 不像后端一样，只需要升级一台掌握在开发者手中的设备（服务器），就万事大吉。 由于客户端浏览器掌握在用户手中，他们拿老的浏览器访问我们新版的语法，代码自然是运行不起来，也就产生了前端颇为头痛的‘兼容’问题。 阅读全文
摘要：
前言 说起起面向对象的概念，大家大部分的印象都是与后端相关的。 其实并不是这样，我觉得面-向对象这种思想适合在任何的场景，甚至在现实的场景中。 因为后端相关语言在实践和理论概念的资料和资源能看到的多很多。 而且历史原因，前端最开始之初，大部分时间和精力都是在切页面和利用js操作dom。 所以前端对这 阅读全文
摘要：
IE8-时间格式问题 new Date()不支持传入中划线格式的字符 跟小程序一样的bug，如下就会报错 new Date('2020-01-01') 解决办法，替换成2020/01/01的形式就好了 new Date('2020-01-01').replace(/-/g, "/")); IE8-a 阅读全文
摘要：
人文历史 “设计模式”这个术语最初并不是出现在软件设计中，而是被用于建筑领域的设计中。 1977 年建筑界已经有人提出了设计模式。1990 年软件工程界才开始研讨设计模式的话题，后来召开了多次关于设计模式的研讨会。 1995 年，GoF四人合作出版了《设计模式：可复用面向对象软件的基础》一书，共收录 阅读全文
摘要：
关于注释问题 注释规遵循jsDoc 类注释（多行注释） /** * 工具类 * @author 丁少华 * @date 2020-01-01 08:00:00 */ 方法注释（多行注释） /** * 用于xxx * @param {string} uid - 用户id * @return {User 阅读全文
摘要：
一、编译 编译命令 直接cmd下执行webpack 即可，但是配置成为node项目，就可以使用npm的快捷脚本了， 那么我再提供一个在npm下好用的script命令（只支持windows） "scripts": { "build":"PowerShell.exe rm ./dist/* && web 阅读全文
摘要：
window 命令使用 找打chrome安装的位置， 默认在 C:\Program Files\Google\Chrome\Application 然后无头启动 ./chrome.exe --headless --remote-debugging-port=9222 https://www.baid 阅读全文
摘要：
熟悉vue的同学，肯定知道有.env或env.development类似于这样的配置文件来定义app的全局变量。那么这是如何实现的呢？如果我没用vue，比如我用的react或者纯手工的webpack项目。我怎么去实现这个功能呢？以下详细描述，也是vue支持配置文件的原理。 如何向应用注入全局变量？ 阅读全文
摘要：
amd require.js， 依赖前置，预先下载，立即执行 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w 阅读全文
摘要：
掉落神坛的webpack webpack诞生之初的根本原因就是处理前端js模块化的工具。 如果浏览器本身慢慢的已经支持了模块化。 那么webpack存在的意义就不大了。 webpack的其它瑕疵 在wp中，哪怕是一行代码，最终也会budle成特别冗长的大文件。 因为编译后的代码包含有关于模块化方案的 阅读全文
摘要：
Windows PowerShell 版权所有 (C) Microsoft Corporation。保留所有权利。 尝试新的跨平台 PowerShell https://aka.ms/pscore6 PS C:\Users\admin> hello hello world在使用vue-cli的过程中 阅读全文
摘要：
忽略上传文件 两种办法： 办法一 .npmignore 这个文件类似于.gitignore 将需要忽略的文件或目录书写其中，如 src/ 办法二 在packge.json中 这个目录声明用于需要上传的文件列表 "files": [ "dist", "types" ] 阅读全文
摘要：
最近在一篇文章上看见了关于Flow的介绍，觉得它很不错，虽然之前在项目中使用Typescript已经很顺手了，再使用Flow感觉有点累赘了，但多学点总是没错的。 javascript是一门弱类型语言，所谓，弱类型语言，就是一个变更既可以被赋值 字符串，数字，又可被赋值 对象，数组，函数等，弱类型的好 阅读全文
摘要：
我们知道，常规用 Vue/React 开发的是 SPA 应用。 但是天然的单页面应用 SEO 就是不好。 虽然说现在也有各种技术可以改善了，比如使用服务端渲染、静态页面生成，不过也存在各种缺点。 但是即使这样，也抵不住 Vue/React 这类框架的潮流。 也有很多产品也可以通过其他亮点而不依赖 S 阅读全文
摘要：
两个地方可以配置 方法一：修改packge.json启动命令参数 "scripts": { "serve": "vue-cli-service serve examples/index.js" } 方法二：通过vue.config.js修改入口文件 module.exports = { // 修改 阅读全文
摘要：
无插件的实时通讯 想象一下，如果你的手机、电视、电脑都可以通过一个平台进行通信，你可以在Web应用中轻松地加入视频聊天和p2p数据分享，这就是WebRTC的愿景。 想试一试吗？WebRTC现在已经被集成到Chrome、Opera和Firefox乃至最新的Edge上。在appr.tc有个简单的视频聊天 阅读全文
摘要：
javascript 1、请问截至目前JS中的基本数据类型有几种？ A、5 B、6 C、7 D、8 2、document对象模型中，节点类型一共有几种？ A、4种 B、12种 C、10种 D、6种 3、document对象模型中，文档根节点、元素节点、注释节点的节点类型分别是多少？ A、8，4，1 阅读全文