• 链接是Web的核心元素

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Javascript 2021年02月07日 42 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日 75 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日 48 0
  • 在Vue3中点击链接下载文件 Vue

    在Vue3中点击链接下载文件

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

    Vue 2021年02月06日 48 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日 120 0
  • JS的高阶函数和回调函数

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

    Javascript 2021年02月05日 56 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日 57 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日 50 0
  • 尤雨溪新品Vite的魔力,详解 Vue

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

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

    Vue 2021年02月05日 175 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日 68 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日 56 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日 139 0
  • 封装一个基于Vue的评论留言编辑器组件 Vue

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

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

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

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

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

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

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

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

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

    Vue 2021年02月03日 75 0
  • 表单设计器1.2.20,更新多端适配和表格布局优化

    介绍FormMaking是一款基于Vue的表单设计器,拖拽式的表单设计器可以很方便的进行表单设计与表单制作,通常用在OA系统,考试系统,报表系统中,支持表单设计器二次开发,可以自行添加新的自定义组件,让表单开发简单而高效,赋能企业实现低代码开发模式!FormMakingFormMaking表单设计器分两个部分,一个是设计器,一个是生成器,设计器可以用来设计器表单页面,使用拖拽的...

    前端开发 2021年02月02日 100 0
  • javascript数组求和的实际应用

    javascript有下面一组数据const data = [ { name:'小明', score:'90',age:10 }, { name:'小王', score:'100',age:9 }, { name:'小赵', score:'80',age:9 }, { name:'小强', score:'97',age:8 }]我们现在的需求是对score和age两列进行求和计...

    Javascript 2021年02月02日 62 0
  • JS简单的二级联动菜单

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>JS简单的二级...

    Javascript 2021年02月02日 60 0
  • 深入理解JavaScript作用域、作用域链

    变量(变量作用于又称上下文)和函数生效(能被访问)的区域或集合。换句话说,作用域决定了代码区块中变量和其他资源的可见性。我们来看个例子:function myFunction() { let inVariable = "函数内部变量"; } myFunction();//要先执行这个函数,否则根本不知道里面是啥 console.log(i...

    Javascript 2021年02月01日 63 0
  • 一个支持将html转为PDF、图片,且支持PDF加水印的项目

    今天给大家推荐的这个开源项目是来自于读者的投稿,我超级喜欢这个开源项目。尤其是做小程序开发的时候,经常遇到将内容生成图片分享到朋友圈。这个开源项目就能够解决你的问题,可以将 html 转为图片,还可以转为 PDF ,还支持加水印。这个开源项目就是:Doctron,它是基于 Docker、无状态、简单、快速、高质量的文档转换服务。目前支持将 html 转为 pdf、图片 (使用 ...

    HTML5 2021年02月01日 104 0
  • ElementUI:文本框实现远程搜索的用法 Vue

    ElementUI:文本框实现远程搜索的用法

    今天继续给大家分享一下Element UI 多选框组用法笔记,直接上代码!1、HTML<el-form-item label="用户列表"> <el-autocomplete class="inline-input" @clear="clearUser" clearable ...

    Vue 2021年01月30日 76 0