摘要:
【岗位职责】 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 阅读全文