包含标签 JavaScript 的文章

javascript:void(0) 是什么意思

前端开发中,我们经常会用到 <a> 标签,但是想阻止他的默认行为。如点击超链接时阻止在新标签中访问 href 所定义链接的行为,此时通常会有两种做法: 1 2 1. <a href = "#">点我</a> 2. <a href = "javascript:void(0)">点我<……

阅读全文

在 2016 年学 JavaScript 是一种什么样的体验

嘿,我最近接到一个 Web 项目,不过老实说,我这两年没怎么接触 Web 编程,听说 Web 技术已经发生了一些变化。听说你是这里对新技术最了解的 Web 开发工程师? 准确地说,我是一名「前端工程师」。不过你算是找对人了。我对今年的技术别提多熟了,前端可视化、音乐播放器、能踢足球的无人机,你尽管问吧。我刚去 JS 大……

阅读全文

ES6 语法实战

ES6的…展开运算符 1 2 3 4 5 6 7 let a = [1,2,3]; let b = [0, ...a, 4]; // [0,1,2,3,4] let obj = { a: 1, b: 2 }; let obj2 = { ...obj, c: 3 }; // { a:1, b:2, c:3 } let obj3 = { ...obj, a: 3 }; // { a:3, b:2 } let obj4 = {a:3,...obj}; // { a:1, b:2 } mapState store.js 1 2 3 4 5 6 7 8 9 const state = { activeFirstMenu: 'overView', loginUser: { userName: '', deptName: '', logined: false, loginTime: new Date() } } 未使用mapState 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18……

阅读全文

Vue 最佳实践

1 项目目录结构 参考:Ant Design Pro https://pro.loacg.com/docs/getting-started ├── public │ └── logo.png # LOGO | └── index.html # Vue 入口模板 ├── src │ ├── api # Api ajax 等 │ ├── assets # 本地静态资源 │ ├── config # 项目基础配置,包含路由,全局设置 │ ├── components # 业务通用组件 │ ├── core # 项目引导, 全局配置初始化,依赖包引入等 │ ├── router # Vue-Router │ ├── store # Vuex │ ├──……

阅读全文

9012年了,你还在用 jQuery 吗?

概述 回顾过去,创建 jQuery 是为了应对浏览器之间的 JavaScript 实现差异,Internet Explorer 是当时的罪魁祸首。作为一个易于使用的解决方案,jQuery 已经被开发人员和初学者广泛接受,大多数人开始通过这个库使 JavaScript。 在 2019 年,IE8 到 IE11 的使用量已经极少。这意味着我们可以从应用程序中删除 jQuery 并……

阅读全文

DOM 这棵树

概述 DOM 全名为 Document Object Model 中文翻译为文档对象模型。它是 HTML 和 XML 文档的编程接口。它描述了一个层次化的节点树,并定义了一种方式可以使从程序中对该结构进行访问,从而改变文档的结构、样式和内容。 一个 WEB 页面是一个文档。这个文档可以在浏览器窗口或作为 HTML 源码显示出来。DOM 是 WEB 页面的完全的面向对象表述,……

阅读全文