脑瓜疼儿的博客

原创 vue如何使用echarts做中国地图以及map地图和表格的联动

项目需求1: 使用中国地图展示数据,自定义tooltip项目需求2: 地图和表格联动 点击或者悬浮表格某一行 自动选中地图的某个地区并显示自定义的tooltip其中需求1 当时傻乎乎的还去下载了china.js 其实不管china.js/chain.json 或者 world.js/world.json 都可以在node_modules中的echarts里面找到// 只需要这样引入即可im...

原创 js的数组常用方法以及各种区别

持续更新

原创 vue中export和exports export default等等区别

去去去

原创 js的使用技巧之隐式转换和显示转换

等待整理

原创 js中 字符串true和boolean的true怎么相互转换

字符串true 转成 boolean的truevar a="True";a = eval(a.toLowerCase());//toLowerCase 会将调用该方法的字符串值转为小写形式,并返回。alert(typeof a); //booleanalert(a);//true正解,eval方法动态将参数运算成一个字符串,然后自动判断了字符串的类型,true被认为是boolean类型...

原创 npm安装vue-cli的时候报错了

报错问题如下， 因为习惯了 vue-cli 2.x 所以卸载了 vue-cli 3.x，然后准备安装 vue-cli2.x的时候，不给我面子了 如图然后赶紧百度， 找到了 解决方案关键是这几条命令， 使用需谨慎# 逐条试试npm ls --depth 0 -g // 看看哪些失效了npm prune -g // 修剪下全局包npm rebuild -g // 重建下全局包npm u...

原创 vue项目怎么使用 chrome 打断点 debug

常见的一种方式是在你的chorme浏览器安装dev-tools， 安装教程和使用教程， 自行百度；如果 显示的 是 Vue.js is detected on this page. Open DevTools and look for the Vue panel. 这时候你的devtools插件是不能用的你可以在你main.js 里面 添加 一行代码 其实就是开启 devtoolsVue...

转载 js 对 闭包的理解

这是关于 闭包和原型 的区别 以及 闭包的使用情景， mark一下https://segmentfault.com/q/1010000004067464

原创 vue 使用 npm run dev命令后 自动打开浏览器

vue-cli2.x的时候，找到配置文件 config => index.js , 修改配置 autoOpenBrowser: true ，默认是false，改成 true 即可这种方法比较万能， 在 package.json 文件下 修改 scripts 中 dev 的命令 最后面加上 --open ； 如图...

原创 关于element-ui中的一些使用技巧

今天写auto-complete=“on” 的时候并没有效果，这个属性的意义是当获取光标可以帮助你输入，显示的都是你曾经输入过的东西，但是这个需要name属性配合 如果没有name属性 它是发挥不了作用的...

原创 有点明白为什么要用 gulp + webpack 了

首先 gul-babel 使用的时候只是支持 将 es6语法 降级成 es5语法，但是不支持我想用的 Map Promise async 等 es6+ 的 API，至少ie是不支持的，这就足够了。所以怎么能支持呢 需要引入 babel-polyfill如果我直接安装了babel-polyfill， 然后 require 引入？ 这又会报错 require is not defined原因是...

原创 vue项目当一直点击浏览器返回键的时候，从主页面跳到了登录页面

问题如题， 突如其来的问题，让我闪了腰，不知道为什么毕竟没有研究过浏览器的history还是看了官网才知道原因：地址登录成功后我用的是`this.$route.push(’/home’)`然而问题就来了怎么改正呢 我用的是this.$route.replace('/home')这两个的主要区别就是...

原创 change&&input&&propertychange三个事件的区别

应用场景 当在一个input输入框中输入要查询的数据 要做到实时查询首先想到input的事件 change blur keyup input propertychangechange 是改变属性 包括value值,触发事件需要失焦但是value值不变化不触发input 事件 只是改变输入框的value值, ie6-ie8 是不支持input事件的所以ie有自带的事件 propertycha...

原创 修改npm全局安装位置

1.首先看这个链接https://blog.youkuaiyun.com/weixin_41585557/article/details/79155526这是教怎么修改的nodejs 可以用但是全局安装的vue还不能用 所以怎么办2.在环境变量中加入了vue.cmd 的路径环境变量中添加第二行路径 第一行路径是自动添加 不需要关心...

原创 gulp压缩图片插件大比拼

gulp-imagemin 这个压缩完感觉跟没压缩一样gulp-tinypng-nokey不需要key但是速度很慢 需要上传下载gulp-tinypng这个也需要keygulp-tinypng-compress需要key每月限制500张 速度比 nokey的要快 而且稳定...

转载 浏览器的渲染原理

http://ux.sohu.com/topics/50972d9ae7de3e752e0081ff?qq-pf-to=pcqq.grouphttp://www.smallni.com/css-performance-from-the-browsers-rendering/浏览器的工作原理：新式网络浏览器幕后揭秘http://coolshell.cn/articles/9666.html浏...

原创 npm命令理解 -S -D --save-dev --save -g 清除缓存

// 清除缓存// 因为安装包 第一次安装失败 种种原因吧, 第二次安装不会成功,必须是清除缓存才可以安装npm cache clean --force

原创 ie浏览器兼容问题总结 - - 持续更新中

1、IE8及以下版本不支持onload事件，但支持onreadystatechange事件；( readyState是onreadystatechange事件的一个状态，值为loaded或complete的时候，表示已经加载完毕 )...

原创 webstorm破解之法

JetBrains激活注册时，在打开的License Activation窗口中选择“License server”，在输入框输入下面的网址：http://idea.iteblog.com/key.php点击：Activate即可。JetBrains 授权服务器(License Server URL):http://idea.imsxm.com/使用方法：激活时选择License ser...

原创 meta头部常用信息

原创 VUE环境搭建步骤

下载node.js放在：D:\nodejs\node-v10.3.0-win-x64计算机右键–>属性—>高级环境变量—》 系统变量path配置 ;D:\nodejs\node-v10.3.0-win-x64win+r 输入cmd node -v 如果出新版本号，证明node安装成功2.http://npm.taobao.org/npm install -g ...

原创 js判断浏览器类型

<script> if(navigator.userAgent.indexOf("MSIE")>0) { alert("ie11以下"); } else{ if (!!window.ActiveXObject || "ActiveXObject" in window){ alert('ie11'); }else{ ...

原创 art-template.js 下载以及使用

个人习惯使用原生语法官网： https://aui.github.io/art-template/github：https://github.com/aui/art-template中文文档： art-template https://aui.github.io/art-template/zh-cn/docs/index.html可以在文档 或者 github上下载 现在命名为 temp...

原创 在手机上怎么查看前端写的页面

首先给自己的vscode 装一个 live server 插件右键选择 open with live server 打开你的页面 例如: http://127.0.0.1:5500/index.html用cmd 打开小黑窗口, 输入ipconfig 查出自己的ip地址用自己的ip地址替换掉 127.0.0.1 例如: http:// 192.168.1.1:5500/index.htm...

原创 this指向理解

this 是一个关键字，它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。1.作为纯粹的函数调用 this 指向全局对象2.作为对象的方法调用 this 指向调用对象3.作为构造函数被调用 this 指向新的对象（new 会改变 this 的指向）4.apply 调用 this 指向 apply 方法的第一个参数首先必须要说的是，this的指向在函数定义的时候是确定不了的，...

原创 enter后跳到了登录页面

按了enter 会 提交form 表单最夸张的是竟然退出系统了 这让我很无语首先 在 el-form 上 添加 @submit.native.prevent然后如果el-input 有需要可以加上 @keyup.enter.native=“save”修饰符.native 是给 element-ui用的native - 监听组件根元素的原生事件。主要是给自定义的组件添加原生事件。...

原创 vue单个元素绑定多个事件 例如点击绑定多个事件方法

比如 @click=“one();two()”注意: 方法名后加() =&gt; 调用方法 多个方法用;隔开

原创 vue脚手架的搭建详细过程

自行下载阅读

原创 element中table实现分页记忆功能(数据回显)

可以参考大神链接:https://www.cnblogs.com/wanglu/p/9160416.html特此声明:分页记忆是分页记忆 数据回显是数据回显 不能颠倒概念我自己写的就不丢人现眼了

原创 element中table实现数据回显功能

数据回显和分页记忆还是有区别的

原创 qs和 json区别

qs是将数据序列化成name='zs'&amp;age = 18但是json的想序列化是'{"name":"zs","age":"18"'}'

原创 vue路由 --刷新路由参数不丢失

11

原创 vue路由--点一下刷新一次

11

转载 vue路由前进刷新后退不刷新

111

原创 前端后台模板管理

https://segmentfault.com/a/1190000015835976?utm_source=tag-newest

原创 2019年前端面试题

转发: https://www.bestvist.com/p/61

原创 前端收藏的链接

https://www.jianshu.com/p/fff9e5c46b9ehttps://www.cnblogs.com/MarcoHan/p/5295398.htmlhttps://github.com/jackiewillen/blog/issues/14https://segmentfault.com/q/1010000009762811https://segmentfault.c...

原创 linkActiveClass 和 linkExactActiveClass 这俩啥区别以及exact的作用

linkActiveClass 是模糊匹配linkExactActiveClass 是精准匹配exact也是精准的意思官网提供的链接: https://jsfiddle.net/8xrk1n9f/当是模糊匹配时:i.router-link-active a { color: #f66;}当是精准匹配时i.router-link-exact-active a { co...

转载 swiper轮播问题之一：轮播图内容为动态数据生成时轮播图无法自动轮播

转载: https://www.cnblogs.com/toggle/p/7676442.html

原创 json-server的使用

json-server主要是用来模拟数据,还可以调试接口,看前端写的方法是否可以异步一 . 安装npm install -g json-server 这是全局安装二. 开启json-server --watch db.json...