JavaScript - 教程之家

86浏览

0评论

手写Node静态资源服务器的实现方法

想写静态资源服务器，首先我们需要知道如何创建一个http服务器，它的原理是什么http服务器是继承自tcp服务器 http协议是应用层协议，是基于TCP的
http的原理是对请求和响应进行了...

2020-05-27

71浏览

0评论

nodejs中密码加密处理操作详解

本文实例讲述了nodejs中密码加密处理操作。分享给大家供大家参考，具体如下：一、关于node加密模块crypto的介绍其实就是使用MD5加密的,不太安全,在实际开发中根据自己的方案进...

2020-05-27

58浏览

0评论

vue数据传递--我有特殊的实现技巧

前言最近碰到了比较多的关于vue的eventBus的问题，之前定技术选型的时候也被问到了，vuex和eventBus的使用范围。所以简单的写一下。同时有一种特殊的实现方案。有这么几种数据...

2020-05-27

48浏览

0评论

解决vue-router中的query动态传参问题

最近在写项目，在写项目的过程会总发现这样或者那样的问题，比如说vue-router中的query如何传递动态的参数，经过了一些波折才解决了问题，问题描述如下：希望跳转的时候url是这样的：ht...

2020-05-27

54浏览

0评论

webpack本地开发环境无法用IP访问的解决方法

问题描述：只能用http://localhost:8080访问项目,不能用http://本机IP:8080访问解决方案：webpack dev配置文件中加上host:'0.0.0.0'以上这篇webpack本地开发环境无法用IP访问的...

2020-05-27

58浏览

0评论

vue对storejs获取的数据进行处理时遇到的几种问题小结

具体代码如下所示：export default { data(){ return { shopList:{}, isEmpty:false, //判断购物车中是否有存在内容 } }, created(){ if(!store.get('...

2020-05-27

68浏览

0评论

AngularJS监听ng-repeat渲染完成的方法

某个项目，我的网页中有一个列表<ul>元素，样式如下：实际上它是通过Angular的ng-repeat形成的，html中的代码是：<li ng-repeat="for list in lists()" id="{{ list.id }}">{{ list.n...

2020-05-27

80浏览

0评论

用p5.js制作烟花特效的示例代码

前言之前看过一篇文章，使用processing制作烟花特效。效果如下fireworks 网上调查了一圈了，发现processing是一个互动编程软件，java语言发展而来。而且动画效果是跑在processing...

2020-05-27

66浏览

0评论

在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程

我是一位新的 Vim 编辑器用户。我通常使用 :vs ~/.vimrc 来加载 ~/.vimrc 配置。而当我编辑 .vimrc 时，我需要不重启 Vim 会话而重新加载它。在 Linux 或者类 Unix 系统中，如...

2020-05-27

71浏览

0评论

javascript与PHP动态往类中添加方法对比

1.JAVASCRIPT：
a. 代码：var a = function(){}var my_a = new a()my_a.say = function(){console.log('hello')}my_a.say()b. 输出：
hello2. PHP：
a. 代码：
<?phpclass a{}$a...

2020-05-27

47浏览

0评论

vue2 mint-ui loadmore实现下拉刷新,上拉更多功能

mintui是饿了么团队针对vue开发的移动端组件库，方便实现移动端的一些功能,这里主要给大家介绍vue2 mint-ui loadmore实现下拉刷新,上拉更多功能，具体代码如下所示：<template> <...

2020-05-27

48浏览

0评论

JS代码实现电脑配置检测功能

下面一段代码给大家分享js代码实现电脑配置检测功能，具体代码如下所示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style type...

2020-05-27

57浏览

0评论

使用Vue.js和Flask来构建一个单页的App的示例

在这个教程中，我们将讲解如何将vue.js单页应用与Flask后端进行连接。一般来说，如果你只是想通过Flask模板使用vue.js库也是没有问题的。但是，实际上是一个很明显的问题那就是，Ji...

2020-05-27

76浏览

0评论

去掉vue 中的代码规范检测两种方法(Eslint验证)

我们在使用vue 脚手架时，为了规范团队的代码格式，会有一个代码规范检测，如果不符合规范就会报错，有时候我们不想按照他的规范去写。这时我们需要关闭。这里有两种方法。1.在搭建...

2020-05-27

68浏览

0评论

vue项目关闭eslint校验

简介eslinteslint是一个JavaScript的校验插件，通常用来校验语法或代码的书写风格。官方文档：https://eslint.org这篇文章总结了eslint的规则：Eslint规则说明关闭eslint校验有了...

2020-05-27

52浏览

0评论

JS实现遍历不规则多维数组的方法

本文实例讲述了JS实现遍历不规则多维数组的方法。分享给大家供大家参考，具体如下：直接进入正文：我们有时候处理数据，可能会遇到一些不规则(无法预料的数据结构)，那么拿到这种数据...

2020-05-27

76浏览

0评论

JS实现为动态添加的元素增加事件功能示例【基于事件委托】

本文实例讲述了JS实现为动态添加的元素增加事件功能。分享给大家供大家参考，具体如下：我们在日常开发中有时会通过js创建一些元素，但是如果使用原始的for循环给创建的节点添加...

2020-05-27

56浏览

0评论

JS中的回调函数实例浅析

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

2020-05-27

88浏览

0评论

基于iScroll实现内容滚动效果

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

52浏览

0评论

基于JavaScript实现幸运抽奖页面

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

44浏览

0评论

jquery的 filter()方法使用教程

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

2020-05-27

41浏览

0评论

JS中的事件委托实例浅析

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

2020-05-27

164浏览

0评论

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

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

2020-05-27

38浏览

0评论

Vue.js中的computed工作原理

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

2020-05-27

54浏览

0评论

vuex 的简单使用

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

72浏览

0评论

Java设计中的Builder模式的介绍

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

51浏览

0评论

浅谈Webpack 持久化缓存实践

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

63浏览

0评论

JS动画定时器知识总结

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

282浏览

0评论

剖析Angular Component的源码示例

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

62浏览

0评论

JavaScript 五大常见函数

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

热门文章