- 博客(76)
- 收藏
- 关注
RSS订阅原创 Git常用命令
说在前面：代码区除了/* xxx **/ 都是必须要写的~1、本地新建仓库并与远程仓库关联git initgit remote add origin 远程仓库地址1.1 远程仓库地址改变，修改本地仓库与远程的关联git remote removegit remote add origin 新地址git remote -v 查看远程仓库地址2、创建新分支git branch 新分支名字git push --set-upstream origin 新分支 /*创建远程分支*/.
2020-12-17 17:24:49
165
原创 前端性能优化
一、css优化 关于css性能优化的好文章1、尽量不要使用通配符选择器，因为CSS选择器是从右到左进行规则匹配，* 就会遍历匹配所有的标签，在标签比较多的时候会影响性能2、避免使用行内样式或者内联样式，建议使用外部样式表，并将文件以 link 方式引入放在head标签中，但是可以把关键的样式写在内联样式中，避免使用 @important1）@import是CSS提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载CSS文件，还可以定义href，rel连接属性等；2）加载
2020-07-30 10:50:19
212
原创 class类及继承
类的由来传统方法function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')';};var p = new Point(1, 2);es6类Class语法class Po...
2020-07-28 15:06:16
371
原创 实现三栏布局
1、实现三栏布局通过浮动middle布局在最后面！！不适用浮动，不设置宽度，通过设置margin与左右两边“相连接"优缺点：<div class="content"> <div class="left"></div> <div class="right"></div> <div class="middle"> 实现三栏布局 实现三栏布局 实现三栏布局 实
2020-07-28 14:14:09
198
原创 计算机网络-输入url之后的过程、TCP与UDP的区别
一、从输入url到浏览器界面显示的过程1、DNS地址解析，将域名解析为ip地址2、应用层下发数据给传输层，建立TCP三次握手（TCP协议在网络层）3、浏览器发起请求4、服务器响应请求，将数据发送给浏览器5、TCP四次挥手、断开连接6、解析响应数据，布局、渲染、显示到屏幕上1、DNS地址解析过程： 操作系统会先向本地hosts文件中查询，如果不存在，就取本地DNS服务器中查询（浏览器向本地DNS服务器查询的过程为递归查询），如果依旧不存在，就向根域名服务器查询，查找到一级域名所在的服.
2020-07-26 11:31:41
609
原创 js总结二（有目录)
—————————————————————————————————call/apply/bind 实现数组去重js事件循环机制深入浅出浏览器渲染原理promise.all 实现—————————————————————————————————1、 call/apply/bind 实现applyFunction.prototype.apply = function(base, args) { // 拓展Function原型 base = base || window; //
2020-07-24 23:12:41
161
原创 js总结一（有目录）
之前的一篇文章~组合继承、检测数据类型的几种方法、检测对象的属性是否在原型对象上等问题、页面出现空白问题产生的原因虽然typeof对于null，对象，数组，正则都不能很好的判断，除了上篇文章检测数组的方法，还可以检测出null，通过 typeof 结合 ！ 就可以判断，具体代码如图！...
2020-07-18 16:39:11
169
原创 排序算法
一、稳定性官方定义： 假定在待排序的记录序列中，存在多个具有相同的关键字的记录，若经过排序，这些记录的相对次序保持不变，即在原序列中，r[i]=r[j]，且r[i]在r[j]之前，而在排序后的序列中，r[i]仍在r[j]之前，则称这种排序算法是稳定的；否则称为不稳定的。白话： 指的是排序之后，相同元素的相对位置有没有发生变化，如果变化了，就不稳定，如果没有变化，则相对稳定举个例子就是：比如：[12,3,15,12,35,34,6],使用冒泡排序的话，从大到小排序后为[35,34,15,12,1
2020-07-12 11:10:35
351
原创 forEach,for..in,for..of,Object.keys(),Object.values()，Object.assign()，Object.create()
写在前面JS对象的可枚举属性和不可枚举属性见此博客1、forEach()这个是遍历数组的方法，无返回值,不可以遍历对象语法：array.forEach(function(currentValue, index, arr), thisValue)第一个是value，第二个是index，第三个是数组体缺点：不能同时遍历多个集合，在遍历的时候无法修改和删除集合数据，方法不能使用break，continue语句跳出循环，或者使用return从函数体返回，对于空数组不会执行回调函数优点：便利的时候
2020-07-11 10:52:46
467
原创 组合继承、检测数据类型的几种方法、检测对象的属性是否在原型对象上等问题、页面出现空白问题产生的原因
一、组合继承 //父类 function Father(name,sex){ this.name=name; this.sex=sex; this.sleep=function(){ return this.other+"在睡觉"; } } //子类 function Son(name,sex,age){ //构造函数继承 Father.c
2020-07-10 13:13:11
265
原创 计算机网络三
讲在前面信息通过网络传输的处理过程AP application 应用程序 把计算机事件（赛博事件） 一个进程APL-PHL 从上到下分别是应用层、传输层、网络层、物理层、链路层PDU（数据协议单元）SDU对等层协议，通过API调用底层提供服务、为了透明，层和层之间交互，就将数据封装完整交给下一层传输层 网络通信的端是进程网络层分组存储转发 异构互连物理层数据校验、辅...
2020-03-17 13:53:32
1726
原创 页面布局、BFC
说在前面文档流文档流包括浮动流、定位流以及普通的标准流。一、常见的几种页面布局静态布局定位布局流式布局弹性布局自适应布局响应式布局圣杯、双飞翼、栅格布局1、静态布局特点： 传统的网页布局形式，页面上的所有元素的尺寸均使用px（像素）作为单位，当屏幕缩小的时候，会出现滚动条优点 ：代码简单，编写容易，且无兼容性问题缺点：无法根据不同的屏幕尺寸做出相应的表现...
2020-03-13 13:52:42
375
2
原创 mongodb
1、什么是mongodb？非结构数据库，里面不是表结构，存储的是json数据2、下载安装傻瓜式安装，cmd中输入mongo出现以下结果即安装成功3、启动服务，连接数据库1）mongod --path 文件路径，注意是mongod！！！2）启动服务的cmd窗口不关，重新打开一个，输入 mongo ，mongodb数据库连接4、操作数据库表数据查找：db.u...
2020-03-08 23:12:53
159
原创 计算机网络二
五、计算机网络性能指标1、带宽在计算机网络中带宽是指“链路”在一定时段内所能传输的比特数的额定值，即数据在信道上的发送速率。习惯上作为数据通过网络传输的最高速率的同义词。单位是b/s（或kb/s,Mb/s,Gb/s=10的3，6，9次方b/s），一般用bps表示（在计算机存储中，K=2的10次方=1024bit）比特时间：指传送一个比特所花费的时间，对信道来说比特时间=1/带宽注...
2020-03-08 20:32:01
1131
原创 计算机网络一
一、基本概念1、什么是网络1、网络是由若干节点和连接这些节点的链路构成，表示诸多对象及其相互联系2、带权图、电路、生物神经网络、人工神经网络等等3、有关联的个体为某种目的而组成的系统，如交通网络、政治网络4、网络流也简称为网络，一般用于管道系统，交通系统2、什么是计算机网络1、将地理位置不同的具有独立功能的多台计算机及其外部设备，通过通信线路连接起来，在网络操作系统，网络管理软...
2020-03-07 17:22:40
922
原创 js事件、事件流
关于事件可以查看这篇文章~一、事件分类1、键盘事件onkeydown，onkeyup，onkeypress（相当于前面两个事件）2、表单事件onfocus,onblur,onselected,onchange3、鼠标事件1)、onmouseover,onmousemove,onmouseout,onmouseleave,onmouseenter，onmousedown,on...
2020-03-01 20:31:55
319
原创 js作用域以及闭包
一、变量作用域变量作用域即变量的作用范围局部变量： 在js中如果用var来定义一个变量，如果该变量被定义在function或者其他循环体内，则变量为局部变量，并且该变量不会受到同名全局变量的影响，也不会影响同名的全局变量。全局变量： 如果不用var来定义变量而直接拿一个变量来使用则该变量会被自己定义为全局变量，无论该变量被定义在任何位置，如果在function或者循环体内用这种方式来定义变...
2020-03-01 12:57:31
154
原创 jquery语法三ajax+echarts插件的使用
一、jquery ajax 下面代码 cros 跨域或者不跨域可以使用 $.ajax({ method:"post", url:"./data/student.txt", dataType:"json", success:function (res){ //...
2020-02-29 21:02:25
581
原创 jquery语法二
一、事件ready(fn)1、当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。2、这是事件模块中最重要的一个函数，因为它可以极大地提高web应用程序的响应速度。3、这个方法是对向window.load事件注册事件( 浏览器加载完成事件)的替代方法。通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数，而99.99%的JavaScript函数都需要在那一刻执行...
2020-02-28 00:13:57
180
原创 jquery语法一
<button id="btn" class="btnlist">按钮</button><button id="btn1" class="btnlist"><span>按钮</span></button><ul> <p>0</p> <li>1</li&g...
2020-02-26 23:10:17
200
原创 入坑----关于this调用位置和指向问题
本文参考了https://segmentfault.com/a/1190000009393621、https://blog.csdn.net/joyvonlee/article/details/94360946两篇文章，大家也都可以去看看一、调用位置如何查看函数调用的位置可以使用debugger来查看函数的调用栈以及this指向function foo(a){ debugg...
2020-02-23 16:01:52
338
原创 利用canvas、对象知识做弹跳小球
loop函数中的相关说明1、 requestAnimationFrame(loop); 让函数每隔一段时间运行一次2、如何让小球避免长蛇轨迹，并稍微有一点之前的运动轨迹？可以在下一次小球出现的时候重绘画布，让他变为黑色，再给一点透明度，就可以显示之前的一点运动轨迹了<!DOCTYPE html><html lang="en"><head> ...
2020-02-17 14:45:12
235
原创 EJS模板引擎
一、什么是EJS？高效的javascript模板引擎，一套简单的模板语言，利用普通的javascript代码生成html页面二、安装使用//安装$ cnpm install ejs//使用
2020-02-15 18:44:20
225
原创 react
一、react开发环境搭建1、安装nodejs （安装nodejs稳定版本）https://nodejs.org/dist/v8.11.2/node-v8.11.2-x64.msiodejs.org/dist/v8.11.2/node-v8.11.2-x86.msi）2、安装好node之后 在cmd检查版本 node –v 在安装完node之后npm页会自动安装 检查版本 ...
2020-02-15 18:34:44
372
原创 localStorage，sessionStorage和cookie的区别与使用
1、定义sessionStorage 和 localStorage 是HTML5 Web StorageAPI提供的，可以方便的在web请求之间保存数据，cookie是用于存储 web 页面的用户信息，是浏览器固有的2、异同相同之处：sessionStorage、localStorage、cookie都是在浏览器端存储的数据，且是同源的（同源：域名、协议、端口号相同）不同之处：...
2020-02-14 23:17:15
370
原创 js继承
一、原型链继承优点：直观继承，子类的实例既是自身，也是父类缺点：原型prototype 属性共享（多个同类对象），给子类原型追加方法或者属性必须在原型继承之后，原型继承不能进行多继承 父类1： function Animal(name, sex) { this.name = name || "动物"; this....
2020-02-14 20:45:58
159
原创 js原型和原型链
一、从图理解js原型于与原型链图解：红色部分1、所有函数都有一个prototype指针，指向原型对象，prototype指针的意义是：当我们使用这个构造函数new出新对象的时候，新对象的原型是谁。2、构造函数的prototype所指向的原型对象有一个constructor指针，指回构造函数constructor指针有助于我们找到一个对象的构造函数是谁3、__proto__每个对象都有，...
2020-02-14 15:12:08
328
原创 js设计模式
一、工厂模式在函数中实例化一个Object对象，定义该对象的属性或方法，并在函数中返回该对象，即返回一个单体对象优缺点：解决了创建多个对象的问题，但输出的都是Object对象，没有办法区分对象类型 function student(name,sex){ const stu=new Object(); stu.name=name; stu....
2020-02-14 11:56:05
276
原创 axios与fetch-jsonp
Axios 跨域 cros跨域 Axios文档Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中功能从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF使用步骤...
2020-02-12 18:05:19
382
原创 vue路由配置、传值、编程式导航
vue里的路由都是根据location跳转页面的vue路由的配置与使用1、安装 cnpm install vue-router --save-dev2、新建一个路由文件route.js3、在main.js中引入路由文件route.js，在new中注册4、配置路由文件route.js//路由的配置第一步import Vue from 'vue';import vueRout...
2020-02-12 14:49:43
209
原创 vue组件
组件1、组件内容与app.vue内容相同<template> <div> </div></template><script>export default { }</script><style lang=""> </style>2...
2020-02-11 23:10:44
151
原创 vue生命周期
每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会生命周期钩子的 this 上下文指向调用它的 Vue 实例。不要在选项属性或回调上使用箭头函数，比如 created: () =>console....
2020-02-11 14:48:51
211
原创 vue小案例ToDoList
实现功能1、输入框写入待办事项，按回车、点击添加按钮，都可将内容添加到未完成事项中2、点击多选框，可以实现事项状态的转换3、点击删除按钮可将事项删除4、实现缓存代码<template> <div id="app"> <div class="title"> <div class="title_left">ToDo...
2020-02-11 11:51:23
296
原创 解决vscode和nodejs中占存过高的问题
一、解决nodejs占存过高的问题supervisor -i node_modules 项目启动文件入口二、解决vscode占存过高的问题1、打开文件》首选项》设置2、修复vs code 造成 rg.exe内存占用过大的问题search.followSymlinks: false3、 修复vs code 造成 git.exe内存占用过大的问题git.enabled: false ...
2020-02-10 20:14:31
5780
原创 Promise对象、Generator 函数、async函数
Promise对象的含义、特点含义： 异步编程的一种解决方案，传统解决方案通过回调函数和时间，而Promise相当于一个容器，里面保存着未来才会结束的事件（通常是一个异步操作）的结果，从语法上说，Promise是一个对象，可以获取异步操作的消息，提供统一的API，各种异步操作都可以以同样的方法进行处理特点：（1）对象的状态不受外界影响，有三种状态：pending（进行中）、fulfilled...
2019-11-28 23:39:36
221
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人