- 博客(38)
- 收藏
- 关注
RSS订阅原创 vue3.0有哪些变化
## ** 发展历程**vue.js1.x-----vue.js2.x 引入了虚拟DOMvue.js2.x问题1）源码自身的维护性数据量大后带来的渲染和更新的性能问题2）兼容性想舍弃但为了兼容一直保留的鸡肋API#### **vue3.0的优化**#### 1）首先是源码优化，vue.js框架本身的优化目的是让代码更易于开发和维护源码的优化主要体现在使用monorepo和typescript管理和开发源码，这样做的目标是提升自身代码的可维护性
1230
原创 javascript中的null与undefined
1.null（当做对象的占位符）null是一个特殊值，常与undefined搞混，应用场景：用来初始化一个变量，这个变量可能赋值为一个对象用来和一个已经初始化的变量比较，这个变量可以是一个对象也可以不是当函数的参数期望是对象时，用作参数传入当函数的返回值期望是对象时，用作返回值传出不应当使用null:不要使用null来检测是否传入了某个参数不要用null来检测一个未初始化的变...
2019-11-26 11:01:58
355
原创 高性能javascript--算法和流程控制
for,while和do-while性能相当避免使用for-in循环，除非遍历一个属性量未知的对象es5:for-in 遍历的对象便不局限于数组，还可以遍历对象。原因：for-in每次迭代操作会同时搜索实例或者原型属性， for-in 循环的每次迭代都会产生更多开销，因此要比其他循环类型慢，一般速度为其他类型循环的 1/7。因此，除非明确需要迭代一个属性数量未知的对象，否则应避免使用 f...
2019-11-22 14:35:51
161
原创 高性能javascript--编程实践
高性能javascript–编程实践- setTimeout()和settimeInterval()传递函数而不是字符串作为参数引申：用setTimeout()方法来模拟setInterval()与setInterval()之间的什么区别？精确度问题？微任务和宏任务问题？macro-task(宏任务)：包括整体代码script，setTimeout，setIntervalmicro-...
2019-11-22 14:34:43
125
原创 懒加载和预加载
一、图片的懒加载1.概念懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。用户滚动到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。常适用图片很多，页面很长的电商网站场景中。2.原因能提升用户的体验，不妨设想下，用户打开像手机淘宝长页面的时候，如果页面上所有的图片都需要...
2019-11-22 12:21:50
356
原创 css元素隐藏的方法总结
这是面试腾讯2020校招面试的时候遇到的问题1.visibility: hidden;2.display: none;相同点：都是隐藏标签，对应的标签仍存在DOM结构中不同点：标签设置display: none后，不会占据该标签原来所在的位置，会触发重流。标签设置visibility: hidden后，仍占据原来的位置，会触发重绘。联想：v-if和v-show相同点：都可以控制标...
2019-11-19 17:26:09
138
原创 CSS3 @font-face详解与优化
CSS3 @font-face 规则css通常用font-family我们都知道，在网页制作中，会经常用到不同的字体，常用的有 微软雅黑、宋体、Aria 等等。在我们写css的样式的时候，通过 font-family 可以指定元素的字体名称。CSS3 @font-face自定义字体如果是 特殊字体 ，因为我们的电脑没有安装那个字体，所以在网页中显示不出来，所以我们通过 @font-face...
2019-11-07 15:15:41
297
原创 element-ui学习源码系列——button
一个src文件夹和一个index.js，src文件夹放组件，index.js注册组件并导出分析从三个方面着手：DOM结构，数据属性，事件1.DOM结构：<button></button>2.数据属性1)props获取2)引用computed的属性3.事件这里涉及到父子组件通信，子组件向父组件发消息可以用emit实现，父组件监听即可，一般情况下父组件监听的事...
2019-11-06 15:45:48
1025
原创 vue组件通信方式总结
1.props,emit最常用https://cn.vuejs.org/v2/api/#vm-emithttps://cn.vuejs.org/v2/guide/components-props.html2.parent和parent和parent和children指定已创建的实例之父实例，在两者之间建立父子关系。子实例可以用 this.$parent 访问父实例，子实例被推入父实例的 ...
2019-11-06 14:14:22
101
原创 ES6之includes()方法
Array.prototype.includes方法返回一个布尔值，表示某个数组是否包含给定的值，与字符串的includes方法类似。参数1）第一个参数是要查找的元素2）第二个参数表示搜索的起始位置，默认为 0 。如果第二个参数为负数，则表示倒数的位置，如果这时它大于数组长度（比如第二个参数为 -4 ，但数组长度为 3 ），则会重置为从 0 开始。只有一个参数情况[1, 2, 3].in...
2019-09-10 14:18:00
11958
3
原创 ES6之Array.of()方法
Array.of()方法用于将一组值转化为数组，即新建数组Array.of() // []Array.of(undefined) // [undefined]Array.of(1) // [1]Array.of(1, 2) // [1, 2]对比Array()和new Array()Array() // []Array(3) // [, , ,]Array(3, 11, 8) /...
2019-09-10 00:02:18
2213
原创 ES6之Array.from()方法
ES6之Array.from()方法Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。a.类数组对象常见的：dom操作返回的Nodelist集合和函数内部的arguments对象b.可遍历对象（iterable)原生具有iterator接口的数据结构Array,map,set,string,typedarray,函数的arguments对象，node...
2019-09-09 23:52:06
256
原创 前端性能优化
作为前端工程师，拥有巨大的能力和责任，是用户的最后一道防线，前端直接决定用户的体验前端性能的重要性事实上，只有10%–20%的最终用户响应时间是花在从web服务器获取html文档并传送到浏览器中的。如果希望有效减少页面响应时间，就必须关注剩余80%–90%的最终用户体验了解用户时间都花在等待哪些地方？5%html文档95%等待页面组件下载（图片，脚本，样式表，flash等）小部分时间...
2019-08-24 23:54:58
184
原创 flex布局（入门）
flex布局弹性盒子布局， CSS3 的一种新的布局模式容器属性flex-directionrow盒子的排列方向，默认为横向，起点为左row-reversecolumn盒子纵向排列，起点为上column-reverseflex-wrap盒子换不换行默认不换行nowrapwrap 换行，且第一行在上面wrap-reverse换行，第一行在下面可以利用换行属性实现一行...
2019-07-23 17:26:34
142
原创 谷歌浏览器不支持小于12px的解决方案
面试字节跳动的时候遇到了如何解决谷歌浏览器小于12px的字体无法显示的问题，于是回来自己尝试了一下<body> <div class="a">我是20px</div> <div class="b">我是16px</div> <div class="c">我是12px</div> &...
2019-07-23 16:42:27
260
原创 margin为负值详解
一、对元素自身的影响1.margin-left,margin-right为负值1）元素本身没有宽度，会增加元素宽度<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>验证</title> &...
2019-03-27 10:34:18
20808
10
原创 居中方法总结
居中分为水平居中和垂直居中1、水平居中1）行内元素居中行内元素居中是只针对行内元素的，比如文本（text）、图片（img）、按钮等行内元素，可通过给父元素设置 text-align:center 来实现。另外，如果块状元素属性display 被设置为inline时，也是可以使用这种方法。但有个首要条件是子元素必须没有被float影响，否则一切都是无用功。<template&...
2019-03-22 09:40:28
755
原创 布局总结
1.总体高度一定，左右定宽，实现中间自适应方法：利用flex布局flex-direction属性决定主轴的方向，默认row（默认值）：主轴为水平方向，起点在左端flex-wrap属性默认情况下，项目都排在一条线（又称”轴线”）上。nowrap（默认）：不换行。justify-content属性定义了项目在主轴上的对齐方式。flex-start（默认值）：左对齐align-ite...
2019-03-22 09:30:08
131
原创 js数组去重
1.新建数组法思路：新建一个数组，存放去重结果遍历数组，如果结果数组中不存在，则放入function a(arry){ var b=[]; for(i=0;i<arry.length;i++){ if(b.indexOf(arry[i])==-1){ b.push(arry[i]) } } ...
2019-03-21 18:26:51
130
原创 js面向对象的理解（一）创建对象
面试前端开发岗位，问如何理解js的面向对象，一下竟然有点懵，不知道怎么回答脑海立马呈现java中面向对象的三个概念：封装，继承，多态，可偏偏没有问前两个，面试官直接让解释多态，然后回想了一下看过的js，立马并没有多态的概念，回来仔细读看红宝书的面向对象的程序设计一章一、理解对象js中的对象：指无序属性的集合，其属性值包含基本值，对象或者函数即：名和值的对其中值可以是数据或者是函数...
2019-03-18 17:21:43
229
原创 js的原型和原型链
构造函数，原型和实例的关系：每个构造函数都有一个prototype属性，指向函数的原型对象每个实例对象都有一个-proto-属性，指向创建该对象的构造函数的原型...
2018-12-26 14:25:12
124
原创 修改gitlab的root密码
1.登录服务器2.切换到root权限Start the console with this command:gitlab-rails console productionWait until the console has loaded.There are multiple ways to find your user. You can search for email o...
2018-10-30 10:09:31
4185
原创 centos安装gitlab
1.安装并配置必要的依赖关系sudo apt-get install curl openssh-server ca-certificates postfix2.添加GitLab包服务器并安装包curl -sS https://packages.gitlab.com/install/repositories/gitlab/gitlab-ce/script.deb.sh | sud...
2018-10-26 19:35:32
124
原创 XMLHttpRequest的兼容性
var request;if(Windows.XMLHttpRequest){ request=new XMLHttpRequest();}else{ request=new ActiveXObject("Microsoft.XMLHTTP"); //IE 5,IE6}
2018-10-25 18:08:41
3794
原创 警告: [SetPropertiesRule]{Server/Service/Engine/Host/Context} Setting property 'source' to 'org.eclips
警告: [SetPropertiesRule]{Server/Service/Engine/Host/Context} Setting property 'source' to 'org.eclipse.jst.jee.server:aa' did not find a matching property 启动tomcat后出现红色 警告: [SetPropertiesRule]{S...
2018-09-19 16:52:04
473
原创 将本地项目上传到gitlab
1、安装git https://git-scm.com/downloads 2、新建工程 3、创建密钥 a、桌面右键 b、cd ~/.ssh/如果提示 “ No such file or directory”，你可以手动的创建一个 .ssh文件夹即可 mkdir ~/.ssh c、配置全局的name和email，参...
2018-09-04 14:39:13
17243
1
原创 eclipse中tomcat的配置 serverlocation什么意思
发布到tomcat中的项目，在系统中部署的路径，第一个是use workspace metadata，即部署到：你的工作空间\.metadata\.plugins\org.eclipse.wst.server.core中；第二个：tomcat installation，即部署到你的tomcat安装路径下，也就是tomcat目录下的webapps文件夹中；第三个：custom location...
2018-08-31 11:18:07
1397
原创 jsp报错Description Resource Path Location Type The function fns:getDictList is undefined
jsp 校验器关闭即可
2018-08-31 11:07:28
2761
1
原创 启动tomcat 卡在Initializing Spring root WebApplicationContext
数据库连接问题，检查数据库连接文件
2018-08-31 09:20:07
634
原创 HTTP协议状态码详解
使用ASP.NET/PHP/JSP 或者javascript都会用到http的不同状态，一些常见的状态码为： 200 – 服务器成功返回网页 404 – 请求的网页不存在 503 – 服务不可用 1xx（临时响应） 表示临时响应并需要请求者继续执行操作的状态代码。代码 说明 100 （继续） 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。...
2018-07-26 10:11:02
118
原创 Python Windows安装
1网址https://www.python.org/downloads/windows/2..3.选择64位4选择红框中内容不用再配置环境变量5.选择install now6.安装完成后打开cmd验证7.输入python -V,出现版本号，安装成功8.输入python进入编程模式...
2018-07-23 10:54:28
114
原创 Red Hat Linux5忘记密码解决步骤
1.打开Linux的电源2.出现这个界面的时候从键盘键入“e（小写）”，动作要快，只有三秒钟的时间。3.下图选择2，按e进入编辑，加空格和1，之后按b进入重启4.进去下图输入passwd,然后输入密码后reboot重启...
2018-06-11 09:48:28
8228
原创 今日头条测试开发实习生面试
研一面试今天头条实习生笔试题一、测试用例设计（2选1）1.设计微信拼手气红包的测试用例2.设计APP中手机号注册功能的测试用例二、基础知识（3选1）1.TCP协议建立连接和断开连接的过程2.HTTP和HTTPS的区别3.进程和线程的区别三、编程题（5选1）1.生成n个不重复的【0，M】之间的随机数2.验证一个IP地址是否为有效IP地址3.将两个升序排列的数组合并成一个升序排列的数组4.一个整数数组...
2018-06-08 16:50:21
2636
原创 求和，欧几里得求最大公约数，求选手平均分
1.求和，求平均数#include<stdio.h>void main(){ float a,b,sum,average; scanf("%f,%f",&a,&b); sum=a+b; average=(a+b)/2; printf("sum=%f,average=%f",sum,average); }2.求选手平均分，去掉最高最低分#include<stdio....
2018-06-06 10:13:01
113
原创 软件测试基本概念
按测试手段分类黑盒测试，白盒测试静态测试，动态测试手工测试，自动化测试（单元测试，接口测试，性能测试）灰盒测试按测试模式分类瀑布模型，敏捷测试，基于脚本的测试，基于风险的测试，探索式测试功能自动化测试工具性能测试工具...
2018-06-05 21:01:57
141
原创 软件测试按阶段的分类
按阶段分类：1.单元测试（认为规定的最小的测试模块，可以是c语言的一个函数，可以JAVA中的每个类，可以看做一个登陆功能）单元测试是对代码进行测试测试框架：junit针对JAVA nunit针对.net phpunit针对PHP CppUnit针对C++2.集成测试：偏于技术角度验证3.系统测试（功能测试，性能测试，稳定性测试）企业针对系统测试这个阶段包括外围设备，偏于业务角度验证4.验收测试（交...
2018-06-04 22:03:20
5095
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人