2017年11月_宇宙无敌小可爱

转载 vue插件集合

UI组件element - 饿了么出品的Vue2的web UI工具套件Vux - 基于Vue和WeUI的组件库mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应用

2017-11-29 15:10:55 983

原创 display:inline-block 元素间间距去除方法

display:inline-block 元素都会有间距，如图：为此给大家分享几种解决方法：1：元素间的间距是因为标签间的间距，所以我们可以直接去掉HTML的空格，但是考虑到代码可读性，所以不可能写成一行，那可以直接按照以下方式写：哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈借助HTML注释；

2017-11-27 17:37:42 2499

原创 vue + webpack 构建项目

vue+webpack项目搭建过程：node是必须的，需要先安装好node全局查询node -v：接下来全局安装vue-cli npm install --global vue-cli安装成功后在项目文件夹下运行 vue init webpack + 项目名：此时文件夹下的目录如下：接下来执行 npm install 或者cnpm

2017-11-21 16:00:52 4321

原创如何優雅的取整

var a = ~~1.222;var b = 1.222 | 0;var c = 1.222 >> 0;　console.log(a+'==='+b+'========'+c)結果如下：不经意间露一手，瞬间提升气质！！！

2017-11-21 11:02:18 265

原创 input禁止输入的方法

1： readonly规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。type="text" value="哈哈哈" readonly="readonly">2：disabled 被禁用的 input 元素可复制，不能接收焦点,设置后文字的颜色会变成灰色。无法与一起使用。type="text

2017-11-21 10:42:45 99347 1

原创 css更改placeholder的样式

可以用css更改placeholder的字体颜色 html:class="input" maxlength="200" name="text" placeholder="请输入文字" >css:.input::-webkit-input-placeholder { color: red;}.input:-moz-placeholder {

2017-11-20 18:10:10 32889

原创 div 模拟text area 高度自适应，不要滚动条

因为text area的高度不能自适应，但是项目又是需要回显文本加又可输入并且不要滚动条的需求，试了很多方法都不行，最终get到：用div模拟text area去实现高度自适应，并且可输入：class="test_box" contenteditable="true">css部分：.test_box { width: 400px; m

2017-11-20 17:27:00 651

原创解决网页刷新时布局紊乱（jquery ready和load事件）

PC项目开发时遇到页面刷新时会出现2S左右的紊乱，会影响到用户体验；那么要想直接给用户呈现一个完整的页面，而不在页面加载时就呈现给用户，一般要采用预加载，可以在整个页面都加载完毕时，然后再呈现给用户。（页面加载时，最慢的还是一些脚本、图片，其中图片是主要问题）；解决短暂的页面布局紊乱，可以使用jquery的load事件，如下：$("#fullback").hide();我的

2017-11-20 11:33:17 1307

原创开关按钮

效果图：代码：Document.div1{ width: 75px; height: 27px; line-height: 30px; border-radius: 5px; overflow: hidden; position: relative; background: #82e497; b

2017-11-15 16:45:01 279

原创百度地图接口及使用

$(function () { getAddr(); }); //百度地图获取坐标 function getAddr() { var geolocation = new BMap.Geolocation(); var pt; geol

2017-11-15 16:15:08 1337

原创 echarts重复加载

如上图所示，项目中需要点击开关按钮时控制图表上对应的类别的显示和隐藏，但是在点击显示时可以渲染出来，点击隐藏时对应部分却不消失，代码如下：var chart = document.getElementById('lineChart');myChart = echarts.init(chart);myChart.setOption(option);解决办法：var

2017-11-15 15:16:43 4274 1

原创 jquery 添加元素的方法

1.append(); 在所选元素的结尾添加var html = ''+obj.farmName+'';$('#box').append(html);2.prepend(); 在所选元素的开头添加$('#box').prepend(html);3.html(); 在所选元素内添加，如果元素内之前有别的内容会覆盖掉$('#box').htm

2017-11-14 19:24:28 5709

原创 echarts X轴显示不全

项目中有遇到X轴显示不全的问题，如下图：代码如下："xAxis": { "axisLine": { "lineStyle": { "color": "#fcead4", "fontSize": 14 } }, "type": "category", "data": [

2017-11-14 10:04:27 3269

原创 JSON.parse()和JSON.stringify()的用法及区别

JSON.parse()是从字符中解析出json对象：var str = '{"overMoney":0,"castCategoryId":9,"castFarmId":""}';console.log(JSON.parse(str)){overMoney: 0, castCategoryId: 9, castFarmId: ""}而JSON.stringify()刚好相

2017-11-13 16:33:45 1359

原创 js 对象 key 变量

项目中有遇到根据点击的不同按钮将它们的class作为key传进data对象内，那么此时key 就是个变量，在开始写的时候是这样:var data={ id:id, classNameTitle:buttonType, tifier:tifier}console.log(data)打印结果如下：planMoney//为此时的classNameTitle

2017-11-10 11:48:01 3111 1

原创一句代码搞定数组去重 Set()

[...new Set([1, "1", -1, 1,2,3,4,5, 1, 3])](7) [1, "1", -1, 2, 3, 4, 5]哈哈有木有很神奇；Set是ES6提供的新的数据结构，类似于数组，但是值都是唯一的，不会有重复的值；Set本身是一个构造函数，用来生成Set数据结构，接下来给大家分享哈 Set的几个方法：var s = new Set();

2017-11-09 10:25:05 8041 1

原创 js判断是否为数字排除掉空

啦啦啦啦啦今天写项目需要判断是否是数字再去相乘，之前的东西忘得已经差不多了，so 在度娘的一番教导下，get到了方法，赶紧给大家分享下因为所输入的数字有可能是负数，小数，需要排除的是空格和其他类型，所以一开始试了isNaN这个方法，如下：console.log(isNaN(-1.22)) falseconsole.log(isNaN(1)) falseconso

2017-11-07 14:52:09 2015 1

diwuyanting的博客