自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(38)
  • 收藏
  • 关注

原创 vue项目生成

cnpm install vue-cli webpack vue init webpack 文件名 一系列的选择 cd 文件名 cnpm install vuex -S 生成vuex在vue项目中的main.js入口文件中加入import Vuex from "vuex"Vue.use(Vuex)var store =new Vuex.Store({ state:{ totalcount:1 }, mutations:{ updatecount(state..

2020-12-08 21:06:56 168

原创 响应式

remrem是一个长度单位px是绝对长度单位最常用,em相对长度单位,相对父元素,不常用,rem相对长度单位,相对根元素,常用与响应式布局。@media 媒体查询,根据屏幕大小,设置根元素字体大小,从而设置该屏幕大小下的别的元素的大小。vw\vh网页视口尺寸window.screen.height//屏幕高度widow.innerHeight//网页视口高度document.body.clientHeight//body高度vh 网页视口高度的百分之一vw网页视口宽度的百分之一vm

2020-11-19 23:13:38 103

原创 bfc line-height继承

BFC块级格式化上下文形成一个块级渲染区域,块级边框以外的区域不受该渲染区域的影响。条件:float:不是Noneposition是absolute fixedoverflow不是visible(hidden)display是flex inline-block等inline-heigth当一个元素没有设置inline-heigth得时候会继承上一层设置了inline-height得元素得inline-heigth得值,比如:inline-heigth:10px; inline-hei

2020-11-19 22:09:30 90

原创 get post 中间件

getapp.get("/search",(req,res)=>{ console.log(req.query);//get请求该方法可以获得form表单提交的参数 res.send("搜索页面");})post//需要app.use(express.urlencoded())进行解析app.use(express.urlencoded());app.post("/search",(req,res)=>{ console.log(req.body);//请求该

2020-11-08 21:25:26 188

原创 express web框架安装使用

安装cnpm install express --savecnpm install express -gcnpm install express-generator -gexpress --version创建一个名为bookapp的express应用,并使用了ejs模板引擎express --view=ejs bookapp(express bookapp -e)随即生成一个bookapp文件夹,文件夹里的public 文件夹放置静态文件,view放置模块文件,ro

2020-11-08 07:49:51 119

原创 数据库导出

右键点击mysql里创建的数据库里创建的表,选转储SQL文件->数据与结构,然后选择保存路径即可保存一个.sql文件,将该文件拖拉到vscode可以看。

2020-11-02 22:26:12 191

原创 ip tcp

IP/TCP/http域名可以指向IP IPzhi得是访问哪个位置的服务器。TCP指向端口指的是访问的哪个软件哪个程序。http:超文本传输协议。从服务器传输超文本到本地浏览器的传输协议。无连接无状态。HTTP和URL的关系:前者通过后者来传输数据和建立链接。后者是互联网上用来标识某一处资源的地址。FTP:允许访问目录和文件,上传和下载,但不能远程执行文件。SMTP:简单的邮件传输协议。在浏览器地址栏键入url 按下回车后经历流程:1、浏览器向dns服务器请求解析该url中的域名所对应的ip

2020-11-01 14:21:55 69

原创 node,vue的导入导出

vue和node 的导入导出的区别vueimport " " from “”exports default **noderequire(" ")exports(就是要到处的对象)exports.a=a(给到处对象添加属性和值 等被引用的时候可以用该属性)

2020-10-21 22:45:31 204

原创 sessionid token

sessionid token前者浏览器访问服务器的时候 服务器创建session 同时生成唯一会话key :sessionid.session 、sessioni保存再缓存中 。下次访问的时候cookie携带sessionid 服务器根据id找到响应的session进行匹配。 sessionid会自动由浏览器带上 是session需要存储空间。后者需要代码才带上 不需要存储空间。...

2020-10-21 22:44:38 103

原创 javascript错误throw try catch

throw try catchtry{执行代码}catch(e){console.log(e)console.log(“处理错误”)兜住错误}console.log(“后面的代码”)//如果try里面的代码有错 catch执行 兜住错误//console.log(“后面的代码”)能运行和中间的代码也能运行throw允许我们自定义创建错误console.log(“正常运行”)throw “这是中间抛出的错误”console.log(“错误后的代码”)//运行代码后会出现一

2020-09-30 23:15:09 60

原创 offset scroll client

offset家族xx.offsetLeft 到父级元素的左侧的距离(除了body 别的父级不用算外边框)xx.offsetWidth=centent+padding+borderscroll家族被卷进去的部分 window.pageYoffestscrollHeight元素总高度包括由于溢出无法在页面上可见的部分scrollTop 被卷进去的高度当滚动条股东到内容底部的时候,符合一下公 式:scrollHeight=clientHeight+scrollTop;client(客户端

2020-09-30 23:14:41 66

原创 高度塌陷、冒泡、捕获

高度塌陷1、给父元素一个高度。2、在浮动元素的父元素后面加一个空标签 设一个属性 clear:both;缺陷:不塌陷了,但是父元素没有高度。3、给父元素设置一个属性overflow:hidden;bu塌陷了,父元素有高度.阻止冒泡 event.stopPropagation()捕获冒泡btn.addEventListener(“click”,function(){​ },true)//捕获btn.addEventListener(“click”,function()

2020-09-30 16:32:48 58

原创 函数

函数1、var a=function(){} 声明变量a提升,后面的赋值没有提升。2、function a(){} 整个函数对象都提升。3、caonsole.log(a)var a=function(){}function a(){}显示的是function a(){} 函数对象。第一个提升了变量,第二个提升了函数对象,对象覆盖变量。4、caonsole.log(a)function a(){}var a=function(){}显示的还是function a(

2020-09-25 23:07:31 74

原创 小程序在vscode上的插件

1.小程序助手2.使得小程序可以用Less1.在vscode上安装 easy less 插件;2.在vscode 设置项里打开“打开设置” 将一下代码复制进去。“less.compile”:{“outExt”:".wxss"};3.在要使用的地方新建一个less文件进行编写。该标签是一个占位符 插槽等到父组件调用子组件的时候再传递标签过来最终这些被传递的标签就会替换该插槽的位置。...

2020-09-25 23:06:57 412

原创 小程序在vscode上的插件

1.小程序助手2.使得小程序可以用Less1.在vscode上安装 easy less 插件;2.在vscode 设置项里打开“打开设置” 将一下代码复制进去。“less.compile”:{“outExt”:".wxss"};3.在要使用的地方新建一个less文件进行编写。...

2020-09-24 22:37:54 133

原创 拷贝

深拷贝浅拷贝指向同一个地址深拷贝,值相同指向不同浅拷贝。值类型是浅拷贝,引用类型深拷贝。

2020-09-24 22:37:13 119

原创 symbol

symbol第七种数据类型,前六种,undefined null boolean string array object.特点:该属性对应的值是唯一的 解决命名冲突问题。​ 值不能与其他数据进行计算 包括同字符串拼串。​ 该属性不遍历。可迭代对象数组、Set(集合) Map(有键值对的对象) 字符串课迭代 object不可。可迭代的有内建迭代器,a=[1,2,3]a.entries()返回键值对a.values()返回值a.keys()建名 /

2020-09-24 09:46:09 181

原创 promise

promise同时请求不等待,减少回调函数的使用。 p1.catch(function(err){ console.log(err) })捕捉reject // 有多个异步操作只有一个返回结果就会立即执行 var reslut=Promise.race(plist) reslut.then(function(res){ console.log(res)

2020-09-21 09:57:58 58

原创 缓存

浏览器缓存memory cache内存缓存,再浏览器关闭的时候这个内存缓存会消失。disk cache硬盘缓存。;保存的久 浏览器会自动清理又算法把最老最可能过时的资源删除。token、cookietoken:服务端身份验证的流行方案。一串加密的数字。需要一个随机数,secret,浏览器请求登录的时候,后端用客户端的一些数据和secret用加密算法生成一个token返回给前端,前端每次请求的时候再header中带上token,后端用同样的算法解密。Token的引入:Token是在客

2020-09-14 16:25:53 65

原创 浏览器渲染机制

浏览器渲染机制重绘改变样式不该布局。回流布局改变。优化减少重回回流,浏览器和node的事件循环的区别浏览器nodenode11以后,和浏览器一样都是每执行一个红任务就执行微任务队列。线程和进程进程:cpu资源分配的最小单位 线程:cpu调度的最小单位。一个进程的内存空间是共享的,每个线程都是可用这些共享内存。一、浏览器内核就是通过获得页面内容、整理信息(应用css)、计算和组合最终输出可视化的图像结果,通常也被称为渲染引擎。浏览器内核是多线程:GUI渲染线程js引擎线程

2020-09-13 09:37:37 82

原创 call apply

call apply bind首先有一个函数和对象,函数使用call方法并且传入一个对象名,就能把this绑定再对象上。fucntion persion(){console.log(this.name)}var animal={name="lizi"}person.call(animal)就可改变person的this指向了。call apply用于调用后,bind用于创建的时候。this指向函数调用的时候才会产一个this。每个函数本身就有一个this指向,每个函数

2020-09-11 19:22:52 94

原创 面试4

绑定事件三种方法 1、在元素标签里面直接绑定 2、var btn1=document.getElementsByClassName("box")[0] btn1.onclick=function(){ console.log("hello") } btn1.onclick=function(){ console.log("helffflo") }只能绑定一种一次,第二次的会覆盖第一次的

2020-09-09 23:16:52 58

原创 面试3

继承实例能继承原型上、原型的原型上…的属性。原型链的继承有引用值共享的问题。构造函数继承可以解决上述问题。但是没办法拿到原型上的方法。组合继承 ,解决上述两个问题。如果一个函数内部访问了外部的变量就是闭包。内存泄漏,本来一个创建完一个函数后引用的变量会被销毁,有了闭包内部函数引用了外部函数的变量,是的外部函数的变量不会被销毁,内存会越来越小。...

2020-09-07 22:57:29 55

原创 面试题2

解决前端安全性问题xss定义:跨站脚本。计算机安全漏洞,允许恶意web用户将代码植入到提供给其他用户使用的页面中。特点:能注入恶意的html/javascript 代码到用户浏览的网页上,从而达到cookie资料窃取、会话劫持、钓鱼欺骗等攻击。示例:原因:浏览器本身就不安全能解析执行js等代码不会判断改数据和程序代码是否恶意。输入输出没有做好安全防护。xss灵活多变。防范:将重要的cookie标记为http only 这样的话Javascript中的document.cookie语句就不

2020-09-07 14:50:22 94

原创 面试题

BOM和DOMDOM 是文档对象模型,处理网页内容的方法和接口。是W3C 的标准; [所有浏览器公共遵守的标准]BOM 是浏览器对象模型,提供与浏览器交互的方法和接口。各个浏览器厂商根据DOM在各自浏览器上的实现;[表现为不同浏览器定义有差别,实现方式不同]http httpshttp :无状态,协议对客户端没有状态存储,比如访问一个网站需要反复进行登录操作;无连接:每次请求需要三次握手四次挥手,和服务器重新建立连接。短时间内请求同一个资源时候,耗费时间流量。客户端请求服务端响应;简单快速灵

2020-09-06 20:36:50 51

原创 webpack02

webpack.config当需要打包很多的详细的配置,比如插件,需要用到webpack.config来打包1、新建demo2文件夹 将demo1的src index.html复制到demo2中。2、再demo2文件夹中新见一个webpack.config.js文件let path =require("path")module.exports={ // 输入入口文件 entry:"./src/index.js", output:{ // 输出文件名称

2020-09-05 16:25:28 51

原创 webpack

webpack步骤: 1、 cnpm install webpack webpack-cli -g2、C:\Users\Administrator\Desktop\test\webpack>mkdir demo1(创建一个目录)3、C:\Users\Administrator\Desktop\test\webpack>mkdir src(创建源代码目录)4、C:\Users\Administrator\Desktop\test\webpack>cd demo1​

2020-09-05 16:22:38 106

原创 1

面试笔记bfc ifc gfc ffcbfc:块级格式上下文,body标签里渲染的区域,里面的子元素在布局上不会影响外面的元素。浮动元素:float除了none 以外的值;绝对定位元素position(absolute fixed);display(inline-block table-cellsflex) ;overflow(hidden auto scroll)会触发bfc渲染规则。为两个兄弟div中的一个设置overflow hidden;可以让两个不在同一个bfc 可以避免两者之间的

2020-08-30 23:17:48 67

原创 day10

day10汉诺塔function hanoi(n,a,b,c){ if(n==1){ console.log(a+"->"+c) }else{ hanoi(n-1,a,c,b) console.log(a+"->"+c) hanoi(n-1,a,b,c) } }

2020-08-21 03:40:42 53

原创 day09

day09快速排序//分组排序后,只剩下两个数字进行排序时另外考虑。if((left+1)!=right){ this.swap(i,right-1)// 将枢纽放置在正确的位置 }else{// 考虑当只有前面两个或者后面两个数字进行排序时,直接比较 if(this.array[left]>this.array[right]){

2020-08-18 03:13:00 75

原创 day08

day08图对图进行遍历的两个方法:广度优先搜索:breadth-first-search (bfs)深度优先搜索:depth-first-search (dfs)探索:该顶点的其他相连的节点都被访问过。排序算法大0表示法:对计算机算法的效率的粗略的度量。常见:推导方法:简单排序:冒泡排序-选择排序-插入排序冒泡排序:比较、排序交换次数–>n(n-1)/2–>二分之一的不用交换的概率–>n(n-1)/4 -->大O表示–>O(n^2)选择排序: 比

2020-08-17 01:04:55 78

原创 数据结构与算法学习总结day07

day07图特点一组顶点V(vertex)一组边E(edge):顶点之间的连线,可以无向,有向。a—b 无 ,a->b有向。简单路径:不包含重复顶点。回路:第一个顶点和最后一个顶点相同的路径。邻接矩阵:让每个节点和一个整数相关联,该整数作为数组的下标值。问题:如果是稀释图,矩阵存在大量的零,空间浪费。邻接表:由图中每个顶点和顶点相邻的顶点列表组成。邻接表的出度:指向别人的数量;入度:别人指向自己的数量。...

2020-08-16 02:37:34 66

原创 数据结构与算法学习总结06

day06树结构 // 遍历方法 先序遍历 BinarySearchTree.prototype.preOrderTraversal=function(handle){ this.preOrderTraversalNode(this.root,handle) } BinarySearchTree.prototype.preOrderTraversalNode=function(node,handle)

2020-08-15 00:28:02 90

原创 数据结构与算法学习总结day05

day05二叉树哈希表里的元素无序的,不可以快速找到最大值或最小值,二叉搜索数可以很快找到。

2020-08-14 00:54:11 71

原创 数据结构与算法学习总结day04

day04哈希表哈希化:将大数字转化为数组范围内下标。解决哈细化后冲突问题(哈细化后数字重复):链地址法、开放地址法。链地址法(常用):每个数组单元存储不在是单一数据,是链条(数组或链表)。开放地址法:寻找空白单元格来添加重复的数据。线性探测(缺点:聚集问题)、二次探测( 固定步长也有聚集问题)、再哈希化(将关键字再哈细化后作为步长)。哈希函数:单词转为大数字,大数字再进行哈希化的代码实现放在一个函数中。哈希表:最终将数据插入数组,对整个结构的封装就是哈希表。步骤:27是字母个数加一(空格

2020-08-13 00:43:39 67

原创 数据结构与算法学习总结day03

day03集合结构特点:组成的元素是无序的、不能重复的。常见操作方法:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eT51PAad-1597196401785)(day03.assets/image-20200811185238420.png)]Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致 。字典特点:键值对一一对应。key 不可重复且无序。value可重复。has

2020-08-12 09:42:50 87 1

原创 数据结构和算法学习总结day02

day02队列1.先进先出,两端操作,只允许后端插入前端删除元素。2.为了让任务可以并行处理,通常能开启多线程。使用线程队列,依次启动线程。3.xx.prototype.pop()删除最后的元素 xx.prototype.shift() 删除第一个的元素。4.方法:enqueue() dequeue() front() size() isEmpty() toString()调试方法source>打点>观察要看的对象、数组等。链表数组:申请一段连续的内存空间(

2020-08-11 01:42:02 71

原创 学习总结day01

DAY 01文档对象模型 DOM1.DOM 把整个页面映射为一个多层节点结构。2.提供访问和操作网页内容的方法和接口.浏览器对象模型 BOM1.使用 BOM 可以控制浏览器显示的页面 以外的部分。2.提供与浏览器交互的方法和接口。数据结构和算法1.数据结构:对计算机的数据进行存储和组织。算法:解决问题的步骤。2.类型:数组:不存放不同数据类型 ;不会自动改变数组容量 ;插入删除操作性能低 ;通过下标值找元素效率高的线性结构。栈和队列:受限的线性结构,进栈出栈都在一端进行,后进先出。

2020-08-09 23:41:38 70

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除