- 博客(55)
- 收藏
- 关注
原创 小张和转换csv文件
来了!问题描述操作步骤问题描述有一个文件夹,里面有许多文件,需要把文件的名字导csv文件操作步骤找到当前文件夹,cmd输入dir *.*/b >name.csv这个文件夹下所有的文件名字都存储在name.csv 中了...
2020-11-16 15:24:20 180
原创 小张学习Node.js(三)
冲一冲exports和module.exports的区别包npm一些指令exports和module.exports的区别本质上是一个对象其实最根本的区别是改对象还是改变量的区别exports支持exports.name这种形式进行修改module.exports既支持module.exports.name也支持modul.exports={name:}的修改包包结构package.json 描述文件必须有bin 可执行二进制文件lib js代码doc 文档test 单元测试
2020-11-12 19:34:21 150
原创 小张学习Node.js(二)
今天学模块化吧引入文件模块 require()模块标识全局变量global模块被引用的过程引入文件模块 require()在node中,通过require()函数引入外部模块require()可以通过传递一个文件的路径作为参数,node将会自动根据该路径引入外部模块使用require()引入模块后,该函数会返回一个对象,找个对象代表的是引入的模块模块化在Node中,一个js文件就是一个模块在Node中,每一个js文件中的js代码都是独立运行在一个函数中,而不是全局作用域,别的模块无法访问
2020-11-12 10:26:29 147
原创 小张学习node(一)
node躲不掉的!node 没有dom和bomnode中读取文件fs.readFile("路径","回调参数")读取文件的错误处理node写文件fs.writeFile('文件路径','文件内容','回调函数')node 没有dom和bom在node中,采用ecmascript编码,没有dom和bom操作console.log(window)node中读取文件浏览器中的js是没有文件操作能力node中的js具有文件操作能力fs是file-system的缩写在Node中想要文件操作,必须
2020-11-06 17:07:24 177
原创 小张和进程与线程
hi进程线程单线程多线程进程进程像一个工厂车间,负责为程序运行提供一个必备的环境进程就是一块内存哈线程线程就是计算机中最小的计算单位,负责执行保存到进程中的程序线程就是车间工人单线程一个人干活多线程多个人干活...
2020-11-06 15:10:58 102
原创 小张和v-on
用法用来绑定事件的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn
2020-10-27 17:05:23 93
原创 小张和v-bind
v-bind 没想到我独占一篇吧用法用法动态绑定一个或者多个attribute,或一个组件prop到表达式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&
2020-10-27 16:56:24 131
原创 小张和v-cloak/v-text/v-html
戒骄戒躁v-cloakv-textv-htmlv-cloak用法:这个指令保持在元素上直到关联实例结束编译。用途:解决插值表达式闪烁的问题css中:[v-cloak]{display:none;}html中:<div v-cloak>{{msg}}</div><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta na
2020-10-27 16:13:36 109
原创 小张和vue基本代码和MVVM之间的对应关系
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.jsdelivr.net
2020-10-27 15:34:39 132
原创 node的MVC与前端的MVVM之间的区别
hiMVC是后端的分层开发的概念MVVM是前端视图层的概念MVC是后端的分层开发的概念Model层主要处理数据的CRUD(create,retrieve,update,delete)View层是视图层,一般看作前端页面Controller层一般指逻辑层,数据的逻辑处理(登录啊/注销啊)MVVM是前端视图层的概念MVVM主要关注于视图层分离,MVVM把前端的视图层分成三部分:Model,View,VM ViewModel,VM是MVVM思想的核心——VM是V和M之间的调度者...
2020-10-26 21:35:39 147
原创 小张和string为什么有length等方法
var str='hello';console.log(str.length);//5string作为基本类型,在调用方法时,js引擎会先对原始数据类型进行包装基本包装类型1.创建基本类型的一个实例2.在创建的这个实例上调用指定的方法3.销毁这个实例var str='hello';var new_str=new String("hello");var str=new_str;console.log(str.length);new_str=null;由于创建的实例调用完方法就会
2020-10-19 17:09:43 204
原创 小张和移动端单位
移动端单位pxemrempxpx实际上就是像素,用px设置字体大小时,比较稳定和精确像素px是相对于显示器屏幕分辨率而言的IE无法调整那些使用px作为单位的字体大小emem是根据基准来缩放字体的大小em是相对长度单位,相当于当前对象内文本的字体尺寸(若未设置相对于浏览器的默认字体尺寸)1em=16pxem会继承父级元素的字体大小,最外层的标签继承自bodyrem相对于根元素<html>,root em修改根元素就成比例地调整所有字体大小避免字体大小逐层复合地连
2020-10-19 15:14:55 151
原创 小张和数组遍历
遍历数组forEachfiltersomelet inlet offor原始循环forEachlet arr=[1,2,3];arr.forEach((val,index)=>console.log(index,val))filterlet arr=[1,2,3]arr.filter(x=>console.log(x));somelet arr=[1,2,3]arr.some(x=>console.log(x));let infor(let i in arr){
2020-09-28 15:09:36 228
原创 小张和解构
不焦虑对象函数解构嵌套对象解构数组解构对象函数解构语法形式:一个赋值操作左边放一个对象字面量let json={ a:"hihi", b:"didi"};function fun({a,b}){//非常便捷,体会一下 console.log(a,b);}fun(json);赋值一下:let node={ type="hihi" id="dd"};type="hello"id="sc";//使用解构语法为多个变量赋值({type,id}=node);conso
2020-09-28 15:02:56 142
原创 小张和js函数参数默认值
函数参数默认值先来个例子允许为函数的参数设置默认值,即直接定义在参数的后面function fun(x="hello"){ console.log(x);}fun();//hellofun("hi");//hi参数变量是默认声明的,所以不能用let或const再次声明function fun(x=0){ let x=1;//报错 const x=1;//报错}使用参数默认值时,不能有同名参数function fun1(x,x,y){//不会报错 ...}fu
2020-09-28 12:23:53 176
原创 小张和变量/函数提升
变量提升只会提升变量命的声明,而不会提升变量的赋值初始化函数提升的优先级大于变量提升的优先级,即函数提升在变量提升之上console.log(a); var a=1;console.log(a); function a(){console.log(2);}console.log(a); var a=3;console.log(a); function a(){console.log(3);}a();console.log(a);执行结果ƒ a(){console
2020-09-27 18:16:14 84
原创 小张和原型链
深呼吸__proto__prototypeproto对象__proto__属性的值就是它所对应的原型对象var one={x:1};var two=new Object();one.__proto__===Object.prototype;//truetwo.__ptoto__===Object.prototype;//trueone.toString===one.__proto__.toString;//trueprototype只有函数才有prototype属性,不是每个对象都有__
2020-09-27 17:46:25 118
原创 小张和断点续传
断点续传来啦!!!什么是断点续传呢怎么实现断点续传呢什么是断点续传呢断点续传就是你下载着一半断开了,等你再次下载的时候还能接着下载,不用从头重新下载,这需要高级的FTP服务器怎么实现断点续传呢可以用HTTP报文首部字段Range实现范围请求执行范围请求时,会用到HTTP首部字段Range来指定资源的byte范围针对范围请求,响应会返回状态码为206 Partial Content的响应报文响应还会再首部字段Content-Type标注multipart/byteranges后返回响应报文如
2020-09-25 16:33:21 211
原创 小张与jsonp、ajax的区别
莫生气莫生气区别ajax工作模式open函数this.readystate五种状态区别ajax核心是通过XMLHTTPRequest向服务器发送请求获取非本页内容jsonp是通过动态添加script标签,利用script中的src属性去调用js脚本ajax支持get/post两种请求方式jsonp仅支持get(因为script仅支持get)虽然jsonp的出现是为了解决ajax不能跨域的问题,但现在ajax跨域也可以通过代理服务器解决。ajax工作模式创建XMLHTTPRequest对
2020-09-25 16:19:47 95
原创 小张和Node.js中的Stream
Stream流流存在的好处什么是流流的四种类型流的事件什么时候使用流流的应用流存在的好处内存:不需要一次性读取全部数据,可以分块读取,分块处理效率:不需要等待数据全部存储之后再进行操作,可以一边存储一边操作什么是流流是一个抽象接口,Node中有很多对象实现了这个接口流是基于事件的API,用于管理和处理数据,效率很好流的四种类型readable:可读操作writable:可写操作duplex:可读可写transform:操作被写入数据,然后读出结果流的事件所有流对象都是E
2020-09-24 18:37:29 138
原创 小张和js垃圾回收原理
轮到垃圾回收原理了JS中的垃圾回收机制标记清除法(最常见)引用计数法引起内存泄漏的情况JS中的垃圾回收机制JavaScript具有自动垃圾回收机制(Garbage Collecation)原理:垃圾收集器会定期(周期性)找出内些不再继续使用的变量,然后释放其内存标记清除法(最常见)原理:在函数声明一个变量时,就将这个变量标记为进入环境从逻辑上说,永远都不能释放进入环境的变量所占用的内存,因为只要执行流进入相应的环境,就有可能用到他们。而当变量离开环境时,则将其标记为离开环境。工作流程:
2020-09-23 19:23:38 81
原创 小张和https
https我来了哦解决http出现的问题什么是httpsSSL协议(Secure Sockets Layer)(Application Layer)对称加密(共享密钥加密)非对称加密(公有密钥加密)数字证书与数字签名HTTPS建立https使用解决http出现的问题http存在的三个弊端:无法保证消息的保密性(http明文传输)无法保证消息的完整性和准确性(可能被篡改)无法保证消息来源的可靠性(不检验双方身份)什么是httpshttps=http+加密+认证+完整性保护SSL协议(Sec
2020-09-23 15:01:06 288
原创 小张与css动画
呼呼transition实现渐变动画(css3)transform实现转变动画animation实现自定义动画transition实现渐变动画(css3)属性介绍transition:property duration timing-function delay默认值为transition:all 0 ease 0 - property:填写需要变化的css属性:比如说width,line-height,font-size 所有作用于dom样式的属性 - duration:完成过渡效
2020-09-19 19:27:08 87
原创 小张和oop三大特性五大原则
Object Oriented Programming三大特性封装继承多态五大原则0.总原则:开闭原则 Open Close Principle1.单一职责:Single Responsibility Principle2.里氏替换原则 Liskov Substitution Principle3.依赖倒转原则 Dependence Inversion Principle4.接口隔离原则 Interface Segregation Principle5.迪米特法则//最少知识原则 Least Knowled
2020-09-19 11:39:37 132
原创 小张和cookie/local/session storage
冲冲冲!webstorage区别webstoragewebstorage是本地存储,存储在客户端,包括localStorage和sessionStorage区别名称cookiesessionStoragelocalStorage生命周期生成时会被指定一个max-age值,这就是cookie的生存周期,在这个周期内cookie有效,默认关闭浏览器失效页面会话期间有效除非手动清除,否则一直有效存放数据大小4k左右(因为每次http请求都会携带cookie)5M或者
2020-09-09 19:43:52 75
原创 小张和判断数组方法
instanceof 方法instanceof用于判断一个变量是否是某个对象的实例,左边操作数是一个对象,右边是一个函数对象var arr=[];console.log(arr instanceof Array);//truea.proto===Array.prototype方法其实就是instanceof的实现function myinstanceof(L,R){ let a=L.__proto__; let b=R.prototype; while(true){ if(a===n
2020-09-07 21:55:41 101
原创 小张和BFC
块级格式化上下文BFCBFC作用形成BFC条件BFC原理普通流浮动绝对定位BFC产生作用的原因BFC作用清除浮动:BFC会包含创建它的元素内部的所有内容(包含浮动元素)外边距折叠:解决同一BFC容器的相邻元素间的外边距折叠问题左图右文布局:利用浮动元素产生BFC以及BFC之间不会相互覆盖实现左图右文布局形成BFC条件浮动元素,float除none以外的值绝对定位元素,position(absolute,fixed);display的值是以下一个:inline-blocks,table-
2020-09-07 21:18:26 107
原创 小张和浏览器缓存
终于要学缓存了缓存分类浏览器缓存cache-controlexpireslast-modifiedETag缓存分类web缓存可以分为很多,数据库缓存/代理服务器缓存/CDN缓存/浏览器缓存浏览器先向代理服务器发起web请求,再将请求转发到源服务器。代理服务器属于共享缓存,所以很多地方都可以使用其缓存资源,因此对节省流量有很大的作用浏览器缓存是将文件保存在客户端,在同一个会话过程中会检查缓存的副本是否足够新,在后退网页时,访问过的资源可以从浏览器缓存中拿出来使用浏览器缓存页面的缓存状态是由he
2020-09-07 15:17:19 264
原创 小张与js事件流模型
事件冒泡和事件捕获事件捕获事件冒泡阻止事件冒泡的方式事件捕获捕获型事件(event caturing):事件从最不精确的对象(document)开始触发,然后到最精确;但如果开发人员指定了,也可以在窗口级别捕获事件事件冒泡冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document)的顺序触发阻止事件冒泡的方式event.stopPropagation()只阻止事件网上冒泡,不阻止事件本身$("#div1").mousedown(function(event){ event
2020-09-03 11:02:44 207
原创 小张和array的一些函数
学学习吧乖乖map()方法语法参数说明实现实战map()方法map()方法会返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值map()会按照原始数组元素依次处理元素map()不会对空数组进行检测map()不会改变原始数组语法array.map(function(currentValue,index,arr),thisValue);参数说明参数解释function(currentValue,index,arr)必选/函数,数组中的每个元素都会执行这个
2020-08-28 11:12:06 118
原创 小张和一些打印问题
学到就是赚到!No.1原型和函数的理解No.2 js中参数的传递No.3 对象的键名的转换No.4 连续赋值No.5 伪数组No.6 作用域No.7 js事件循环No.1原型和函数的理解function Foo() { Foo.a = function() { console.log(1) } this.a = function() { console.log(2) }}//以上只是Foo的构建方法,没有产生实例,此刻也没有执行Foo
2020-08-27 17:32:39 364
原创 小张和js事件循环
别放弃呀!任务队列任务队列一些需要注意的事情js分为同步任务和异步任务同步任务都是在主线程上执行,形成一个执行栈主线程之外,事件触发线程管理着一个任务队列,只要异步任务有了运行结果,就在任务队列之中放置一个事件一旦执行栈中的所有同步任务执行完毕(此时js引擎空闲),系统就会读取任务队列,将可运行的异步任务添加到可执行栈中,开始执行...
2020-08-27 16:55:43 276
原创 小张和CSS的一些知识
麻烦小张学一学css盒子模型CSS选择器CSS优先级算法CSS3新增伪类position属性CSS3的flex布局css盒子模型IE盒子模型/W3C盒子模型盒子模型:名称内容margin(外边距)清除边框border外的区域,外边距是透明的border(边框)围绕在padding和content外的边框,可有颜色padding(内边距)清除content周围的区域,透明content(内容)盒子的内容,显示文本和图像区别:IE的content
2020-08-25 15:10:16 107
原创 小张和弹性布局
flex布局,小张来啦!!!什么是弹性布局flex容器的六个属性flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-content项目的属性orderflex-growflex-shrinkflex-basisflexalign-self什么是弹性布局flexible box,用盒状模型来提供最大的灵活性设为flex布局后display:flex,子元素的float,clear,vertival-align属性将失效fl
2020-08-25 14:34:17 89
原创 小张和html相关知识
小张,你真的学会html了吗DOCTYPE行内元素与块级元素行内元素行内元素注意的点块级元素display属性值页面导入样式对浏览器内核的理解DOCTYPE<!DOCTYPE>标签是一种标准通用标记语言的文档里类型声明——告诉标记语言解析器,应该用什么样的文档类型定义(DTD)来解析文档<!DOCTYPE>声明必须在HTML文档的第一行,位于<html>标签之前如果页面没有<!DOCTYPE>的声明,那么compatMode(document.com
2020-08-24 15:09:56 93
原创 小张和箭头函数
冲冲冲\^o^/什么是箭头函数=>和普通函数的区别什么是箭头函数=>语法比函数表达式更简洁,没有this/arguments/super/new.target不能用作构造函数和普通函数的区别箭头函数全都是匿名函数/普通函数可以匿名可以具名箭头函数不能用作构造函数/普通函数可以,并且创建对象实例this指向不同普通函数this指向总是代表着它的直接调用者,比如obj.fn,fn最外层this就是指向obj默认情况下,没有直接调用者,this指向window严格模式下
2020-08-19 16:33:40 231
原创 小张与互联网基础知识
面试常见问题TCP和UDP的区别TCP的拥塞控制TCP和UDP的区别TCP是面向连接的可靠协议/UDP是面向无连接的可靠协议TCP提供可靠服务,无差错,不丢失,不重复,按序/UDP best-effortTCP面向字节流,TCP是把数据看成一串无结构的字节流/UDP是面向报文的,没有拥塞控制TCP连接时点到点的/UDP支持一对一,一对多,多对一,多对多的交互通信TCP的拥塞控制慢开始慢开始原理:当主机开始发送数据时,如果立即将较大的发送窗口的全部数据字节都注入网络,由于不清楚网络
2020-08-19 11:40:38 130
原创 小张与数组灌水问题(js)
hi问题描述问题解决问题描述给定一个数组,然后将元素的数看作墙的高度进行注水,求一共可以放多少个单位的水问题解决function Water(arr){ let start=arr[0];//开始的值 let startIndex=0;//开始位置 let min=arr[0];//最小值 let minIndex=0;//最小值位置 let end=arr[0];//结束值 let endIndex=0;//结束位置 for(let i=0;
2020-08-13 15:57:33 341
原创 小张和BFS&DFS
冲冲冲什么是BFS什么是DFS什么是BFSBreadth-First-Search,广度优先搜索,主要用队列实现基本思想:分支限界法,一次访问多条路,每一层需要存储大量信息。解决问题:最优解问题,比如最短路径N:可以比较大,N<=1000小张理解:就是起始点出发,向四周扩散什么是DFSDepth-First-Search, 深度有限搜索,主要用递归/栈实现基本思想:回溯法,一次访问一条路,更接近人的思维方式解决问题:所有解问题,或连通性问题N:不能太大哦,N<=200
2020-08-13 14:37:38 129
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人