![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
如花菇凉
爱工作,爱生活,爱学习,喜欢进步,喜欢分享的小美妹
展开
-
require和import区别
相同点require 和 import,都是为了JS模块化使用。requirerequire是Commonjs的规范,node应用是由模块组成的,遵从commonjs的规范。用法// a.jsfunction test (args) { // body... console.log(args); } module.exports = { test}// b.jslet { test } = require('./a.js'); test('th..原创 2022-05-16 11:16:37 · 381 阅读 · 0 评论 -
vue 混入 继承浅淡
一声叹息,天天增删改查,来吧。什么是混入mixin将多个vue文件内重复使用的功能代码,提取成单个js文件,在需要使用的地方进行调用即可。 在一个js文件内定义一个对象, 在对象中可以写 vue文件内的 data 、methods、components等所有<script>中可以定义的代码。混入注意(重名情况)组件中的 data变量名 和 混入中的 data变量 名, 发生重名时, 以组件为准;组件中的 methods,computed,wath名称 和 混入中的 methods原创 2022-05-16 10:43:15 · 559 阅读 · 0 评论 -
前端的工程化、模块化和组件化
什么是工程化工程化是一种思想而不是某种特定的技术,当然我们在实现项目工程化的过程中,我们也会去使用一些技术。前端工程化是使用软件工程的技术和方法来对前端的开发流程、技术、工具等进行规范化、标准化,其主要目的为了提高效率和降低成本,即提高开发过程中的开发效率,减少不必要的重复工作时间。目前,web业务日益复杂化和多元化,单页面应用和webApp风靡。而且前端的生态圈繁荣,各种框架,组件出现,使得前端发展迅速,快速开发已经成为了前端的一个标准。靠传统的前端三剑客 JavaScript、HTML、 CSS原创 2022-05-16 10:11:27 · 705 阅读 · 0 评论 -
JS手写实现call、apply、bind(超详细)
JS手写实现call、apply、bind(超详细)_CreatorRay的博客-CSDN博客_手写call这是篇良心文章 认真阅读不放过一个疑点 安排的明明白白转载 2022-05-08 14:23:43 · 149 阅读 · 0 评论 -
call apply bind区别
解决this指向问题? 使用ES6中箭头函数 函数内部使用_this = this 使用apply,call,bind方法 new实例化一个对象 为什么要改变this指向?var name="lucy";let obj={ name:"martin", say:function () { console.log(this.name); }};obj.say(); //martin,this指向obj对象setTimeout(obj.say.原创 2022-05-08 10:43:44 · 154 阅读 · 0 评论 -
什么是伪类和伪元素?伪类和伪元素的区别的区别详解
1.伪类用来添加一些选择器的特殊效果。2.伪元素伪元素是用来添加一些选择器的特殊效果。3.区别伪元素其实相当于伪造了一个元素,例如before,first-letter达到的效果就是伪造了一个元素,然后添加了其相应的效果而已;而伪类没有伪造元素,例如first-child只是给子元素添加样式而已。伪元素和伪类之所以这么容易混淆,是因为他们的效果类似而且写法相仿,但实际上 css3 为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。...原创 2022-05-08 10:06:58 · 2336 阅读 · 0 评论 -
什么是html5
老实说,我只知它是一个标准,新增了些许功能强大的标签属性,能适应在终端(手机端),但让我好好地整理总结,我竟也说不出一个字。来吧。什么是html5,用官网的话来说HTML5 是最新的 HTML 标准。HTML5 是专门为承载丰富的 web 内容而设计的,并且无需额外插件。HTML5 拥有新的语义、图形以及多媒体元素。HTML5 提供的新元素和新的 API 简化了 web 应用程序的搭建。HTML5 是跨平台的,被设计为在不同类型的硬件(PC、平板、手机、电视机等等)之上运行。原创 2022-05-07 17:00:02 · 325 阅读 · 0 评论 -
前端之浅谈浏览器的垃圾回收机制和内存泄露
前端之浅谈浏览器的垃圾回收机制和内存泄露 - 龙波帝国 - 博客园转载 2022-05-07 12:27:53 · 149 阅读 · 0 评论 -
实现一个盒子在父盒子中水平垂直居中的几种“姿势”
道理说千遍,不如自己敲一遍,来吧,老铁们,就当是复习下加深印象。首先来个sample<body> <div class="container" id="container"> <div class="box" id="box">我是子盒子</div> </div></body><style>.container{ position: relative; height:转载 2022-04-23 12:00:47 · 357 阅读 · 0 评论 -
box-sizing
box-sizing: border-box就是将border和padding数值包含在width和height之内,这样的好处就是修改border和padding数值盒子的大小不变。官方说明原创 2022-04-23 11:20:09 · 74 阅读 · 0 评论 -
js——Set和Map,以及哈希表
学习,知道核心实现出来的是哈希算法,但是如何,怎样 ,为何 不得而知。下面这博文一解千愁。js——Set和Map,以及哈希表_徕胖的博客-CSDN博客_js map是哈希表吗转载 2022-04-18 14:38:45 · 212 阅读 · 0 评论 -
事件循环机制
带你了解事件循环机制(Event Loop)_**Crazy的博客-CSDN博客_事件循环机制温故而知新了,每次看一遍,又有不同的见解印象。原创 2022-04-15 17:37:34 · 154 阅读 · 0 评论 -
浏览器之消息队列
有时间来细嚼慢浏览器中的消息队列和事件循环_前端探险家的博客-CSDN博客转载 2022-04-02 15:14:46 · 230 阅读 · 0 评论 -
数据结构与算法
如果你有幸读到了这博文,说明你和我一样,在走遍了程序的广度后,对于深度好像并未真正涉足,是时候该来捋一捋了。这也就是为什么越靠谱的面试官越注重你基础知识的掌握程度,为什么越牛的的企业越重视你的算法能力。因为当你拥有了这些,你已经比大多数人优秀了。你的天花板由你自己来决定,大家口中的中年危机可能并不会成为你的危机。新技术来临时,你对它的本质会看得更加透彻,学起来会一通百通。这样的人才,公司培养你也会花费更少的成本。记住这一句:)再记住这些队列和栈可以分别通过数组和链表实现 通常情况下...转载 2022-04-02 14:30:22 · 75 阅读 · 0 评论 -
浏览器之兼容
温故而知新也,自勉。WEB前端开发人员须知的常见浏览器兼容问题及解决技巧_徐小七七的博客-CSDN博客_前端浏览器兼容原创 2022-03-31 09:46:42 · 441 阅读 · 0 评论 -
加载性能与运行性能
检查加载性能一个网站加载性能如何主要看白屏时间和首屏时间。白屏时间:指从输入网址,到页面开始显示内容的时间。 首屏时间:指从输入网址,到页面完全渲染的时间。将以下脚本放在</head>前面就能获取白屏时间。<script> new Date() - performance.timing.navigationStart // 通过 domLoading 和 navigationStart 也可以 performance.timing.domLo..原创 2022-03-30 10:45:14 · 241 阅读 · 0 评论 -
重排和重绘
重排当改变 DOM 元素位置或大小时,会导致浏览器重新生成渲染树,这个过程叫重排。重绘当重新生成渲染树后,就要将渲染树每个节点绘制到屏幕,这个过程叫重绘。不是所有的动作都会导致重排,例如改变字体颜色,只会导致重绘。记住,重排会导致重绘,重绘不会导致重排 。重排和重绘这两个操作都是非常昂贵的,因为 JavaScript 引擎线程与 GUI 渲染线程是互斥,它们同时只能一个在工作。什么操作会导致重排?添加或删除可见的 DOM 元素 元素位置改变 元素尺寸改变 内容改变 浏览器窗原创 2022-03-30 10:15:30 · 1199 阅读 · 0 评论 -
promise优秀的讲解
温故而知新也,重温一次。大白话讲解Promise(一) - 吕大豹 - 博客园原创 2022-03-29 17:15:08 · 187 阅读 · 0 评论 -
前端知识精华-VUE
1.v-for为什么要加key值vue中列表循环需加:key="唯一标识" 唯一标识可以是item里面id index等,因为vue组件高度复用增加Key可以标识组件的唯一性,为了更好地区别各个组件 key的作用主要是为了高效的更新虚拟DOM不清楚的同学举例传送门VUE中演示v-for为什么要加key - 简书2.v-for与v-if不能同用的原因当 Vue 处理指令时,v-for比v-if具有更高的优先级(此见解在VUE2版本里,VUE3版本里已是v-if比v-for的...原创 2022-03-29 15:46:42 · 551 阅读 · 0 评论 -
css水平垂直居中
这个标题系列写了N篇了,但总是要温故而知新,故而多写几篇。水平居中行内元素text-align: center; //万能块级元素1.宽度确定的块级元素margin: 0 auto //(宽度不确定的用这个无效)绝对定位和margin-left: -width/2,前提是父元素position: relative2.宽度未知的块级元素inline-block实现水平居中方法。display: inline-block和text-align:center实现水平居中原创 2022-03-29 14:52:31 · 108 阅读 · 0 评论 -
html优化
是的,我和你一样是从未想过要去优化HTML,虽然面试官也从未问过,行业价值也不大,但是这种对于至少我来说,是用处极大的。html 语义化尽可能少的使用无语义的标签div和span; 在语义不明显时,既可以使用div或者p时,尽量用p,因为p在默认情况下有上下间距,对兼容特殊终端有利; 不要使用纯样式标签,如:b、font、u等,改用css 设置。 需要强调的文本,可以包含在strong或者em标签中(浏览器预设样式,能用CSS指定就不用他们), strong默认样式是加粗(不要用b) , e原创 2022-03-29 11:57:53 · 80 阅读 · 0 评论 -
components vue 引用 assets图片
这个小问题,竟然纠缠了我近一个小时,起先我一直以为是路径出了问题,开始怀疑自己的技术。后来百度,我才明白,用了2年的WEBPACK,我竟还是一无所知。解决方法 defaultHead: require('../../assets/default_head.svg'),// defaultHead: '../../assets/default_head.svg', 这种是错误的 并且如果是JPG等图片格式,请改成SVG假如你看了我如上答案解决问题后不保持好奇心,那么你今后的程序之路也就这样了原创 2022-03-26 18:08:30 · 2719 阅读 · 0 评论 -
Vue 文字复制粘贴
假如不想用快捷键ctrl+c ctrl+v来达到复制效果,比如点击,比如监听键盘。方式一(推荐)1.安装插件npm install vue-clipboard2 --save2.main.js全局引入import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)3.使用<i v-clipboard:copy="scope.row.code" v-clipboard:success="onCopy"原创 2022-03-26 11:49:04 · 1248 阅读 · 1 评论 -
【进阶】JS超实用的17个代码简写技巧
【进阶】JS超实用的17个代码简写技巧_前端阿彬的博客-CSDN博客原创 2022-03-25 17:13:27 · 394 阅读 · 0 评论 -
在 Vue3 成为默认版本后,盘点了 Vue3 与 Vue2 的区别
在 Vue3 成为默认版本后,盘点了 Vue3 与 Vue2 的区别_前端不释卷leo的博客-CSDN博客原创 2022-03-25 17:03:14 · 659 阅读 · 0 评论 -
2021了,真的不要再说 Node.js 是一门编程语言了
写的非常好,有时间就反复看,温故而知新也。2021了,真的不要再说 Node.js 是一门编程语言了_X可乐的博客-CSDN博客转载 2022-03-23 10:12:50 · 77 阅读 · 0 评论 -
都2021年了,再不学ES6你就out了 —— 一文搞懂ES6
这个讲的非常好,至少比我讲的强多了。学习。都2021年了,再不学ES6你就out了 —— 一文搞懂ES6_欧阳呀的博客-CSDN博客转载 2022-03-22 10:13:02 · 118 阅读 · 0 评论 -
WEB前端javaScript知识思维导图
精通JavaScript?关于JavaScript的内存与性能问题,你又了解多少呢?_哪 吒的博客-CSDN博客转载 2022-03-22 09:53:28 · 114 阅读 · 0 评论 -
冒泡排序、选择排序、插入排序、快速排序
冒泡排序(最常用,也是是原理最简单的排序,但是他是三种排序算法中效率最低的, 适用于数据量很小的排序场景,因为冒泡原理简单)时间复杂度O(n*n),可以从前向后,也可以从后向前进行排序.案例解析:每一轮把最大的数放到最后面 //冒泡排序 let arr = [2, 4, 1, 6, 3] function bubbled(arr) { for (let i = 0; i < arr.length - 1; i++) { //原创 2022-03-21 17:24:22 · 903 阅读 · 0 评论 -
JS object 与 map区别
JavaScript Map 和 Object 的区别 - ysx_小鱼 - 博客园不同点Key filed在 Object 中, key 必须是简单数据类型(整数,字符串或者是 symbol),而在 Map 中则可以是 JavaScript 支持的所有数据类型,也就是说可以用一个 Object 来当做一个Map元素的 key。元素顺序Map 元素的顺序遵循插入的顺序,而 Object 的则没有这一特性。继承Map 继承自 Object 对象。新建实例Ob转载 2022-03-21 16:37:58 · 887 阅读 · 0 评论 -
DOM与BOM区别
看完概念还是知道的,毕竟代码这么多年。DOM即使是新手也是知道的,但是BOM这个学术语,只有看了解释,才知道是啥,至少对于我来说。一 BOM(borwserObjectModel)浏览器对象模型:使用对象描述了浏览器的各个部分的内容。1.window:当前的窗口open() 打开一个新的资源。moveTo() 将窗口左上角的屏幕位置移动到指定的 x 和 y 位置。moveBy() 相对于当前的窗口移动指定的 x 和 y 偏移值(左上角)。setInterval() 每...原创 2022-03-21 16:12:08 · 940 阅读 · 0 评论 -
总结一下顶级域名和子级域名之间的cookie共享和相互修改、删除
最近项目中刚好涉及到了主域名和子域名之间的共享和相互修改、删除,也就借此机会总结一下常用的几个场景,这里代码以PHP为例来说明,域名的话就拿顶级域名和二级域名为例,其他的场景都是类似哈!设置COOKIE顶级域名顶级域名只能设置domain为顶级域名,不能设置为二级域名或者三级域名等等,否则cookie无法生成。如yangbai.com能设置domain为yangbai.com或者www.yangbai.com,但不能设置domain为login.yangbai.com,这样cookie不会转载 2022-03-21 15:14:53 · 2947 阅读 · 0 评论 -
::after后面加个空格
如果是这样 .iconfont::after{ content: ' '; }兄才,你失策了,这并没有作用,听说是被CSS渲染时吃掉了。 .iconfont::after{ content: ' '; white-space: pre; }加个white-space:pre 搞定...原创 2022-03-16 18:42:29 · 601 阅读 · 0 评论 -
js undefined null 是否为false
你们都写过非空判断吧 // 输入框为空不添加标签 if (this.ruleForm.val==null || this.ruleForm.val == undefined || this.ruleForm.val=='' || this.ruleForm.val.trim().length == 0) { this.$message({ message: this.$t('programModel.labelNotNull'),原创 2022-03-12 16:33:09 · 584 阅读 · 0 评论 -
调试前端console.time和console.timeEnd
以前我尽是满屏的console.log()现在没事在逛技术博客时看到了还有其它,记下我觉得今后能用上的。console.time和console.timeEndconsole.time和console.timeEnd两个方法是结合在一起使用的,他们接受一个相同的参数,输出两句表达式中间的代码的执行时间。console.time('计时器1');console.time('计时器2');for (var i = 0; i < 1000; i++) { for (v...原创 2022-03-12 15:17:32 · 1092 阅读 · 0 评论 -
vue中element-ui的表格抖动
效果图我就不上传了,就是一直在抖(谷歌浏览器)。(本人电脑没出现这种问题,不同分辨率的电脑就偶尔会出现),起先我并不打算处理这个BUG,因为它捉摸不透,我不知从何下手。后来,测试人员反应的越来越频繁,我起先的怀疑是宽度或高度达到了临界值,然后一直在自动计算。可是,我并不能十分确定,不知是我的CSS有问题,还是element插件出了问题,我并不能确定。直到我百度发现了同款问题,最终就确定了。element-ui 表格无限抖动问题及解决 | = - =vue中element-ui的表格抖动 - 博客天天原创 2022-03-11 10:23:44 · 2327 阅读 · 0 评论 -
forEach, map, filter,some,every,find,reduce区别
forEach循环数组中每一个元素并采取操作, 没有返回值, 可以不用知道数组长度 this.list.forEach(item => { item.codeshow = false })map遍历数组每个元素,并回调操作,可以有返回值,返回值组成新的数组,原数组不变,如没有返回值则原数组可改变。//无返回值 原数组改变 this.data.map(async v => { if (v.city) {原创 2022-03-10 11:58:33 · 124 阅读 · 0 评论 -
Vue.use 与 Vue.prototype 的区别
本人对Vue的原型prototype有了解过,知道这是啥玩意,但对于Vue.use只知会用,却不知其意。今天来看看。示例// 引入公共方法扩展import common from '@/prototypeEx/common.js'Vue.prototype.common = common// 引入公共缓存方法import cacheEx from '@/prototypeEx/cacheEx.js'Vue.prototype.cacheEx = cacheEx// 引入大数据展示 插件原创 2022-03-10 10:16:39 · 2903 阅读 · 1 评论 -
http协议各个版本之解说
最近工作清闲,静下心来觉得要充充电,充什么电好呢,就从一直想弄清http的历史渊源来说吧,毕竟对于http协议各个版本差异我只略知一二。何谓http?超文本传输协议HTTP/0.9HTTP协议的最初版本,功能简陋,仅支持请求方式GET,并且仅能请求访问HTML格式的资源。HTTP/1.0请求行必须在尾部添加协议版本字段(http/1.0)必须包含头消息 增加了请求方式POST和HEAD不再局限于0.9版本的HTML格式,根据Content-Type可...原创 2022-03-07 11:34:33 · 3236 阅读 · 0 评论 -
IP需要域名解析吗
当我们知道HTTP请求的第一步是域名解析时,那么问题来了1.IP需要域名解析吗?不需要,DNS就是来解析域名的,你没有域名就用不到,直接使用IP地址就OK2.如是域名,是否每次请求都要经过DNS解析?不会,用缓存。...原创 2022-03-07 10:46:38 · 3078 阅读 · 0 评论