• 一些不好记却很好用的 CSS 属性

    前言在写过一段时间 CSS 之后,大家对于常见的属性应该都很熟悉,例如最基本的 display、position、padding、margin、border、background 等等,在写 CSS 的时候不需要特别查什么东西,很顺的就可以写出来。这些属性之所以常见,是因为许多地方都用得到,而有些 CSS 属性只能使用在某些特定的地方,或者只有在某个特定的情境之下才会出现。我经...

    HTML5 2021年04月27日 111 0
  • H5项目适配系统深色模式方案

    一、背景随着 iOS 13 的发布,深色模式(Dark Mode)越来越多地出现在大众的视野中,支持深色模式已经成为现代移动应用和网站的一个潮流,前段时间更是因为微信的适配再度引起热议。深色模式不仅可以大幅减少电量的消耗,减弱强光对比,还能 提供更好的可视性和沉浸感。如何切换深色模式iOS:“设置”--“显示与亮度”--“外观”,选择“深色”Android:“系统设置”--“显...

    HTML5 2021年04月21日 136 0
  • 使HTML 5数字输入仅接受整数

    这两年我看到很多关于这方面的文章和帖子,这的确是一个非常方便的东西。但是,太多的实现还是有漏洞,残缺不全的实现,等等。整体概念是合理的:使用HTML 5属性来限制可以发送到服务器的内容,然后使用Javascript增强它,以限制用户可以在第一个地方输入的内容。所以让我们来看看这些问题,并更好地实现它。问题1,不好的脚本最常见的缺陷是缺乏适当的降级功能。 如果您要在“electr...

    HTML5 2021年03月13日 189 0
  • jQuery3.6.0终于来了!全新版本有不同?

    时隔将近一年, jQuery团队终于揭开了等待已久的3.6.0发布版的神秘面纱,带来了全新的、精简过的选项,以及新的主要功能、改进和bug的修复。更新后的jQuery有哪些特点?又给我们带了什么样的全新体验?今天的文章小渡就为你一探究竟!1、什么是jQueryjQuery简写jq,Query是查询的意思,jQuery顾名思义就是一个让JavaScript更加方便的查询和控制页面...

    Javascript 2021年03月13日 387 0
  • Vue 中 强制组件重新渲染的正确方法

    有时候,依赖 Vue 响应方式来更新数据是不够的,相反,我们需要手动重新渲染组件来更新数据。或者,我们可能只想抛开当前的DOM,重新开始。那么,如何让Vue以正确的方式重新呈现组件呢?强制 Vue 重新渲染组件的最佳方法是在组件上设置:key。当我们需要重新渲染组件时,只需更 key 的值,Vue 就会重新渲染组件。这是一个非常简单的解决方案。当然,你可能会对其他方式会更感兴趣...

    Vue 2021年03月05日 289 0
  • 前端开发-VantUI的Tab标签页组件

    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日 353 0
  • 链接是Web的核心元素

    链接是HTML的基础元素,因为Web的设计初衷就是想把一组文档彼此链接起来组成信息分享网络。HTML的超文本(Hyper Text)部分定义了链接的类型即:超文本链接(hypertext links),也就是超链接(hyperlinks)。在HTML中,链接是内联元素,使用<a>标签。href(hypertext reference) 属性用来定义链接的目标地址(当...

    HTML5 2021年02月25日 236 0
  • 你真的了解ES6函数特性么?

    前言 函数是所有编程语言中重要的组成部分,在Es6出现之前 JavaScript的函数语法一直没有太大的变化,从而遗留了很多问题和隐晦的做法,导致实现一些功能需要编写很多代码。函数形参默认值 JavaScript函数有一个特别的地方,就是无论在函数形参里定义了多少参数,都可以传入任意数量的参数,但是有的情况下,我们的参数只是可填,这样的话我们还在函数体呢写一堆逻辑从而导致代码冗...

    Javascript 2021年02月22日 237 0
  • Vue nextTick彻底理解

    前言含义和使用nextTick的官方解释:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。啥意思呢,即我们对Vue中data数据的修改会导致界面对应的响应变化,而通过nextTick方法,可以在传入nextTick的回调函数中获取到变化后的DOM,讲起来可能还是有点梦幻,下面我们直接使用nextTick体验一下效果。比如我们有...

    Vue 2021年02月19日 281 1
  • tiptap - 基于 vue 的优雅流畅的富文本编辑器 Vue

    tiptap - 基于 vue 的优雅流畅的富文本编辑器

    一款专为 vue.js 打造,设计优雅,体验流畅舒服的现代富文本编辑器。关于 TiptapTiptap 是一款专为 vue 打造的简洁明快的富文本编辑器,通过简单的设置能为用户提供多种优秀的文字编辑体验。Tiptap 官网基于 vue.js 的富文本编辑器Tiptap 最大的特点是预置的渲染,没有任何 CSS,用户可以更全面地控制段落标记和样式视觉设计以及交互动效简洁明快,能够...

    Vue 2021年02月15日 1111 0
  • 用HTML5构建一个流程图绘制工具

    在我们的开发工程中经常会使用到各种图,所谓的图就是由节点和节点之间的连接所形成的系统,数学上专门有一个分支叫图论(Graph Theroy)。利用图我们可以做很多工具,比如思维导图,流程图,状态机,组织架构图,等等。今天我要做的是用开源的HTML5工具来快速构造一个做图的工具。工具选择工预善其事,必先利其器。第一件事是选择一件合适的工具,开源时代,程序员还是很幸福的,选择很多。...

    HTML5 2021年02月14日 410 0
  • Js震撼人心的超酷人体模型类库Mannequin.js

    简要介绍mannequin.js是一款可以通过JavaScript实现控制人体关节模型的超酷类库。mannequin.js基于经典的Three.js库,官网所展现的Demo效果令人惊奇到掉了下巴,真的是震撼!接下来说下细节。首先,它可以选择创建Male、Female、Child三种人体模型。其次,每种模型可以细分到头部、颈部、躯干、骨盆。上肢可以细分为手臂、肘部、腕部和手指,下...

    Javascript 2021年02月12日 447 0
  • 这4个问题可以检测出你JavaScript水平的高低

    准备JavaScript面试时应了解的事项。JavaScript现在是一种非常流行的编程语言,基于该语言,派生了大量库和框架。 但是,无论高层生态系统如何发展,离不开原始的JavaScript。 在这里,我选择了4个JavaScript面试问题来测试程序员使用普通JavaScript的技能。1.实现Array.prototype.map如何手动实现Array.prototype...

    Javascript 2021年02月09日 278 0
  • js 手动实现bind方法,超详细思路分析

    在模拟bind之前,我们先了解bind的概念,这里引入MDN解释:bind() 方法创建一个新的函数,在 bind() 被调用时,这个新函数的 this 被指定为 bind() 的第一个参数,而其余参数将作为新函数的参数,供调用时使用。说的通俗一点,bind与apply/call一样都能改变函数this指向,但bind并不会立即执行函数,而是返回一个绑定了this的新函数,你需...

    Javascript 2021年02月07日 248 0
  • 怎么在javascript中灵活运用 this

    this 是什么Javascriptthis关键词指的是他所属的对象,它拥有不同的值,具体取决于使用的位置和调用方式。使用方式在方法中,它指向这个方法的拥有者在函数中,它是全局对象window严格模式下在函数中,它是undefined单独使用时,它是全局对象window在事件中,它指向触发事件的目标对象e.target不同执行模式下的差异化javascript 中的this不同...

    Javascript 2021年02月07日 238 0
  • Vuex 4 正式发布:打包现在与 Vue 3 一致

    Vuex 是一个专门为 Vue.js 应用程序开发的状态管理模式。Vuex 采用集中式存储管理应用的所有组件组件的状态。换句话说,Vuex 就是帮开发者存储多个组件共享的数据,方便开发者对其读取的更改的工具。Vuex 4 正式版本现已正式发布。Vuex 4 的改进重点是兼容性。Vuex 4 支持 Vue 3,并提供了与 Vuex 3 完全相同的 API,因此用户可以在 Vue ...

    Vue 2021年02月07日 874 0
  • Element UI 多选框组用法笔记 Vue

    Element UI 多选框组用法笔记

    今天给大家分享一下Element UI 多选框组用法笔记,直接上代码!<html> <head></head> <body> <el-form> <el-form-item label="兴趣爱好:"> <el-checkbox-group v-model="form.che...

    Vue 2021年02月06日 305 0
  • 在Vue3中点击链接下载文件 Vue

    在Vue3中点击链接下载文件

    我在用 Vue 3 重写我之前开发的 Vue 2项目的时候,在创建 Vue 3 的项目时没有直接在 HTML 里嵌入 vue 的 JavaScript 代码,而是通过 vue-cli 4.5.11 的方式创建的。发现它的项目文件的目录结构有所变化。那么在项目里需要提供一个功能,就是在点击 HTML 里的<a>标签后并不是进行页面的跳转,而是要直接下载文件。此时<...

    Vue 2021年02月06日 469 0
  • vue3中对computed,watch等方法的详解 Vue

    vue3中对computed,watch等方法的详解

    我们在使用vue3之前,先来看看vue2中mounted,computed,watch等都是怎么用的,钩子函数、计算属性computed和监控器watch,是我们在vue2中必不可少的必学方法,我们来对比学习看在vue3中如何使用,会加深我们的印象。请看下面的代码:<script> export default { data: { return {...

    Vue 2021年02月06日 1438 0
  • JS的高阶函数和回调函数

    高阶函数:如果一个函数的参数或者返回值为一个函数,该函数叫做高阶函数回调函数:作为参数的函数叫做回调函数例如:上述a函数的参数是个函数,为高阶函数。b函数作为a函数的一个参数,所以b函数为回调函数。函数作为返回值:上图函数c的返回值是个函数,所以c也被成为高阶函数。

    Javascript 2021年02月05日 313 0
  • 研究JavaScript的六项基础与组织方式

    一、开宗明义JS的每一个单独的文件都是一个独立的program。二、数值与数据Value and DataJS中的Value就是Data,有两种形式分别为primitive和object。其中primitive包括1)number(bigint), 2)string(interpolate)3)boolean 4) undefined and null 5) Symbol 而剩...

    Javascript 2021年02月05日 277 0
  • JS排序算法:冒泡、选择、插入、归并、快速、希尔、堆、计数

    1. 冒泡排序算法实现(javascript)//冒泡排序算法(javascript) //author:Hengda //arr数组 //mode false 升序 ture 降序 function bubbleSort( arr, mode ){ var i, j, temp, len = arr.length; for( i = len - 1 ; i...

    Javascript 2021年02月05日 224 0
  • 尤雨溪新品Vite的魔力,详解 Vue

    尤雨溪新品Vite的魔力,详解

    Webpack工具的出现是为了解决 ES Modules 模块系统本身的环境兼容问题、以及零散的模块文件导致的频繁网络请求发送和模块化发散的问题等等。既然已经有了 Webpack,尤大再整一个 Vite 到底有啥用呢?本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。Vue 脚手架工具 vue-cli 使用 we...

    Vue 2021年02月05日 2222 0
  • 前端:ElementUI+VUE 日期控件禁用用法 Vue

    前端:ElementUI+VUE 日期控件禁用用法

    今天给大家整理一下ElementUI+VUE 日期控件禁用用法,希望对大家有所帮助!HTML文件<el-date-picker v-model="value" type="date" :editable="false" placeholder="开始日期" value-format="yyyy-MM-dd" :picker-options="pic...

    Vue 2021年02月04日 347 0
  • 前端开发-文本拷贝插件

    clipboard.js是一款强大且实用的文本拷贝插件,目前github的stars量30K以上一、安装1、通过npm工具安装npm install clipboard --save2、html文件直接导入github搜索clipboard直接下载源码文件包<script src="js/clipboard.min.js"></script>二、使用1、...

    Javascript 2021年02月04日 292 0
  • vue3的ref、reactive、toRefs特性详解 Vue

    vue3的ref、reactive、toRefs特性详解

    了解ref()、reactive()这两个特性之前,我们先回顾一下vue2中data和method方法。在vue2中我们定义一个响应式变量name,通过点击事件handle来改变name的值是通过如下方式写的。这样只要name改变则界面相应的会发生改变,这就是数据的双向绑定。<template> {{name}} <template> <...

    Vue 2021年02月04日 2380 0
  • 封装一个基于Vue的评论留言编辑器组件 Vue

    封装一个基于Vue的评论留言编辑器组件

    基本介绍现在市面上有非常多的基于 Vue 的组件库,但是看了好多都没有发现有关留言评论的组件,这对于想做一些文章信息展示类的项目可就显得棘手了,因为有太多的页面需要这个功能了,难道我们需要重复的去写(复制粘贴)这些代码吗?对于现在模块化体系逐渐完善的前端工程项目来说,一次性封装一个通用功能的组件式非常有必要的,那现在我们就去封装这样一个组件吧!必备技术(Vue)由于封装的组件式...

    Vue 2021年02月03日 232 0
  • reduce的高级用法

    reduce作为ES5新增的常规数组方法之一,对比forEach 、filter和map,在实际使用上好像有些被忽略,发现身边的人极少用它,导致这个如此强大的方法被逐渐埋没。如果经常使用reduce,怎么可能放过如此好用的它呢!我还是得把他从尘土中取出来擦干净,奉上它的高级用法给大家。一个如此好用的方法不应该被大众埋没。下面对reduce的语法进行简单说明,详情可查看MDN的r...

    Javascript 2021年02月03日 254 0
  • H5聊天video标签和视频文件下载那些怪事

    最近在做一个即时聊天项目,用户要求除了可以发送图文,还要发送视频信息。刚开始觉得很简单呐,和普通文件下载不是一样?!谁知联调过程中就垮了,视频加载贼慢,根本无法观看。有的视频还没法加载,你知道的,前端直接裂了!!!<video autoplay loop > <source src="//localhost:8080/gesture.mp4" type...

    HTML5 2021年02月03日 310 0
  • 如何使用Select组件封装成级联组件 Vue

    如何使用Select组件封装成级联组件

    前言因为工作内容变更的原因,在20年的时候,我的前端技术栈由Angular转移到了Vue。 它们都是现阶段比较火的前端框架,在一开始的时候,需要快速地转换一下组件设计的思想。到现在也有半年多的时间了,我现在的前端技术栈主要如下:前端框架:Vue 2UI框架: Element UI开发语言: TypeScript使用这些技术,不断地开发、封装一些项目中的组件,乐此不疲。需求在项目...

    Vue 2021年02月03日 266 0