1

使HTML 5数字输入仅接受整数

这两年我看到很多关于这方面的文章和帖子,这的确是一个非常方便的东西。但是,太多的实现还是有漏洞,残缺不全的实现,等等。整体概念是合理的:使用HTML 5属性来限制可以发送到服务器的内容,然后使用Javascript增强它,以限制用户可以在第一个地方输入的内容。所以让我们来看看这些问题,并更好地实现它。问题1,不好的脚本最常见的缺陷是缺乏适当的降级功能。 如果您要在“electron”或“nw.js”中构建完整的堆栈应用程序,那很好,但是这种形式的东西通常在面向公众的网站中没有位置。就像我经常说的那样,高质量的脚本应该增强已经在工作的页面,而不是用户使用它的唯一方法。解决办法?使用 patter...

阅读全文>>

1

jQuery3.6.0终于来了!全新版本有不同?

时隔将近一年, jQuery团队终于揭开了等待已久的3.6.0发布版的神秘面纱,带来了全新的、精简过的选项,以及新的主要功能、改进和bug的修复。更新后的jQuery有哪些特点?又给我们带了什么样的全新体验?今天的文章小渡就为你一探究竟!1、什么是jQueryjQuery简写jq,Query是查询的意思,jQuery顾名思义就是一个让JavaScript更加方便的查询和控制页面控件的库。很多人把jQuery定位为一个JavaScript框架,这是不严谨的。框架是解决方案的轮子,而jQuery的本质是js文件,是对原生js进行浓缩和优化后,进一步封装成的超集(库)。jQuery设计的宗旨是“Wr...

阅读全文>>

1

Vue 中 强制组件重新渲染的正确方法

有时候,依赖 Vue 响应方式来更新数据是不够的,相反,我们需要手动重新渲染组件来更新数据。或者,我们可能只想抛开当前的DOM,重新开始。那么,如何让Vue以正确的方式重新呈现组件呢?强制 Vue 重新渲染组件的最佳方法是在组件上设置:key。当我们需要重新渲染组件时,只需更 key 的值,Vue 就会重新渲染组件。这是一个非常简单的解决方案。当然,你可能会对其他方式会更感兴趣:简单粗暴的方式:重新加载整个页面不妥的方式:使用 v-if较好的方法:使用Vue的内置forceUpdate方法最好的方法:在组件上进行 key 更改简单粗暴的方式:重新加载整个页面这相当于每次你想关闭应用程序时都要重...

阅读全文>>

1

前端开发-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 绑定当前激活标签对应的索引值,默认情况下启用第一个标签。<van-tabs v-model="active"> <van-tab title="标签 1">内容 1</van-tab&g...

阅读全文>>

0

链接是Web的核心元素

链接是HTML的基础元素,因为Web的设计初衷就是想把一组文档彼此链接起来组成信息分享网络。HTML的超文本(Hyper Text)部分定义了链接的类型即:超文本链接(hypertext links),也就是超链接(hyperlinks)。在HTML中,链接是内联元素,使用<a>标签。href(hypertext reference) 属性用来定义链接的目标地址(当点击时跳转或新打开的网页地址)。<p> 要搜索网页动画,请访问 <a href="//www.techbrood.com">Techbrood</a>. </p>要搜索...

阅读全文>>

0

你真的了解ES6函数特性么?

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

阅读全文>>

0

Vue nextTick彻底理解

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

阅读全文>>

0

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

一款专为 vue.js 打造,设计优雅,体验流畅舒服的现代富文本编辑器。关于 TiptapTiptap 是一款专为 vue 打造的简洁明快的富文本编辑器,通过简单的设置能为用户提供多种优秀的文字编辑体验。Tiptap 官网基于 vue.js 的富文本编辑器Tiptap 最大的特点是预置的渲染,没有任何 CSS,用户可以更全面地控制段落标记和样式视觉设计以及交互动效简洁明快,能够提供非常流畅的码字体验支持获取 HTML 字符串,开发者可以将数据储存为原始 HTML 字符串支持获取 JSON 文档的 -serializable 格式开发上手体验富文本编辑器用途很广泛,无论是文章发布系统(cms)、...

阅读全文>>

0

用HTML5构建一个流程图绘制工具

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

阅读全文>>

0

Js震撼人心的超酷人体模型类库Mannequin.js

简要介绍mannequin.js是一款可以通过JavaScript实现控制人体关节模型的超酷类库。mannequin.js基于经典的Three.js库,官网所展现的Demo效果令人惊奇到掉了下巴,真的是震撼!接下来说下细节。首先,它可以选择创建Male、Female、Child三种人体模型。其次,每种模型可以细分到头部、颈部、躯干、骨盆。上肢可以细分为手臂、肘部、腕部和手指,下肢可以细分为腿,膝盖和脚踝。模型还可以设置动态或者静态的姿势。通过这个类库让前端开发者开启上帝模式,随心掌控模型的一举一动。Github地址https://boytchev.github.io/mannequin.js/...

阅读全文>>