- 博客(71)
- 收藏
- 关注
RSS订阅原创 前端——周总结系列五
基本数据类型的键相同会覆盖，引用类型的键相同不会覆盖。Array.from将Map对象转换成数组。获取未知的键返回undefined。clear()方法没有返回值。Map合并，键相同会覆盖。
2023-02-17 20:42:45
490
原创 前端——周总结系列二
上面是根据对象的一个属性进行排序，日常工作中存在需要用对象的多个属性按照一定的优先级进行排序的场景,当一组数据的前一个比较属性相同时，用下一个属性进行比较。日常开发过程中，我们会发现JS的加减乘除计算存在精度丢失问题，可以使用decimal.js库来解决这一问题，使用。toLocaleString()：传入需要保留的最大或最小位数即可。进行计算,主要是复用了Number和Math的一些方法。toFixed()：传入需要保留的小数位数即可。
2023-01-15 15:21:12
424
原创 前端——周总结系列一
toLocaleString([locales [, options]])：locales一般传值undefined，zh或者en，可选参数控制格式。4. Object.prototype.toString.call()：判断最全面的一种方式，基本数据类型和引用数据类型皆可判断。3. node-sass版本太高，和node不匹配。3. constructor：构造函数判断。
2023-01-08 23:28:21
360
原创 Markdown编辑器——Typora
Typora支持Markdown编写，多样格式和功能，其中支持插入图片，但是图片路径是本地路径，不利于分享，在0.9.86版本之后Typora就支持图床设置，本文将详细说明GitHub和MS.MS两种图床设置.Typora设置文件-偏好设置PicGo设置SM.MS设置获取token：进入sm.ms官网，注册并登录，然后点击User-Dashboard填写tokenGitHub设置获取token：进入GitHub官网，注册并登录，然后创建仓库，再去生成token.
2022-02-07 18:16:15
314
原创 版本控制管理——SVN
1 概述SVN(Subversion)版本控制系统，代码版本管理工具，可以记住每次修改，查看每次修改记录，恢复历史版本，恢复删除的文件。每次工作流程为：中央服务器——本地代码更新——工作——上传到中央服务器有需要可以搭建服务端VisualSVN server 或者直接使用仓库svnbucket.com，搭配乌龟客户端TortoiseSVN使用快速入手： 入手文档2 乌龟客户端TortoiseSVN作者：maplejaw_来源：优快云地址： 参考地址作者：hunhun1122来源：
2021-05-06 17:33:28
165
原创 vue项目启动问题
1 node-sass版本问题问题：Node Sass version 5.0.0 is incompatible with ^4.0.0.答案： 一般这种问题都是node-sass版本问题，我们可以根据项目适当调整版本，这里这个就是node-sass版本太高了，需要下载低版本，我们不确定具体下载版本，直接执行npm install node-sass@4命令即可2 node包下载问题问题：下载缓慢出错答案：国外网络环境慢，换成国内淘宝镜像源，执行 npm config set regist
2021-04-13 17:01:24
638
原创 前端——笔试
1.Linux创建用户并给每一个用户创建的默认目录是/bashLinux强制结束进程的kill命令的参数是 kill -9 进程2.canvas标签有width和height两个属性，style设置样式eg:<canvas id="canvas" width="500px" height="500px" style="border:1px solid blue"></canvas>3.H5中用来获取当前位置的经纬度API是:navigator.geolocation.ge
2021-03-25 12:04:30
131
原创 前端——笔试
1.子网划分参考地址：https://blog.youkuaiyun.com/dyyay521/article/details/94381876分类二级IP地址：网络号+主机号三级IP地址：网络号+子网号+主机号网络号，子网号用1表示，主机号用0表示默认子网掩码A类：255.0.0.0B类：255.255.0.0C类：255.255.255.0子网掩码多出来的就是子网号网路地址：IP地址与子网掩码相与题型求网络地址(告诉IP地址和子网掩码)求子网的子网号(告诉网络地址和
2021-03-20 17:55:22
627
转载 JS的Map对象
js中Map对象Map的属性和方法属性size：返回字典所包含的元素个数操作方法：set(key, val): 向字典中添加新元素get(key):通过键值查找特定的数值并返回has(key):如果键存在字典中返回true,否则falsedelete(key): 通过键值从字典中移除对应的数据clear():将这个字典中的所有元素删除遍历方法：keys():将字典中包含的所有键名以数组形式返回values():将字典中包含的所有数值以数组形式返回forEa.
2021-03-18 17:23:57
277
原创 前端——笔试
参考链接：1.https://blog.youkuaiyun.com/qq_28885149/article/details/52922107?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522161579127116780274127231%2522%252C%2522scm%2522%253A%252220140713.130102334…%2522%257D&request_id=161579127116780274127231&b.
2021-03-15 18:05:49
113
转载 Vue模板编译原理
vue的编译过程作者：frontend_frank来源：优快云参考地址:详情可查看此地址第一步是将 模板字符串 转换成 element ASTs（解析器）第二步是对 AST 进行静态节点标记，主要用来做虚拟DOM的渲染优化（优化器）第三步是 使用 element ASTs 生成 render 函数代码字符串（代码生成器）...
2021-03-03 17:43:52
211
2
原创 前端网络安全
转发自美团前端安全系列作者：美团技术团队来源：掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。XSS跨站脚本攻击参考地址：https://juejin.im/post/6844903685122703367#heading-18定义页面被注入了恶意的代码，代码注入攻击。注入恶意代码，在用户浏览器上运行，从而获取用户的信息cookies等。本质恶意代码未经过滤，与网站正常的代码混在一起；浏览器无法分辨哪些脚本是可信的，导致恶意脚本被执行。场景及解决.
2021-03-02 20:01:28
221
原创 前端——面试(熊猫优选)
1.自我介绍2.什么时候开始接触前端?3.如何学习一门新技术？4.怎么学习前端？5.选择前端的原因？前端写出来之后直接就能看到，更有成就感。JavaScript的编程风格我很喜欢，尤其是对于异步编程更好理解node.js，微信小程序等框架，让前端经过一定的学习后也可以进行移动端开发。大学接触的编程语言很多，个人接触下来觉得JS是自己比较感兴趣的。6.你觉得前端人员应该掌握哪些知识？前端基础：HTML，浏览器，CSS，JS前端核心：ajax， 服务端语言前端的流行框架和模块化开发
2021-03-01 20:07:01
321
原创 前端——面试(熊猫优选)
1.Vue生命周期beforeCreate —— 创建之前主要用来初始化事件和实例，希望在每个组件上增加一些特定的属性，可以采用这个钩子。created —— 创建完成 首次拿到data该阶段实现了【数据劫持】，把【方法、计算属性】都挂在到了实例上。（不能获取到真实的 DOM 元素）可以在里边完成 ajax，不能操作 DOM。 如果没有指定结点 el，或者没有通过 vm.$mounted() 挂载，内部将默认渲染到一个内存中的节点。 然后判断是否有 template 模板选项，如果有将 templ
2021-03-01 19:31:28
193
转载 浏览器的兼容处理
浏览器兼容问题定义：所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。解决：转发自“大大大白菜66”...
2021-03-01 17:45:01
84
原创 前端——面试(联影医疗)
自我介绍如何学习JS期望工资让你最有成就的事情是什么？你的缺点是什么？是否愿意学习其他技术栈学过react没？你的在线测评是在一种什么场景心情下写的你有什么想问我的？
2021-03-01 17:23:27
992
原创 前端——面试(联影医疗)
1.闭包闭包是可以访问函数内部变量的函数，实质没说出来，要结合作用域去阐述标准：闭包是JavaScript的一个特色，但也是一个难点。要想理解闭包，首先要理解JavaScript特殊的变量作用域，分为局部变量和全局变量。在函数内部可以直接读取全局变量，但是在函数外部无法读取函数内部的局部变量。函数内部声明变量的时候，一定要使用var命令，如果不用的话，你实际上声明了一个全局变量。那如何在函数外部访问函数内部的局部变量呢？我们就可以在父函数内部定义一个子函数，子函数可以访问父函数的局部变量，然后
2021-03-01 17:21:23
946
原创 前端——面试(赞同科技)
1.Git命令Git配置git config --global user.namegit config --global user.emailgit config --global core.editor 编译器名称git config --list(查看配置信息)git config -e(针对当前仓库配置)git config -e --global(针对所有仓库配置)提交与修改命令工作区：电脑看到的目录暂存区：一般在.git目录下的index文件版本库：隐藏目录.git
2021-03-01 16:59:39
623
原创 前端——面试(海康威视)
1.你大学遇到挑战最大的事2.介绍你所了解的HTTP协议概述HTTP协议是属于应用层的协议服务于客户端和服务器之间的通信基于请求和响应达成通信不保存状态协议(cookie来管理状态，响应报文：Set-Cookie 请求报文：Cookie)请求URI定位资源长连接(keep-alive) 管道化(同时并行发送多个请求)HTTP报文报文：报文头部 空行 报文主体请求报文请求头部(请求首部，通用首部，实体首部，其他)请求行：方法 URI HTTP版本请求主体响应报文
2021-03-01 15:10:24
1897
原创 前端——面试(东华软件)
1.自我介绍2.Vue组件间传值父—子：props父组件:绑定一个属性： v-bind:mag (缩写:mag)子组件：props:[‘mag’]子—父：子组件通过事件向父组件传递数据父组件：自定义一个事件 @trans = getUser;子组件：input v-model=’username’ @change = setUsermethods{ setUser:function() { this.$emit(‘trans’,this.username)
2021-03-01 11:54:20
937
原创 前端——面试(苏小妍)
1.自我介绍2.介绍一下nodejs搭建服务器，可以搭建TCP服务吗？HTTP模块：引入模块—创建服务—监听请求—启动服务Express框架3.讲一下TCP和UDP的区别TCP是面向连接的，UDP是无连接，发送数据之前不需要建立连接TCP是可靠传输，无差错，不丢失，不重复，UDP是尽最大努力交付TCP是面向字节流的，UDP是面向报文的TCP是一对一，UDP是一对一或者一对多TCP首部是20字节，UDP首部是8字节4.TCP如何保证可靠传输的呢？检验和、序列号、确认应答、
2021-02-27 20:34:06
498
原创 前端——面试(苏小妍)
自我介绍有项目经历，有实习吗？周围老师和同学对你的评价，个人的优点和缺点家和学校都在西安，来苏州缘由出省有和家人商量吗之前来过苏州吗？我们虽然是国企，但是也会加班，如何看待加班一个企业，你比较关注的地方如何快速的融入苏州这座城市和工作环境你还有什么想问我的...
2021-02-27 19:35:33
753
原创 前端——面试(苏小妍)
1.自我介绍2.为什么会做这个项目，需求是什么网络的普及和生活质量的提高，工作和生活很大程度都会与网络打交道，聊天工具十分普及，广泛使用。我的技术栈是vue，这个项目也是基于vue-cli，vuex，vueRouter等搭建的项目。以往使用到的都是http协议，实时聊天项目使用了websocket协议代替http协议，有很多优点。3.项目是否部署到服务器上，部署的整个过程系统开发:修改端口server.port = 80 打包服务器准备、环境配置：云服务，阿里云—云服务器ECS—实例—
2021-02-27 19:01:58
734
原创 前端——笔试
1.link和@import的区别link 属于 html 标签，而@import 是 css 提供的页面被加载时，link 会同时被加载，而@import 引用的 css 会等到页面加载结束后加载。link 是 html 标签，因此没有兼容性，而@import 只有 IE5 以上才能识别。link 方式样式的权重高于@import 的。2.移动端适配的方案？移动端开发和PC端开发的区别，移动端开发需要注意的点。方案meta标签的viewport属性对于最大最小以缩放比例以及是否允许
2021-02-27 15:16:00
187
原创 前端——笔试
1.异步编程async function async1() { console.log("async1 start"); await async2(); console.log("async1 end"); }async function async2() { console.log("async2"); }console.log("script start"); setTimeout(function () { console.log("setti
2021-02-27 14:01:35
76
原创 前端——笔试
Ajax定义Ajax是异步的JavaScript和XML，是一种用于创建快速动态网页的技术。通过在客户端与服务器进行少量数据交换，可以使网页实现异步更新，不需要重新加载整个网页，直接对网页的某部分更新。优点页面无刷新，用户体验比较好。使用异步方式与服务器通信，具有更加迅速的响应能力可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和带宽租用成本，并且减轻服务器负担。Ajax的原则是“按需取数据”，可以最大程度地减少冗余请求和响应对服
2021-02-27 11:18:29
84
原创 前端——笔试
1.赫夫曼树转发自“我是吴尼玛”2.跨域同源同源策略：是一种约定，也是浏览器最核心也最基本的安全功能。同源：域名、协议、端口相同，也就是在一个域里。非同源受到的限制：cookie不能读取、dom无法获得、ajax请求不能发送。分类DOM同源策略：禁止对不同源页面的DOM进行操作。主要的场景是iframe跨域的情况，不同域名的iframe是限制互相访问的。Ajax同源策略：禁止使用XHR对象向不同源的服务器地址发起HTTP请求。跨域：一个域的页面去请求另一个域的资源
2021-02-27 11:11:13
104
原创 前端——笔试
1.排序算法算法复杂度与初始状态无关的：堆排序、归并排序、选择排序、基数排序比较次数与初始状态无关：选择排序、基数排序移动次数与初始状态无关：归并排序、基数排序2.一个函数返回文件夹以及子文件的全部文件的路径//dir 是绝对路径var fs = require('fs');var dive = function (dir) { fs.readdir(dir, function (err, list) { if(err) return; list.f
2021-02-27 10:51:28
163
原创 前端——笔试
1.操作系统多个进程操作同一个文件时，应该要考虑到文件的一致性问题可通过文件在不同进程间进行数据传递和共享操作系统会给每个进程分配独立的数据段和程序段，但是进程相互之间不可见，不可以通过全局变量来传递数据，一个进程也不能访问另一个进程的物理内存空间。2.网络基础IP数据报 封装成 数据链路的帧，长度要求小于数据链路层的MTU值，因此要分片，目的主机收到分片后，对分片进行重组还原TCP挥手：FIN ACK连接：SYN ACK3.编译和体系结构访问寄存器的速度最快中断软
2021-02-27 10:36:39
249
原创 前端——笔试
给定一个数组，删除负数和非数字类型的元素，剩下的元素组合数字，求最大数字。var arr = [3,567,568,266,'dd'];//过滤非数字类型和负数arr = arr.filter(function (item) { return item >= 0;})//保存原来的数组var newArr = JSON.parse(JSON.stringify(arr));//求出最大数字的位数var maxLen = String(Math.max(...arr)).length;
2021-02-26 18:02:31
91
原创 前端——笔试
1.堆的形状：完全二叉树树：n个节点的有限集合，有且仅有一个根节点，其余节点可分为m个根节点的子树节点的度：一个节点拥有子树的个数称为度树的度：节点的度的最大值叶子节点：度为0的节点树的深度：节点的最大层次二叉树：每个节点最多拥有两个子节点遍历深度优先遍历：先序遍历广度优先遍历：从左到右，一层一层遍历平衡二叉树：当且仅当两个子树的高度差不超过1。满二叉树：高度：h ,节点：2^h - 1完全二叉树：除最后一层外，其余每一层节点个数都是最大值eg: 度为0的节点：n0，度为1
2021-02-26 17:39:46
120
原创 前端——笔试
1.自定义属性名符号：--2.以下代码输出顺序： 1 2 3 4 4[1,2].forEach(async function (ele) { await console.log(ele); console.log(4);})console.log(3)3.ASCII码表顺序：数字 大写字母 小写字母排序：[1, 3, 7, 10, 21, “a”, “c”, “B”].sort();(sort方法的弊端)结果：[1, 10, 21, 3, 7, “B”, “a”, “c”]顺
2021-02-26 17:21:13
82
原创 前端——笔试
1.this定义：this就是一个对象，不同情况下指向不同指向对象调用，指向该对象直接调用函数，this指向全局window对象New方式，this指向新创建的对象箭头函数，没有单独的this，与声明所在上下文相同。改变方式：call apply bind对比相同点功能都是可以改变this指向，第一个参数是this指向对象传参是采用后续传参的方式不同点传参：call是单个传入参数，apply是传入一个数组，bind是传入数组和单个参数都可以。执行：call和
2021-02-26 17:01:33
192
2
原创 前端——笔试
1.树的遍历先序遍历：ADCEFGHB中序遍历：CDFEGHAB后序遍历：CFHGEDBA 2.HTTPS建立连接的过程：DNS TCP TLC(SSL) HTTP3.解构ES6中允许按照一定的模式，从数组和对象中提取值，对变量进行赋值，称为解构解构数组中，不定元素必须为最后一项4.JavaScript引擎和nodejs引擎转发自“济南追梦人”5.DNS协议端口：53号协议：建立在UDP和TCP协议之上6.浏览器缓存Application
2021-02-26 13:39:11
125
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人