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