- 博客(12)
- 收藏
- 关注
RSS订阅原创 《二》.1 - 浏览器端模块化的难题
浏览器端模块化的难题CommonJS的工作原理当使用require(模块路径)导入一个模块时，node会做以下两件事情（不考虑模块缓存）：通过模块路径找到本机文件，并读取文件内容将文件中的代码放入到一个函数环境中执行，并将执行后module.exports的值作为require函数的返回结果正是这两个步骤，使得CommonJS在node端可以良好的被支持可以认为，CommonJS是...
2020-01-31 20:02:30
229
原创 JavaScript 模块化发展史
JavaScript 模块化发展史 {ignore}第一阶段在 JavaScript 语言刚刚诞生的时候，它仅仅用于实现页面中的一些小效果那个时候，一个页面所用到的 JS 可能只有区区几百行的代码在这种情况下，语言本身所存在的一些缺陷往往被大家有意的忽略，因为程序的规模实在太小，只要开发人员小心谨慎，往往不会造成什么问题在这个阶段，也不存在专业的前端工程师，由于前端要做的事情实在太少，因...
2020-01-31 20:00:10
307
原创 《二》AMD和CMD
AMD全称是Asynchronous Module Definition，即异步模块加载机制require.js实现了AMD规范在AMD中，导入和导出模块的代码，都必须放置在define函数中define([依赖的模块列表], function(模块名称列表){ //模块内部的代码 return 导出的内容})<script data-main="./a.js"...
2020-01-31 19:58:14
199
原创 《一》CommonJS
CommonJS在nodejs中，由于有且仅有一个入口文件（启动文件），而开发一个应用肯定会涉及到多个文件配合，因此，nodejs对模块化的需求比浏览器端要大的多由于nodejs刚刚发布的时候，前端没有统一的、官方的模块化规范，因此，它选择使用社区提供的CommonJS作为模块化规范在学习CommonJS之前，首先认识两个重要的概念：模块的导出和模块的导入模块的导出要理解模块的...
2020-01-31 19:51:38
193
原创 过滤
filter过滤全局挂载 <div id="app"> <!-- 输出结果为1,000,000 --> {{ monet | toMonet(2) }} </div> <script> // 全局挂载 // item为 | 前一个的数据 // ...
2020-01-26 21:21:55
83
原创 指令
Vue指令一v-pre 跳过该元素和他的子元素的变异过程。显示原始的 {{}} 标签。v-cloak 该指令保持在元素上，直到关联实例结束变异，可与css配合使用，隐藏未编译的 {{}} 标签。就是避免一次次的渲染，则可以使用css影藏起来，任何渲染完成这个指令则会消失v-once 只渲染和组件一次，随后的重新渲染，元素、组件及其所有的子节点江北视为静态内容并跳过。这可以用于优...
2020-01-26 21:20:55
215
原创 创建一个vue实例
创建一个vue实例vue实例中用到了插值表达式```{{ content }}插值表达式的形式```- 什么是插值表达式？ - 插值表达式就是在js中写的表达式的值可以通过插值表达式显示出来。我们使用的数据，需要再data中存在数据首先需要存在，才能实现数据绑定（数据更新页面也更新）。data数据中的数组数据通过索引的方式去改变数组，不能渲染视图。通过长度的改变的...
2020-01-26 21:17:13
304
1
原创 ES5数组中的every和some方法
Array.prototype.every() 一假则假，全真则真every() 方法测试数组的所有元素是否都通过了指定函数的测试。Array.prototype.some() 一真则真，全假为假some() 方法测试数组中的某些元素是否通过了指定函数的测试。...
2020-01-13 14:27:51
205
原创 vue中的导航守卫
vue中的导航守卫当我们这个页面有很重要是事情需要完成的时候，有时候会碰到别的按钮，则会消失，对我们的页面和用户体验不佳，则我们需要导航守卫来问候一下是否需要离开此页面。beforeRouteLeave(to,from,next){} 当页面需要离开时问候beforeRouteEnter(to,from,next){} 当页面进去时问候则 to 为去哪 ， from为从哪来。next执行。...
2020-01-12 20:47:16
161
原创 1.为什么使用VUE？
Vue为什么要使用Vue?性能更好。什么会影响web应用性能？操作dom影响性能，因为操作Dom是十分昂贵的。JS 和 Dom 是两种东西，每次连接都需要想好性能有句古话说宁可操作100js也不操作dom.操作dom会导致重绘和重排。JS 和 DOM关系：DOM是一个独立于语言的，用于操作XML和HTML文档的程序接口（API）。在浏览器中主要用于与HTM...
2020-01-04 22:42:56
326
原创 webpack搭建工程项目
初始化使用npm init初始化项目构建工程目录dist: 输出目录，该目录保存最终运行的代码。src: 源码目录，该目录保存开发期间编写的所有源码。assets: 嵌入式静态资源，该目录保存需要用到的各种嵌入式静态资源，如图片，css,字体图标的名号。其他独立功能模块目录：为不同的功能模块创建不通的子目录conmmon：公共模块目录，该目录保存被所有独立功能模块使用的模...
2020-01-04 15:10:59
310
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人