摘要：
有三种方法可以在package.json设置环境变量 npm install --save-dev cross-env 设置环境变量有什么用 在项目的js脚本中，通过process.env这个对象就可以访问到设置的环境变量，结合打包软件webpack等等，实现不同的代码逻辑。 转载于: https: 阅读全文
摘要：
两种清除setInterval的方式： 方案一： 方案二（官方推荐）：通过$once事件侦听器器在定义完定时器之后的位置来清除定时器。 方案一有两个潜在的问题： 它需要在这个组件实例中保存这个 timer，如果可以的话最好只有生命周期钩子可以访问到它。这并不算严重的问题，但是它可以被视为杂物。 我们 阅读全文
摘要：
一、v-model： 先上段简单的 vue 代码： 以上是我们最常见的 input 使用 v-model 的一段代码。现在我们将代码修改如下： 改造后的代码可以实现和改造之前一样的双向数据绑定的效果，但是改造之前的示例示例代码，改造之后的代码主要修改了两个地方： 1、将 input 标签上的 v-m 阅读全文
摘要：
数据改变之后，DOM 并没有立即发生变化，所以 document.body.scrollTop 还是上一次 DOM更新之后的值。 Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调，在修 阅读全文
摘要：
使用vue-cli+webpack创建的项目，修改文件名称或者更改文件的位置，运营时会报错，是因为npm项目，在安装依赖（node_nodules）时，会记录当前的文件路径，当修改之后就无法正常启动。 解决办法： 1 删除 node_modules 文件夹（如果修改项目名称，需要在在package. 阅读全文
摘要：
一. Eslint： 为什么我们要在项目中使用ESLint ESLint可以校验我们写的代码，给代码定义一个规范，项目里的代码必须按照这个规范写。 加入ESLint有非常多的好处，比如说可以帮助我们避免一些非常低级的错误，一些格式上的问题导致我们在运行生产环境的时候出现一些不明所以的报错。还有就是在 阅读全文
摘要：
function formatAmount(amount) { amount = amount.toString(10).split('.'); let _int = amount[0].split(''), _decimals = amount[1], _num = ''; for (let i = _int.length - 1, j = 1; i >= 0; i--... 阅读全文
摘要：
用js为文本框添加内容后，为了方便操作想要把光标定位到文本最后，用了以下代码 <textarea id="textarea-1" onfocus="setCss(this)" > </textarea> <script type="text/javascript"> function setCss( 阅读全文
摘要：
许多前端JavaScript框架（例如Angular，React和Vue）都有自己的数据相应引擎。通过了解相应性及其工作原理，您可以提高开发技能并更有效地使用JavaScript框架。在视频和下面的文章中，我们构建了您在Vue源代码中看到的相同类型的Reactivity。 如果您观看此视频而不是阅读 阅读全文
摘要：
时下流行什么react, avalon, angular, vue什么，其核心都离不开前端模板。理解前端模板，是我们了解MV* 的关键。 前端框架最重要的目的是将页面渲染出来。“渲染”（render）这个词最初不是前端的东西的。前端之前叫做切图，将设计师做的PSD变成一个静态页面，然后加上动态交互。 阅读全文