百度疫情tab

2021-01-06
阅读 2 分钟
1.6k
百度疫情一个小东西,说实话让我写 没有产品特定的效果,我可能不会这么写,不过无意中看到了算是拓展下思路:用隐藏的复选框作为二选一的标识,label包裹,充分利用伪元素,减少标签渲染,before白色块作为主要动画元素,after做瞬变无动画,包裹当前活跃标签,left控制偏移,content修改标签内容

B站面试总结(带答案)

2020-04-02
阅读 1 分钟
4.2k
!! 事件委托以及事件委托的优缺点 !!! Javascript处理异步 前端异步技术之Promise Promise 必知必会(十道题) - javaScript之Math常用方法 !!! 前端的存储技术 !!! this: 只能在运行时才能确定理解this ! 作用域链的理解 !!! JavaScript数据结构 堆是一种基于数的数据结构,最小堆满足根节点最小,最大堆反之;队列与栈...

复制粘贴插件——clipboard.js的使用

2019-10-11
阅读 3 分钟
51.2k
将文本复制到剪贴板应该不难。配置它不需要几十个步骤,也不需要加载数百KB的js文件 。但最重要的是,它不应该依赖Flash或任何臃肿的框架。这就是clipboard.js存在的原因。

30秒系列之面试

2019-09-23
阅读 8 分钟
1.5k
当图片加载失败无法看到时,页面会显示alt 属性提供的信息。alt 属性是用于描述图片信息的,那些装饰性的图片除外,这些图片的 alt 信息应该置空。

linux/mac常用基础命令行以及参数注解

2019-09-10
阅读 5 分钟
3.3k
命令行(command-line)窗口(有时指CLI,相对于GUI图形操作界面)是一个支持键入文本命令使计算机执行相应任务的工具,它与日常的鼠标的在菜单和按钮上的移动与点击形成鲜明的对比。由于你可以通过键盘输入直接控制计算机,很多操作任务都可以快速执行,一些批量操作可以通过特殊的命令自动完成————大大节省时间,提升效...

TypeScript入门

2019-09-02
阅读 6 分钟
1.6k
TypeScript 是 JavaScript 的一个超集,主要提供了类型系统和对 ES6 的支持,它由 Microsoft 开发,代码开源于 GitHub 上。

步步向前之webpack

2019-07-29
阅读 3 分钟
1.2k
我所在项目工程暂未受到影响,所以我个人觉得简写的可能性大点,但也不排除第一种说法 webpack 对写法 做了兼容,新版本的文档都是采用 use, 所以大家采用 use 就好。

nginx相关命令

2019-06-19
阅读 1 分钟
1.6k
启动 启动代码格式:nginx安装目录地址 -c nginx配置文件地址 例如: {代码...} 停止 nginx的停止有三种方式: 从容停止  - 1、查看进程号 {代码...}  - 2、杀死进程 {代码...} 快速停止 1、查看进程号 {代码...} 2、杀死进程 {代码...} 强制停止 {代码...} 重启 验证nginx配置文件是否正确 方法一:进入nginx安装目录...

前端面试题·甄选(持续更新)

2019-04-27
阅读 2 分钟
2.4k
2019.04.23 已知如下代码,如何修改才能让图片宽度为 300px ?注意下面代码不可修改 {代码...} 解决方案: css3的缩放: {代码...} js: {代码...} css: max-width: 300px; (这个我当时没想到...) css: box-sizing: border-box; padding-left: 90px; padding-right: 90px; (这个我当时也没想到...) 2019.03.22 Promise 构...

Vue——“...infinite update loop...”

2019-04-23
阅读 2 分钟
4.1k
一个尤大大曾回复过的问题 vue warn : You may have an infinite update loop in a component render function 最近再写一个数组渲染时,源数据是拿到的数组经过排序后的数组,正常运行却出现爆红: 报红代码: {代码...} 然后... 然后百思不得解,最终找到源头: 你的确导致了一个无限循环, 因为array.sort()改变了数...

handlebar.js模板引擎(轻页面小工程可用)

2018-11-14
阅读 7 分钟
4.3k
Handlebars 让你能够有能力高效地容易地创立语义化的模版。Handlebars兼容Mustache语法,在大多数情况下它可以读取Mustache的语法并在你当前模板中使用。具体点击这里

步步向前之Element-UI

2018-10-30
阅读 7 分钟
3k
这里文档只给了一种固定高度250px的解决方案,实际应用大多数是需要自适应占满父元素,超出滚动固定表头的。值得一提的是,height可以动态绑定,我的解决方案是给表格包一个父元素,并绑定一个值100%给height。

Slice无参调用可以将类数组对象(含有length属性)转化成数组

2018-07-05
阅读 2 分钟
2k
我带着好像少了一个必需参数的疑问去查资料后得知:Array.prototype.slice.call(arguments)能将具有length属性的对象转成数组,除了IE下的节点集合(因为ie下的dom对象是以com对象的形式实现的,js对象与com对象不能进行转换)如:

前端一些常用的CSS和JavaScript技巧

2018-06-04
阅读 17 分钟
2.7k
CSSpageY、clientY与screenY的差别(X同理)html5中a的download属性定义和用法 {代码...} download 属性是HTML5中新增的 <a> 标签属性。语法属性值值 描述<a download="filename">filename指定文件名称。检测浏览器是否支持download属性 {代码...} 1px边框(解决不同分辨率屏幕1px的宽窄不同)缩放原理 {代码....

步步向前之vue

2018-05-14
阅读 11 分钟
3.9k
axios 改写为 Vue 的原型属性首先在主入口文件main.js中引用,之后挂在vue的原型链上 {代码...} 在组件中使用 {代码...}

VsCode 配置Eslint格式化代码(vue)以及常用插件

2018-05-09
阅读 2 分钟
45.2k
配置eslint 插件扩展商店搜索 eslint,点击安装,并重新加载; 配置eslint,打开 文件==>首选项==>设置; 在用户设置中插入配置代码(支持vue): {代码...} 此时,eslint就可以在项目中检测代码了 eslint检测比较严格,若希望vue按照eslint格式化代码,进行以下操作: 安装插件Vetur,这是vscode上一个vue.js代码提...

数值类型vs引用类型

2017-11-10
阅读 6 分钟
3.2k
JavaScript有5种通过复制数值传值的数据类型:Boolean, null, undefined, String, and Number。我们称之为原始/基本数据类型JavaScript还有三种通过引用传值的数据类型:Array, Function, and Object。从专业角度讲,它们都是Objects, 故而统称为对象。

JavaScript的作用域、闭包、(apply, call, bind)

2017-11-08
阅读 12 分钟
2.9k
那么,限制变量的可见性不让其在代码中处处可见的意义是什么?优势之一 是作用域使你的代码具备一定的安全性。一个通用的计算机安全性原则就是让用户每次只访问他们需要的东西。

ES7/8流行特性

2017-10-24
阅读 5 分钟
2.3k
Array.prototype.includes(数组是否包含某元素) 它的作用类似于indexOf(),都可以用来查询数组或字符串是否包含指定元素。indexOf()会返回相应元素的位置,下标从0开始;includes()会返回布尔值。 {代码...} includes第二可选参数fromIndex,允许从特定位置开始寻找匹配. {代码...}

浏览器嗅探

2017-10-19
阅读 9 分钟
5.8k
浏览器的嗅探主要基于Window对象的Navigator属性对浏览器的类型、名称、厂商以及运行环境等作出判断,满足不同生产环境的需求。 常见的微信浏览器环境的判断: {代码...} 以上代码js部分基本可以直接截取出作为微信浏览器运行环境下的判断,并提供了错误页内容。 值得一提的是,我在微信windows版本中测试其内置浏览器识...

CSS自定义变量属性——像less,sass那样在css中使用变量(译)

2017-09-22
阅读 4 分钟
4.7k
通常大型文档或者应用(甚至小规模的文档或应用)会包括大量的CSS。在这些CSS文件中通常会有大量相同的数据;例如,一个网站可能用了一个颜色主题并反复用三到四种颜色贯穿始终。改动这些数据会非常困难并且容易出错,因为它零散地分布在CSS文件(甚至多个文件)中,可能无法使用寻找替换实现。

git 及其基本操作

2017-09-14
阅读 10 分钟
2.9k
首先git和github不是同一个东西。Git是一款免费、开源的分布式版本控制系统,而github是基于git的代码托管平台且同时也具有版本记忆功能。

当看到这些计算机专业术语/计算机专业英文词汇...

2017-09-14
阅读 2 分钟
2.7k
CLI command-line interface 命令行用户界面,是指可在用户提示符下键入可执行指令的界面。在安装很多工具时会看到,比如vue-cli、react-native-cli等等。