前言在写过一段时间 CSS 之后，大家对于常见的属性应该都很熟悉，例如最基本的 display、position、padding、margin、border、background 等等，在写 CSS 的时候不需要特别查什么东西，很顺的就可以写出来。这些属性之所以常见，是因为许多地方都用得到，而有些 CSS 属性只能使用在某些特定的地方，或者只有在某个特定的情境之下才会出现。我经...
HTML5
2021年04月27日
01150
一、背景随着 iOS 13 的发布，深色模式(Dark Mode)越来越多地出现在大众的视野中，支持深色模式已经成为现代移动应用和网站的一个潮流，前段时间更是因为微信的适配再度引起热议。深色模式不仅可以大幅减少电量的消耗，减弱强光对比,还能 提供更好的可视性和沉浸感。如何切换深色模式iOS：“设置”--“显示与亮度”--“外观”，选择“深色”Android：“系统设置”--“显...
HTML5
2021年04月21日
01380
这两年我看到很多关于这方面的文章和帖子，这的确是一个非常方便的东西。但是，太多的实现还是有漏洞，残缺不全的实现，等等。整体概念是合理的：使用HTML 5属性来限制可以发送到服务器的内容，然后使用Javascript增强它，以限制用户可以在第一个地方输入的内容。所以让我们来看看这些问题，并更好地实现它。问题1，不好的脚本最常见的缺陷是缺乏适当的降级功能。 如果您要在“electr...
HTML5
2021年03月13日
11900
时隔将近一年， jQuery团队终于揭开了等待已久的3.6.0发布版的神秘面纱，带来了全新的、精简过的选项，以及新的主要功能、改进和bug的修复。更新后的jQuery有哪些特点？又给我们带了什么样的全新体验？今天的文章小渡就为你一探究竟！1、什么是jQueryjQuery简写jq，Query是查询的意思，jQuery顾名思义就是一个让JavaScript更加方便的查询和控制页面...
Javascript
2021年03月13日
13980
有时候，依赖 Vue 响应方式来更新数据是不够的，相反，我们需要手动重新渲染组件来更新数据。或者，我们可能只想抛开当前的DOM，重新开始。那么，如何让Vue以正确的方式重新呈现组件呢？强制 Vue 重新渲染组件的最佳方法是在组件上设置:key。当我们需要重新渲染组件时，只需更 key 的值，Vue 就会重新渲染组件。这是一个非常简单的解决方案。当然，你可能会对其他方式会更感兴趣...
Vue
2021年03月05日
12980
VantUI是移动端h5开发比较火的一个ui框架// 网站地址 https://vant-contrib.gitee.io/vant/#/zh-CN/今天介绍Tab标签页的使用引入import Vue from 'vue'; import { Tab, Tabs } from 'vant'; Vue.use(Tab); Vue.use(Tabs);基本使用通过 v-model ...
前端开发
2021年03月05日
13510
链接是HTML的基础元素，因为Web的设计初衷就是想把一组文档彼此链接起来组成信息分享网络。HTML的超文本(Hyper Text)部分定义了链接的类型即：超文本链接(hypertext links),也就是超链接(hyperlinks)。在HTML中，链接是内联元素，使用标签。href(hypertext reference) 属性用来定义链接的目标地址(当...
HTML5
2021年02月25日
02390
前言 函数是所有编程语言中重要的组成部分，在Es6出现之前 JavaScript的函数语法一直没有太大的变化，从而遗留了很多问题和隐晦的做法，导致实现一些功能需要编写很多代码。函数形参默认值 JavaScript函数有一个特别的地方，就是无论在函数形参里定义了多少参数，都可以传入任意数量的参数，但是有的情况下，我们的参数只是可填，这样的话我们还在函数体呢写一堆逻辑从而导致代码冗...
Javascript
2021年02月22日
02370
前言含义和使用nextTick的官方解释：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。啥意思呢，即我们对Vue中data数据的修改会导致界面对应的响应变化，而通过nextTick方法，可以在传入nextTick的回调函数中获取到变化后的DOM，讲起来可能还是有点梦幻，下面我们直接使用nextTick体验一下效果。比如我们有...
Vue
2021年02月19日
02881
一款专为 vue.js 打造，设计优雅，体验流畅舒服的现代富文本编辑器。关于 TiptapTiptap 是一款专为 vue 打造的简洁明快的富文本编辑器，通过简单的设置能为用户提供多种优秀的文字编辑体验。Tiptap 官网基于 vue.js 的富文本编辑器Tiptap 最大的特点是预置的渲染，没有任何 CSS，用户可以更全面地控制段落标记和样式视觉设计以及交互动效简洁明快，能够...
Vue
2021年02月15日
012190
在我们的开发工程中经常会使用到各种图，所谓的图就是由节点和节点之间的连接所形成的系统，数学上专门有一个分支叫图论(Graph Theroy)。利用图我们可以做很多工具，比如思维导图，流程图，状态机，组织架构图，等等。今天我要做的是用开源的HTML5工具来快速构造一个做图的工具。工具选择工预善其事，必先利其器。第一件事是选择一件合适的工具，开源时代，程序员还是很幸福的，选择很多。...
HTML5
2021年02月14日
04260
简要介绍mannequin.js是一款可以通过JavaScript实现控制人体关节模型的超酷类库。mannequin.js基于经典的Three.js库，官网所展现的Demo效果令人惊奇到掉了下巴，真的是震撼！接下来说下细节。首先，它可以选择创建Male、Female、Child三种人体模型。其次，每种模型可以细分到头部、颈部、躯干、骨盆。上肢可以细分为手臂、肘部、腕部和手指，下...
Javascript
2021年02月12日
04760
准备JavaScript面试时应了解的事项。JavaScript现在是一种非常流行的编程语言，基于该语言，派生了大量库和框架。 但是，无论高层生态系统如何发展，离不开原始的JavaScript。 在这里，我选择了4个JavaScript面试问题来测试程序员使用普通JavaScript的技能。1.实现Array.prototype.map如何手动实现Array.prototype...
Javascript
2021年02月09日
02830
在模拟bind之前，我们先了解bind的概念，这里引入MDN解释：bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。说的通俗一点，bind与apply/call一样都能改变函数this指向，但bind并不会立即执行函数，而是返回一个绑定了this的新函数，你需...
Javascript
2021年02月07日
02490
this 是什么Javascriptthis关键词指的是他所属的对象，它拥有不同的值，具体取决于使用的位置和调用方式。使用方式在方法中，它指向这个方法的拥有者在函数中，它是全局对象window严格模式下在函数中，它是undefined单独使用时，它是全局对象window在事件中，它指向触发事件的目标对象e.target不同执行模式下的差异化javascript 中的this不同...
Javascript
2021年02月07日
02430
Vuex 是一个专门为 Vue.js 应用程序开发的状态管理模式。Vuex 采用集中式存储管理应用的所有组件组件的状态。换句话说，Vuex 就是帮开发者存储多个组件共享的数据，方便开发者对其读取的更改的工具。Vuex 4 正式版本现已正式发布。Vuex 4 的改进重点是兼容性。Vuex 4 支持 Vue 3，并提供了与 Vuex 3 完全相同的 API，因此用户可以在 Vue ...
Vue
2021年02月07日
08910
今天给大家分享一下Element UI 多选框组用法笔记，直接上代码！
二、使用1、...Javascript
2021年02月04日
02940
了解ref()、reactive()这两个特性之前，我们先回顾一下vue2中data和method方法。在vue2中我们定义一个响应式变量name，通过点击事件handle来改变name的值是通过如下方式写的。这样只要name改变则界面相应的会发生改变，这就是数据的双向绑定。 {{name}} <...>
Vue
2021年02月04日
024990
基本介绍现在市面上有非常多的基于 Vue 的组件库，但是看了好多都没有发现有关留言评论的组件，这对于想做一些文章信息展示类的项目可就显得棘手了，因为有太多的页面需要这个功能了，难道我们需要重复的去写(复制粘贴)这些代码吗？对于现在模块化体系逐渐完善的前端工程项目来说，一次性封装一个通用功能的组件式非常有必要的，那现在我们就去封装这样一个组件吧！必备技术(Vue)由于封装的组件式...
Vue
2021年02月03日
02390
reduce作为ES5新增的常规数组方法之一，对比forEach 、filter和map，在实际使用上好像有些被忽略，发现身边的人极少用它，导致这个如此强大的方法被逐渐埋没。如果经常使用reduce，怎么可能放过如此好用的它呢！我还是得把他从尘土中取出来擦干净，奉上它的高级用法给大家。一个如此好用的方法不应该被大众埋没。下面对reduce的语法进行简单说明，详情可查看MDN的r...
Javascript
2021年02月03日
02590
最近在做一个即时聊天项目，用户要求除了可以发送图文，还要发送视频信息。刚开始觉得很简单呐，和普通文件下载不是一样？！谁知联调过程中就垮了，视频加载贼慢，根本无法观看。有的视频还没法加载，你知道的，前端直接裂了！！！
HTML5
2021年02月03日
03150
前言因为工作内容变更的原因，在20年的时候，我的前端技术栈由Angular转移到了Vue。 它们都是现阶段比较火的前端框架，在一开始的时候，需要快速地转换一下组件设计的思想。到现在也有半年多的时间了，我现在的前端技术栈主要如下：前端框架：Vue 2UI框架： Element UI开发语言： TypeScript使用这些技术，不断地开发、封装一些项目中的组件，乐此不疲。需求在项目...
Vue
2021年02月03日
02730
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
