自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 收藏
  • 关注

原创 vue实现移动端适配解决方案

1.项目使用vue-cli + vant+ less +axios 开发2.安装 amfe-flexible ,并在main.js 主入口文件引入 amfe-flexible, 它会自动设置html的font-size为屏幕宽度除以10,也就是1rem等于html根节点的font-size。假如设计稿的宽度是750px,此时1rem应该等于75px。假如量的某个元素的宽度是150px,那么在css里面定义这个元素的宽度就是 width: 2rem<header> <!-- 在

2021-10-11 09:31:32 1049

转载 本地运行vue打包后的dist 文件

build 之后会生成一个dist目录。打包完命令行是不是这样提示了:Build complete.Tip: built files are meant to be served over an HTTP server. //打包的文件要在http server下运行Opening index.html over file:// won’t work. //直接打开这个文件不会生效所以呢,dist目录里的index.html 和static(默认资源文件)一起放在一个server(如tomcat,

2021-08-11 22:00:55 902

原创 闭包-详解

概念:闭包就是能够读取其他函数内部变量得函数。简单的说就是定义在一个函数内部得函数了解闭包之前,首先需要知道局部变量和全局变量在内存中得存储情况。全局变量:会一直保存在内存中,不会销毁,除非跳转或关闭当前页面。局部变量:函数调用时,写入内存,调用结束后,局部变量会 在内存中销毁。闭包示例代码如下:function f1(){ let a = 10; function f2(){ a++ return a } return f2 } let f3

2021-06-18 22:16:35 175

原创 git 详解-史上最详解

目前比较常用得3个 项目代码托管平台gitbub 服务器在国外得一个托管平台,目前用户最多得一个平台gitee 码云 国内的一个代码托管平台,主要是国人用的较多gitlab 基于公司局域网搭建得代码托管平台 ,公司自己内部自己搭建使用。...

2021-05-30 17:21:50 219

原创 VUE 学习视频

个人感觉下面的vue视频讲解的非常细,适合初学小白。建议收藏哦。https://www.bilibili.com/video/BV1vp4y1179g?p=3

2021-02-21 17:50:01 181

原创 npm install -g 和 npm install 区别?

1. npm install bootstrap -g 表示全局安装解释: 会将对应的安装包 安装到 c盘下node_modules目录:2.npm install jquery 是将对应的安装包安装到当前项目的根目录下:

2021-02-11 17:07:28 12072

原创 使用node.js 搭建一个本地服务器,让项目在本地服务器上运行

在写前端页面中,经常会在浏览器运行HTML页面,从本地文件夹中直接打开的一般都是file协议,当代码中存在http或https的链接时,HTML页面就无法正常打开,为了解决这种情况,需要在在本地开启一个本地的服务器。一: 本文是利用node.js中的http-server,开启本地服务,步骤如下:1 下载node.js官网地址: https://nodejs.org下载完成后在命令行输入命令$ node -v以及$ npm -v检查版本,确认是否安装成功。2 下载http-server在终端输入

2020-12-09 19:12:29 1029 1

原创 git 代码版本管理工具介绍

git 代码管理工具介绍git 作为一个代码版本管理工具,在日常开发工作中,必不可少。一般情况下,在公司日常开发中,主要分为两种形式:1.是直接下载git 安装包,然后使用命令行提交代码。2.是通过编辑工具安装的git 插件提交代码到远程仓库。常见的3个代码托管平台 也就是远程仓库码云: 是开源中国社区团队推出的基于Git的快速的、免费的、稳定的在线代码托管平台,不限制私有库和公有库数量.coding:是CODING 旗下的一站式开发平台,提供 git/svn 代码托管,免费支持私有

2020-08-23 16:31:36 636

原创 微信小程序-开发

小程序开发 登录微信公众平台 创建账号,创建自己的微信小程序,完善邮箱,密码等信息2.填好信息,小程序后台已经注册完成,此时在开发者设置中,可以查看你的AppID , 这个相当于你的开发微信小程序的身份证,后面开发需要用到,将你的appid 填好,这样创建了属于自己的微信小程序。3.创建好小程序,他会自动生成一个微信小程序的项目(已经为你搭建好了基本的框架)4.小程序代码构成{ "pages": [ "pages/index/index", "page.

2020-08-08 23:34:43 92

原创 js逻辑题整理

js for循环练习题1、大马驮2石粮食,中马驮1石粮食,两头小马驮一石粮食,要用100匹马,驮100石粮食,该如何调配? //驮100石粮食,大马需要50匹 for(var a=0;a<=50;a++){ //驮100石粮食,中马需要100匹 for(var b=0;b<=100;b++){ //驮100石粮食,只需要100减去大马和中马的数量就是小马的数量

2020-05-28 00:12:59 1216

原创 前端项目的性能优化几个方面

1. 利用打包工具打包压缩前端代码拿目前最流行的webpack为例:webpack 可以将前端代码压缩差不多你未压缩之前的一半体积或更多,这样项目体积缩小,加快浏览器的解析速度在配置webpack过程中,也需要合理配置1. loader 解析器直解析我们需要解析的代码如babel-loader最常见的优化方式是,用 include 或 exclude 来帮我们避免不必要的转译如(node...

2019-03-03 18:11:33 7829

原创 ES6中set和map

一。 set 数据容器 能够存储无重复值数据的有序列表1. 通过 new set() 方法创建容器 通过add() 方法添加2. set.size获取存储的数据的数量例: var set = new Set() set.add(1); set.add('1'); console.log(set) console.log(set.size)3. Set内部使用Obj...

2019-02-25 16:08:01 1933 2

原创 控制台查看资源请求状态

如图表示:(状态码 200)form memory cache : 从内存中读取缓存,不请求网络资源,资源在内存当中,一般脚本、字体、图片会存在内存当中(状态码 200)form disk ceche:不请求网络资源,资源在磁盘当中,一般非脚本会存在内存当中,如css等(状态码 304): 请求服务端发现资源没更新,使用本地资源...

2019-02-17 22:33:32 1626

原创 webpack4.x实现多页面打包配置

一:应用场景:项目小,不必要用vue框架等单页框架但是希望最后利用webpack打包项目,对项目体积优化,代码优。实现图片代码压缩项目中需要用到 jq, rem适配,项目有缓存处理机制。二:1.先看一下如下我的项目目录结构:2.根目录创建的webpack.config.js 文件配置如下:const path = require('path') // path模块是...

2019-01-28 02:25:01 2412 3

原创 ES7中async和 await的用法

在es6中,我们使用promise 来处理异步操作,感觉还是有点繁琐,今天介绍一种新的语法 async和 await,也是用来处理异步操作的async 起什么作用?async: 异步的意思。看代码async function testAsync() { return "hello async";}console.log( testAsync() ) //输出结果是 Promis...

2019-01-16 22:03:30 1732

原创 ES6 Promise 对象最详细的理解

Promise 对象是ES6中的语法,主要是处理异步操作用的方法。一 基本用法:创建promose对象 var p = new Promise(function(resolve,reject){ // 异步操作写在函数体中 if(异步操作成功){ resolve(value) }else{ reject(value) } })其实 就是构造函数创建实例化对...

2019-01-16 00:30:25 312 1

原创 ES6 promise对象的简单用法

promise 对象解决es5中的异步执行操作在es5中,常常有一个ajax 请求资源时,需要上一个ajax请求返回的参数,这时,写js的时候,会出现ajax嵌套的写法,这样代码看起来嵌套层次多,且给人感觉不是很好例:var p = new Promise(resolve,reject){$.ajax({type:‘post’,url:‘login’,data:{},dataTyp...

2019-01-14 23:48:35 151

原创 http协议1.0与1.1和2.0版本间的区别

http 1.0 版本http1.0 只有get/post/Head 这几种请求方式,请求数据时, 客户端与服务端3次握手,然后建立tcp 链接,一个Tcp链接只能传送一个请求和响应,响应结束后,关闭tcp 链接,下一次请求重新建立tcp 链接然后和上面一样http 1.1 版本http 1.1 新增了delete options 等几种请求数据的方式,客户端和服务端三次握手后,建立t...

2019-01-14 00:47:34 2350

原创 js中的函数防抖和函数节流

函数防抖:当某些事件触发频率太高,浏览器来不及处理,会造成浏览器卡顿,掉帧。例如:文本框input事件,窗口resize 事件,scroll滚动条事件等函数防抖方法:例第一种:var timer;const inp = document.getElementById(‘input’);inp.oninput=function(){clearTimeOut(timer);time...

2019-01-13 00:03:35 675

原创 npm 和yarn的区别

首先,这两个都属于js包管理工具,都可以安装包或者模块yarn 是由facebook、google等联合开发推出的区别:npm 下载包的话 比如npm install它是按照包的排序,也就是队列挨个下载,一个下载完成后,再下载另一个yarn是将要下载的包进行同时下载yarn 在下载模块或包时,命令行输出的信息更加简洁npm版本5.0 之后,会自带package.lock.json ...

2019-01-10 20:41:48 3152

原创 关于es6 class类的用法

class 类的概念在 es5 中,我们使用构造函数创建对象,例如function Person(name,age){this.name=namethis.age = agethis.say = fucntion(){console.log(‘我是es5’)}}var p = new Person(‘宝强’,30)其中构造函数中this 指向p 这个实例对象在es6 中,我...

2019-01-08 17:00:47 163

原创 页面加载状态改变来判断页面资源是否加载完毕 ,可以实现页面加载动画loading

document.onreadystatechange= completeFunfunction completeFun (){if (document.readystate==“complete”){// 页面加载状态完全结束时,执行的动画}}

2018-11-29 16:12:47 1242

原创 webpack实现分别打包自己的js 和第三方包js,以及版本迭代浏览器缓存问题

使用wepack 如何处理打包自己的js文件和node_modules 引入的第三方包文件针对自己写的js文件和第三方引入的文件实现分别打包如何解决每次迭代浏览器缓存问题,将打包后的文件加后缀hash值,这样每次打包hash值都不一样,这样就解决浏览器的缓存问题啦详情请看如下链接,我这也是看别人的(惭愧啊)https://www.cnblogs.com/luozhihao/p/6623...

2018-11-05 01:49:51 1545

原创 页面埋点概念理解

页面埋点:页面埋点 主要是用于流量分析。流量分析包括以下几个方面:页面的浏览数独立访问者数量页面停留时间页面操作时间页面访问次数按钮点击次数文件下载次数以上工作的意义在于:优化网站,抓住用户。持续经营...

2018-10-28 16:57:13 2856

原创 ES6箭头函数return 的问题

// 开发中遇到的问题,网上说的不是很简洁 关于ES6箭头函数的问题 1. const fun1 = ()=&gt;1+2 //执行后结果 3 2. const fun2 = () =&gt; {1+2} //执行后结果 undefined 3. const fun3 = () =&gt; {return 1+...

2018-08-24 11:43:11 3508

原创 部分安卓手机上传图片兼容问题

如果上传的图片接受accept = ‘image/jpeg,image/png’ 限制图片的上传类型,则在iphone手机和大部分安卓手机都可以正常上传图片,但是部分的安卓机如华为手机 就无法进行相册内的图片选择,解决方法就是将accept = ‘image/*’ 就ok啦 ...

2018-08-14 16:01:15 4351

原创 webpack打包及node_modules依赖介绍

稍等跟新

2018-08-10 17:31:49 9544 7

原创 css 背景图和img 标签的区别

关于背景图background 和img 的 加载顺序本人之前认为css背景图与直接插入img图片的效果是差不多的,但是发现其实是错误的,二者区别如下:在网页加载过程中,以css背景存在的图片会等到html结构加载完成才开始加载,而html中的img标签是网页结构(内容)的一部分会在加载结构的过程中加载。所以,理论上,背景图会加载的晚一些。 具体项目具体看情况,希望对大家有帮助...

2018-08-10 17:09:12 2409

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除