![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端之js
qq_597221342
这个作者很懒,什么都没留下…
展开
-
前端之js基础
1、创建变量的方式 var es3 function es3 let es6 const es6 import es6 class es62、数据类型 基本数据类型(值类型) null、undefined、string、number、boolean null 空,变量声明,后面需要赋值,作用:占位 u...原创 2019-06-02 12:03:46 · 3567 阅读 · 2 评论 -
前端之js跨域
1.什么是跨域? 跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实施的安全限制。2.同源策略限制了哪些行为?Cookie、LocalStorage 和 IndexDB 无法读取DOM 和 JS 对象无法获取Ajax请求发送不出去3.如何解决跨域问题?//原生的实现方式let script = document.createElem原创 2017-12-14 10:08:21 · 187 阅读 · 0 评论 -
前端之js总结
Javascript语言将任务的执行模式分成两种:同步(Synchronous)和异步(Asynchronous)。那么什么是同步或者异步呢?让我们来普及一下js基础知识吧!同步:一个进程在执行某个请求的时候,若该请求需要一段时间才能返回信息,那么这个进程将会一直等待下去,直到收到返回信息才继续执行下去。异步:进程不需要一直等下去,而是继续执行下面的操作,不管其他进程的状态。当有消息返回时系统会通知原创 2017-11-28 19:13:17 · 226 阅读 · 0 评论 -
前端之js d3
d3.js是目前非常火爆的数据可视化函数库,其中有很多类似jquery的方法,常见的方法有select,selectAll,append,text,remove,enter,exit,datum等,其中,datum是重复将数据绑定到每一个元素上,data是将数据中的每一个对应绑定到元素上,enter添加元素,一般来说,向服务器请求数据时,网页中是没有对应元素的,因此enter的常用用法如下:var原创 2017-11-30 17:52:31 · 523 阅读 · 0 评论 -
前端之js框架生命周期
1.Vue生命周期:beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestorydestoryed2.React生命周期getDefaultPropsgetInititalStatecomponentWillMountrendercomponentDidMountcompoentWillRecei原创 2017-11-24 20:07:58 · 1565 阅读 · 0 评论 -
前端之js易混淆(二)
scroll与offset1.offsetParent相对于最近的且具有定位的元素,如果父元素是相对定位,那么子元素的offsetParent的offsetParent是父元素,否则是body原创 2017-11-03 12:59:48 · 245 阅读 · 0 评论 -
前端之js之深拷贝和浅拷贝
什么是深拷贝与浅拷贝呢?浅拷贝,就是简单的值传递。a值传给b,b值变动时,a值会被影响,这就是浅拷贝;深拷贝则反之,达到了真正意义上的拷贝。b值被改动,不影响a值。//浅拷贝eg:var a=[1,2,3,4,5];var b=a;b[0]=11;console.log(a); //[11,2,3,4,5]console.log(b); //[11,2,3,4,5]//深拷贝fun原创 2017-11-18 13:17:25 · 299 阅读 · 0 评论 -
获取url 的参数值
function getQueryString(name) { var reg = new RegExp(‘(^|&)’ + name + ‘=([^&]*)(&|$)’, ‘i’); var r = window.location.search.substr(1).match(reg); if (r != null) { return unescap原创 2017-04-19 14:07:35 · 265 阅读 · 0 评论 -
前端之ES6
1.Math 1.1 Math.trunc方法用于去除一个数的小数部分,返回整数部分。 1.2 Math.sign方法用来判断一个数到底是正数、负数、还是零。 它会返回五种值。 参数为正数,返回+1; 参数为负数,返回-1; 参数为0,返回0;原创 2017-04-20 11:19:32 · 317 阅读 · 0 评论 -
前端模块化和前端自动化构建
seajs / require : 是一种在线"编译" 模块的方案,相当于在页面上加载一个 CMD/AMD 解释器。这样浏览器就认识了 define、exports、module 这些东西。也就实现了模块化。browserify / webpack:是一个预编译模块的方案,相比于上面 ,这个方案更加智能。没用过browserify,这里以webpack为例。首先,它是预编译的,不需要在浏览器中加载解原创 2017-04-20 12:04:19 · 876 阅读 · 0 评论 -
前端之js字符串操作
concat() – 将两个或多个字符的文本组合起来,返回一个新的字符串。 indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项,返回 -1 。 charAt() – 返回指定位置的字符。 lastIndexOf() – 返回字符串中一个子串最后一处出现的索引,如果没有匹配项,返回 -1 。 match() – 检查一个字符串是否匹配一个正则表达式。 su原创 2017-04-20 18:25:22 · 237 阅读 · 0 评论 -
前端之js双向数据绑定
<!DOCTYPE html><html><head> <title>textBind</title> </head><body><input type="text" name="infoInsert"> <p id="infoShow"></p><script type="text/javascript"> var obj = { seeYou: 'H原创 2017-12-08 10:11:52 · 280 阅读 · 0 评论 -
前端之常用正则表达式
正则表达式1.去除特殊字符var str="@#$%123*"; str=str. replace(/[\@\#\$\%\^\&\*\{\}:\"\L\<\>\?]/g,'') alert(str);原创 2018-05-08 18:45:56 · 268 阅读 · 0 评论 -
前端之js - 函数节流
resize,scroll,hover等js事件触发时绑定的方法会被频繁调用,致使页面产生性能问题,所以我们使用函数节流来解这个决问题 //scroll方法中当间隔时间大于2s,do somthing执行一次 window.addEventListener('scroll',function(){ var timer ;//使用闭包,缓存变量 var startTime =...原创 2019-03-27 20:13:53 · 477 阅读 · 0 评论 -
前端常用方法
function remove(arr,item){ if(arr.length){ var index = arr.indexOf(item); if(index>-1){ return arr.splice(index,1) } }}原创 2019-02-27 10:46:29 · 231 阅读 · 0 评论 -
前端之js-懒加载
实现思路:先将所有图片的路径存放在自定义属性中,到达位置(图片距离页面顶部的距离小于滚动过的距离+屏幕视口的高度),将自定义属性中的路径重新赋给图片的路径,展示到页面中 var num = document.getElementsByTagName('img').length; var img = document.getElementsByTagName("img"); /...原创 2019-03-01 11:39:29 · 546 阅读 · 0 评论 -
前端之js-上拉加载
实现思路:当滚动过的高度+一屏幕的高度 = 文档总高度,实现加载 //获取滚动条当前的位置 function getScrollTop() { var scrollTop = 0; if(document.documentElement && document.documentElement.scrollTop) { ...转载 2019-03-01 11:32:38 · 334 阅读 · 0 评论 -
前端之javascript总结
1、javascript 单线程,同步执行(一个等一个,一个完成在执行下一个)2、变量、函数声明提前 变量定义会声明提前,赋值留在原地,后面会覆盖前面 函数是一等公民,会提前到函数之前,定义赋值同步提升3、函数名指针,指向一个地址(存储空间):堆内存 (先进先出)4、函数执行会将上下文压入执行环境栈:栈内存(先进后出,后进先出)5、变量和函数会在不用的时候,或者浏览器关闭的时候自...原创 2019-01-14 19:40:00 · 264 阅读 · 0 评论 -
前端之动态table
var jsonHead=[ { "name": "操作" }, { "name": "类型" }, { "name": "名称" }, { "name": "状态" }, {原创 2018-07-22 21:52:24 · 519 阅读 · 0 评论 -
获取URL问号后的参数值
//获取URL问号后的参数值function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1).match(reg); if (r != null) ...原创 2018-07-22 17:17:13 · 4027 阅读 · 1 评论 -
前端之js求和
var arr=[1,2,3,,4,5,6,7,8,9,10];//将每个元素求和共10种方法: var sum1 = 0; for (var i = 0; i < num.length; i++) { sum1 += num[i]; } console.log(sum1); var sum2 = 0; for(var ...原创 2018-07-28 15:05:20 · 2982 阅读 · 0 评论 -
前端之javascript计算器
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>计算器</title> <style> /*Basic reset*/*{ margin:0; pad原创 2018-07-28 14:58:50 · 180 阅读 · 0 评论 -
前端之js数组方法
增: 前增(upshift) 作用:在数组前面添加内容 ;返回值:新增后的数组长度,会影响原数组的内容; 后增(push) 作用:在数组后面添加内容;返回值:新增后的数组长度,会影响原数组的内容; 例子: var arr=[1,2,3,4,5,6]; alert(arr.upshift(true,false,”null”)); alert(arr);var arr=[1,2原创 2017-04-26 11:31:34 · 294 阅读 · 0 评论 -
前端之js-实用篇
//获取当前时间 // var dateLocal=new Date().toLocaleDateString();//”2017/7/11” // this.localDate=dateLocal.replace(/[\/]/g, “-“);//”2017-7-11”(未完待续…)原创 2017-07-18 10:43:09 · 203 阅读 · 0 评论 -
前端之js-echarts(二)
1.引入echarts.js// 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 var option = { title: { text: 'ECharts 入门示例' }原创 2017-11-07 13:13:26 · 396 阅读 · 0 评论 -
前端之nodejs聊天室
1.npm install –save express@4.15.2 安装express依赖 2.npm install –save socket.io 安装socket 依赖以下为主要代码:app.jsvar app = require('express')();var http = require('http').Server(app);var io = require('socket原创 2017-10-29 20:18:40 · 342 阅读 · 0 评论 -
前端之nodejs(五)
断点与调试nodejs本质就是js,也可以和chrome一样打断点,但断点并不是在浏览器中设置,因为nodejs 是基于V8引擎,可以直接在cmd中使用原生nodejs debug模块进行断点,还可以依赖第三方断点软件进行调试,例如mocha,vows等,使用方法在js中输入debugger;在cmd找到文件输入 node debug app.js,cmd 操作命令如下: 1.c 继原创 2017-10-29 17:00:22 · 730 阅读 · 0 评论 -
前端之js-方法
生成指定范围内的随机数 function setRadomNum(min,max){ return Math.floor(Math.random() * (max - min + 1)) + min; }json转url参数 function json2url(json) { var arr=[]; for(var name原创 2017-09-01 09:50:27 · 221 阅读 · 0 评论 -
前端之js-this指针
this总是指向调用该函数的对象,谁调用此方法,this就是指向谁,this总是指向调用该函数的对象,在全局函数中,this等于window。ES6箭头函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象,谁调用箭头函数的外层function,箭头函数的this就是指向该对象,如果箭头函数没有外层函数,则指向window。原创 2017-09-02 18:28:07 · 342 阅读 · 0 评论 -
前端之JS-数组去重
indexOf pushvar ary =[1,2,1,3,4,5,2];var ary1=[]; for(var i=0;i<ary.length;i++){ if(ary1.indexOf(ary[i])===-1){ ary1.push(ary[i]); } } console.log(ary1)新增的属性原创 2017-08-13 15:30:58 · 2744 阅读 · 0 评论 -
前端之js-nodejs(二)
//获取url参数var http = require('http');var url = require('url');var util = require('util');// http.createServer(function(req, res){// res.writeHead(200, {'Content-Type': 'text/plain'});// // 解原创 2017-09-05 12:29:11 · 181 阅读 · 0 评论 -
前端之js-nodejs
var http = require("http");var fs=require('fs');var zlib = require('zlib');// var express = require('express');// fs.readFile('input.txt', function (err, data) {// if (err){// console.log原创 2017-09-04 10:20:34 · 149 阅读 · 0 评论 -
前端之js方法总结
push :添加一个数组元素document :文档pop :删除最后一个数组元素console :控制台shift :删除第一个数组元素string :字符串Concat 组合数组undefined :未定义typeof :关键字join:数组转化为指定分隔符slice:返回指定数组length:数组长度Array:数组number:数字boolean:布尔alert:提示框parseInt:转化原创 2017-07-10 10:38:26 · 222 阅读 · 0 评论 -
手机号码、电子邮箱、身份证、银行卡正则验证
手机号码:var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/; 电子邮箱:/^[a-z0-9]+([._\-][a-z0-9])@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/i身份证:var isIDCard1=/^[1-9]\d{7}((0\d)|(1[0-2]))((转载 2017-07-10 10:09:17 · 4004 阅读 · 0 评论 -
前端之nodejs(四)
nodejs 全局安装express后依然报错 express不是内部命令, 原因:express从4.X版本之后,生成工具拆分出去了。 解决办法:npm install express-generator -g原创 2017-10-22 09:50:04 · 434 阅读 · 0 评论 -
前端之nodejs(三)
1.什么是模块? 模块是可重用的代码库 2.什么是I/O? I/O是输入/输出的简写,是计算机和人活着数据处理系统之间的通信原创 2017-10-21 11:32:34 · 268 阅读 · 0 评论 -
前端之js-常用正则表达式
校验数字的表达式 1 数字:^[0-9]*2n位的数字:\dn 2 n位的数字:^\d{n} 3 至少n位的数字:^\d{n,}4m−n位的数字:\dm,n 4 m-n位的数字:^\d{m,n} 5 零和非零开头的数字:^(0|[1-9][0-9]*)6非零开头的最多带两位小数的数字:([1−9][0−9]∗)+(.[0−9]1,2)? 6 非零开头的最多带两位小数的数字:^([1转载 2017-07-18 10:45:23 · 259 阅读 · 0 评论 -
前端之js-ES6
es6的写法总结1.0 利用import…form….代替require()***方式一: 导入一个css文件,不接收对象 require写法: require("site.css") import写法:import "site.css"***方式二:导入一个js模块并且要接收一个对象 require写法: var calc = require(" calc.js ")原创 2017-07-27 18:29:02 · 318 阅读 · 0 评论 -
前端之js-常用正则
//验证手机号 eg: checkTel(“13812345678”) function checkTel(value){ var re = /^1[3|4|5|7|8]\d{9}$/;//手机号码正则表达式 return re.test(value); }//验证座机号 eg: checkPhone(“0577-22345678”) function checkPh原创 2017-08-23 10:40:22 · 544 阅读 · 0 评论 -
前端之js-数组方法修复及拓展
1.indexOf Array.prototype.indexOf=function(item,index){ var n = this.length, i = ~~index; if(i < 0 ) i += n; for(; i < n; i++){原创 2017-08-24 09:49:37 · 190 阅读 · 0 评论