- 博客(27)
- 收藏
- 关注
RSS订阅原创 sass 模块化开发
sasssass语法Sass-嵌套#main p {color: #00ff00;width: 97%;.redbox {background-color: #ff0000;color: #000000;}}Sass-变量定义$width: 5em;#main {width: $width;}Sass-判断语句p {@if 1 + 1 == 2 { border...
2019-09-28 10:59:44
949
原创 gulp
gulpGulp 是基于node.js的一个前端自动化构建工具，开发这可以使用它构建自动化工作流程（前端集成开发环境）。使用gulp你可以简化工作量，让你把重点放在功能的开发上，从而提高你的开发效率和工作质量- 把一个文件拷贝到另一个位置把多个js或css文件合并成一个文件，以减少网络请求数对js文件和css文件进行压缩合并 以减少网络流量压缩图像文件，以减少网络流量创建一个可以实...
2019-09-28 10:59:12
211
原创 git
Git初始化Git仓储/(仓库)- 这个仓库会存放，git对我们项目代码进行备份的文件在项目目录右键打开 git bash命令: git init自报家门- 就是在git中设置当前使用的用户是谁每一次备份都会把当前备份者的信息存储起来命令:配置用户名:git config --global user.name "xiaoming"配置邮箱: git conf...
2019-09-28 10:58:06
201
原创 node.js
node.jsnode可以干什么- 充当实时服务器运行js代码 （在服务器上运行） 处理 后台程序语言 可以干什么 不取决于语言本身 取决于他的运行环境js运行在浏览器中js组成部分：js基础语法bomdombom和dom是因为js此时运行在浏览器中，所以，dom和bom才可以操作浏览器js运行在node.js中 此时 bom和dom还有用吗？此时js中dom和bom已...
2019-09-28 10:57:33
95
原创 闭包 es6继承
闭包可以实现在外部访问函数内部声明的变量结构：函数嵌套函数当函数a的内部函数b被函数a外的一个变量引用的时候，就创建了一个闭包。（避免全局变量污染）为什么要写闭包避免全局变量污染将函数内部变量的值始终保存在内存中（在内存中维持一个变量）通过保护变量的安全实现JS私有属性和私有方法（不能被外部访问）闭包的特点函数嵌套函数内部函数可以使用外部函数的内部变量函数中的局部变量在外部是...
2019-09-28 10:57:01
130
原创 jquery事件相关
jquery事件相关事件对象$(“button”).click(function(e){// e就是事件对象 事件函数的第一个参数就是事件对象});取消冒泡$(“button”).click(function(e){e.stopPropagation();// e就是事件对象 事件函数的第一个参数就是事件对象});取消 默认事件e.preventDefault()jquer...
2019-09-21 16:07:54
89
原创 jquery
jqueryclass相关操作- addClass(类名) 添加一个类名removeClass(类名) 移除一个类名toggleClass(类) 切换一个类名hasClass(类) 返回的bool 用于判断内容相关html() 获取和设置元素的html内容 相当于原生的 innerHTML 设置：元素.html(内容)获取元素.html()text(...
2019-09-21 16:07:20
81
原创 jquery
jqueryjquery入口函数原生js window.onloadjquery: $(document).ready(function(){});特点：也是会等待dom加载完毕后执行jquery工厂函数$()jQuery()原生：dom对象 只能用 dom的属性和方法jquery中：提供了jquery对象(将dom对象，封装成jquery对象)，就可以使用jquery提供的属性...
2019-09-21 16:06:50
316
原创 promise介绍 ajax跨域
promise介绍promise改造ajax彻底解决回调地狱async await一个普通函数 前面加上 async就会变成异步的函数，在这个函数内部，就可以通过await 关键字 等待一个primise执行function http(url, options){return new Promise(function(resolve,reject){ajax(url, options...
2019-09-21 16:06:18
294
原创 ajax
ajaxajax优点- 不需要插件支持（一般浏览器且默认开启 JavaScript 即可）用户体验极佳（不刷新页面即可获取可更新的数据）提升 Web 程序的性能（在传递数据方面做到按需放松，不必整体提交）减轻服务器和带宽的负担（将服务器的一些操作转移到客户端）缺点：搜索引擎的支持度不够（因为搜索引擎爬虫 暂时 还不能理解 JS 引起变化数据的内容）ajax过程1、创建XMLHtt...
2019-09-21 16:05:25
80
原创 cookie
cookie* cookie是每个客户身份的通行证，相当于一个身份证cookie 特点以域名 为分类 一个域名下 可以有很多cookie文件有大小限制：4KB(文件若没有大小限制，比如身份牌的重量是140斤，挂脖子能不能累死？)数量限制：（一般浏览器，限制大概在50条左右）读取有域名限制：不可跨域读取，只能由来自 写入cookie的 同一域名 的网页可进行读取。简单的讲就是，谁写的...
2019-09-21 16:04:49
152
原创 Php
Php服务器 服务者目前最主流的三个Web服务器是Apache、 Nginx 、IIShttp协议工作原理HTTP协议工作于客户端-服务端架构上。浏览器作为HTTP客户端通过URL向HTTP服务端即WEB服务器发送所有请求。Web服务器有：Apache服务器，IIS服务器（Internet Information Services）等。Web服务器根据接收到的请求后，向客户端发送响...
2019-09-21 16:04:13
65
原创 面向对象
面向对象是一种编程思维所有的程序中的参与的对象提取出来，给对象 设置不同的属性和方法面向对象优点：方便代码的管理，和封装 以及调用面向过程将程序 所有步骤：拆成一步一步如何创建对象1，字面量var obj = {属性:值,属性2:值2,方法:function(){}}使用属性和方法obj.属性名obj.方法名赋值obj.属性名 = 值obj.方法 = fun...
2019-09-09 17:27:54
121
原创 JSON对象 es6 this指向
JSON对象JSON.stringify 将 json或者json数组转换成字符串jsonJSON.parse 是将 json 格式的字符串转换为 js 的对象或者数组对象深克隆var obj = {a:10,b:20,c:{a:10}};var obj2 = JSON.parse(JSON.stringify(obj));console.log(obj2);obj2...
2019-09-09 17:27:24
528
原创 正则表达式
正则表达式正则表达式：规则表达式，主要用于规定字符串的出现规则通过正则指定特定字符串出现的规则，去匹配某些字符串，如果匹配成功，就可以得到结果正则对象 生成正则表达式语法糖： var reg = /abc/;构造函数var reg = new RegExp(“abc”);test方法 检测一个字符串是否符合这个规则，如果符合返回true,否则返回false元字符 预定义字...
2019-09-09 17:26:13
77
原创 事件周期
事件周期1. 事件捕获dom对象从最外层开始，逐层向下记录每一个dom对象上有没有绑定该事件，如果有记录下来执行顺序：从外层向内层 直到目标元素截止事件目标 事件触发目标元素的事件触发事件冒泡从目标元素开始，逐层向上冒泡触发（捕获阶段记录的绑定的事件）执行顺序：由内向外1，当祖先元素和后代元素都绑定的相同的事件时，后代元素的事件触发，祖先的元素的事件也会触发2，祖...
2019-09-09 17:25:18
467
原创 事件
事件事件组成1，触发谁的事件事件源2，触发是什么事件click mouseover mouseout3,事件触发之后，干什么事件函数 （干什么写在事件函数中）事件对象类似于飞机的“黑匣子” 用于保存 一个事件发生的时候，所有的信息比如：事件发生时鼠标的坐标如何获取事件对象：兼容性问题：在不同浏览器上 获取方法不一样在IE 以及DOM标准：全局的对象（window下） ...
2019-09-09 17:24:46
81
原创 定时器 DOM节点
定时器间隔定时器 永动机（隔一段时间，函数执行一次，如果你不手动清除，永远不会停止）setInterval(fn,interval)毫秒为单位的时间eg:setInterval(function(){//code},1000);含义：间隔一秒调用一次函数返回值：定时器的 ID 定时器编号定时器 需要管理 （某个定时器 进行开启，清除，开启…）clearInterva...
2019-09-07 16:42:11
255
原创 BOM DOM
BOMBOM相关apialert() window.alert(); 弹窗prompt(); window.prompt() 弹窗接受用户输入信息confirm() 确认框返回值：当用户点击确认时，返回true,点击取消 返回 falsewindow对象是js顶层对象，全局对象 window属性和方法，都可以省略window直接使用window:是浏览器BOM相...
2019-09-07 16:41:33
108
原创 Math Date对象
Math对象Math对象所有的api，都不支持new一个对象来使用，而是直接通过构造函数来使用Math对象常用apiMath.random() //返回0-1之间的随机数 [0,1)Math.round(3.6) //四舍五入 4随机数如何设定范围固定套路：任意 min max之间取随机整数Math.floor(Math.random()*(max-min)+min);m...
2019-09-07 16:41:06
95
1
原创 字符串 es5新增
二维数组数组中的每一个元素也是数组var arr=[[1,2,3],[4,5,6],[7,8,9],[1,2,3,4,5,6,7]…];怎么遍历二维数组var arr=[[1,2,3],[4,5,6,7],[10,20,30,40,60,80]];for(var r=0;r<arr.length;r++){ for(var c=0;c<arr[r]....
2019-09-07 16:40:29
84
原创 数组
数组理解：一个变量 存储多个值 数组是线性的：除了第一个元素，每一个元素都有一个前驱元素，除了最后一个元素，，每一个元素都有一个后驱元素声明语法糖： arrayvar arr = [ ];构造函数写法：var arr = new Array();使用获取数组中的元素arr[下标]数组元素的赋值arr[下标]=值1，原来就有 覆盖原来的值2，原来没有 定义个一个新的...
2019-09-07 16:39:54
43
原创 对象
对象什么是对象对象：描述一个事物 的特征和行为 整体特征：属性行为：方法系统对象：数组 日期 正则 函数自定义对象var 对象名={属性:值,属性2:值2,方法:function(){}}怎么使用 属性 和方法：对象名.属性名 获取属性的值对象名.方法名() 调用 方法外部设置 属性 和方法：对象名.属性名=值 (如果属性不存在，新增一个属性，存在，更改属性...
2019-09-07 16:39:21
57
原创 作用域
作用域预解析js在运行之前 做两件事情1，找 var 声明的变量，将var声明的变量的声明提升到当前作用域的顶部，赋值保留在元素 声明提前**2，找到function 声明的代码块 将整个函数 提升到当前作用域顶部全局作用域全局范围（不在函数中）：即是全局作用域全局变量：在全局作用域下声明的变量全局变量特点：在代码任意位置都可以使用一个变量，没有声明直接赋值（谨慎使用） ...
2019-09-07 16:38:33
64
原创 函数
函数什么是函数一段预定义好的可以反复执行的代码块系统函数js定义好的函数，用户可以直接使用alert() parseInt() parseFloat() …有参函数语法：function fn(形参集合){ //以,分割代码块}调用时：fn(实参集合); //以,分割注意：形参：在函数内部声明的变量，声明时没有赋值（在调用的时候赋值（实参））实参：函数调用时传的实际的...
2019-09-07 16:37:55
82
原创 三大结构
三大结构顺序结构分支结构if结构 单分支if(条件){要执行的语句;}if()括号中是条件，逻辑点，如果括号中的结果为真则执行，否则不执行，可以是表达式（如关系运算）if…else…结构 双分支if(条件){语句1;}else{语句2;}1，如果条件为真则执行语句1，否则执行语句22，一个条件做两个事情if…else if…else结构 （else if结构...
2019-09-07 16:37:02
167
原创 数据类型 运算符
javascriptjs组成es5,es6,BOM,DOMjs注释//单行注释/* */多行注释js语法语句是js最小组成单位js变量（重点）什么是变量变化的量变量如何使用使用var 关键字声明变量命名规范命名方法数据类型基本数据类型number数字int 整数floa 浮点数（小数）string 字符串 一定要加上"" ‘’boolean 布尔 两个值...
2019-09-07 16:36:10
76
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人