前端性能优化

#前端性能优化 1.CSS 方面:多个 css 合并,尽量减少 HTTP 请求将 css 文件放在页面最上面移除空的 css 规则避免使用 CSS 表达式选择器优化嵌套,尽量避免层级过深充分利用 css 继承属性,减少代码量抽象提取公共样式,减少代码量属性值为 0 时,不加单位属性值为小于 1 的小数时,省略小数点前面的 0css 雪碧图 2.js 方面:遵循严格模式:"usestrict";将 js 脚本放在页面底部,加快渲染页面将 js 脚本将脚

JS 中常用设计模式总结

JS 中常用设计模式总结设计模式,是一套经过前人总结、业务验证并适合于特定业务开发的代码组织方式,可能会有一些同学会认为设计模式没有用,我这里需要指出设计模式并不是万能的只适合于特定业务场景的开发(对我们的业务开发起到一定的指导作用,所有设计模式的目的都是让开发者编写可维护、易扩展的代码),其实你日常开发中或多或少都使用过设计模式,只是你不知道名字而已(如,绑定事件和触发事件这就是一个简单的发布-订阅

浅拷贝与深拷贝问题

浅拷贝与深拷贝的问题首先是一下几个问题一、数据类型数据分为基本数据类型(String,Number,boolean,Null,Undefined,Symbol)和对象数据类型。基本数据类型的特点:直接存储在栈(stack)中的数据对象数据类型的特点:存储的是该对象在栈中引用,真实的数据存放在堆内存里二、浅拷贝与深拷贝深拷贝和浅拷贝是只针对 Object 和 Array 这样的对象数据类型的。浅拷贝只复制指向

Nginx 配置

Nginx 配置大概分为以下几个步骤一、在这里我前端 vue 项目使用 vuecli 脚手架进行搭建的,后台使用 Nginx,首先是前端配置:1.前端配置,在这里假如后端访问的时候要访问 my-app 文件夹下的打包好的 dist 文件夹,所以我们要在前端做一些配置 ① 在 vue.config.js 文件中添加如下配置(在这里我们手动在 src 文件夹下面创建 vue.config.js 文件,相当于给 webpack 添加了新的配置)