logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue-cli4打包最强优化(10M变300kb)

一、去除生产环境sourceMapsourceMap资源映射文件,存的是打包前后的代码位置,方便开发使用,这个占用相当一部分空间module.exports = {// 根据你的实际情况更改这里publicPath,assetsDir: 'assets',lintOnSave: true,productionSourceMap: false,}二、对资源文件进行压缩需要下载 compression

js数据类型判断

四种方法typeof、instanceof、constructor、Object.prototype.toString.call()1.typeofconsole.log(typeof 100, //"number"typeof 'abc', //"string"typeof false, //"boolean"typeof undefined, ...

清除浮动的4种方式

为什么要清除浮动?清除浮动主要是为了解决,父元素因为子级元素浮动引起的内部高度为0的问题如下:给父盒子设置一个boder,内部放两个盒子一个big 一个small,未给big和small设置浮动,则他们会默认撑开父盒子。当我给内部两个盒子加上float属性的时候底部的footer盒子就会顶上来,然后父盒子因为没设置高度,变成一条线,big和small已经浮动了清除浮动的方法(最常用的4种)一、 额

#html
element-ui自定义表单校验规则及常用表单校验

前言表单校验是注册环节中必不可少的操作,表单校验可以提醒用户填写数据规则以确保用户提交数据的效性,也可以防止用户因误操作、填写错误数据或者恶意提交数据而占用服务器资源。ElementUI校验规则ElementUI封装了组件el-form来收集、校验和提交数据,其中的rules属性就是用来做数据校验的。ElementUI提供了一些常用的表单验证规则,我们可以直接使用该规则来实现数据校验。rules根

前端常见浏览器兼容性问题解决方案

前言:不同浏览器的内核不尽相同,所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种,一是渲染引擎,另一个是js 引擎所以浏览器兼容性问题一般指:css兼容、js兼容浏览器内核(渲染引擎)Chrome谷歌之前Webkit,已改Blink内核FireFox火狐GeckoSafari苹果WebkitIETridentOpera欧朋现已改用Google Chrome的Blink内核一、css

ES6新的数据类型Symbol

一、简介具体使用请参考:APIES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。它是 JavaScript语言的第七种数据类型,前六种是:undefined、null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。Symbol 值通过Symbol函数生成。这就是说,对象的属性名现在可以有两种类型,一种是原来就有的字符串,另一种就是新增

使用Hbuilder打包前端网站为WebApp(Android,ios应用)

准备工作:你要打包的移动端网站地址,如:http://www.tianguixing.com/dist2/#/安装 HbuilderX 工具: 官网:http://www.dcloud.io/根据你的电脑系统选择下载开发版安装成功后,回到Hbuilder官网,注册一个账号,然后到软件里点击左下角头像进行登陆打开开发者工具软件,点击 文件 -> 新建 -> 项目选择 Wap2App,填写

axios封装与api接口管理

一、前言axios的封装和api接口的统一管理,其实主要目的就是在帮助我们简化代码和利于后期的更新维护。在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。他有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维

promise对axios二次封装、promise封装ajax、promise封装wx.request、promise封装uni.reqest

在学习了promisse的基本知识后,下一步就是promise如何使用呢?根据老湿从业8年的经验。将promise在项目中的使用总结如下几项:1. 使用promise对axios进行二次封装axios本身就是使用promise封装的http库,为什么还要对它进行二次封装呢?在一个项目中我们肯定要使用很多接口,每个接口主要是.get()或者.post()请求,所以我们就要自己手动封装一个全局的Axi

vue项目如何打包以及如何变成android、ios应用程序

前言前段时间写过一篇使用Hbuilder打包前端网站为WebApp(Android,ios应用)收到很多前段小伙伴私信,vue开发的项目如何打包成android、ios应用,那么今天就带大家走一遍vue开发的项目如何打包,然后如何发布成android、ios安装程序。安装在自己的手机上呢?vue-cli4搭建的项目如何打包基于vue开发的应用,现在主流的是使用vue/cli的4.x版本搭建的项目,

到底了