前端性能优化

#前端性能优化 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 这样的对象数据类型的。浅拷贝只复制指向

VuePress+GitHubPages 构建技术博客

使用 VuePress+GitHubPages 构建技术博客大致分为以下几个步骤:1.安装依赖 npminstall-gvuepress 创建一个 markdown 文件 echo'#HelloVuePress'>README.md 开始编写文档 vuepressdev 构建 vuepressbuild2.在已有项目中安装安装为本地依赖项 npminstall-Dvuepress 创建一个 docs 目录 mkdirdocs 创建一

移动端开发 - iOS 打包上架

移动端开发之 iOS 打包上架 1.Windows 在虚拟机安装苹果 MacOS 系统 https://blog.csdn.net/hiudawn/article/details/804234202.iOS 证书(.p12)和描述文件(.mobileprovision)申请 http://ask.dcloud.net.cn/article/1523.iOS| 使用 HBuilder 进行云端打包步骤 https://ask.

Vuecli3.0 脚手架搭建项目打包 APP

Vuecli3.0 脚手架搭建项目打包 APP
使用 Vuecli3.0 脚手架搭建项目打包 APP 具体流程使用 Vuecli3.0 脚手架搭建项目打包 APP 可以结合 Hbuilder 开发工具进行 APP 打包 1.首先使用 vue 命令进行项目的打包执行 numrunbuild,打包完成之后生成 dist 文件夹之后的具体操作步骤不再赘述。可参考:https://blog.csdn.net/zhoudan232/article/details/734668142.把 dis

Nginx 配置

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

微信小程序项目指南

1.微信小程序不支持 wx.getUserInfo 授权的解决方法 http://caibaojian.com/wx-getuserinfo.html2.微信小程序禁止下拉 catchtouchmove='stopdrag'stopdrag(){returnfalse;}3.微信小程序实现左右滑动功能 https://www.jianshu.com/p/b1d24867bbe7(2 个 tab 的情况)https:

Vue 项目新手开发指南资源

1.用 vue-cli2.0 搭建项目框架#全局安装 vue-cli$npminstall--globalvue-cli#创建一个基于 webpack 模板的新项目 $vueinitwebpackmy-project#安装依赖,走你 $cdmy-project$npmrundev2.按需引入安装需要的 UI 库(elementUI)3.添加 vue-router、vuex、axios4.关于 Vue 跨域处理(proxy 代

如何使用 Github+Hexo 快速搭建个人博客

第一步:使用 npm 安装 Hexonpminstall-ghexo-cli 第二步:指定一个空目录初始化 hexo 所需文件 hexoinit 目录名(要求是空目录)新建完成后,生成如下目录文件:node_modulespackage-lock.jsonpackage.jsonscaffoldssourcethemes_config.yml 第三步:进入 hexo 项目目录中,使用如下命令开启博客服务:hexos 进入浏