- 博客(41)
- 收藏
- 关注
RSS订阅原创 canvas 绘制 多个 圆形进度条
var canvas = document.createElement("canvas");canvas.width =110;canvas.height = 110;document.body.innerHTML='';document.body.appendChild(canvas);var ctx=canvas.getContext("2d");ctx.translate(55, 55);ctx.rotate(1.5*Math.PI);var list = [{
2020-08-13 13:57:05
821
原创 文本自适应 某宽度 超出后实现翻页
<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" href="../../js/bootstrap/css/bootstrap.min.css"> <style type="text/css"> ...
2019-11-01 16:41:34
303
原创 表格斜线 特殊表格 固定列等
<table cellspacing="0" cellpadding="0" border="1" style="width: 100%"> <thead> <tr> <th colspan="2"> <div style="height: 50px;pos...
2019-08-26 10:05:59
157
原创 变量提升和函数提升
var x = 5; // 初始化 xvar y; // 声明 yelem = document.getElementById("demo"); // 查找元素elem.innerHTML = x + " " + y; // 显示 x 和 yy = 7; // 设置 y 为 7 输出的时候 y=undefinedvar getName=fun...
2019-08-22 14:09:53
93
原创 对象和对象数组中 key不统一的遍历方法
数组对象,不同的key值的遍历方式var a = [{'你好':'世界'},{'他好':'明天'}];&lt;1&gt;a.forEach(function(item,index){ console.log(a[index][Object.keys(item)]); // 世界 // 明天});&lt;2&gt;a.forEach(function(item,inde...
2018-09-14 17:53:51
952
原创 学习笔记---基础数据类型等知识,判断数据类型，数组去重等数据操作
转义运算符:var x = 'It\'s alright';var y = "He is called \"Johnny\"";var x = "John";var y = new String("John");typeof x // 返回 Stringtypeof y // 返回 Object字符串方法:var a = 'a你好,世界,hello world!';var...
2018-08-27 15:56:09
173
翻译 时间格式化
function a(time, cFormat){ debugger; if (arguments.length === 0) { return null; } const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'; let date; if (typeof ...
2018-08-20 16:33:24
247
原创 select2 的注意事项
默认选中1.if( eadgAreaCode && (obj.eadgAreaCode == eadgAreaCode) && orgCode && typeCode){ obj.id = obj.id || obj.eadgAreaCode obj.text = obj.text || obj.eadgAreaName ob...
2018-08-20 15:44:24
263
原创 轮播的 showIndex取值
$scope.showIndex = $scope.imgSlide.length-1; function runloop(){ $scope.showIndex = ($scope.showIndex+1)%$scope.imgSlide.length; } var inter = $interval(runloop,2000); $scope.e...
2018-08-14 17:43:16
215
原创 固定顶部div fixed显示出absolute的感觉
<div class="container" style="position: relative"> <div class="banner clear" style="position: absolute;left: 0px;top: 0;z-index: 1000"> <div class="bannerL">
2018-05-11 16:32:45
364
原创 vue中通过路由传参
表格默认选中事件失效:方法:setCurrent(row) { this.$refs.singleTable.setCurrentRow(row); },在created() { this.initDeviceList(); this.initLeftTable();}的方法 initLeftTable中需要写$nextTick,否则不生效this.$ne...
2018-04-20 17:07:49
364
原创 vue使用中的父子组件之间传参的方法
1.父组件传参到子组件中父组件中的用法:1引入组件import selfAbility from './children/selfAbility';2.在组件中申明:components: { selfAbility },3.页面中使用 <selfAbility :score="scoreParent"></selfAbility> 其中sco...
2018-04-20 10:13:17
1311
转载 解决 下载pdf在浏览器中会自动浏览
window.downloadFile = function (sUrl) { //iOS devices do not support downloading. We have to inform user about this. if (/(iP)/g.test(navigator.userAgent)) { alert('Your device does not suppo...
2018-03-30 15:37:26
4676
1
翻译 本地存储localStorage
将需要的信息本地存储住:给本地localStorage一个'strMenuKey'//存储，IE6~7 cookie 其他浏览器HTML5本地存储if (window.localStorage) { localStorage.setItem(strMenuKey, arrDisplay); } else { Cookie.write(strMenuKey, arrDisp...
2018-03-30 15:34:22
263
原创 undercore
html>head> title>用undercoretitle>head>body> div> div> script src='assets/jQuery/jquery-1.11.1.min.js'>script> script src='assets/underscore/underscore-min.js'>script> scrip
2018-01-19 16:49:39
142
原创 关于导出pdf的注意点
参考文档:https://github.com/linwalker/render-html-to-pdf(beautifulgirlzp已经fork了)利用的是jspdf.debug.js和html2canvas.js两个文件实现的html转换为pdf文档当如果不想转换整个document.body的时候可以选择某盒子 eg:html2canvas(document.getElementById(
2017-12-19 14:57:55
761
原创 echarts数据重组
// var dateList = tryData.map(function (item) { // return item.resultValue; // }); // var valueList = tryData.map(function (item) { // return item.valueTime; // }); // c
2017-10-25 11:20:05
292
原创 文章标题
1:判断字符串和对象和数组是否为空:var hasOwnProperty = Object.prototype.hasOwnProperty;//判断一个数组,对象,字符串是否为空function isEmpty(obj) { // 本身为空直接返回true if (obj == null) return true; // 然后可以根据长度判断，在低版本的ie浏览器中无法这
2017-10-19 14:27:53
159
原创 关于bootstrap中table的表格固定列
HTML：<div class="table-responsive"> <table id="fixedTable" class="table table-striped table-bordered table-hover dataTables-example table-condensed table-responsive" style=" white-space:nowrap;">
2017-10-10 15:57:38
6248
2
原创 event事件相关和window对象json字符串对象之间转换
阻止浏览器默认行为的兼容写法：event.preventDefault ? event.preventDefault() : (event.returnValue = false)阻止冒泡兼容写法：event.stopPropagation ? event.stopPropagation() : (event.cancelBubble = true)获得event对象的兼容写法：event ||
2017-10-10 11:20:01
1433
1
转载 js中退出语句break,continue和return 比较
在 break,continue和return 三个关键字中， break,continue是一起的，return 是函数返回语句，但是返回的同时也将函数停止首先：break和continue两个一起讨论这两个应用的范围是退出循环或者switch语句，在其他地方使用会导致错误；break：由于它是用来退出循环或者switch语句，所以只有当它出现在这些语句时，这种形式的br
2017-07-28 17:45:50
234
原创 为什么html导出pdf的时候，chrome导出图片为一片空白，火狐能导出图片？
试验了一下，在谷歌中，点击导出pdf 要报错1: // 从 canvas 提取图片数据 var imgData = canvas.toDataURL('image/jpeg');这句报错2:和html2canvas.js会有下面的报错 return renderDocument(node.ownerDocument, options, node.o
2017-07-25 16:37:18
3032
6
原创 小功能应用
function stringSplit(a,b,c){ /*a:分割对象； a是一个数组 b:分割字符； c:分割后取值的下标 */ var strs= new Array(), //定义一数组 arr= new Array(), code = '';//分割后的字符输出 for(var len = 0;len
2017-07-25 11:07:42
172
原创 导出pdf
<!-- PDF --> <script src="../../../js/toPDF/jspdf.debug.js"></script> <script src="../../../js/toPDF/html2canvas.js"></script> <!-- PDF结束 -->//点击导出按钮导出pdf...
2017-07-25 10:35:35
490
原创 自己用的例子关于fileupload浅尝试
function upLoadPipe(obj){ $(obj).fileupload({ url: API.uploadFileUrl+'/api/v1/ems/ecep/file/fileUpload', dataType: 'json',// acceptFileT
2017-07-25 09:47:51
381
转载 jquery-file-upload
下面介绍 用插件实现图片异步上传的代码。 1 比要的js一个都不能少，他们之间是有依赖关系的。 jquery-1.8.2.min.js jquery.ui.core.js jquery.ui.widget.js jquery.fileupload.js jquery.iframe-transport.js jquery.fileupload-proces
2017-07-25 09:25:23
1375
转载 md5加密原理
MD5的全称是Message-Digest Algorithm 5（信息-摘要算法），在90年代初由MIT Laboratory for Computer Science和RSA Data Security Inc的Ronald L. Rivest开发出来，经MD2、MD3和MD4发展而来。它的作用是让大容量信息在用数字签名软件签署私人密匙前被"压缩"成一种保密的格式（就是把一个任意长度的字节串变
2016-11-29 21:51:33
1412
转载 原型和继承
前端开发必须知道的JS（一） 原型和继承 原型和闭包是Js语言的难点，此文主要讲原型及原型实现的继承，在（二）中会讲下闭包，希望对大家有所帮助。若有疑问或不正之处，欢迎提出指正和讨论。一. 原型与构造函数 Js所有的函数都有一个prototype属性，这个属性引用了一个对象，即原型对象，也简称原型。这个函数包括构造函数和普通函数，我们讲的更多是构造函数的原型，但是也不能
2016-11-18 22:07:47
189
转载 js跨域的方法
js中几种实用的跨域方法原理详解这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:要解决跨域的问题，我们可以
2016-11-17 16:22:40
227
转载 javascript同源策略
同源策略限制了一个源（origin）中加载文本或脚本与来自其它源（origin）中资源的交互方式。同源定义一.什么是同源策略 同源策略，它是由Netscape提出的一个著名的安全策略，现在所有的可支持javascript的浏览器都会使用这个策略。 为什么需要同源策略，这里举个例子： 假设现在没有同源策略，会发生什么事情呢？大家知道，JavaScr
2016-11-17 11:37:40
204
转载 Ajax技术知识点儿
Ajax工作原理 在写这篇文章之前，曾经写过一篇关于AJAX技术的随笔，不过涉及到的方面很窄，对AJAX技术的背景、原理、优缺点等各个方面都很少涉及null。这次写这篇文章的背景是因为公司需要对内部程序员做一个培训。项目经理找到了我，并且征询我培训的主题，考虑到之前Javascript、CSS等WEB开发技术都已经讲解过了，所以决定针对AJAX这一块做一个比较系统的培训，所以这篇文章
2016-11-17 11:28:20
214
翻译 flex盒子布局
一、flexbox是什么？从字面上来看，flexbox是可伸缩的盒子的意思。我们可以让这个盒子里的子项，根据我们的需要拉伸、对齐、排序。设置父元素为flexbox，即可激活这个弹性机制。方法如下：首先我们来设置htmlclass="parent"> class="child"> class="child"> class="child">接下来设
2016-11-13 20:11:47
431
翻译 收藏的js问题地址
http://www.jb51.net/onlineread/JavaScript-Garden-CN/#function.this
2016-10-28 11:02:33
849
转载 this指针的使用js
this 的工作原理JavaScript 有一套完全不同于其它语言的对 this 的处理机制。 在五种不同的情况下 ，this 指向的各不相同。全局范围内this;当在全部范围内使用 this，它将会指向全局对象。译者注：浏览器中运行的 JavaScript 脚本，这个全局对象是 window。函数调用foo();
2016-10-28 11:01:04
233
转载 JavaSript模块化
JavaSript模块化 在了解AMD，CMD规范前，还是需要先来简单地了解下什么是模块化，模块化开发？ 模块化是指在解决某一个复杂问题或者一系列的杂糅问题时，依照一种分类的思维把问题进行系统性的分解以之处理。模块化是一种处理复杂系统分解为代码结构更合理，可维护性更高的可管理的模块的方式。可以想象一个巨大的系统代码，被整合优化分割成逻辑性很强的模块时，对
2016-10-17 11:34:27
263
转载 h5特殊字符
html特殊字符2016-03-28 17:23 by 孤独大兔子, 131 阅读, 0 评论, 收藏, 编辑平时写代码很少用到HTML的特殊字符，最常用的可能是 了，但有时在移动端为了节省时间，可能会用这些字符实现某种特殊效果，现整理如下：使用方法：这些字符属于unicode字符集，所以，你的文档需要声明为UTF-8；编号用在HTML中时，需要在前面加上&#
2016-09-20 14:15:07
8805
1
翻译 meda中的一些小事项
html的meta总结，html标签中meta属性使用介绍2014年11月5日 30000次浏览引子之前的我的博客中对于meta有个介绍，例如：http://www.haorooms.com/post/liulanq_think_ie 浏览器安全性想到的这篇文章，中间介绍了meta下面IE的一些属性，可以实现页面之间的过渡转换。已经SEO优化中有所提及。下面具体介绍一下
2016-09-18 20:59:33
368
转载 cookie和session的方法和区别等
COOKIE介绍cookie 常用于识别用户。cookie 是服务器留在用户计算机中的小文件。每当相同的计算机通过浏览器请求页面时，它同时会发送 cookie。通过 PHP，您能够创建并取回 cookie 的值。1、设置CookiePHP用SetCookie函数来设置Cookie。SetCookie函数定义了一个Cookie，并且把它附加在HTTP头的后面，SetCookie函数的
2016-09-17 17:31:38
296
转载 session和cookie的使用总结
Session和Cookie的使用总结：Session和cookie都是asp.Net中的内置对象，至于他们有什么区别，在这里就不在多说，现在来说说一些比较实用点的东西：我们知道网站都有一个后台管理系统，其中有登录和退出两个功能，在登录的时候我们往往会把用户的信息保存到session或者cookie中，以便后面使用，那么在登录的时候我们要注意哪些呢？1、把一些敏感的东西存到
2016-09-17 17:24:16
245
转载 navigator.geolocation
navigator.geolocation的三个方法：1. getCurrentPosition()2. watchPosition()3. clearWatch()getCurrentPosition()使用方法：navigator.geolocation.getCurrentPosition(successCallback, [errorCallback] , [posit
2016-09-17 11:13:52
403
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人