摘要: 【前言】 最近在捣鼓各种插件各种框架,发现这个ECharts还是比较不错的,文档也挺全的,还是中文的,给大家推荐一下。 这篇文章是零基础入门ECharts图表的教程,先简单介绍一下吧,可能有人还不知道这个东西。 【简介】 ECharts,缩写来自Enterprise Charts,商业级数据图表,一 阅读全文
posted @ 2018-03-29 15:52 白纱茗-度C 阅读(424) 评论(0) 推荐(0)
摘要: 前端数据可视化插件有很多,但我用过的只有Highcharts(https://www.hcharts.cn/)、Echarts(http://echarts.baidu.com/)和D3(https://d3js.org/), Web开发过程中选择使用哪一个插件是很重要的问题。就我个人而言,一般会从 阅读全文
posted @ 2018-03-29 15:49 白纱茗-度C 阅读(1848) 评论(0) 推荐(0)
摘要: 【javascript来获取当前页面的url网址信息】: 举例:URL,然后获得它的各个组成部分 http://i.cnblogs.com/EditPosts.aspx?opt=1 1、window.location.href(设置或获取整个 URL 为字符串) var test = window. 阅读全文
posted @ 2018-03-29 12:23 白纱茗-度C 阅读(358) 评论(0) 推荐(0)
摘要: function isEmail(str) { var re = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; if(str.indexOf('@') < 0){ return false; } return re.test(s... 阅读全文
posted @ 2018-03-29 12:20 白纱茗-度C 阅读(122) 评论(0) 推荐(0)
摘要: font_width(); $(window).on("resize", function(){ font_width(); }); function font_width (){ var clientWidth = document.documentElement ? document.documentElement.clientWidth : document.body; if ... 阅读全文
posted @ 2018-03-29 12:19 白纱茗-度C 阅读(309) 评论(0) 推荐(0)
摘要: Jquery的获取元素标签名称的方法: 1、$( this ).get(0).tagName 2、$( this )[0].tagName 3、$( this ).prop("tagName") 4、$( this ).prop("nodeName") 阅读全文
posted @ 2018-03-29 12:19 白纱茗-度C 阅读(563) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2018-03-29 12:18 白纱茗-度C 阅读(164) 评论(0) 推荐(0)
摘要: <!-- HTML5 shim for IE8 support of HTML5 elements --> <!-- [if lt IE 9]> <script src="js/respond.min.js"></script>> <script src="js/html5shiv.js"></sc 阅读全文
posted @ 2018-03-29 12:17 白纱茗-度C 阅读(105) 评论(0) 推荐(0)
摘要: //提取cookie中的值 CloudShareCommon.prototype.getCookie = function (name) { var cookieStr = document.cookie; if (cookieStr.length > 0) { var cookieArr = cookieStr.split(";"); //将cookie信息转... 阅读全文
posted @ 2018-03-29 12:16 白纱茗-度C 阅读(180) 评论(0) 推荐(0)
摘要: //创建cookie CloudShareCommon.prototype.setCookie = function (name, expireday) { var exp = new Date(); exp.setTime(exp.getTime() + expireday * 60 * 1000); //设置cookie的期限 document.cookie = na... 阅读全文
posted @ 2018-03-29 12:15 白纱茗-度C 阅读(120) 评论(0) 推荐(0)
摘要: 【注意】:匹配任意字符—— [\d\D] 、 [\w\W] 、[\s\S] 、[^] 阅读全文
posted @ 2018-03-29 12:14 白纱茗-度C 阅读(575) 评论(0) 推荐(0)
摘要: git init →创建版本库 git add 文件名 →将文件提交到暂存区 git status →查看暂存区的状态 git commit -m "注释" → 提交文件到本地库 git reflog 文件名→查看版本号 git reset --hard HEAD^ →回退一个版本 git rese 阅读全文
posted @ 2018-03-29 12:12 白纱茗-度C 阅读(110) 评论(0) 推荐(0)
摘要: npm安装模块 【npm install xxx】 利用npm安装xxx模块到当前命令行所在的目录; 【npm install -g xxx】利用npm安装全局模块xxx; 本地安装时将模块写入package.json中 【npm install xxx】 安装但不写入package.json; 【 阅读全文
posted @ 2018-03-29 12:10 白纱茗-度C 阅读(117) 评论(0) 推荐(0)
摘要: function settime ($el,countdown) { if(countdown === 0){ $el.removeAttr('disabled') // $el.val('发送验证码').css('backgroundColor','#e70034') $el.val('获取验证码').css('backgroundColor','transpare... 阅读全文
posted @ 2018-03-29 12:05 白纱茗-度C 阅读(276) 评论(0) 推荐(0)
摘要: function endTime(value) { // value = '2017-08-15 14:20:00'; var val = value.replace(/-/g, "/"); var date1 = new Date(); //开始时间 var date2 = new Date(val); //结束时间 var mss = date1 - date2; //时... 阅读全文
posted @ 2018-03-29 12:01 白纱茗-度C 阅读(302) 评论(0) 推荐(0)
摘要: Js获取当前日期时间及其它操作 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11 阅读全文
posted @ 2018-03-29 12:00 白纱茗-度C 阅读(3376) 评论(0) 推荐(1)
摘要: 阅读全文
posted @ 2018-03-29 11:57 白纱茗-度C 阅读(310) 评论(0) 推荐(0)
摘要: // js判断是微信、QQ内置浏览器打开页面 方法一:(微信官方js判断做法) var ua = navigator.userAgent.toLowerCase(); var isWeixin = ua.indexOf('micromessenger') != 1; if(isWeixin){ re 阅读全文
posted @ 2018-03-29 11:56 白纱茗-度C 阅读(174) 评论(0) 推荐(0)
摘要: https://github.com/Tencent/vConsole/blob/dev/README_CN.md 下载 vConsole 的最新版本。(不要直接下载 dev 分支下的 dist/vconsole.min.js) 或者使用 npm 安装: npm install vconsole 引 阅读全文
posted @ 2018-03-29 11:49 白纱茗-度C 阅读(386) 评论(0) 推荐(0)
摘要: 后面的项目发现,还有两个坑,需要注意下: ·本文的解决方案的核心是利用了 微信/易信 在ready的时候会有个 WeixinJSBridgeReady/YixinJSBridgeReady事件,通过监听这个事件来触发的。那有个坑就是 如果微信已经ready了,但还没执行到你监听这个ready事件的代 阅读全文
posted @ 2018-03-29 11:48 白纱茗-度C 阅读(300) 评论(0) 推荐(0)
摘要: 1、获取当天是星期几,则为: new Date().getDay(); 2、给定日期是星期几,应把字符串转为Date: new.Date('2017-12-30').getDay(); // 返回0,表示星期天,1:星期一…… 注意:考虑ios、android兼容性问题,建议字符串'2017-12- 阅读全文
posted @ 2018-03-29 11:48 白纱茗-度C 阅读(7480) 评论(0) 推荐(0)
摘要: /* ***************************** * 获取参数值 * @param name 参数名称 * @returns 参数值 ***************************** */ CloudShareCommon.prototype.getQueryString 阅读全文
posted @ 2018-03-29 11:46 白纱茗-度C 阅读(174) 评论(0) 推荐(0)
摘要: //解决浏览器缓存 或 刷新URL地址 CloudShareCommon.prototype.timestamp = function (url) { var getTimestamp=new Date().getTime(); // 获取时间戳 if (url.indexOf("?") > -1) { // 地址已含 “ ? ”符号 url = url + "&... 阅读全文
posted @ 2018-03-29 11:44 白纱茗-度C 阅读(976) 评论(0) 推荐(0)
摘要: /* 计算两个日期之间的天数 */ getDateDiff: function (startDate, endDate) { var startTime = new Date(Date.parse(startDate.replace(/-/g, "/"))).getTime(); var endTime = new Date(Date.parse(endDate.replace... 阅读全文
posted @ 2018-03-29 11:43 白纱茗-度C 阅读(165) 评论(0) 推荐(0)
摘要: //获取当前日期的前后N天日期的方法 function GetDateStr(AddDayCount){ var dd = new Date(); dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期 var y = dd.getFullYear(); v... 阅读全文
posted @ 2018-03-29 11:42 白纱茗-度C 阅读(901) 评论(0) 推荐(0)
摘要: 在JavaScript中,prototype对象是实现面向对象的一个重要机制。 每个函数就是一个对象(Function),函数对象都有一个子对象 prototype对象,类是以函数的形式来定义的。prototype表示该函数的原型,也表示一个类的成员的集合。 要弄清楚原型链就要先弄清楚 functi 阅读全文
posted @ 2018-03-29 11:41 白纱茗-度C 阅读(2872) 评论(0) 推荐(0)
摘要: call和apply都用于函数调用,和使用函数名直接调用不同,call和apply可以指定一个额外的参数作为函数体内的this对象。 call采用不定长的参数列表,而apply使用一个参数数组。 由于call和apply可以改变函数体内的this指向,因此通常被用来将一个对象原型上的方法应用到另一个 阅读全文
posted @ 2018-03-29 11:41 白纱茗-度C 阅读(2479) 评论(0) 推荐(0)
摘要: 检测Internet Explorer版本 当涉及到CSS设计时,对开发者和设计者而言Internet Explorer一直是个问题。尽管IE6的黑暗时代已经过去,IE也越来越不流行,它始终是一个能够容易检测的好东西。当然了,下面的代码也能用于检测别的浏览器。 平稳滑动到页面顶部 这是一个最广泛使用 阅读全文
posted @ 2018-03-29 11:39 白纱茗-度C 阅读(132) 评论(0) 推荐(0)
摘要: /* Object.is() 判断是否重复,NaN也可以判断 */ let arr = [10,30,4,4,5,6,7,7,8,4,5,6,NaN,NaN,0]; let newArray = []; arr.forEach((item) => { let flag = true; for(var 阅读全文
posted @ 2018-03-29 11:34 白纱茗-度C 阅读(103) 评论(0) 推荐(0)
摘要: 前端模块规范有三种: CommonJs, AMD 和 CMD。 CommonJs用在服务器端,AMD和CMD用在浏览器环境 AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。提前执行(异步加载:依赖先执行)+延迟执行 CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。延迟 阅读全文
posted @ 2018-03-29 11:32 白纱茗-度C 阅读(283) 评论(0) 推荐(0)
摘要: HTML: Javascript: 阅读全文
posted @ 2018-03-29 11:31 白纱茗-度C 阅读(1861) 评论(0) 推荐(0)
摘要: 1、若第三方中的对象或者方法,已经暴露出来(export),则可以直接引用,比如: import '../../../common/geolocation.min.js'; // 引入腾讯地图前端定位组件的js 2、若第三方中的对象或者方法,没有暴露出来,则引用如下: let bBox = requ 阅读全文
posted @ 2018-03-29 11:16 白纱茗-度C 阅读(3945) 评论(0) 推荐(0)
摘要: 常用快捷键 格式调整 Ctrl+S:保存文件 Ctrl+[, Ctrl+]:代码行缩进 Ctrl+Shift+[, Ctrl+Shift+]:折叠打开代码块 Ctrl+C, Ctrl+V:复制,粘贴,如果没有选中任何文字则复制粘贴一行 Shift+Alt+F:代码格式化 Alt+Up,Alt+Dow 阅读全文
posted @ 2018-03-29 11:15 白纱茗-度C 阅读(224) 评论(0) 推荐(0)
摘要: 当更换接口地址域名时 微信开发者工具应重启,从而生效; 引用模板 方式一: 直接引入wxml文件1:<include src="../templates/header" /> 复制~~模板内容:<view>这是头部</view> include时,不能遗漏 / 方式二: 引入模板wxml文件2: < 阅读全文
posted @ 2018-03-29 11:14 白纱茗-度C 阅读(217) 评论(0) 推荐(0)
摘要: webpack是什么 Webpack 是一个模块打包器。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 百度网盘视频下载:http://pan.baidu.com/s/1jIPJucu 百度网盘在线观看:http://pan.baidu.com/share/li 阅读全文
posted @ 2018-03-29 11:12 白纱茗-度C 阅读(2148) 评论(0) 推荐(0)
摘要: ◎ direction表示滚动的方向,值可以是left,right,up,down,默认为left ◎ behavior表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(往返滚动) ◎ loop表示循环的次数,值是正整数,默认为无限循环 ◎ scrollamo 阅读全文
posted @ 2018-03-29 11:05 白纱茗-度C 阅读(514) 评论(0) 推荐(0)
摘要: 首位数字定义了状态码的类型: 1、 1XX: 信息类,表示收到Web浏览器请求,正进一步的处理中。 2、 2XX: 成功,表示用户请求被正确接收,理解和处理,例如~200 OK。 3、 3XX: 重定向,表示请求没有成功,客户必须采取进一步的动作。 4、 4XX: 客户端错误,表示客户端提交的请求有 阅读全文
posted @ 2018-03-29 11:03 白纱茗-度C 阅读(294) 评论(0) 推荐(0)
摘要: let let 定义变量没有变量的提升(没有预解释) let 定义的变量不能重复定义(无论函数还是let定义的变量都不可以重复定义) 虽然不进行预解释,但是代码执行前,也是将定义的变量提前过滤一遍,一旦发现不合法的就直接报错了,代码也不会执行了。 { } 是一个私有作用域 ,块级作用域 // 自执行 阅读全文
posted @ 2018-03-29 11:02 白纱茗-度C 阅读(138) 评论(0) 推荐(0)
摘要: 块级作用域 (1)let 取代 var ES6 提出了两个新的声明变量的命令:let和const。其中,let完全可以取代var,因为两者语义相同,而且let没有副作用。 'use strict'; if (true) { let x = 'hello';} for (let i = 0; i < 阅读全文
posted @ 2018-03-29 11:01 白纱茗-度C 阅读(161) 评论(0) 推荐(0)
摘要: 教你学会常用的ES6语法,不常用的遇到再手册,当然有时间还是整体看一遍官方文档。 let和const命令 let命令 不存在变量提升 console.log(ss); //undefined console.log(xx); //报错 var ss = 'a'; let xx = 'b'; var存 阅读全文
posted @ 2018-03-29 10:49 白纱茗-度C 阅读(329) 评论(0) 推荐(0)
摘要: 一、单行文 本溢出显示省略号 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } https://www.cnblogs.com/jyybeam/p/6564453.html 阅读全文
posted @ 2018-03-29 10:46 白纱茗-度C 阅读(161) 评论(0) 推荐(0)
摘要: .elm { width: calc(expression); } 注意事项: 使用“+”、“-”、“*” 和 “/”四则运算; 可以使用百分比、px、em、rem等单位; 可以混合使用各种单位进行计算; 表达式中有“+”和“-”时,其前后必须要有空格,如"widht: calc(12%+5em)" 阅读全文
posted @ 2018-03-29 10:45 白纱茗-度C 阅读(19096) 评论(1) 推荐(2)
摘要: 第一种: <div class="title"> <div class="flag"></div> <div class="content"> <img src="img_p1_title.png"> </div> </div> css: .title { width: 100%; font-siz 阅读全文
posted @ 2018-03-29 10:43 白纱茗-度C 阅读(604) 评论(0) 推荐(0)
摘要: border-radius: 50%; { width: 40px; height: 40px; border: 70px solid red; border-radius: 90px; } 3. 半圆 { width: 180px; height: 90px; border-radius: 90p 阅读全文
posted @ 2018-03-29 10:37 白纱茗-度C 阅读(7431) 评论(0) 推荐(0)
摘要: 一、css方式 1、media screen and (max-width: 600px){ } 2、media screen and (max-width: 900px){ } 3、media screen and (max-width: 1200px){ } 二、link方式 <link rel 阅读全文
posted @ 2018-03-29 10:35 白纱茗-度C 阅读(131) 评论(0) 推荐(0)
摘要: html,body,h1,h2,h3,h4,h5,h6,div,p,ul,li,ol,p { margin: 0; padding: 0; } input { display: block; box-sizing: border-box; width: 100%; height: 100%; padding: 0; border: ... 阅读全文
posted @ 2018-03-29 10:34 白纱茗-度C 阅读(306) 评论(0) 推荐(0)