js常用的方法
关注
分享
扫一扫
文章平均质量分 92
Presbyterian
这个作者很懒，什么都没留下…
展开
-
数组Array、对象Object、json格式常用的方法小结。
一、对象Object常用方法1 初始化方法 var obj = []; var obj = new obj(); var obj = Object.create(null);2 添加元素的方法 dic[“key”] = “value”;3 删除key的方法 delete dic[“key”];4 清空词所有条目 dic.clear();5 删除 delete原创 2017-08-10 14:21:34 · 1582 阅读 · 0 评论 -
javascript性能优化（2）
数据访问 四种基本数据类型： 1.直接量：仅是自身不存储于特定位置。包括：字符串、数字、布尔值、对象、数组、函数、正则表达式，具有特殊意义的空值，以及未定义。 2.变量：var 创建用于存储的数据值。 3.数组：具有数字索引，存储一个javascript数组对象。 4.对象：具有字符串索引，存储一个javascript对象。 函数运行过程中，每遇到一个变原创 2018-02-07 17:30:52 · 168 阅读 · 0 评论 -
一些简单的JavaScript加密/解密
UTF8编码与解码： function encodeUTF8(str){ var temp = "",rs = ""; for( var i=0 , len = str.length; i < len; i++ ){ temp = str.charCodeAt(i).toString(16); rs += "\\原创 2018-03-07 09:19:03 · 6724 阅读 · 0 评论 -
javascript性能优化（6）
响应接口长运行脚本（500万以上）最好的办法就是避免他们。 接口最好在100毫秒响应用户输入。用定时器让出时间片 当一些JavaScript任务不能再100ms之内完成的时候，最好的办法就是：停止JavaScript运行，给UI线程机会进行更新，然后再继续运行JavaScript。 var btn=document.querySelector('#...原创 2018-03-12 17:22:11 · 552 阅读 · 0 评论 -
cookie+bootstrap-table+抽奖概率算法
/*获得cookie*/ function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = $.trim(ca[i]...原创 2017-12-04 14:09:58 · 407 阅读 · 0 评论 -
判断checkbox 是否选中
首先input的标签设置checkbox<input name="operaMode" type="checkbox" value="1" /> 堂食<input name="operaMode" type="checkbox" value="2" /> 外卖<input name="operaMode" type="checkbox" value="3" /> 转载 2017-10-20 13:35:59 · 2793 阅读 · 0 评论 -
ECMAScript 6 入门-正则的扩展
原文http://es6.ruanyifeng.com/#docs/regex正则的扩展字符串的正则方法字符串对象共有 4 个方法，可以使用正则表达式：match()、replace()、search()和split()。 match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。 用法：stringObject.match(searchvalue)；stringObjec原创 2018-03-23 19:16:32 · 326 阅读 · 0 评论 -
javascript性能优化（7）
Ajax 异步 JavaScript 和 XMLAjax 是高性能 JavaScript 的基石。它可以通过延迟下载大量资源使页面加载更快。它通过在客户端和服 务器之间异步传送数据，避免页面集体加载。它还用于在一次 HTTP 请求中获取整个页面的资源。通过选 择正确的传输技术和有效的数据格式，你可以显著改善用户与网站之间的互动。 ...原创 2018-03-14 10:47:15 · 195 阅读 · 0 评论 -
es6小记
const、let关键字 let：声明 使js存在块级作用域 const ：定义常亮，定义以后不可以更改。若是引用的类型，那可以更改他的属性。 const a={b:789}; a.b='45456'; //可以正常运行。函数箭头函数 箭头函数永远是匿名的。let add = (a, b) => { return a + b原创 2017-09-07 10:12:29 · 226 阅读 · 0 评论 -
javascript性能优化（8）
Programming Practices 编程实践避免二次评估JavaScript 与许多脚本语言一样，允许你在程序中获取一个包含代码的字符串然后运行它。有四种标准 方法可以实现：eval()，Function()构造器，setTimeout()和 setInterval()。每个函数允许你传入一串 JavaScript 代码，然后运行它。例如var num1 = 5, num2 = 6, //原创 2018-03-14 15:17:20 · 206 阅读 · 0 评论 -
ECMAScript 6 入门-Babel
配置文件.babelrc 直接在项目的跟目录下建立.babelrc的文件；具体方法：可以在控制台输入echo null>.babelrc；回车即可。 该文件用来设置转码规则和插件，基本格式如下。{ "presets": [], "plugins": []}presets字段设定转码规则，官方提供以下的规则集，你可以根据需要安装。# 最新转码规则$ npm install --sav原创 2018-03-20 15:28:18 · 203 阅读 · 0 评论 -
ECMAScript 6 入门-变量的解构赋值
数组的解构赋值原文链接 详细的内容我就不说了，大家自己打开链接自己看看吧，我再怎么说也是拾人牙慧； 我只是摘抄一段放入博客内吧；用途变量的解构赋值用途很多。（1）交换变量的值let x = 1;let y = 2;[x, y] = [y, x];上面代码交换变量x和y的值，这样的写法不仅简洁，而且易读，语义非常清晰。（2）从函数返回多个值函数只能返回一个值，如果要返回多个值，只能将它们放在数组转载 2018-03-22 10:16:57 · 309 阅读 · 0 评论 -
ECMAScript 6 入门-函数的扩展
原文链接http://es6.ruanyifeng.com/#docs/function函数参数的默认值ES6 允许为函数的参数设置默认值，即直接写在参数定义的后面。function log(x, y = 'World') { console.log(x, y);}log('Hello') // Hello Worldlog('Hello', 'China') // Hello China转载 2018-03-28 17:10:01 · 273 阅读 · 0 评论 -
ECMAScript 6 入门-数组的扩展
原文http://es6.ruanyifeng.com/#docs/array#Array-from扩展运算符扩展运算符（spread）是三个点（…）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5function fs(a,b,...e) { console.log(a);转载 2018-03-29 14:27:20 · 343 阅读 · 1 评论 -
js拳皇特效
js拳皇特效效果图 很简单的特效，运用了面向对象，原型等简单的方法。 废话不多说，上代码：<script> /* * 前进 39 * 后退 37 * 集气 o 79 * */ function Yagami(player) { //类 构造函数 this.player=player; this转载 2017-11-23 23:29:15 · 1347 阅读 · 10 评论 -
那些看过的好文章
我总结的js性能优化的小知识http://www.cnblogs.com/liyunhua/p/4529086.html19 个 JavaScript 有用的简写技术https://segmentfault.com/a/1190000012673854前端性能优化（三） 移动端浏览器前端优化策略 前端性能优化（三） 移动端浏览器前端优化策略Javascript调试命令——你只会Consol...原创 2017-12-29 09:58:26 · 242 阅读 · 0 评论 -
Vue遇到的bug-02（vue中修改了数据但视图无法更新的情况）
基于vue2.5.9版本vue中修改了数据但视图无法更新的情况 最近的项目需要用vue处理数组和json的数据类型发现一些问题在这里简单的列举一下；因为 JavaScript 的限制，Vue.js 不能检测到下面数组变化： 附上文档链接数组更新检测当你利用索引直接设置一个项时：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.原创 2017-12-18 13:57:30 · 2358 阅读 · 0 评论 -
js检测浏览器内核、版本号
js检测浏览器内核、版本号 function isBroswer () {//检测浏览器内核--返回的是两个key，name：浏览器内核的名称---version：浏览器的版本号 var _broswer = {}; var sUserAgent = navigator.userAgent; var isOpera = sUse转载 2017-09-26 09:31:14 · 14821 阅读 · 0 评论 -
点击地图获取经纬度（基于腾旭地图api）
废话不多说上图 接着代码段<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>腾讯地图开放API - 轻快小巧,简单易用!</title><link rel="stylesheet" href="common.css"><script原创 2017-10-08 09:26:02 · 4664 阅读 · 1 评论 -
dataTable使用
官网——-DataTable英文网址 ——-DataTables中文网址 ——-DataTables一些例子本文主要是围绕下面的例子进行讲解的，请看效果图 说明： 全选功能，点击删除，批量删除，批量添加等等功能都可以实现。 下载的位置DataTables经典案例使用方法1.首先引入jQuery和DataTablesjs 2.在html里面建一个table<table class="原创 2017-10-18 22:10:19 · 371 阅读 · 0 评论 -
日期插件layDate的使用
效果图官方链接 1 layui中的laydate官方链接 2 贤心的layui使用说明只需引入 laydate.js 即可HTML结构<input type="text" id="test1">3.js使用方法//新版本js使用方法laydate.render({ elem: '#test1' //指定元素});//旧版本js使用方法laydate({ e原创 2017-10-12 15:51:47 · 47166 阅读 · 7 评论 -
放大镜插件etalage的使用方法
效果图如果有人需要etalage的话，可以给我留言；官方链接Etalage; 下载位置：github1.使用方法 安装js，css，文件，分别是： 1：jquery.js //jquery框架，相信每个前端都会有 2：etalage.css //etalage插件自带的样式表，用于给图片排版 3：jquery.etalage.min.js //最重要的文件，里面存有这个插件的原创 2017-10-11 19:26:21 · 1214 阅读 · 0 评论 -
jQuery实现可以编辑的表格实例详解
效果图 - 点击单个可以进行修改 - 点击修改所有的表格都可以进行修改 - 点击保存所有的数据可以获取并打印出来 - 本人demo需要引入jq文件代码见如下（有详细的注解）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>编辑</title></head><script src="j转载 2017-10-13 15:37:03 · 2238 阅读 · 0 评论 -
input上传图片并预览
首先说一下input 大家都知道上传文件，图片是通过input 的file进行上传的。 1. 首先是样式 大家都知道input在HTML的代码为 <input type="file">；在页面的样式是不可以更改的，如下图 但是最为一个投机取巧的前端，一切样式都是可以修改的。 效果图如下 代码： <input type="file" n原创 2017-10-23 14:30:10 · 91591 阅读 · 22 评论 -
高德地图开发bug
第一次使用的时候报错“INVALID_USER_DOMAIN” 然后百度了一下，官方文档上是这么说的：，请先检查一下您在申请Key的时候，是否设置了域名白名单，如果设定了，建议您在本地调试的时候先将白名单去掉，因为白名单的作用是您的网站上线以后，Key只有在您设定的域名下才有效，别人拿到您的Key也无法正常使用，起到一定的保护作用。 官方文档 改完之后，神奇般的就好了。然后做了一个小原创 2017-10-30 20:11:20 · 2996 阅读 · 0 评论 -
jQuery添加新元素/内容
整理了一下jq添加元素/HTML的一些操作，效果图见下。 结构插入 内部插入 append() - 在被选元素的结尾插入内容 appendTo() -方法在被选元素的结尾（仍然在内部）插入指定内容。 prepend() - 在被选元素的开头插入内容 prependTo()- 方法在被选元素的开头（仍位于内部）插入指定内容。 外部插入 after() -原创 2017-10-25 13:38:14 · 2660 阅读 · 0 评论 -
图片剪裁并预览上传
预览效果 详细代码讲解 现在有点忙，稍后便会讲解 demo下载地址图片剪裁并预览上传原创 2017-11-03 16:25:40 · 2091 阅读 · 2 评论 -
js实现下载功能
js实现下载功能最近需要做一个下载功能，然后到网上查了查，顺便写了个小demo； 在h5新特性里面；a标签有个download的属性； <a href="下载的文件的路径" download="下载文件的名称"></a>通过 a 标签设置download属性，可以让浏览器生成下载窗口下载文件：效果图 这是360浏览器上测试的。 如上图所示href代表的是需要下载的文件的url，down原创 2017-11-23 09:10:57 · 6766 阅读 · 0 评论 -
cropper.js 裁剪图片并上传（文档翻译+demo）
官网http://fengyuanchen.github.io/cropper/ 文档https://github.com/fengyuanchen/cropper/blob/master/README.md –v3.x版本引入+使用<link href="/path/to/cropper.css" rel="stylesheet"><script src="/path/to/cropper.翻译 2017-12-14 15:46:04 · 109180 阅读 · 52 评论 -
使用递归-实现二维矩阵数组
废话不多说，直接上代码： /* 函数递归 把[1,2] [3,4] [5,6] 得到 [1,3,5],[1,3,6],[1,4,5] ... arr : 需要递归的数组 [[1,2],[3,4],[5,6]] */ function diguiArrData(arr) { if (arr.length <= 1) return arr; let ar原创 2018-04-25 10:30:06 · 1974 阅读 · 0 评论