- 博客(24)
- 收藏
- 关注
RSS订阅原创 【Git】Git介绍与基本使用
一、Git 介绍分布式版本控制系统代码备份版本回退协作开发权限控制二、基本操作1. 创建并进入空文件夹2. 右键 -> 点击 Git Bash Here 启动命令行3. `git init` 仓库初始化4. 创建一个初始化文件 index.html5. `git add index.html`、`git add -A` 将文件/工作区所有文件加入到暂存区6. `git commit -m '注释'` 、`git commit ` 提交到仓库并注释 mess
2021-01-02 01:01:57
363
原创 【Vue】Vue-cIi2和Vue-cli3区别
一、vue-cli命令行界面vue官方提供基于node环境利用webpack对文件进行编译、打包等一系列操作用于快速搭建vue+webpack+es6项目包含基础依赖库，省去安装插件二、创建命令使用vue-cli3npm install -g @vue/cli-initvue init webpack gshop-client2cd shop-clientnpm run dev使用vue-cli2npm install -g @vue/clivue create shop-
2021-01-02 00:38:10
425
3
原创 【Less】Less基本用法总结
一、介绍Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。中文网址: http://lesscss.cn/二、特点1、写样式更简单：嵌套2、使用方便：变量、运算、函数3、学习成本低：语法三、语法1、变量变量声明@color:#adf;@height:100px;//1. 变量声明header{ background-color:@color; height:@height;}变量名
2020-12-30 01:38:59
1644
原创 【HTML】静态页面的开发流程及思路总结
一、确定版心常见的版心宽度：960px（知乎）淘宝（1000px）网易（1200px）京东（1210px）腾讯（1400）二、整体布局1、基本原则先分析行模块再分析列模块如果一行当中有多个模块，一定要放在同一个父模块中。列模块一般都用浮动，具体坐标，有层叠概念的需要用到定位。2、网站中常见的定位应用场景（1）轮播图中的小圆点、左右切换（2）版心之外的广告（3）下拉菜单（3）二维码（有点击隐藏效果）三、单个模块布局1、先给模块宽高（高度最终完成是要去除的）背景颜色，实例化这个
2020-12-27 16:50:33
1467
2
原创 【Javascript】浅析JS中闭包的来龙去脉
18.1.1.如何产生闭包(条件)?1.函数嵌套2.内部函数引用外部函数的局部变量3.使用（调用）外部函数18.1.2.闭包到底是什么?1.理解一: 闭包是嵌套的内部函数(绝大部分人)2.理解二: 包含被引用变量(外部函数)的对象(极少数人)3.理解三： 所谓的闭包是一个引用关系，该引用关系存在于内部函数中，引用的是外部函数的变量的对象(深入理解)18.1.3.常见的闭包1.将函数作为另一个函数的返回值2.将函数作为实参传递给另一个函数调用3.使用闭包实现私有方法操作独立的私有属性1
2020-12-22 02:13:21
192
原创 【网络】理解LocalStorage和SessionStorage区别与用法
一、localStorage1、是什么localStorage 是 HTML5 提供的一个 API，他本质上是一个hash（哈希表），是一个存在于浏览器上的 hash（哈希表）。localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。localStorage使用方法localStorage和sessionStorage使用时使用相同
2020-12-04 23:34:33
802
原创 【Javascript】从JS执行上下文到作用域到作用域链
四、执行上下文1、什么是执行上下文？程序执行和代码执行是两回事。程序先执行，准备代码的执行环境，然后再代码执行。代码执行的环境称作执行上下文。包含：（1）收集变量，生成变量对象（2）确定this指向（3）确定自己的作用域链。2、分类（1）全局执行上下文：window的执行环境（2）函数执行上下文：函数的执行环境3、执行上下文栈执行环境准备完成之后，压入栈内，开始执行代码。程序为了管理执行上下文（确保程序的执行顺序）所创建的一个栈数据结构，被称作执行上下文栈。4、 重点- 执行
2020-11-29 01:44:43
159
原创 【Javascript】你真的懂JS中的Promise吗
一、理解（1）用同步的方式写异步的代码，可用来解决回调问题（2）ES6新技术 JS中异步编程 解决方案（3）语法上：Promise是一个构造函数，用来生成Promise的实例对象（4）功能上：Promise对象用来包裹一个异步操作，并获取成功、失败结果值。二、基本流程三、基本步骤 // 读取 resource/1.html 文件的内容 //创建Promise对象 // 是一个构造函数 用来生成promise的实例对象 // 包裹一个异步操作，并获取，成功或失败的结果值
2020-11-28 00:55:46
299
原创 【JavaScript】浅谈ES8中的async/await
一、promise并不是完美解决方案 new Promise((resolve, reject) => { setTimeout(() => resolve(111), 1000); }).then(data => { console.log(data); new Promise((resolve, reject) => { setTimeout(() => resolve(222), 2000) }).then(data =&
2020-11-26 17:32:12
207
原创 【JavaScript】浅谈前端模块化与组件化
一、模块模块化主要是指JS模块化，一个JS文件就是一个模块，向外提供特定功能的程序。模块内部的数据是私有的，向外暴露一些接口与外部其他模块进行通信。二、模块化当整个应用JS以模块来编写，这个应用就是一个模块化应用。三、组件实现特定功能的代码块，资源集合，可以包含HTML、CSS、JS作用：代码的复用 / 简化编码，提高效率四、组件化当整个应用的代码已组件的形式来编写，这个应用就是一个组件化应用。...
2020-11-26 01:56:35
1501
原创 【移动端开发】移动端开发基础问题
一、屏幕相关1、屏幕尺寸屏幕的对角线的长度，单位是英寸，常见的手机屏幕大小有： 3.5寸、4寸、4.7寸、5.0寸、5.5寸、6.0寸等等。2、屏幕分辨率屏幕出厂后，屏幕水平和垂直方向的固定像素点数。例如： IPhone 6 的屏幕分辨率为 750 * 1334。显示分辨率指的是设备当前所用到的物理像素点数，屏幕分辨率 >= 显示分辨率。3、屏幕密度ppi/dpi 是指屏幕上每英寸里包含的物理像素点个数。二、像素相关1、物理像素设备出厂后的每一个像素点，类似一个小灯泡，由屏幕
2020-11-26 01:43:07
245
原创 【DOM】浏览器事件——JS事件传播与事件委派
一、事件传播1、是什么当事件发生在DOM元素上时，该事件并不完全发生在这个元素上。事件流是客观存在，无论是否给元素某个事件添加回调函数，这只会影响当事件触发时，是否会给用户反馈。无论元素是否添加回调函数，事件依旧正常传播。关于事件传播，IE和网景公司有不同的理解，IE认为，事件应该是捕获阶段，网景公司认为事件应该是捕获阶段，随后W3C综合了两个公司的方案，将事件传播分为了三个阶段。2、事件传播的三个阶段（1）捕获阶段事件从window开始，由外向内，直到到达目标事件或event.target。
2020-11-15 18:03:06
263
原创 【DOM】浏览器事件——JS事件处理程序与事件对象
一、事件处理程序事件处理程序是指响应某个事件的函数。DOM中事件处理程序大概可以分为以下三种类型：（1）HTML事件处理程序（2）DOM0级事件处理程序（3）DOM2级事件处理程序DOM版本有DOM0、DOM1、DOM2和DOM3DOM0和DOM2有自己独立的事件绑定和解绑方式。二、HTML事件处理程序直接将事件函数写到HTML中元素属性上<button onclick="alert(hello world!)"></hello>双引号中的代码是事件触发后执行
2020-11-15 17:41:43
237
原创 【网络】axios基本使用及简单封装
一、介绍包，能发ajax，返回promise本质是函数，函数用法，对象用法。npm i axios -S二、三种参数1、params路径参数属于路径的一部分 不知道干嘛用的axios当中参数只能写在路径中，没有params设置http://sdfsdfdsfsd/8?name="zhangsan"8是一个参数 一般是id,传给后台2、query参数//（1）直接写在url后?q=v& sort=stars//（2）使用配置项parmas配置axios({ url:'
2020-11-14 01:40:17
317
原创 【网络】五分钟搞懂cookie、session、token
一、会话管理HTTP协议是一个无状态的协议，它无法区分多次请求是否发送自同一客户端。cookie，session，token用来管理会话，识别用户身份。二、cookie1、本质存储在浏览器的文本，随着http请求自动传递给服务器。（请求头/响应头）2、运作流程cookie由服务器生成发送到客户端，客户端以key-value形式保存在本地的一小块数据，在下一次请求同一网站时会把该cookie发送给服务端。3、使用// 引入express工具const express =require('
2020-11-14 01:27:51
273
原创 【JavaScript】轻松掌握JS中的深拷贝与浅拷贝
拷贝浅拷贝：拷贝的数据不影响原数据深拷贝：拷贝的数据影响原数据，开辟新的存储空间，对应不同的地址。深拷贝拷贝数组1、concat方法 var arr =[1,2,3,{name:'小明',age:20}]; var newArr=arr.concat(); arr[3].name="小红"; console.log(arr); //{name:"小红",age:20} console.log(newArr); //{name:"小红",age:20}2、slice方法var a
2020-11-08 21:36:04
107
1
原创 【网络】浅谈前端跨域问题及使用代理解决跨域问题
一、是什么是由于浏览器存在的同源策略，**ajax请求资源和当前位置**是否同源。同源：协议、域名、端口号必须完全一致， 违背同源策略就是跨域。二、特点（1）跨域只存在于浏览器发请求，服务器不会。（2）http分两大类：普通http请求和ajax请求，跨域出现在ajax请求中。三、解决方案1、jsop1、介绍非官方跨域解决方案，只支持get请求2、工作原理在网页有一些标签天生具有跨域能力，比如：img link iframe script。JSONP就是**利用script标签的跨域
2020-11-01 15:23:27
1419
1
原创 【JavaScript】类与继承总结
创建对象的方式1、工厂模式创建对象定义函数来解决重复代码的问题。专门用函数创建对象的方法，称为工厂方法。function car(brand,guojia,chexing){ return{ brand:brand,//属性名和属性值一样，可简写 guojia, chexing, ins(){ console.log("我的车型是"+this.chexing) } } } var car1=car('宝马','德国','小轿车');
2020-10-06 17:08:38
223
原创 【JavaScript】一文搞懂JS中this指向
文章关键要点1、this是函数内部的隐含参数，指代当前运行环境。2、this指向的是一个对象，一般指向调用者。3、this的八种指向一、this初衷在函数执行时，每次JS都会在函数内部传入一个隐含的参数 this，指代当前的运行环境。this的指向是一个对象，根据函数调用方式的不同，this的值也不同，一般指向调用者。二、JS中的八种指向1、全局作用域内，this指向window //1、 console.log(this === window); //
2020-09-06 18:52:31
369
原创 【jQuery】jQuery设计思想核心解读
文章关键要点1、jQ核心宗旨：写得少，做得多。2、最大优势：链式调用、隐式迭代、读写合一3、DOM操作、事件操作jQuery认识1、什么是jQueryjQuery是一个函数库 存放了大量函数；核心宗旨是写少量的代码，做更多的事情（write less do more）。2、优势（1）链式调用对象可以不停的调用方法，对象.方法（）.方法（）.方法只要返回值是一个对象，就可以不停地调用方法注：一般方法是设置，返回来都是当前对象。（2）隐式迭代在函数内部进行循环遍历，省去我们自己遍历。
2020-08-26 20:19:34
564
原创 【JavaScript DOM】使用原生JS实现拖拽元素
【JavaScript】使用js实现拖拽元素文章关键要点1、三个事件 onmousedown、onmousemove、onmouseout（onmousemove、onmouseout都在鼠标按下事件中）2、鼠标按下获取元素的offsetLeft、offsetTop，鼠标距离可视区域横纵坐标；**鼠标移动获取两次距离差（新的可视区域横纵坐标 - 旧的的可视区域横纵坐标 - ），鼠标距离差+元素最初的offsetLeft、offsetTop为元素最终位置；**鼠标抬起，将移动事件清空。3、边界值判断
2020-08-26 14:42:50
1026
原创 【JavaScript】深入理解JS中的原型与原型链
产生欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；增加了
2020-08-13 20:30:28
312
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人