js | 易学教程

js 生成 pdf 文件

阅读更多关于 js 生成 pdf 文件

话不多说好吧, 直接上demo图: 直接上代码好吧:( 要引入的两个js 链接我放最后 ) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>大熊博客园谢谢关注</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <style> /* 设置背景为白色 */ .wrap { background: #fff; width: 1100px; padding: 50px; margin: 0 auto;} .header { text-align: center; border-bottom: 1px solid #797979; margin-bottom: 10px; padding-bottom: 30px;} .h1Title { text-align: center; font-size: 32px; line-height: 40px; margin-bottom: 10px;

JS正则表达式

阅读更多关于 JS正则表达式

var matches = pattern1.exec(text); console.log(matches.index); //0 console.log(matches[0]); //cat console.log(pattern1.lastIndex); //0 matches = pattern1.exec(text); console.log(matches.index); //0 console.log(matches[0]); //cat console.log(pattern1.lastIndex); //0 var pattern2 = /.at/g; var matches = pattern2.exec(text); console.log(matches.index); //0 console.log(matches[0]); //cat console.log(pattern2.lastIndex); //3 var matches = pattern2.exec(text); console.log(matches.index); //5 console.log(matches[0]); //bat console.log(pattern2.lastIndex); //8 复制代码注意：IE的JavaScript实现lastIndex属性上存在偏差

【原生】----轮播图---纯js

阅读更多关于【原生】----轮播图---纯js

轮播图---纯js index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/Utils.js"></script> </head> <body> <script> var bnList,imgList,imgCon,dot,direction,pre; var pos=0, speed=30, time=240, playBool=false, autoBool=false; var srcList=["left.png","right.png","a.jpeg","b.jpeg","c.jpeg","d.jpeg","e.jpeg"]; const WIDTH=1290; const HEIGHT=430; init(); function init() { setInterval(animation,16); Utils.loadImg(srcList,finishImg); } function finishImg(list) { imgList=list; bnList=imgList.splice(0,2); imgList.forEach(function (t) { t.style.width=WIDTH

JavaScript基础（笔记）

阅读更多关于 JavaScript基础（笔记）

1.3JavaScript基础 1.3.1DOM的相关知识 DOM的含义:Document Object Model,文档对象模型，文档:指的是标记文档(html ,xml) 対象:可以使用dom里面的相关属性和方法来解析标记性文档. Dom的组成:核心Dom,Html Dom ,XML Dom. Dom如何解析html文档: DOM会根据html的层级结构，在内存中形成一个树形结构，树形结构里面有标记元素和属性文本等元素，整个html文档对应一个document对象，通过document文档对象，可以操作html里面得到所有元素。 2.节点的访向: 节点対象. childNodes :获取该节点的所有子节点。节点対象. parentNode:获取该节点的父节点。 3.荻取文档中的元素: 下面的方法是html dom的方法根据标记的id属性值获取元素对象: document.getElementById(id属性对应的值); 根据标记的名称获取元素对象: document.getElementsByTagName(标记的名称); 根据标记的name属性值获取元素对象: document. getElmentsByName(name属性对应的值); 1.3.2 JavaScript概述什么是js：它是基于对象和事件驱动的语言，它应用于客户端。基于对象

关于js的一些小技巧

阅读更多关于关于js的一些小技巧

小技巧 app_id：gsiprgmilwkjqioo app_secret：T2NNV005bzVmT3g1RHhKZE1SMkZjQT09 if 简写 if (3>2) log('真') 等于 3>2 && log('真')+ '3' 等于 Number('3') // 数组合并方法一 Array.contat()var array1 = [1,2,3];var array2 = [4,5,6];console.log(array1.concat(array2)); // [1,2,3,4,5,6];// 数组合并方法二 Array.push.apply() 大型数组用方法二、var array1 = [1,2,3];var array2 = [4,5,6];console.log(array1.push.apply(array1, array2)); // [1,2,3,4,5,6]; // 循环大型数组的时候，使用变量转换下，保证性能var length = array.length;for(let i = 0; i < length; i++) { console.log(array[i]);}//简写:for(let i = 0, length = array.length;i < length; i++) { console.log(array[i]);

JS语法糖总结----JS语法糖大全----一直更新

阅读更多关于 JS语法糖总结----JS语法糖大全----一直更新

一：关于语法糖和语法盐的概念二.JS的语法糖 ES6疯狂给JS,添加语法糖，最常见的ES6语法糖有以下多个（不停更新）参考链接： https://segmentfault.com/a/1190000010159725 总结如下： ###对象字面量的简写属性和计算的属性名不可同时使用，原因是简写属性是一种在编译阶段的就会生效的语法糖，而计算的属性名则在运行时才生效；主要是针对对象的一些简写　　　　1。K和V，重名时，可以简写，为一个，这个简写的。　　　　2.使用[XXX]来表示动态的属性。） ###箭头函数本身已经很简洁，但是还可以进一步简写；　　主要是箭头函数的细分和简化。　　1.按参数的个数，0参，1参，N参等等，可以对小括号进行相应的省略或不省略。　　2.按语句个数，对大括号，进行省略或者不省略。 ###解构也许确实可以理解为变量声明的一种语法糖，当涉及到多层解构时，其使用非常灵活；　　结构赋值，针对数组和对象，快速赋值。　　基于快速赋值，还能达到其他的快速目的。 ###学会模板字符串的高级用法--标记模板字符串；　　使用反引号，包裹字符串，加上${XXX}，减少字符串拼接时的混乱 ###let,const声明的变量同样存在变量提升，理解TDZ机制　　这两个是最基础的。 ###SET，map，symbol 三：ES6之前，也有一些语法糖　　1

Js 之layui-authtree权限树

阅读更多关于 Js 之layui-authtree权限树

一、效果图二、使用示例 1、html代码 <div class="layui-form-item layui-form-text"> <label class="layui-form-label">授权菜单：</label> <div class="layui-input-block"> <div id="tree"></div> </div> </div> 2、js代码 <script src="__PUBLIC__/layui/layui.js" type="text/javascript" charset="utf-8"></script> <script> layui.config({ base: '__PUBLIC__/layui/lay/modules/', }).extend({ authtree: 'authtree', }); </script> <script> layui.use(['form', 'element', 'authtree'], function() { let form = layui.form; let authtree = layui.authtree; form.render(); authtree.render('#tree', {$tree}, { inputname: 'post[auth][]', layfilter:

前端js导出CSV，Excel格式文件

阅读更多关于前端js导出CSV，Excel格式文件

通过自己实际测试有以下几种方法方法一通过a标签实现，把要导出的数据用“\n”和“,”拼接成一个字符串，然后把字符串放到href中，这种方法只支持chrome，firefox等非ie浏览器 html页面代码如下 <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="author" content="oscar999"> <title>导出CSV文件</title> <script> function exportCsv(obj){ //title ["","",""] var title = obj.title; //titleForKey ["","",""] var titleForKey = obj.titleForKey; var data = obj.data; var str = []; str.push(obj.title.join(",")+"\n"); for(var i=0;i<data.length;i++){ var temp = []; for(var j=0;j<titleForKey.length;j++){ temp.push(data[i][titleForKey[j]]); }

js判断电脑端还是手机端

阅读更多关于 js判断电脑端还是手机端

step by step教你常用JS方法封装(一) [ 大杂烩 ]

阅读更多关于 step by step教你常用JS方法封装(一) [ 大杂烩 ]

3 月，跳不动了？>>> 本文参考原文- http://bjbsair.com/2020-03-25/tech-info/6338/ 持续更新中... 常用JS方法封装方法预告：项目常用JS方法封装(二) [ 时间处理 ] 项目常用JS方法封装(三) [ 字符串相关处理 ] 项目常用JS方法封装(四) [ 数组相关处理 ] 使用方法非常简单，只需放到你的 utils.js 工具文件中，直接 export const 加上我的封装方法，在别的文件中使用{方法1,方法2,方法3...}引用后就可以直接使用了! 001.输入一个值,返回其数据类型 type = para => { return Object.prototype.toString.call(para).slice(8,-1) } 复制代码 002.阶乘 factorial = num => { let count = 1; for (let i = 1; i <= num; i++) { count *= i; } return count; } 复制代码 003.两个数之间累乘 multBetride = (x, y) => { let count; if (x < y) { count = x; for (let i = x + 1; i <= y; i++) { count *= i; } return count

订阅 js