![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
高效撸码
文章平均质量分 95
全栈道路
一个会写点js的热爱足球和篮球的准备进阶全栈开发的前端开发
展开
-
提高开发效率的 Chrome 开发者工具高端使用技巧(一)
工欲善其事必先利其器,Chrome 浏览器应该算是前端开发人员最常用的工具了,本期带来一些很实用的 Chrome 浏览器调试方法,这些调试方式可以从性能,逻辑,布局,交互等等方面帮助和提高开发效率。以下快捷键部分均是在 MacBook 硬件环境下,Windows 系统下请自行更正部分快捷键更多文章在我的 Github 及个人公众号【全栈道路】上,欢迎观赏【一个不知名的足球狗的前端知识点】,如有受益,不要钱,小手点个Star。如何打开 Chrome Devtool在 Chrome 菜单..原创 2021-10-24 14:01:48 · 1753 阅读 · 0 评论 -
CSS冷门属性 mix-blend-mode 制作文字镂空效果
CSS冷门属性 mix-blend-mode 制作文字镂空效果本篇文章为大家带来如何制作文字镂空效果,仅仅使用CSS样式进行处理,借助 mix-blend-mode 属性,将文字的颜色反转,从而实现视觉上镂空。更多文章在我的 Github 及个人公众号【全栈道路】上,欢迎观赏【一个不知名的足球狗的前端知识点】,如有受益,不要钱,小手点个Star。阅读本文您将收获mix-blend-mode 属性介绍mix-blend-mode 可以实现哪些效果mix-blend-mode 属性.原创 2021-09-25 16:02:20 · 1977 阅读 · 0 评论 -
JS 浮点数存储与计算
写在前面JavaScript中有些特殊的计算结果,如 0.1 + 0.2 = 0.30000000000000004(这个问题不止在JavaScript中存在,在C++、java语言中都存在这个问题,只不过这些强类型语言封装好了方法来解决这个问题。)想必大家都知道这是由于存储时数据长度截取造成的问题,但是计算机是如何存储计算这些数值的呢,本文结合多个计算机基础知识解释这点。更多文章在我的github及个人公众号【全栈道路】上,欢迎观赏【全栈道路 · 前端知识点】,如有受益,不要钱,小手点个Sta.原创 2021-01-31 11:25:04 · 871 阅读 · 0 评论 -
img标签到底是行内元素还是块级元素
面试官问你<img>是什么元素时你怎么回答写这篇文章源自我之前的一次面试,题目便是问img标签属于块级元素还是行内元素,当时想都没想就说了是行内(inline)元素,面试官追问为什么能够设置 <img /> 标签的宽和高,当时脑子突然一懵,发现这是自己技术上的一个空白,所以有了这篇文章。阅读本文您将收获<img />标签的基本使用MDN关于元素的定义特殊的可替换元素<img /> 标签的基本使用浏览器支持所有主流浏览器都支持 <.原创 2020-11-27 14:19:16 · 17144 阅读 · 5 评论 -
冷门的HTML - tabindex 的作用
冷门的HTML - tabindex 的作用HTML 的 tabindex 属性开发过程中一般不会使用到,最近开发中有个需求兼顾富交互,便总结了一下。本篇文章同时收录在我的【前端知识点】中,Github链接直达,欢迎 Star按照惯例,放上官方定义兼容性:Safari不支持!阅读本文您将收获tabindex的作用tabindex的使用如何利用 tabindex 创造更好的用户体验前言在我们日常使用网页的过程中,可以通过键盘控制一些元素的聚焦,从而达到便捷访问的目的原创 2020-11-01 10:23:35 · 631 阅读 · 0 评论 -
ES6 Proxy 的巧用
阅读本文您将收获JavaScript 中的 Proxy 是什么?能干什么?Vue3.0 开始为什么用 Proxy 代替 Object.definePropertyProxy 是什么“解释参考MDN,链接直达名词解释Proxy 对象用于定义基本操作的自定义行为(如属性查找、赋值、枚举、函数调用等)Proxy 用于修改某些操作的默认行为,也可以理解为在目标对象之前架设一层拦截,外部所有的访问都必须先通过这层拦截,因此提供了一种机制,可以对外部的访问进行过滤和修改语法const p = .原创 2020-09-07 11:02:35 · 795 阅读 · 0 评论 -
js 操作 cookie 实操
阅读本文您将收获js 读取cookie操作js 删除cookie操作js读取cookie操作方法一let acookie=document.cookie.split("; "); //获取单个cookiesgetck:function(sname){ for(let i=0;i<acookie.length;i++){ let arr=acookie[i].split("="); if(sname==arr[0]){ if(arr.length>1){..原创 2020-07-11 15:51:10 · 356 阅读 · 0 评论 -
记一次惨痛的Vue-cli + VueX + SSR经历
记一次惨痛的Vue-cli + VueX + SSR经历前言介绍此篇写于一年前,当时仅作为自己的个人项目总结,现在换了工作,就把之前的一些经验或教训发出来,以警后人,也为大家碰到相同问题时提供解决方案,或多或少有帮助您就点个赞,如果有问题或更好的解决方式请在评论中指出或关注公众号给我留言,感谢指点。总部提出新项目,大致需求就是APP内置一个H5商城,于是开始出差去总部极限开发,可没想到碰到的问题让我一个工作经验只有半年多点的应届生熬了好几宿。技术选型项目语言:HTML、CSS、J原创 2020-06-07 22:29:29 · 3359 阅读 · 0 评论 -
[高效撸码]ITerm2安装使用指南
之前一直用 MAC OS 自带的终端进行操作,但总感觉差点事,于是在同事的介绍下,用上了iTerm2,结合 on my zsh 之后发现很强大,正式入坑阅读所有文章请点击文章建议阅读时间:5分钟阅读本文您将收获:iTerm2 安装iTerm2 使用技巧安装iTerm2方式一下载地址解压之后便是执行程序文件方式二使用 MAC OS 自带的 Homebr...原创 2020-02-18 21:27:08 · 879 阅读 · 0 评论