自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 高德地图api district.search一直报no_data

// 行政区划查询 let opts = { subdistrict: 1, // 返回下一级行政区 showbiz: false, // 最后一级返回街道信息 level: 'city' } this.districtSearch...

2019-07-10 10:24:17 6213 11

原创 windows程序如何生成目录结构树

windows程序如何生成目录结构树电脑中打开cmd在cmd中进入要生成目录结构的目录输入:tree /f > list.txt(目录结构输入成功,并保存为一个list.txt文件)打开此文件,即可看到生成的目录结构树...

2019-05-08 11:31:17 1446

原创 页面性能优化

页面优化的目的:1.从用户角度:优化能够让页面加载得更快,对用户操作响应更及时,提高用户使用的体验2.从服务商角度:优化能够减少页面请求数,减小请求所占用带宽,节省可观的资源提升页面性能的方式:1.资源压缩合并,减少HTTP请求图片,JS,CSS等资源的打包压缩利用CSS Sprites 合并CSS小图片,减少请求代码结构优化,高复用,低耦合,减少重复代码2.非核心代码异步加...

2019-03-15 10:33:36 800

原创 JavaScript系列基础

1.JavaScript中的函数运行在它们被定义的作用域里,而不是它们被执行的作用域里2.什么是闭包闭包,官方对闭包的解释是:一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分闭包的特点:1)作为一个函数变量的一个引用,当函数返回时,其处于激活状态。2) 一个闭包就是当一个函数返回时,一个没有释放资源的栈区。简单的说,Javascrip...

2019-03-08 17:58:33 189

原创 vue系列基础01

1,vue常用指令v-textv-htmlv-show 控制显示隐藏,最好用v-showv-if v-else-if v-eslev-for 遍历数组、对象 v-for ="(item,index) in arr"v-for =“(item,key,index) in obj” 对象通过Object.keys()需要添加 :key (动态...

2019-03-08 17:49:27 200

原创 vue插槽

1.默认插槽首先组件定义时,添加插槽然后调用即可使用2.具名插槽首先组件定义时,添加name属性然后调用时,添加slot属性即可3. 作用域插槽一般情况,插槽得值,取所在位置的值我们可以在定义组件的时候,传递一个值然后在调用组件的时候,可以通过slot-scopt获取这个对象,不过也依然可以获取当前的值...

2019-03-06 17:43:15 15842

原创 vue的vuex在使用...mapState 和...mapGetter报错的解决方案

采用mapState 和mapGetter,在页面使用时报错,这是因为babel编译不支持解决方案需要安装npm i babel-preset-stage-1 -D -S最后在babel文件中配置即可

2019-03-04 23:16:57 5638 7

原创 小程序生命周期

在小程序中生命周期分为三大类应用生命周期页面生命周期组件生命周期应用生命周期onLaunch(){ console.log('onLaunch监听小程序初始化')}onShow(){ console.log('onShow监听小程序显示')}onHide(){ console.log('onHide监听小程序隐藏')}页面生命周期onLoad(option...

2019-02-28 19:55:16 247

原创 webpack4.x配置

1.全局安装webpack相关包 npm i webpack webpack-cli webpack-dev-server -g2.新建一个项目目录文件夹结构如下:3.初始化node环境npm init -y使用了 -f(代表force)、-y(代表yes),可以跳过提问阶段,直接生成一个新的 package.json 文件。这时,会发现自动生成了一个package.json...

2019-02-16 23:14:44 927

原创 webpack系列

1.全局安装webpack后,执行webpack提示安装webpack-cli在webpack 3版本,webpack本身和它的CLI以前都是在同一个包中,但在第4版中,他们已经将两者分开来更好地管理它们。需要再全局安装webpack-clinpm i webpack-cli -g2.webpack常用命令webpack – 开发环境构建webpack -p – 生产环境构建(压缩...

2019-02-01 11:11:29 169

原创 nvm踩过的坑

nvm踩过的坑1.原先已安装node环境后,再安装nvm配置相关环境nvm切换版本成功后,依然默认使用的是原先安装的node版本需要先全局删除node环境2.设置nvm镜像因为每次node下载安装挺快的,就npm下载一直卡在那,设置了先前在npm里面设置的镜像,结果就出问题了,一直报错The process cannot access the file because it is ...

2019-01-31 11:54:04 2223

原创 npm设置代理及镜像

npm设置代理及镜像1.npm查看配置指令npm config list2.npm设置代理npm config set proxy http://server:portnpm config set https-proxy http://server:porteg:npm config set prox http://xx.xx.xxx.xx:8080/代理用户名和密码npm con...

2019-01-30 10:13:20 1966

原创 网页页面性能优化

提升页面性能的方法有哪些?1.资源压缩合并,减少HTTP请求2.非核心代码异步加载 -----> 异步加载的方式 -----> 异步加载的区别异步加载的方式1)动态脚本加载2)defer3)async异步加载的区别1)defer是在HTML解析完之后才会执行,如果是多个,按照加载的顺序依次执行2)async是在加载完之后立即执行,如果是多个,执行顺序和加载顺序...

2019-01-16 20:39:20 179

原创 http协商缓存和强缓存

http协商缓存和强缓存1.浏览器缓存为了节约网络资源,加速浏览,浏览器在用户磁盘上对最近请求过的文档进行存储,当访问者再次请求这个页面时,浏览器就可以直接从本地磁盘读取资源并展示,这样就可以加速页面的阅览。缓存这东西,第一次必须获取到资源后,然后根据返回的信息来告诉如何缓存资源,可能采用的是强缓存,也可能告诉客户端浏览器是协商缓存,这都需要根据响应的header内容来决定的。缓存的优点:...

2019-01-16 20:23:04 309

原创 前端错误监控

1.前端错误分类即时运行错误:代码错误1)try-catch 2)window.onerror资源加载错误:找不到文件或者资源加载超时造成的1)object.onerror 2)performance.getEntries() 3)Error事件捕获延伸:跨域js运行错误可以捕获吗,错误提示什么,应该怎么处理?1)在script标签添加crossorigin 属性2)设置js资...

2019-01-16 20:22:43 240

原创 浏览器渲染机制

渲染机制什么是DOCTYPE及作用 —> 浏览器渲染过程 —> 重排 Reflow —> 重绘 Repaint —> 布局 Layout1.什么是DOCTYPE及作用DTD(document type definition ,文档类型定义)是一系列的语法规则,用来定义XML或(X)HTML的文件类型。浏览器会使用它来判断文档类型,决定使用何种协议来解析,以及切换...

2019-01-16 20:22:23 3360

空空如也

空空如也

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

TA关注的人

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