前端热门插件和工具使用
Webpack 1.webpack的核心概念 Entry：入口，Webpack进行打包的起始点(文件) Output：出口，webpack编译打包生成的bundle(打包文件) Loader：模块加载(转换)器，将非js、非json模块包装成webpack能理解的js模块 Plugin：插件，在 Webpack 构建流程中的特定时机插入具有特定功能的代码 Module：模块，在 Webpack眼里一切...
Webpack 1.webpack的核心概念 Entry：入口，Webpack进行打包的起始点(文件) Output：出口，webpack编译打包生成的bundle(打包文件) Loader：模块加载(转换)器，将非js、非json模块包装成webpack能理解的js模块 Plugin：插件，在 Webpack 构建流程中的特定时机插入具有特定功能的代码 Module：模块，在 Webpack眼里一切...
这里总结一些css常用的样式段以备不时之需。
/** * @desc 二分查询（非递归方式） * 案例： * {1,3,8,10,11,67,100}，编程实现二分查找，要求使用非递归方式完成。 */ public class BinarySearchNonRecursive { public static void main(String[] args) { int[] arr = {1, 3, 8, 10, 11, 67, 100}; int index = binarySearch(arr, ...
一、响应式数据原理 什么是双向数据绑定：Vue将视图层与数据层做了一个双向的数据同步。甚至是组件之间也可以通过v-model方式进行数据绑定。最大的作用是方便。更效率的实现业务。 vue 实现数据双向绑定主要是：采用数据劫持结合发布-订阅者模式的方式，通过 Object.defineProperty() 来劫持data中对象的各个属性的 sett...
假设有一个空房间，我们要日复一日地往里面放一些东西。最简单的办法当然是把这些东西直接扔进去，但是时间久了，就会发现很难从这个房子里找到自己想要的东西，要调整某几样东西的位置也不容易。所以在房间里做一些柜子也许是个更好的选择，虽然柜子会增加我们的成 本，但它可以在维护阶段为我们带来好处。使用这些柜子...
1.vuex是什么？怎么使用？哪种功能场景使用它？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单来说就是：应用遇到多个组件共享状态时，使用vuex。 文档：https://vuex.vuejs.org/zh/ 场景：多个组件共享数据或者...
每个语言一般都有语言自带的排序方法，每个语言的排序内部实现都是不同的。对于 JS 来说，数组长度大于 10 会采用快排，否则使用插入排序。抛开语言自带的排序方法，这里总结了一些排序的算法…
Array.prototype.includes方法返回一个布尔值，表示某个数组是否包含给定的值，与字符串的includes方法类似。ES2016引入了该方法。 includes() 方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。 includes()方法在字符串中使用时，相当于indexOf()，查询成功返回true，失败返回false。 'abc'.inc...
DOM触发事件方法 1.html attribute 标签中添加事件属性 <input value="Click me" onclick="alert('Click!')" type="button"> js逻辑在属性里创建，不是很好，写到一个方法里. <script> function countRabbits() { for(let i=1; i<=3; i++) { alert("Rabbit number " + i); } }...
如何异步加载js脚本 1.动态插入标签的方式 通过操作dom，可以在任意位置创建js脚本，这种方式优点是无论在何时启动下载，文件的下载和执行过程不会阻塞页面其他进程（包括脚本加载）。 var script=document.createElement('script'); script.type='text/javaScript'; script.src='file1.js'; document.getElements...