自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 script标签属性defer & async

script标签属性defer & async1. 需求描述script标签的这两个属性看起来倒是不陌生,但也不熟悉只有在面试时候被问到过(敲黑板),直到今天给页面添加埋点,发现调用埋点方法报错,于是有了这篇文~。2. 属性简介由于script脚本的执行会阻塞页面(dom的解析),一些网页就把script放在最后加载,只是当网速不是很快,或者script文件很大时候仍然会阻塞,而有了defer和async,就使得页面体验效果变好了(不过适用于在当前页面的script脚本没有在加载时候用到的

2021-07-20 18:27:48 121

原创 vue 添加多个模式

vue 添加多个模式1. 需求描述项目使用vue。就在北京时间20210108,甲方爸爸提出一些新的需求,正式环境需修改,但我们的测试环境目前不需要修改。2. 实现思路vue分本地开发模式development和线上部署production模式,想着能否再增加一个模式来区分production与official。3. 具体实现3.1 查阅vue文档经查阅vue文档确有提及 链接3.2 在vue项目 package.json同级目录下,创建.env.official文件.env

2021-01-11 14:39:02 250

原创 vue 结合ztree编写组件

哎 yo 这不是来自红人馆~vue结合ztree插件编写的选人组件1. 需求描述正如下图所示甲方爸爸要求的选人组件做成这样,开始使用的iview的选人的我还改造了下,这下推翻重新来过。2. 实现思路使用的ztree插件,再结合自己的拼凑,编写而成组件。3.具体实现3.1 引入ztree先去官网(http://www.treejs.cn/v3/api.php)下载ztree包,里面有一些demo,找到plugins复制到项目中。引入ztreeimport "./plugins

2020-11-27 18:25:07 255

原创 自定义Modal组件

弹窗效果1.需求来源因最近做移动端页面,页面是从pc端移动到手机端的,一些弹窗的功能也伴随移动,遂参考cub-ui编写了这个弹窗组件2.代码编写2.1css编写.gf-modal { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; pointer-events: none; &.gf-show-mask { pointer-events: auto;

2020-09-10 17:34:19 1684

原创 echarts 绘制中国地图(中英文转换)

echarts 绘制中国地图1.引入echarts npm install echarts import echarts from 'echarts'2.![在这里插入图片描述](https://img-blog.csdnimg.cn/20200825173645322.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpc2hlbmd

2020-08-25 17:37:43 2924 4

原创 vue项目兼容ie踩得一些坑

几个人花了一个近一个月做了一个vue项目,后面说的vue项目要兼容ie,卒关于遇到的问题:1.es6 转 es5 转码 ①npm install babel-polyfill --save ②build目录下 webpack.base.config.js修改2.vuex-along影响ie兼容性通过修改了第一步,但是不知道为什么ie仍然不能出现界面,找了两个小时知道...

2019-07-19 18:12:26 2535

原创 关于vue使用iview遇到的控制台警告

问题描述: 使用vuecli2创建项目并且引入iview时候报下面错误,心里一万只horse飘过,为什么是写代码时候踩坑小王子啊!!!解决办法: 1.通过卸载vue-cli2 (npm uninstall vue-cli -g) 2.使用安装vue cli3(npm install -g @vue/cli) 3.vuecreatevue-demo...

2019-06-04 11:28:21 923

空空如也

空空如也

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

TA关注的人

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