- 博客(33)
- 收藏
- 关注
RSS订阅原创 node
node:基于CHROME V8（不涉及兼容问题 内核）的JS运行时环境就是一个软件，用来执行js文件环境:配置在电脑的一个程序，不存在桌面图标，靠依靠命令行和前端js有什么区别前端DOM: 文档对象模型html给的，js是在html文件里被引入的BOM浏览器给的。js是在浏览器环境下运行的ECMAScriptejs语法，代码怎么写后端ECMAScriptejs语法，代码怎么写操作电脑的能力。node给的。因为你的js文
2020-08-31 17:30:17
219
原创 SASS
SASS安装rubysass基于Ruby语言开发而成，因此安装sass前需要安装Ruby安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量。SASS安装gem install sassgem install compassSASS转换CSS单文件 sass input.scss output.css多文件 sass --watch assets/sass:dist/sasssass和scsssassSass
2020-08-22 16:10:05
146
原创 Gulp
Gulp什么是GulpGulp 是一个自动化工具，前端开发者可以使用它来处理常见任务：搭建web服务器文件保存时自动重载浏览器使用预处理器如Sass、LESS优化资源，比如压缩CSS、JavaScript、压缩图片gulp的安装npm初始化，新建package.jsonnpm init -y先安装全局npm install gulp -g再需要在当前项目中安装npm install gulp装两遍是为了版本的灵活性开始使用Gulp在
2020-08-22 15:07:31
138
原创 模块化开发 sass less
模块化开发模块的基本写法普通方法function a() { console.log("a"); } function b() { console.log("b"); }a();b();优点：直接调用缺点：变量可能会出现重复造成的污染，并且无法进行结构性分类对象的写法var obj={ _a:false, a:function () { conso
2020-08-21 19:22:37
278
原创 typeScript
安装步骤1.npm i typescript -g 安装2.tsc -v 检查版本3.tsc --init 初始化tsc配置文件tsconfig.json4.修改tsconfig.json中“target”: “es5”, 解析成js的版本“module”: “amd”, 模块的类型，用于网页使用amd“outDir”: “./js/” 输出目录5.tsc -w启动监视类型booleannumbervar a:Number 数值对象型var
2020-08-21 18:55:39
149
原创 CSS3
CSS3标准盒模型和怪异和模型区别标准盒与怪异盒的区别在于他们的总宽度的计算公式不一样。标准模式下总宽度=width+margin（左右）+padding（左右）border（左右）；怪异模式下总宽度=width+margin（左右）（就是说width已经包含了padding和border值）。标准模式下如果定义的DOCTYPE缺失，则在ie6、ie7、ie8下汇触发怪异模式。当设置为box-sizing:content-box时，将采用标准模式解析计算，也是默认模式；当设置为box-sizing:b
2020-08-19 19:11:12
203
原创 面试题
普通方法 var time =1000,ids; function simplePoller(queryFn,callback){ if(queryFn()){ return callback() }else{ ids = setTimeout(function(){ clearInterval(ids); .
2020-08-14 13:21:11
1494
原创 0814对象的深比较,对象的深复制,闭包的概念和特点,数组和链表的区别及各自优缺点,柯里化有什么作用？
0814对象的深比较class Box { _data = { a: 1, b: 2, c: { a: 2, b: 5, d: { a: 1, b: 2, c: [1, 2, 3], }, }, };constru
2020-08-14 11:02:39
842
原创 数据结构
数据结构数据的结构性对象用关键字获取键值对散状结构，无法获取上下关系key只能是字符串或symbol没有长度插入查找速度快强类型数据，数据不会因为数据被消除而自动被销毁，var obj={ 张三:{数学:12,语文:13,英语:45}, 李四:{数学:42,语文:33,英语:45}, 王五:{数学:62,语文:63,英语:85}, }
2020-08-13 21:54:58
143
原创 setter 和getter
setter 和getterset有且仅有一个参数 set c(value) { document.documentElement.style.backgroundColor = "#" + value.toString(16); this._c = value; }get不允许有任何参数get c() { return this._c; }, }如果仅有
2020-08-13 21:14:53
91
原创 闭包 柯里化
闭包什么是闭包闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量function fn1(){ var a=1; // 因为返回的函数被存储在全局变量中， // 并且这个返回的函数使用这个a的局部变量，因此a被保存在堆中 //闭包会产生内存泄漏 return function(){
2020-08-13 21:13:47
182
原创 函数的参数和return
函数的参数和return参数参数是局部变量，优先级高于同名的全局变量是为了解决函数的抽象化，多态化。具备模块化功能js因为是弱引用语言，参数可以多样化改变，但也因此造成函数中需要对参数做大量的判断function on(type,data,handler){ if(data.constructor===Function){//函数 handler=data;//数据 data=null;
2020-08-13 21:13:07
232
原创 面向对象进阶
对象概念理解什么是对象，其实就是一种类型，即引用类型。而对象的值就是引用类型的实例。在ECMAScript中引用类型是一种数据结构，用于将数据和功能组织在一起，他常常被称为类。万物皆对象，除了数字，字符，布尔这种绝对值以外的所有部分都是对象，对象是类的实例化体现，类是对象的抽象体现。每个对象都有自己的属性和方法原型obj.proto创建对象new obj= new Object()new obj = {}字面量nwe obj = Object
2020-08-13 11:38:32
162
1
原创 对象的深复制
不是引用对象： string,number,boolean,undefined,null引用关系，对象，function，HTMLElement(元素创建)思路：如果target不存在，返回一个空对象如果存在，获取所有的属性名遍历属性名获取描述对象判断值的类型：如果为对象或者不为null判断是什么类型日期型正则型HTML元素型函数型（之后补充）定义对象的属性可读性不可删除性不可枚举型值复制对象..
2020-08-13 10:39:31
148
原创 jQuery2
jQuery2动画hide：隐藏show：显示toggle：切换slidedown:向下切slideup: 向上切 下拉菜单效果fadeIn:逐渐显示fadeOut“逐渐消失fadeTo:透明到多少animate: $(document).on("click",function(e){ $("div").animate({ left:e.clientX-25,
2020-08-12 17:13:11
101
原创 0812jQuery的实现原理,jQuery 的优化方法,jQuery中的ajax的使用优势,bootstrap
简单概况jQuery的实现原理对原生函数的封装，然后链式调用。就是把函数都挂在jquer对象的prototype下，然后每个函数结尾都会return this，这样就可以一直在后边调用函数。使用Bootstrap激活或禁用按钮要如何操作？激活按钮：给按钮增加.active的class禁用按钮：给按钮增加disabled="disabled"的属性简述几种针对 jQuery 的优化方法？缓存频繁操作DOM对象尽量使用id选择器代替class选择器总是从#id选择器来继承尽量..
2020-08-12 09:17:04
113
原创 8.11jQuery遍历, attr,prop,data的区别,trigger和triggerhandler的区别,事件侦听传参和抛发传参
8.11早考简述:first :first-child,:first-of-type的区别:first 筛选出第一个元素:first-child 匹配的是某父元素的第一个子元素，可以说是结构上的第一个子元素。:first-of-type 匹配的是该类型的第一个，类型是指什么呢，就是冒号前面匹配到的东西，比如 p:first-of-type，就是指所有p元素中的第一个。这里不再限制是第一个子元素了，只要是该类型元素的第一个就行了，当然这些元素的范围都是属于同一级的，也就是同辈的。2.写出
2020-08-12 08:50:37
271
原创 jQuery1
JQuery版本1.0 ：全部兼容各个浏览器2.0：2013.04发布，不支持IE6、7、83.0：2016发布，至今。JQuery安装使用步骤安装： npm i jquery引入 ：<script src="./node_modules/jquery/dist/jquery.js"></script>使用：$("'div).css("width",200)连缀使用：$(“div”).text(“你好”).css(“color”,“red”);
2020-08-11 22:54:51
131
原创 鼠标事件
鼠标事件距离可视区域左上角位置clientX: 33clientY: 31如果目标对象是定位方式，值于offset相似，如果目标对象是非定位方式，取父容器的左上角位置，如果父容器未定位，继续向上取layerX: 28layerY: 20相对事件目标对象的左上角位置offsetX: 16offsetY: 9鼠标移动时相对上次获取坐标的距离movementX: 0movementY: 0相对页面顶端左上角位置pageX: 28pag
2020-08-09 22:00:09
165
原创 事件
事件的兼容1、addEventListener 缺点：不支持IE8及以下，方法名太长 优点：支持捕获和冒泡阶段分开侦听支持事件抛发机制支持同一个事件做多个事件回调函数事件使用时可以将函数与内容完全分离 2、attachEvent 缺点：IE8以上不支持，没有捕获，不支持一次点击，未来被淘汰 优点：支持IE8以下，并且可以使一个事件调用多个回调函数事件使用时可以将函数与内容完全分离 3、οnclic
2020-08-09 21:43:41
144
原创 严格模式
严格模式<script type="module">变量必须定义后使用不允许参数名重复function fn(a,a){ console.log(a); } fn(3,5); //不允许严格模式不允许使用with只读属性都不是能修改 var obj={}; Object.defineProperty(obj,"a",{ wr
2020-08-09 21:17:19
116
原创 存储cookie
cookie存储cookiecookie以域当中的文件夹存储，最上层的无法访问下层文件夹存储，下层子文件夹可以访问上层文件夹。重要的文件存储在顶级域中document.cookie="name=cyj"获取cookiestatic getCookie(){ return document.cookie.split(/;\s*/).reduce((value,item)=>{ var arr=item.split("=");
2020-08-08 20:35:18
394
原创 宏任务和微任务
宏任务和微任务宏任务宏任务指将当前的任务挪至下一个任务列的最顶端执行setTimeOutsetInterval微任务微任务将当前任务的内容挪至当前任务列的最底端执行Promise先同步后异步 console.log("a");//同步 setTimeout(function(){ console.log("b");//宏任务 },0); Promise.resolve().then(functi
2020-08-08 19:50:33
312
原创 promise
promise操作性事件 ：操作后才会执行的事件点击，拖拽等事件需要时间load事件 异步setTimeout 异步setInterval 异步requestAnimationFrame() 异步参数resolve 执行成功所回调的函数reject 执行失败所回调的函数then var p=new Promise(function(resolve,reject){ var img=new Image();//返回一个p
2020-08-08 19:00:52
171
原创 PHP
PHPPHP简介什么是 PHPPHP 是 “PHP Hypertext Preprocessor” 的首字母缩略词PHP 是一种被广泛使用的开源脚本语言PHP 脚本在服务器上执行PHP 没有成本，可供免费下载和使用什么是 PHP 文件PHP 文件能够包含文本、HTML、CSS 以及 PHP 代码PHP 代码在服务器上执行，而结果以纯文本返回浏览器PHP 文件的后缀是 “.php”PHP 能够做什么PHP 能够生成动态页面内容PHP 能够创建、打开、读取、写入、删除以及关闭
2020-08-08 10:59:01
97
原创 JS函数的创建、删除、参数及实参和形参
函数函数的定义：函数，是一种封装。就是将一些语句，封装到函数里面。通过调用的形式，执行这些语句。函数必须通过调用才可以使用。调用时通过其函数名调用，后面要加上一对圆括号。函数的创建 function fn1(arg1,arg2) { // 函数的语句块 console.log("a"); }函数在创建时就创建这个函数名的变量，因为它是全局，所以就会被覆盖，覆盖前仍然可以执行当前，覆盖后，函数不能够执行了如果函数中没有使用return关键词，
2020-08-08 10:28:25
1229
原创 JS对象
对象对象构造方法构造函数创建法：var obj=new Object();obj.属性=属性值obj.方法=方法函数obj[属性]=属性值obj[方法]=方法函数中括号中的属性和方法必须是字符串，如果是变量，该内容必须是字符型变量。 var a="keys"字面量创建法var obj={ 属性:属性值, 方法:方法函数 }; var obj={ key:value name:"xietian", // 字符型ke
2020-08-08 10:26:31
107
原创 MySQL
MySQL常用数据库 mySQL, SQL Sever ,Oracle打开phpstudy，设置站点域名管理不允许出现中文和空格设置配置文件打开MySQL管理器登录用户名密码都为root，开启服务有两个站点域名设置，第一个为默认的，网络端口为80，第二个为新增的，为自己设置的网络端口，然后点击新增，保存设置并生成配置文件打开数据库mysqli_connect("localhost","root","root","test2","3306");//地址，用户名，密码，数据库表，端
2020-08-08 10:23:17
106
原创 DOM
Dom节点什么是节点HTML 文档中的每个成分都是一个节点。（1）节点类型DOM 是这样规定的：整个文档是一个文档节点每个 HTML 标签是一个元素节点包含在 HTML 元素中的文本是文本节点每一个 HTML 属性是一个属性节点注释属于注释节点（2）节点层次关系-节点彼此都有等级关系。HTML 文档中的所有节点组成了一个文档树（或节点树）。HTML 文档中的每个元素、属性、文本等都代表着树中的一个节点。树起始于文档节点，并由此继续伸出枝条，直到处于这棵树最低级别的
2020-08-08 09:39:49
164
原创 node
noderequire 加载module.export=obj 默认导出一个对象，等同于 import default class Boxexports.obj=obj 导出多个对象，等同于import class Boxvar http=require(“http”) ;导出http目录req 请求 客户端请求服务端res 响应 服务端响应客户端req.on （“ data“，”dataHandler “）事件侦听req.on （“end“，”endHan
2020-08-06 21:11:49
135
原创 npm指令
npm不具备断点续传功能npm 作用:管理node包npm install jquery 安装当当前的工作环境中npm install jquery–save 保存到开发者环境 上线使用版本 依赖安装npm install jquery–save-dev 测试环境 测试使用版本 不依赖安装 例如压缩软件npm i anywhere -g 全局安装淘宝镜像地址：npm_mirror: https://npm.taobao.org/mirrors
2020-08-06 21:11:04
385
原创 JSON
JSONJSON（JavaScript Object Notation）以纯文本结构组织所要传送的数据，数据内容包括字符串、数字、数组和对象等，由于JSON易读以及纯文本格式的特性，可以非常容易地与其他程序进行沟通与数据交换。JSON 文件的文件类型是 “.json”JSON的数据结构通过大括号、中括号、逗号和冒号来组织数据冒号代表的是一个键值（key）对应一个值（value）的参数,用“键：值”来表达这些信息之间的关联，而字符串部分要用双引号来表示。 例如： “姓名”:“小陈”
2020-08-06 20:44:50
187
原创 Ajax
npm不具备断点续传功能npm 作用:管理node包npm install jquery 安装当当前的工作环境中npm install jquery–save 保存到开发者环境 上线使用版本 依赖安装npm install jquery–save-dev 测试环境 测试使用版本 不依赖安装 例如压缩软件npm i anywhere -g 全局安装淘宝镜像地址：npm_mirror: https://npm.taobao.org/mirrors
2020-08-06 20:36:37
100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人