前端
文章平均质量分 67
诗水人间
要想走的更远,就需要思考更深层次的问题。冷静、智慧、深沉是我所向往的
展开
-
js对象equals,深度equals,包括数组,嵌套对象或数组。递归处理
下面是我封装的函数deepEquals可以解决以下场景下的对象等于判断:普通对象(key是字符串、value不能是二维数组),数字、字符串、null、undefined、一维数组对于一般的json对象,很可能会对象嵌入数组,数组中又包含对象,如果顺序一致还可以比较我的原理是将数组看作一个对象key为0…length长度的对象而普通对象本身就存在key,value的形式但由于数组比较特殊,其key自然顺序的,而普通的对象key可以是无序的,只要key不重复即可因此如果传进去的a对象是数组,内原创 2022-04-29 15:07:59 · 971 阅读 · 0 评论 -
前端js的debug你会吗?难道你只会console.log/alert?
自己是做开发的,前端也学了不少,用的最熟练的是vue,最近打算学一下React,在学习的过程中,学到前端的debug。对于前端,相信很多人既熟悉又陌生,几乎很多人都懂些前端,前端开发,很多人连浏览器自带的开发者工具F12用的都不熟,在开发的过程中遇到bug,一般的情况下都是通过console.log、alert 等方式进行调试。使用这种方式的原因是很多人都不知道F12的开发者工具是可以debug的,而且自己没有用过,周边的同事也很少用,基本上都是console.log。即使知道F12能进行debug,原创 2021-12-05 23:12:50 · 6942 阅读 · 4 评论 -
css中使用自定义字体 和 自定义字体图标
下载并安装Adobe Illustrator CC 2019简称AI下载并安装FontLab7简称AI软件安装包:链接: https://pan.baidu.com/s/1C8d44Y2z4ro7hKg9amt86g 提取码: tvng自定义字体 为什么要使用自定义字体?浏览器对于字体的支持力度不一样,概括的说:不是所有的字体浏览器都支持!换而言之:要使用浏览器不支持的字体,就得通过其它方法解决解决方案:css3中使用@font-face可以支持浏览器不支持得字体第一步、需要将字体文原创 2020-09-15 16:11:02 · 121782 阅读 · 0 评论 -
js之间的互相引用踩坑记录
首先需要在script标签上的type标记为module<script src="js/api.js" type="module"></script>而我这里的api.js引用来其他封装的js文件,当时用的是引用的是 ajaxUtils.js在es6中实际上.js可以不写,但是这样在浏览器中会导致404错误,浏览器下载不到对应的js文件导致报错import ajax from "./ajaxUtils";因此需要填上.jsimport ajax from "./aja原创 2020-07-07 05:38:23 · 140879 阅读 · 0 评论 -
Vue修改elment-ui组件的el-aside的width
<el-aside width="200px" ref="aside" id="aside"></el-aside>会发现通过指定this.$ref.aside.style.width=auto或者指定值,会发现控制台直接报错,修改不生效。换种做法将200px作为属性计算,进行双向绑定数据<el-aside :width="200px" id="aside"></el-aside>const vm = new Vue({ // 配置对象 opt原创 2020-07-07 02:11:41 · 145122 阅读 · 0 评论 -
html中使用vue-router
引入vue和vue-router<script src="https://unpkg.com/vue/dist/vue.js"></script><script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>完整的示例<!DOCTYPE html><html><head> <meta charset="UTF-8"&g转载 2020-07-07 00:43:01 · 179718 阅读 · 10 评论 -
Chrome开发者模式快捷键
Console()Ctrl + L : 清除控制台消息Enter: 执行代码或者命令Debugger(调试面板)F8 or Ctrl + : 暂停/继续F10 or Ctrl + ': 单步执行F11 or Ctrl +;: 单步进入Shift + F11 or Ctrl + Shift+;: 单步退出Ctrl +./Ctrl+, : 上一帧/下一帧(译为框架怪怪的)Ctrl +Shift+E: 被选中代码在控制台中打印出console信息(非常实用)Ctrl + Shift原创 2020-07-06 03:17:36 · 166985 阅读 · 0 评论