JS中的事件委托实例浅析
本文实例讲述了JS中的事件委托。分享给大家供大家参考，具体如下：事件委托（也叫事件代理），其实这个问题也简单，要想弄明白事件委托，我们先要把事件冒泡的机制搞清楚。举个事件冒泡的...
2020-05-27
解决在Bootstrap模糊框中使用WebUploader的问题
在我毕设项目中有个需求是在Bootstrap模糊框中显示WebUploader的上传按钮，效果如下：我们直接在Bootstrap的模糊框中插入了上传的组件：然而实际效果却是当模糊框出现之后，却无法...
2020-05-27
Vue.js中的computed工作原理
JS属性：JavaScript有一个特性是 Object.defineProperty ,它能做很多事，但我在这篇文章只专注于这个方法中的一个：var person = {};Object.defineProperty (person, 'age', { ge...
2020-05-27
vuex 的简单使用
什么是Vuex？vuex是一个专门为vue.js设计的集中式状态管理架构。状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的...
2020-05-27
JavaScript分步实现一个出生日期的正则表达式
简言在表单验证中，经常会用正则表达式做出生日期校验。本文把出生日期分割成几个部分，分步地介绍了实现一个出生日期校验的完整过程。相信您在理解了本篇的内容后，对编写正则表...
2020-05-27
bootstrap中selectpicker下拉框使用方法实例
前言最近一直在用bootstrap 的一些东西，写几篇博客记录下。。。。
bootstrap selectpicker是bootstrap里比较简单的一个下拉框的组件，先看效果如下：附上官网api链接，http://silv...
2020-05-27
vue 的keep-alive缓存功能的实现
Vue 实现组件信息的缓存当我们在开发vue的项目过程中，避免不了在路由切换到其他的component再返回后该组件数据会重新加载，处理这种情况我们就需要用到keep-alive来缓存vue的...
2020-05-27
收集前端面试题之url、href、src
一、URL的概念统一资源定位符（或称统一资源定位器/定位地址、URL地址等，英语：Uniform Resource Locator，常缩写为URL），有时也被俗称为网页地址（网址）。如同在网络上的门牌，是因特网上...
2020-05-27
使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能
路由跳转前做一些验证，比如登录验证（未登录去登录页），是网站中的普遍需求。对此，vue-route 提供的 beforeRouteUpdate 可以方便地实现导航守卫（navigation-guards）。导航守卫（naviga...
2020-05-27
Java设计中的Builder模式的介绍
概述Builder模式：将一个复杂对象的构建与它的表示分离，使得同样的构建过程可以创建不同的表示。使用场景 相同的方法，不同的执行顺序，产生不同的事件结果 多个部件或零件，都可...
2020-05-27
深入浅析Vue.js中 computed和methods不同机制
在vue.js中，有methods和computed两种方式来动态当作方法来用的1.首先最明显的不同 就是调用的时候，methods要加上（）2.我们可以使用 methods 来替代 computed，效果上两个都是一样...
2020-05-27
浅谈Webpack 持久化缓存实践
前言最近在看 webpack 如何做持久化缓存的内容，发现其中还是有一些坑点的，正好有时间就将它们整理总结一下，读完本文你大致能够明白： 什么是持久化缓存，为什么做持久化缓存?...
2020-05-27
轻量级JS Cookie插件js-cookie的使用方法
Cookie是网站设计者放置在客户端的小文本文件，一般后台语言使用的比较多，可以实现用户个性化的一些需求。js-cookie插件是一个JS操作cookie的插件，源文件只有3.34 KB，非常轻量级...
2020-05-27
p5.js 毕达哥拉斯树的实现代码
本文介绍了p5.js 毕达哥拉斯树的实现代码，分享给大家，具体如下：
效果如下：主要方法 translate() rotate() rect() push() pop() map()主要思想递归
草图过程分解一、毕达...
2020-05-27
JS动画定时器知识总结
广义说：一切通过js改变的视觉呈现都叫动画；例如，按钮，链接等元素交互反馈。
狭义说：通过定时器连续调用js函数进行元素属性改变产生的视觉动画效果。定时器
定时器是JavaScript动...
2020-05-27
vue利用axios来完成数据的交互
axios基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 node.js 中使用现在Vue官方推荐的网络通信库不再是vue-resource了，推荐使用axios。所以学习了下，总结如下。一、功能...
2020-05-27
剖析Angular Component的源码示例
Web Component在介绍Angular Component之前，我们先简单了解下W3C Web Components定义
W3C为统一组件化标准方式，提出Web Component的标准。
每个组件包含自己的html、css、js...
2020-05-27
JS中原始值和引用值的储存方式示例详解
在ECMAscript中，变量可以存放两种类型的值，即原始值和引用值 原始值指的是代表原始数据类型的值，也叫基本数据类型，包括：Number、Stirng、Boolean、Null、Underfined 引用值指...
2020-05-27
JavaScript 五大常见函数
在 JavaScript 中有一些问题会被拿出来经常讨论，这些问题每个人都有不同的思路，想要理解这些问题，最好的方法就是自己实现一遍，话不多说，开始正题。数组扁平化数组扁平化有很多方...
2020-05-27
Vue自定义过滤器格式化数字三位加一逗号实现代码
前端处理一些金额，数字类的数据要求按照固定的格式显示，比如9,527,025，或者带有小数（如1,587.23）仍要三位一断。有些话也不必多说，既然要求如此，实现呗。作为前端主流框架之一的Vue...
2020-05-27
Angular学习笔记之集成三方UI框架、控件的示例
本文介绍了Angular学习笔记之集成三方UI框架、控件的示例，分享给大家，具体如下：安装 Material UI 方法：
Material 官网：https://material.angular.iostep 1:npm install --save @...
2020-05-27
Node.js实现注册邮箱激活功能的方法示例
在做自己的node项目极客教程时，需要开发一个注册邮箱激活的功能，这个功能非常常见，当我们注册一个账号时，肯定会有这步，下面看下如何实现这个功能。1. 注册邮箱先注册一个支持发...
2020-05-27
Webpack 之 babel-loader文件预处理器详解
loader官方解释是文件预处理器，通俗点说就是webpack在处理静态文件的时候，需要使用 loader 来加载各种文件，比如： html文件需要使用html-loader ,css 需要使用css-loader 、 sty...
2020-05-27
jQuery实现新闻播报滚动及淡入淡出效果示例
本文实例讲述了jQuery实现新闻播报滚动及淡入淡出效果。分享给大家供大家参考，具体如下：下面是上下滚动源码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"...
2020-05-27
浅谈Vue下使用百度地图的简易方法
Vue下使用百度地图的简易方法，分享给大家，具体如下：最近的项目里面，需要用到将具体地址转换成百度坐标系的经纬度，需求比较简单，所以就没有采用GitHub里面的百度Vue插件。废话不说...
2020-05-27
在vue中使用jointjs的方法
在vue中引入joint.js的问题，之前在网上搜了很多，都没有给出一个确切的答案，捣鼓了两天终于弄明白了，做个记录。
首先，我参考了一篇来自stackoverflow的文章点我点我
看完这篇文章...
2020-05-27
详解Vue文档中几个易忽视部分的剖析
针对Vue文档中部分大家可能不会去研读的内容，我做了个小总结，作为有经验者的快餐，不是特别适合初学者，可能有不妥之处，希望大家多提建议。节省代码量的mixin
mixin概念：组件级可复...
2020-05-27
使用Angular CLI从蓝本生成代码详解
第一篇文章是: "使用angular cli生成angular5项目" :https://www.freexyz.cn/article/136621.htm这篇文章主要是讲生成 Components, Directive, Service, class, interface, e...
2020-05-27
使用Angular CLI生成路由的方法
第一篇文章是: "使用angular cli生成angular5项目" :https://www.freexyz.cn/article/136621.htm第二篇文章是: "使用angular cli从蓝本生成代码" :https://www.freexyz.cn/arti...
2020-05-27
使用Angular CLI进行Build(构建)和Serve详解
第一篇文章是: "使用angular cli生成angular5项目" :https://www.freexyz.cn/article/136621.htm第二篇文章是: "使用angular cli从蓝本生成代码" :https://www.freexyz.cn/arti...
2020-05-27
使用Angular CLI进行单元测试和E2E测试的方法
第一篇文章是: "使用angular cli生成angular5项目" :https://www.freexyz.cn/article/136621.htm第二篇文章是: "使用angular cli从蓝本生成代码" :https://www.freexyz.cn/arti...
2020-05-27
javaScript实现鼠标在文字上悬浮时弹出悬浮层效果
在人人，CSDN等一些网站，当鼠标在某个东西上悬浮时，会弹出一个悬浮层，鼠标移开悬浮层消失。比如说CSDN的通知（应该是进入写新文章的页面后页面上方的那个铃铛），具体是什么实现的呢？上...
2020-05-27
Angular 组件之间的交互的示例代码
在Angular应用开发中，组件可以说是随处可见的。本篇文章将介绍几种常见的组件通讯场景，也就是让两个或多个组件之间交互的方法。
根据数据的传递方向，分为父组件向子组件传递、...
2020-05-27
jQuery+Cookie实现切换皮肤功能【附源码下载】
本文实例讲述了jQuery+Cookie实现切换皮肤功能。分享给大家供大家参考，具体如下：最近在学习Jquery，发现Jquery真的是非常强大，短短几行代码就能实现切换皮肤的功能。1）关键代码<!...
2020-05-27
jQuery实现的回车触发按钮事件功能示例
本文实例讲述了jQuery实现的回车触发按钮事件功能。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...
2020-05-27
基于jQuery实现Ajax验证用户名是否可用实例
本文实例为大家分享了jQuery ajax简单案例-验证用户名是否可用的具体代码，供大家参考，具体内容如下HTML
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert ti...
2020-05-27
使用Vue构建可重用的分页组件
Web应用程序中资源分页不仅对性能很有帮助，而且从用户体验的角度来说也是非常有用的。在这篇文章中，将了解如何使用Vue创建动态和可用的分页组件。基本结构分页组件应该允许用...
2020-05-27
Vue中v-show添加表达式的问题(判断是否显示)
一、需求场景1、先来说说我的需求，有数据来源和标签类型两行选项，如下图所示：2、根据需求，我需要在点击上面的某个数据来源的时候，下面的标签类型自动切换，需求说明如下：3、一开始...
2020-05-27
vue中使用iview自定义验证关键词输入框问题及解决方法
一、验证需求 对应配置的关键词输入框，验证要求如下： 1、总字数不能超过7000个； 2、去除配置的关键词特殊符号，得到的关键词组数不能超过300；(如：aaa&(bbb|ccc)|(!ddd|e...
2020-05-27
关于vuejs中v-if和v-show的区别及v-show不起作用问题
1.官网概念描述v-if 是'真正的'条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建.v-if 也是惰性的,如果在初始渲染时条件为假,那么什么都...
2020-05-27
利用Console来Debug的10个高级技巧汇总
前言在过去的十年中，我最热衷的事情之一就是前端开发（特别是JavaScript）。作为一个“匠人”，我喜欢专研各种工具。在本文，我会为你介绍一些用老式console来debug的技巧。是的，我们...
2020-05-27
深入理解Node module模块
在开发复杂Web应用的时候，通常需要把各个功能进行拆分、封装到不同的文件并在需要的时候引用该文件，即进行代码的模块化管理。几乎所有的编程语言都有自己的模块组织方式，比如J...
2020-05-27
JS从非数组对象转数组的方法小结
前言本文主要汇总了一些JS从非数组对象转数组的方法，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。Array.prototype.slice.call(obj)
该方法可以将类数组对...
2020-05-27
js+canvas实现滑动拼图验证码功能
上图为网易云盾的滑动拼图验证码，其应该有一个专门的图片库，裁剪的位置是固定的。我的想法是，随机生成图片，随机生成位置，再用canvas裁剪出滑块和背景图。下面介绍具体步骤。首...
2020-05-27
红黑树的插入详解及Javascript实现方法示例
红黑树的性质
一棵满足以下性质的二叉搜索树是一棵红黑树 每个结点或是黑色或是红色。 根结点是黑色的。 每个叶结点(NIL)是黑色的。 如果一个结点是红色的，则它的两个子...
2020-05-27
js构建二叉树进行数值数组的去重与优化详解
前言本文主要介绍了关于js构建二叉树进行数值数组的去重与优化的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。常见两层循环实现数组去重
let arr...
2020-05-27
详解Vue 全局引入bass.scss 处理方案
为解决在Vue组件中全局引入 scss 变量及 mixins ，装载了一个名为 "sass-resources-loader" 解析器。
安装$ > cnpm i -D sass-resources-loader配置配置的话是在 vue 的 load...
2020-05-27
使用node打造自己的命令行工具方法教程
一、实现一个简单的功能二、环境1.系统: window 10
2.编辑器: vscode
3.node版本: 8.7.0三、开始玩1.打开命令行,新建一个pa'ckage.jsonnpm init这时看到一个新的package.j...
2020-05-27
Angular中使用better-scroll插件的方法
better-scroll的使用
由于需要在一个固定的的高度做无限滚动，本来css的overflow-y也可以完成的，奈何安卓不是很流畅，还很生硬，就是用了第三方库better-scroll，配合angular的ng-co...
2020-05-27
Angularjs实现控制器之间通信方式实例总结
本文实例讲述了Angularjs实现控制器之间通信方式。分享给大家供大家参考，具体如下：利用angularjs开发项目中，控制器之间的通信，比如参数的传递，数据的传递，都是比较常见的。控制器...
2020-05-27
