subtitle
【译】Web中的图像技术总结,前端开发中各种图片引入的优点缺点及实例 【译】Web中的图像技术总结,前端开发中各种图片引入的优点缺点及实例
前端开发人员在构建网站时需要做出的决定之一就是添加图片的技术。它可以是 HTML <img>,也可以是通过 CSS 背景生成的图片,也可以是 SVG <image>。选择正确的技术很重要,并且可以在性能和可访问性方面
2020-04-24
迎接Vue3.0|Vue3 Composition API中的提取和重用逻辑 迎接Vue3.0|Vue3 Composition API中的提取和重用逻辑
Vue3 Composition API 可以在大型项目中更好地组织代码。然儿,随着使用几种不同的选项属性切换到单一的 setup 方法,许多开发人员面临的问题是… …。 这会不会更混乱,因为一切都在一个方法中 乍一看可能很容易,但是
2020-04-22
迎接Vue3.0 | 在Vue2与Vue3中构建相同的组件 迎接Vue3.0 | 在Vue2与Vue3中构建相同的组件
4月16日,Vue 开发团队终于在今天发布了 3.0-beta.1 版本,也就是测试版。通常来说,从测试版到正式版,只会修复 bug,不会引入新功能,或者删改老功能。所以,如果你对新版本非常感兴趣,或者有新项目即将上马,不妨尝试一下新版本。
2020-04-18
用值填充JavaScript数组的几种方法 用值填充JavaScript数组的几种方法
在本文中,我们将研究如何用我们选择的内容填充新数组。 Array.prototype.fill()我们可以使用数组实例的 fill 方法为现有数组填充值。 它具有以下签名: Array.prototype.fill(value, start
2020-04-17
2020年的12个Vue.js开发技巧和窍门 2020年的12个Vue.js开发技巧和窍门
我真的很喜欢使用 Vue.js,每次使用框架时,我都会喜欢深入研究其功能和特性。通过这篇文章,我向你介绍了十个很酷的提示和技巧,你可能尚未意识到这些技巧和窍门,以帮助你成为更好的 Vue 开发人员。 更漂亮的插槽语法随着 Vue 2.6
2020-04-14
在Vue.js中编写更好的v-for循环的6种技巧 在Vue.js中编写更好的v-for循环的6种技巧
在 Vue.js 中,v-for 循环是每个项目都会使用的东西,它允许您在模板代码中编写 for 循环。 在最基本的用法中,它们的用法如下。 <ul> <li v-for="product in products">
2020-04-12
HTML5:给汉字加拼音?收起展开组件?让我秀给你看 HTML5:给汉字加拼音?收起展开组件?让我秀给你看
来看看 HTML 的历史和规范常识。HTML 规范是 W3C 与 WHATWG 合作共同产出的,HTML5 因此也不例外。其中: W3C 指 World Wide Web Consortium WHATWG 指 Web Hypertext
2020-04-07
实战|这个炫酷的播放粒子效果,你也可以学会!使用Web动画API制作 实战|这个炫酷的播放粒子效果,你也可以学会!使用Web动画API制作
又一期实战教程来了,本次实战教你创建一个粒子魔术效果,跟着我做,包你也能学会和理解。 当谈到运动和动画时,可能没有什么比粒子更让我喜欢了,这就是为什么每次我探索新技术时,我总是以尽可能多的创建粒子来演示。 在本文中,单击按钮时,我们将使用
2020-04-04
package-lock.json和yarn.lock是您最好的朋友 package-lock.json和yarn.lock是您最好的朋友
为什么要保留它们以及何时要抛弃它们? 你是不是遇到和思考过下面的问题? 什么是 package-lock.json(或 yarn.lock)? 我们为什么需要它? 我的 package-lock.json 文件中有冲突 我提交时会忽略
2020-03-29
使用React Hook创建一个可排序表格组件 使用React Hook创建一个可排序表格组件
我花了一些精力来创作本文,以及熬夜编写本文的示例程序,以便您能在阅读之后可以实践参考,阅读后如果觉得对您有帮助,可以关注作者、收藏和点赞本文,这是对作者写出优质文章最大的鼓励了。 在本文中,我将创建一种可重用的方法来对 React 中的表格
2020-03-23
【译】改善React应用性能的5个建议 【译】改善React应用性能的5个建议
你的 React 应用是否感到有些迟缓?你是否害怕在 Chrome DevTools 中打开 “paint flash”?试试这 5 个性能技巧吧! 本文包含有关 React 开发的 5 条性能建议。 1.使用 memo 和 Pur
2020-03-21
CSS变量实现暗黑模式,我的小铺页面已经支持 CSS变量实现暗黑模式,我的小铺页面已经支持
最近微信被苹果逼的开发了暗黑模式,越来越多的网站和应用开始支持了暗黑模式,许多人也喜欢为网站选择暗模式,也许他们更喜欢这样的外观,或者他们想让自己的眼睛免受疲劳。这篇文章将告诉你如何实现一个自动的 CSS 暗模式,根据你的访客的主题来改变。
2020-03-15
【译】7个简单但棘手的JavaScript面试问题 【译】7个简单但棘手的JavaScript面试问题
如果您符合高级开发人员的资格,其工作涉及 JavaScript,那么在编码面试中很有可能会被问到棘手的问题。 遵循这个建议:“熟能生巧”。深入有规律地学习 JavaScript 将提高您的编码能力,并且可以提高您的面试技巧。 在这篇文章中,
2020-03-13
拒绝JavaScript,这三个CSS技巧你一定用的上​ 拒绝JavaScript,这三个CSS技巧你一定用的上​
本文介绍三个CSS技巧,一定程度上可以代替JavaScript,内容来自于看张鑫旭的大作《CSS选择器世界》时选择的几个比较实用的内容。 一起来看看这些技巧吧。 1. :active伪类与CSS数据上报如果想要知道两个按钮的点击率,CSS开
2020-03-11
【小技巧】巧用CSS属性值正则匹配选择器 【小技巧】巧用CSS属性值正则匹配选择器
属性值正则匹配选择器包括下面3种: [attr^=”val”] [attr$=”val”] [attr*=”val”] 这3种属性选择器是字符匹配,而非单词匹配。其中,尖角符号^、美元符号$以及星号*都是正则表达式中的特殊标识符,分别表
2020-03-09
【快速复习】Node.js中的fs模块的使用 【快速复习】Node.js中的fs模块的使用
JavaScript 的是没有操作文件的能力,但是 Node 是可以做到的,Node 提供了操作文件系统模块,是 Node 中使用非常重要和高频的模块,是绝对要掌握的一个模块系统。 fs 模块提供了非常多的接口,这里主要说一下一些常用的接口
2020-03-04
【译】编写高质量JavaScript模块的4个最佳实践 【译】编写高质量JavaScript模块的4个最佳实践
使用ES2015模块,您可以将应用程序代码分成可重用的、封装的、专注于单一任务的模块。 这很好,但是如何构造模块呢?一个模块应该有多少个函数和类? 这篇文章介绍了有关如何更好地组织JavaScript模块的4种最佳实践。 1.优先使用命名
2020-03-04
小技巧·package.json中homepage属性的作用 小技巧·package.json中homepage属性的作用
做前端开发的同学对 package.json 文件一定不陌生,但我们通常很少去关注它,最熟悉的莫过于几个最基本的属性,如: name,项目名称 version,项目版本号 dependencies,项目依赖包 scripts,npm 命令
2020-02-25
Webpack 的 Tree Shaking 用法 Webpack 的 Tree Shaking 用法
webpack 2.0 开始引入 tree shaking 技术,翻译过来的中文意思就是摇树,它可以在打包时忽略没有用到的代码。 机制简述tree shaking 是 rollup 作者首先提出的。这里有一个比喻: 如果把代码打包比作制作
2019-12-29
【实战】微信小程序云开发中,使用TcbRouter路由模块在一个云函中解决多个业务逻辑 【实战】微信小程序云开发中,使用TcbRouter路由模块在一个云函中解决多个业务逻辑
最近在做自己的小程序《看啥好呢》,这个小程序是使用云开发的方式开发的,功能特别简单,就是获取豆瓣、大麦网的数据展示,虽然功能简单,但还是记录下开发过程和一些技术点,大约会有两篇博文产出,这是第二篇。GitHub 地址 在上一篇《实战:在
2019-12-09
3 / 6