JavaScript - 教程之家

49浏览

0评论

JS中的回调函数实例浅析

本文实例讲述了JS中的回调函数。分享给大家供大家参考，具体如下：在说回调函数之前，不妨先看一段代码，相信有点js基础的同学都能明白他的含义:document.getElementById('demo').c...

2020-05-27

73浏览

0评论

基于iScroll实现内容滚动效果

一、iScroll简介iScroll 是一款针对web app使用的滚动控件，它可以模拟原生IOS应用里的滚动列表操作，还可以实现缩放、拉动刷新、精确捕捉元素、自定义滚动条等功能。这里博主...

2020-05-27

50浏览

0评论

基于vue-video-player自定义播放器的方法

先看一下效果。图1--显示侧边栏图2-收起侧边栏；图三：全屏。写在前面本次项目中需要用到vue，vue-video-player，我用的是iview的ui框架，但是ui框架无妨，这里关注的是基于video.js开...

2020-05-27

65浏览

0评论

nodejs搭建本地服务器轻松解决跨域问题

最近把以前用jquery写的一个小demo拿出来运行的，刚开始的时候忘了开启本地服务导致控制台一直报XMLHttpRequest cannot load file:///C:/Users/79883/Desktop/ajax/data.json...

2020-05-27

46浏览

0评论

Vue封装一个简单轻量的上传文件组件的示例

一、之前遇到的一些问题项目中多出有上传文件的需求，使用现有的UI框架实现的过程中，不知道什么原因，总会有一些莫名其妙的bug。比如用某上传组件，明明注明（:multiple="false"）,可...

2020-05-27

36浏览

0评论

基于JavaScript实现幸运抽奖页面

JS实现简单的幸运抽奖页面，供大家参考，具体内容如下效果图：图片素材：代码如下，复制即可使用：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>幸运抽奖...

2020-05-27

67浏览

0评论

p5.js实现斐波那契螺旋的示例代码

本篇文章主要介绍了p5.js实现斐波那契螺旋的示例代码，分享给大家，也给自己做个笔记效果如下：主要方法 translate() rotate() arc()斐波那契螺旋斐波那契螺旋线也称“黄金螺...

2020-05-27

36浏览

0评论

jquery的 filter()方法使用教程

定义和用法
filter() 方法返回符合一定条件的元素。
该方法让您规定一个条件。不符合条件的元素将从选择中移除，符合条件的元素将被返回。
该方法通常用于缩小在被选元素组合...

2020-05-27

35浏览

0评论

JS中的事件委托实例浅析

本文实例讲述了JS中的事件委托。分享给大家供大家参考，具体如下：事件委托（也叫事件代理），其实这个问题也简单，要想弄明白事件委托，我们先要把事件冒泡的机制搞清楚。举个事件冒泡的...

2020-05-27

159浏览

0评论

解决在Bootstrap模糊框中使用WebUploader的问题

在我毕设项目中有个需求是在Bootstrap模糊框中显示WebUploader的上传按钮，效果如下：我们直接在Bootstrap的模糊框中插入了上传的组件：然而实际效果却是当模糊框出现之后，却无法...

2020-05-27

30浏览

0评论

Vue.js中的computed工作原理

JS属性：JavaScript有一个特性是 Object.defineProperty ,它能做很多事，但我在这篇文章只专注于这个方法中的一个：var person = {};Object.defineProperty (person, 'age', { ge...

2020-05-27

40浏览

0评论

vuex 的简单使用

什么是Vuex？vuex是一个专门为vue.js设计的集中式状态管理架构。状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的...

2020-05-27

47浏览

0评论

JavaScript分步实现一个出生日期的正则表达式

简言在表单验证中，经常会用正则表达式做出生日期校验。本文把出生日期分割成几个部分，分步地介绍了实现一个出生日期校验的完整过程。相信您在理解了本篇的内容后，对编写正则表...

2020-05-27

50浏览

0评论

bootstrap中selectpicker下拉框使用方法实例

前言最近一直在用bootstrap 的一些东西，写几篇博客记录下。。。。
bootstrap selectpicker是bootstrap里比较简单的一个下拉框的组件，先看效果如下：附上官网api链接，http://silv...

2020-05-27

36浏览

0评论

vue 的keep-alive缓存功能的实现

Vue 实现组件信息的缓存当我们在开发vue的项目过程中，避免不了在路由切换到其他的component再返回后该组件数据会重新加载，处理这种情况我们就需要用到keep-alive来缓存vue的...

2020-05-27

49浏览

0评论

收集前端面试题之url、href、src

一、URL的概念统一资源定位符（或称统一资源定位器/定位地址、URL地址等，英语：Uniform Resource Locator，常缩写为URL），有时也被俗称为网页地址（网址）。如同在网络上的门牌，是因特网上...

2020-05-27

52浏览

0评论

使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能

路由跳转前做一些验证，比如登录验证（未登录去登录页），是网站中的普遍需求。对此，vue-route 提供的 beforeRouteUpdate 可以方便地实现导航守卫（navigation-guards）。导航守卫（naviga...

2020-05-27

66浏览

0评论

Java设计中的Builder模式的介绍

概述Builder模式：将一个复杂对象的构建与它的表示分离，使得同样的构建过程可以创建不同的表示。使用场景相同的方法，不同的执行顺序，产生不同的事件结果多个部件或零件，都可...

2020-05-27

57浏览

0评论

深入浅析Vue.js中 computed和methods不同机制

在vue.js中，有methods和computed两种方式来动态当作方法来用的1.首先最明显的不同就是调用的时候，methods要加上（）2.我们可以使用 methods 来替代 computed，效果上两个都是一样...

2020-05-27

44浏览

0评论

浅谈Webpack 持久化缓存实践

前言最近在看 webpack 如何做持久化缓存的内容，发现其中还是有一些坑点的，正好有时间就将它们整理总结一下，读完本文你大致能够明白：什么是持久化缓存，为什么做持久化缓存?...

2020-05-27

70浏览

0评论

轻量级JS Cookie插件js-cookie的使用方法

Cookie是网站设计者放置在客户端的小文本文件，一般后台语言使用的比较多，可以实现用户个性化的一些需求。js-cookie插件是一个JS操作cookie的插件，源文件只有3.34 KB，非常轻量级...

2020-05-27

67浏览

0评论

p5.js 毕达哥拉斯树的实现代码

本文介绍了p5.js 毕达哥拉斯树的实现代码，分享给大家，具体如下：
效果如下：主要方法 translate() rotate() rect() push() pop() map()主要思想递归
草图过程分解一、毕达...

2020-05-27

53浏览

0评论

JS动画定时器知识总结

广义说：一切通过js改变的视觉呈现都叫动画；例如，按钮，链接等元素交互反馈。
狭义说：通过定时器连续调用js函数进行元素属性改变产生的视觉动画效果。定时器
定时器是JavaScript动...

2020-05-27

61浏览

0评论

vue利用axios来完成数据的交互

axios基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 node.js 中使用现在Vue官方推荐的网络通信库不再是vue-resource了，推荐使用axios。所以学习了下，总结如下。一、功能...

2020-05-27

259浏览

0评论

剖析Angular Component的源码示例

Web Component在介绍Angular Component之前，我们先简单了解下W3C Web Components定义
W3C为统一组件化标准方式，提出Web Component的标准。
每个组件包含自己的html、css、js...

2020-05-27

51浏览

0评论

JS中原始值和引用值的储存方式示例详解

在ECMAscript中，变量可以存放两种类型的值，即原始值和引用值原始值指的是代表原始数据类型的值，也叫基本数据类型，包括：Number、Stirng、Boolean、Null、Underfined 引用值指...

2020-05-27

54浏览

0评论

JavaScript 五大常见函数

在 JavaScript 中有一些问题会被拿出来经常讨论，这些问题每个人都有不同的思路，想要理解这些问题，最好的方法就是自己实现一遍，话不多说，开始正题。数组扁平化数组扁平化有很多方...

2020-05-27

50浏览

0评论

Vue自定义过滤器格式化数字三位加一逗号实现代码

前端处理一些金额，数字类的数据要求按照固定的格式显示，比如9,527,025，或者带有小数（如1,587.23）仍要三位一断。有些话也不必多说，既然要求如此，实现呗。作为前端主流框架之一的Vue...

2020-05-27

60浏览

0评论

Angular学习笔记之集成三方UI框架、控件的示例

本文介绍了Angular学习笔记之集成三方UI框架、控件的示例，分享给大家，具体如下：安装 Material UI 方法：
Material 官网：https://material.angular.iostep 1:npm install --save @...

2020-05-27

51浏览

0评论

Node.js实现注册邮箱激活功能的方法示例

在做自己的node项目极客教程时，需要开发一个注册邮箱激活的功能，这个功能非常常见，当我们注册一个账号时，肯定会有这步，下面看下如何实现这个功能。1. 注册邮箱先注册一个支持发...

2020-05-27

34浏览

0评论

Webpack 之 babel-loader文件预处理器详解

loader官方解释是文件预处理器，通俗点说就是webpack在处理静态文件的时候，需要使用 loader 来加载各种文件，比如： html文件需要使用html-loader ,css 需要使用css-loader 、 sty...

2020-05-27

60浏览

0评论

jQuery实现新闻播报滚动及淡入淡出效果示例

本文实例讲述了jQuery实现新闻播报滚动及淡入淡出效果。分享给大家供大家参考，具体如下：下面是上下滚动源码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"...

2020-05-27

48浏览

0评论

浅谈Vue下使用百度地图的简易方法

Vue下使用百度地图的简易方法，分享给大家，具体如下：最近的项目里面，需要用到将具体地址转换成百度坐标系的经纬度，需求比较简单，所以就没有采用GitHub里面的百度Vue插件。废话不说...

2020-05-27

48浏览

0评论

在vue中使用jointjs的方法

在vue中引入joint.js的问题，之前在网上搜了很多，都没有给出一个确切的答案，捣鼓了两天终于弄明白了，做个记录。
首先，我参考了一篇来自stackoverflow的文章点我点我
看完这篇文章...

2020-05-27

41浏览

0评论

详解Vue文档中几个易忽视部分的剖析

针对Vue文档中部分大家可能不会去研读的内容，我做了个小总结，作为有经验者的快餐，不是特别适合初学者，可能有不妥之处，希望大家多提建议。节省代码量的mixin
mixin概念：组件级可复...

2020-05-27

67浏览

0评论

使用Angular CLI从蓝本生成代码详解

第一篇文章是: "使用angular cli生成angular5项目" :https://www.freexyz.cn/article/136621.htm这篇文章主要是讲生成 Components, Directive, Service, class, interface, e...

2020-05-27

67浏览

0评论

使用Angular CLI生成路由的方法

第一篇文章是: "使用angular cli生成angular5项目" :https://www.freexyz.cn/article/136621.htm第二篇文章是: "使用angular cli从蓝本生成代码" :https://www.freexyz.cn/arti...

2020-05-27

80浏览

0评论

使用Angular CLI进行Build(构建)和Serve详解

第一篇文章是: "使用angular cli生成angular5项目" :https://www.freexyz.cn/article/136621.htm第二篇文章是: "使用angular cli从蓝本生成代码" :https://www.freexyz.cn/arti...

2020-05-27

82浏览

0评论

使用Angular CLI进行单元测试和E2E测试的方法

第一篇文章是: "使用angular cli生成angular5项目" :https://www.freexyz.cn/article/136621.htm第二篇文章是: "使用angular cli从蓝本生成代码" :https://www.freexyz.cn/arti...

2020-05-27

109浏览

0评论

javaScript实现鼠标在文字上悬浮时弹出悬浮层效果

在人人，CSDN等一些网站，当鼠标在某个东西上悬浮时，会弹出一个悬浮层，鼠标移开悬浮层消失。比如说CSDN的通知（应该是进入写新文章的页面后页面上方的那个铃铛），具体是什么实现的呢？上...

2020-05-27

57浏览

0评论

Angular 组件之间的交互的示例代码

在Angular应用开发中，组件可以说是随处可见的。本篇文章将介绍几种常见的组件通讯场景，也就是让两个或多个组件之间交互的方法。
根据数据的传递方向，分为父组件向子组件传递、...

2020-05-27

44浏览

0评论

jQuery+Cookie实现切换皮肤功能【附源码下载】

本文实例讲述了jQuery+Cookie实现切换皮肤功能。分享给大家供大家参考，具体如下：最近在学习Jquery，发现Jquery真的是非常强大，短短几行代码就能实现切换皮肤的功能。1）关键代码<!...

2020-05-27

66浏览

0评论

jQuery实现的回车触发按钮事件功能示例

本文实例讲述了jQuery实现的回车触发按钮事件功能。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...

2020-05-27

40浏览

0评论

基于jQuery实现Ajax验证用户名是否可用实例

本文实例为大家分享了jQuery ajax简单案例-验证用户名是否可用的具体代码，供大家参考，具体内容如下HTML
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert ti...

2020-05-27

61浏览

0评论

使用Vue构建可重用的分页组件

Web应用程序中资源分页不仅对性能很有帮助，而且从用户体验的角度来说也是非常有用的。在这篇文章中，将了解如何使用Vue创建动态和可用的分页组件。基本结构分页组件应该允许用...

2020-05-27

42浏览

0评论

Vue中v-show添加表达式的问题(判断是否显示)

一、需求场景1、先来说说我的需求，有数据来源和标签类型两行选项，如下图所示：2、根据需求，我需要在点击上面的某个数据来源的时候，下面的标签类型自动切换，需求说明如下：3、一开始...

2020-05-27

43浏览

0评论

vue中使用iview自定义验证关键词输入框问题及解决方法

一、验证需求对应配置的关键词输入框，验证要求如下： 1、总字数不能超过7000个； 2、去除配置的关键词特殊符号，得到的关键词组数不能超过300；(如：aaa&(bbb|ccc)|(!ddd|e...

2020-05-27

59浏览

0评论

关于vuejs中v-if和v-show的区别及v-show不起作用问题

1.官网概念描述v-if 是'真正的'条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建.v-if 也是惰性的,如果在初始渲染时条件为假,那么什么都...

2020-05-27

73浏览

0评论

利用Console来Debug的10个高级技巧汇总

前言在过去的十年中，我最热衷的事情之一就是前端开发（特别是JavaScript）。作为一个“匠人”，我喜欢专研各种工具。在本文，我会为你介绍一些用老式console来debug的技巧。是的，我们...

2020-05-27

58浏览

0评论

深入理解Node module模块

在开发复杂Web应用的时候，通常需要把各个功能进行拆分、封装到不同的文件并在需要的时候引用该文件，即进行代码的模块化管理。几乎所有的编程语言都有自己的模块组织方式，比如J...

2020-05-27

热门文章