web
文章平均质量分 62
qq2276031
这个作者很懒,什么都没留下…
展开
-
记录 Html和CSS布局技巧
单列布局水平居中水平居中的页面布局中最为常见的一种布局形式,多出现于标题,以及内容区域的组织形式,下面介绍四种实现水平居中的方法(注:下面各个实例中实现的是child元素的对齐操作,child元素的父容器是parent元素)使用inline-block 和 text-align实现.parent{text-align: center;}.child{display: inline-block;}优点:兼容性好;不足:需要同时设置子元素和父元素使用margin:0 auto来实现原创 2022-03-16 15:11:10 · 113 阅读 · 0 评论 -
常用正则表达式
要求:由数字和字母组成,并且要同时含有数字和字母,且长度要在8-16位之间。^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,16}$分开来注释一下:^ 匹配一行的开头位置(?![0-9]+$) 预测该位置后面不全是数字(?![a-zA-Z]+$) 预测该位置后面不全是字母[0-9A-Za-z] {8,16} 由8-16位数字或这字母组成$ 匹配行结尾位置...原创 2022-02-24 17:46:35 · 173 阅读 · 0 评论 -
git 常规
git init 初始化,创建 git 仓库git status 查看 git 状态 (文件是否进行了添加、提交操作)git add 文件名 添加,将指定文件添加到暂存区git commit -m '提交信息' 提交,将暂存区文件提交到历史仓库git log 查看日志( git 提交的历史日志)查看分支列表:git branch切换分支git checkout 分支删除分支:git branch -d 分支名合并分支一般在进行git操作的时候出现Already.原创 2021-11-30 08:52:38 · 189 阅读 · 0 评论 -
VSCODE 自动格式保存
{ "editor.tabSize": 2, "editor.detectIndentation": false, "editor.formatOnSave": true, "vetur.validation.template": false, "vetur.format.defaultFormatter.js": "vscode-typescript", "vetur.format.defaultFormatter.html": "js-beautify-html", "ve.原创 2021-10-26 13:08:31 · 349 阅读 · 0 评论 -
jar 不是内部或外部命令 CLASS_PATH设置
jar 不是内部或外部命令 CLASS_PATH设置JDK安装没有问题,%JAVA_HOME% 和 path %JAVA_HOME%\bin设置都没有问题设置CLASS_PATH CLASS_PATH.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;问题解决;jar会出现'jar'不是内部或外部命令,也不是可运行的程序标签: it 分类:java 原因是没有设置好环境变量。...原创 2021-06-21 17:17:02 · 225 阅读 · 1 评论 -
前端知识总结的思维导图
前端三剑客???? HTML5&CSS3 HTML和CSS都对入门者比较友善,学一些标签和CSS属性很快就能做出效果,有反馈之后比较有动力往下继续学习,HTML5和CSS3新增了许多有用的特性,学习起来相对轻松的; 移动Web 学习移动端的很多适配布局还是很有必要的,你会发现比浮动+定位布局不要太爽,移动端除了适配方案多比较麻烦,除此之外,布局比PC端轻松了许多; JavaScript...原创 2021-04-26 13:54:37 · 209 阅读 · 0 评论 -
LienJack-2年前端面试心路历程(字节跳动、YY、虎牙、BIGO)
LienJack-2年前端面试心路历程(字节跳动、YY、虎牙、BIGO)大厂面经字节跳动1 面 对 tree-shaking 的了解 虽然生产模式下默认开启,但是由于经过 babel 编译全部模块被封装成 IIFE IIFE 存在副作用无法被 tree-shaking 掉 需要配置{ module: false }和sideEffects: false rollup 和 webpack 的 shaking 程度不同,以一个 Cl..原创 2020-07-31 12:47:24 · 671 阅读 · 0 评论 -
张云龙-一个程序员的成长之路 - 剖析别人,总结自己
张云龙-全民直播-CTO张云龙老师于2018年5月19日在「FDCON2018中国前端开发者千人峰会」上的发言。作为走在前端工程化前列,现任全民直播CTO的张云龙老师,分享了他的个人成长之路,希望能够在前端职业规划上,给大家一些参考和启发。张云龙:大家好,我是云龙,从2016年3月份开始,我参与到全民直播这个创业项目中,这两年一直在上海。关于我自己的成长历程,一直都很想找个时间跟前端的开发者们分享一下。通过剖析别人,也可以总结自己。我很害怕把这个主题讲的跟成功学一样,其实...原创 2020-07-31 12:46:29 · 1110 阅读 · 0 评论 -
web前端知识全系列
一、CSS问题1.flex布局display:flex; 在父元素设置,子元素受弹性盒影响,默认排成一行,如果超出一行,按比例压缩 flex:1; 子元素设置,设置子元素如何分配父元素的空间,flex:1,子元素宽度占满整个父元素align-items:center 定义子元素在父容器中的对齐方式,center 垂直居中justify-content:center 设置子元素在父元素中居中,前提是子元素没有把父元素占满,让子元素水平居中。2.css3的新特性transtion tran原创 2020-05-27 10:20:17 · 802 阅读 · 0 评论 -
2020前端系列——浏览器、HTTP
目录浏览器存储的方式有哪些 对前后端跨域可以说一下吗?如何解决跨域的? 浏览器 cookie 和 session 的认识。 输入URL发生什么? 浏览器渲染的步骤 页面渲染优化 强制缓存和协商缓存 GET 和 POST 请求的区别 HTTP1.0 / 1.1 / 2.0 及HTTPS 介绍下304过程 HTTP 状态码 Web性能优化浏览器存储的方式有哪些特性 cookie localStorage sessionStorage indexedDB原创 2020-05-26 18:02:31 · 219 阅读 · 0 评论 -
前端的五万字面试宝典
目录一、算法 1.全排列 2.二分搜索 3.排序 二、JS基础 1.继承 2.this指向 3.数据类型 4.CallBack Hell 5.加载 6.事件 7.跨域 8.Ajax 9.垃圾回收 10.eval是什么 11.监听对象属性的改变 12.实现一个私有变量 13.操作符 14.数组 三、高级技巧 1.防抖节流 3.数组展开 4.拖放 5.once 6.promise 7.sleep 四、浏览器 1.缓存 强制缓存 (也叫强缓存) 对比缓原创 2020-05-12 15:05:02 · 317 阅读 · 1 评论 -
2020年前端知识复习必读文章
目录1. JavaScript 基础 1.1 执行上下文/作用域链/闭包 1.2 this/call/apply/bind 1.3 原型/继承 1.4 Promise 1.5 深浅拷贝 1.6 事件机制/Event Loop 1.7 函数式编程 1.8 Service Worker / PWA 1.9 Web Worker 1.10 常用方法 2. CSS 基础 3. 框架(Vue 为主) 3.1 MVVM 3.2 生命周期 3.3 数据绑定 3.4 状态管理 3.5原创 2020-05-12 15:02:05 · 4004 阅读 · 0 评论 -
fiddler抓包工具详细配置方法
曾经有大神说,就没有fiddler做不到的事。所以小伙伴们肯定对fiddler很有兴趣。但是这东东配置虽然不复杂,但是要注意的事项太多了。 今天没事,写一篇相对而言比较详细的配置方法,给新手们一点帮助。大神们勿喷哈。谢谢哈。 我们先打开官网。如图 点击download now,出现新窗口。 这三个选项可以随意填的。关键要把下面的接受打上勾。 点击download for windows。开始下载。 下载完成后安装,点击i agree,install一步步安...原创 2020-05-08 19:01:15 · 458 阅读 · 0 评论 -
web前端 博客合集
阮一峰老师GitHub:https://github.com/ruanyf博客:http://www.ruanyifeng.com/blog/张鑫旭GitHub:https://github.com/zhangxinxu/mobilebone博客:https://www.zhangxinxu.com/冴羽GitHub:https://github.com/m...原创 2020-05-08 14:34:28 · 455 阅读 · 0 评论 -
自学web前端走了很多弯路,分享给大家,仅供参考
努力的一天又开始了,编辑这一篇文章,写下当初我自学web前端走的弯路,希望大家引以为戒,不要多走前人走过的弯路,浪费时间。弯路一:盲目的去学 当初我在对于web前端这个行业什么都不了解的情况下,比如:不知道未来发展趋势,不知道学习web前端应该注意哪些初始问题,不知道具体的学习规划学习路线等等,一味的买书看书,看视频,到了中期阶段萌生放弃的想法,和主要是因为觉得自己越学越迷茫,也知道自己这样学...原创 2020-05-12 14:11:21 · 235 阅读 · 0 评论 -
2020前端系列——HTTP、浏览器面试题
浏览器存储的方式有哪些特性 cookie localStorage sessionStorage indexedDB 数据生命周期 一般由服务器生成,可以设置过期时间 除非被清理,否则一直存在 页面关闭就清理 除非被清理,否则一直存在 数据存储大小 4K 5M 5M 无限 与服务端通信 每次都会携带在 h...原创 2020-04-16 23:49:46 · 250 阅读 · 0 评论 -
2020前端系列——Vue
Vue 双向绑定原理mvvm 双向绑定,采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的 setter、getter,在数据变动时发布消息给订阅者,触发相应的监听回调。几个要点:1、实现一个数据监听器 Observer,能够对数据对象的所有属性进行监听,如有变动可拿到最新值并通知订阅者2、实现一个指令解析器 Compile...原创 2020-04-16 23:35:53 · 560 阅读 · 0 评论 -
2020前端系列——Javascript
目录判断 js 类型的方式 ES5 和 ES6 分别几种方式声明变量 闭包的概念?优缺点? 浅拷贝和深拷贝 数组去重的方法 DOM 事件有哪些阶段?谈谈对事件代理的理解 js 执行机制、事件循环 介绍下 promise.all async 和 await ES6 的 class 和构造函数的区别 transform、translate、transition 分别是什么属性?...原创 2020-04-16 23:32:00 · 230 阅读 · 0 评论 -
2020前端系列——css面试题
目录盒模型 如何实现一个最大的正方形 一行水平居中,多行居左 水平垂直居中 如何实现左右等高布局 画三角形 link @import导入css BFC理解盒模型/* 红色区域的大小是多少?200 - 20*2 - 20*2 = 120 */.box { width: 200px; height: 200px; padding: 20px;...原创 2020-04-16 23:19:22 · 168 阅读 · 0 评论 -
mongoose 学习笔记~~
一:参考学习网址npm: https://www.npmjs.com/package/mongoose官网API:http://mongoosejs.com/docs/guide.html二:在node中的连接1.先要安装mongoose: npm i mongoose --save2.如何连接:var mongoose = require('mongoose');/...原创 2019-12-19 11:05:07 · 203 阅读 · 0 评论 -
for in 和for of的区别和理解
1 遍历数组通常用for循环ES5的话也可以使用forEach,ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等,只不过他们的返回结果不一样。但是使用foreach遍历数组的话,使用break不能中断循环,使用return也不能返回到外层函数。Array.prototype.method=function(){ conso...原创 2019-08-06 18:10:50 · 92 阅读 · 0 评论 -
关于Nuxt.js 出现HTMLElement is not define此类问题
关于Nuxt.js 出现HTMLElement is not define此类问题,解决方法。方法一:(完美解决)// nuxt.config.js文件global.HTMLElement = typeof window === 'undefined' ? Object : window.HTMLElementexport default { }方法二:(不建议)im...原创 2019-06-24 17:45:47 · 728 阅读 · 0 评论