240 发简信
IP属地:贵州
  • webpack4简易配置

    安装webpack@4 webpack-cli@3 webpack-dev-server@3 plugin插件: html-webpack-plugin mini-css-e...

  • 防抖、节流

    防抖 一定时间内多次触发事件只执行最后一次 节流 规定时间内只执行一次

  • 深拷贝、浅拷贝

    深拷贝和浅拷贝只针对引用数据类型,比如Object和Array深拷贝:从A拷贝到B,当A发生改变时B不会变;浅拷贝:从A拷贝到B,当A发生变化时B也会变,此时是只复制了指向对...

  • 深度监听(vue中watch的deep)

    当监听的是对象属性,手动修改对象的某个属性值是会发现,监听并没有生效,此时我们需要用到watch的deep属性,当deep为true时它会一层层遍历给对象的所有属性都加上这个...

  • filter map reduce

    Array.prototype.filter() filter()方法会创建一个新的数组,所有通过测试的元素,如果没有任何数组元素通过测试,则返回空数组。 https://d...

  • Echarts地图注意事项

    Echarts使用时当数据发生变化页面不会重新渲染,需要对变化的数据设置监听,当数据变化后直接先清空echarts中的所有的组件以及图表,然后再重新将我们刚开始实例化的代码加...

  • 120
    webpack5使用报错解决方案

    webpack5使用cheap-module-eval-source-map报错 解决方法:改成 npm run dev运行webpack-dev-server报错 dev配...

  • webpack打包单页面项目时设置favicon.icon文件

    1.将favicon.icon文件放在index.html同级目录下2.在webpack.config.js内配置 在index.html内配置 之后favicon.icon...

  • 120
    Vue生命周期与单向、单次、双向绑定

    Vue生命周期 Vue实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。 Vue 的生命周期总共分...

  • 延迟加载

    延迟加载 在Vue项目中,所有以import方式导入的组件的html+css+js等都会编译到app.js文件中所以这个文件会很大,但是这个文件必然在首屏加载的时候下载。 这...

  • vue-router

    Vue Router 是 Vue.js (opens new window) 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。 使用 如果...

  • Vue按需加载

    vue项目实现按需加载的3种方式:vue异步组件技术、es提案的import()、webpack提供的require.ensure() 异步组件 异步组件就是定义的时候什么都...

  • v-bind和v-model

    v-bind v-bind 主要用于属性绑定,比方你的class属性,style属性,value属性,href属性等等,只要是属性,就可以用v-bind指令进行绑定 绑定cl...

  • VUE组件间通信

    vue是数据驱动视图更新的框架,所以对于vue来说组件间的数据通信非常重要。组件是vue的强大功能之一,而组件间的作用域是互相独立的,这就意味着组件间的数据无法互相引用,那么...

  • float和flex写平均布局

    float: 方法1:所有项外面再包一层,给该层一个左右的负margin,然后最外层overflow:hidden;方法2:每一行最左,最右的项对应的左右margin去掉(需...

  • 120
    HTTP缓存

    与HTTP缓存有关的首部字段: 在HTTP1.0时代客户端缓存的方式可以通过pragma和Expires控制 Pragma: 当值设置为no-cache时,客户端不使用缓存。...

  • 120
    xss攻击及防御

    xss(Cross-Site Scripting,跨域脚本攻击)攻击是一种常见的代码注入型攻击,攻击者将恶意代码注入目标网站,并使其在用户浏览器上运行。通过这些恶意代码攻击者...