
web前端开发
前端所必须掌握的知识技能
爱吃蛋炒饭加蛋
今朝虽为风尘末吏,安知日后不能直上青云!
展开
-
如何快速完全删除node_modules
快速删除node_modules原创 2022-06-02 09:09:53 · 4890 阅读 · 0 评论 -
css命名规范
BEM 命名规范什么是 BEM 命名规范Bem 是块(block)、元素(element)、修饰符(modifier)的简写,由 Yandex 团队提出的一种前端 CSS 命名方法论。- 中划线 :仅作为连字符使用,表示某个块或者某个子元素的多单词之间的连接记号。-- 双中线 代表不同的状态,类型。__ 双下划线: 双下划线用来连接块和块的子元素_单下划线:单下划线用来描述一个块或者块的子元素的一种状态BEM 是一个简单又非常有用的命名约定。让你的前端代码更容易阅读和...原创 2022-04-28 15:41:27 · 3233 阅读 · 0 评论 -
css清除浮动的4种方法
清除浮动最常用的四种方法_即将秃头的小飞的博客-优快云博客原创 2022-04-28 13:24:26 · 297 阅读 · 0 评论 -
JavaScript中何时;必须写
一般来说,JavaScript是可以不加分号的;但是有些情况必须加;否则会出现意想不到的错误;1,当一行代码是以 ( 开头的时候,则必须加; let a=0 (function () { console.log('测试') })() 报错 TypeError: 0 is not a function2,当一行代码是以 [ 开头的时候,则必须加; let a=0 [].forEach()Uncaught SyntaxError: Unexpecte原创 2022-04-27 16:29:01 · 1443 阅读 · 0 评论 -
js的正则表达式
js中的正则表达式正则表达式(regular expression 简称 regexp)是一种描述字符串结构的语法规则,正则表达式是一个特定格式化模式,用于验证各种字符串是否匹配这个特征值,进而实现高级的文本查找,替换和截取内容等操作。2,如何创建正则表达式1,字面量方式创建正则表达式在字符前后加上//。let str="chenaxstts";/c/.test(str)2,使用对象创建正则表达式var patt=new RegExp(pattern...原创 2022-04-18 22:11:04 · 715 阅读 · 0 评论 -
call、apply、bind的基本概念
call和apply可以调用函数 。call 和apply和bind可以改变this的指向用法 :call(绑定对象,param,param,param);bind(绑定对象,param,param,param);(不会调用函数)apply(绑定对象,[param,param,param])原创 2022-03-28 09:37:16 · 80 阅读 · 0 评论 -
css相关知识点
1,行内元素进行绝对(absolute),固定(fixed)定位后会变成块级元素。2, 在CSS中以text-、font-、line- 开头的属性都是可以继承的,div 标签的高度如果不设置由内容来决定(没有内容高度为0),宽度默认由父元素继承过来.3,margin padding,使用百分比是相对于父元素而言的,不是对于自身的。4,transform使用百分比是相对于自身而言的。5,vertical-align指在元素中所有元素位置相互置中(中线对齐),并不是相对于外框高度垂直居中。原创 2022-03-12 15:37:06 · 97 阅读 · 0 评论 -
原型prototype
JavaScript 中的对象有一个特殊的[[Prototype]]内置属性,其实就是对于其他对象的引用。几乎所有的对象在创建时[[Prototype]]属性都会被赋予一个非空的值。var myObject={ a:2}myObject.a;//2[[prototype]] 引用有什么作用呢,当你视图引用对象的属性时候,就会触发[[Get]] 操作,比如object.a。比如myObject.a ,对于默认的[[Get]]操作来说,第一步是检查对象本身是否有这个属性,如果有这个属性,就会使原创 2022-03-08 14:05:32 · 689 阅读 · 0 评论 -
js闭包的理解
无论通过何种手段将内部函数传递到所在的词法作用域以外,它都会持有对原始定义作用域的引用,无论在何处执行这个函数都会使用闭包。原创 2022-02-25 18:00:47 · 367 阅读 · 0 评论 -
Object.assign() 方法介绍
定义:方法用于将所有的可枚举属性的值从一个或者多个源对象复制到目标对象,它将返回目标对象。使用: Object.assign(target, ...sources) 【target:目标对象】,【souce:源对象(可多个)】 //示例 let a={ name:"张三",age:12 } let obj={ name:"李四",age:14,sex:"女" } let value= Object.assign(a,obj原创 2022-02-25 14:18:07 · 779 阅读 · 0 评论 -
javascript 提升
引擎会在解释JavaScript 代码之前首先对其进行编译,编译阶段中的一部分工作就是找到所有的申明,并用合适的作用域将它们关联起来。其中变量和函数在内的所有声明都会在任何代码被执行前首先被处理。分析以下代码console.log(a);var a=2;当你看到 var a=2;时,可能会认为这是个声明,但JavaScript实际上会将其看成两个声明: var a; 和a=2;第一个定义声明是在编译阶段进行的,第二个赋值声明会被留在原地等待执行阶段。这个代码段会被解析为..原创 2022-02-20 12:50:47 · 265 阅读 · 0 评论 -
js中undefined的几种情况
1、变量声明且没有赋值;2、获取对象中不存在的属性时;3、函数需要实参,但是调用时没有传值,形参是undefined;4、函数调用没有返回值或者return后没有数据,接收函数返回的变量是undefined。...原创 2022-02-19 20:59:29 · 4693 阅读 · 0 评论 -
vue vscode 让代码属性不换行
"settings": { "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatterOptions":{ "js-beautify-html":{ "wrap_attributes":"auto" }, "prettier": { "semi": false, "singleQuote": true }, "prettyht.原创 2022-01-25 16:29:59 · 521 阅读 · 0 评论 -
flex-basic
优先级min-width > || max-width >flexbasic> width > Content Size原创 2021-12-24 09:27:26 · 493 阅读 · 0 评论 -
CSS中的 , > + ~
css的, > + ~原创 2021-12-07 09:04:32 · 167 阅读 · 0 评论 -
遍历 for..in 和for of
平时由于工作原因一直没有考虑自己配置vue的项目,这次趁着这次疫情,自己有时间把webpack的东西系统的整合下。下面我将用webpack从零开始配置项目。初始化npm init...原创 2021-07-21 10:16:18 · 186 阅读 · 0 评论 -
scss入门
什么叫sass?Sass 是一个 CSS 的扩展,它在 CSS 语法的基础上,允许您使用变量 (variables),嵌套规则 (nested rules),混合 (mixins),导入 (inline imports)等功能,令 CSS 更加强大与优雅。使用 Sass 以及Compass 样式库有助于更好地组织管理样式文件,以及更高效地开发项目。什么叫scss?...原创 2019-12-24 08:56:12 · 184 阅读 · 0 评论