vue项目中api接口管理总结
默认vue项目中已经使用vue-cli生成，安装axios，基于element-ui开发，axiosconfig目录和api目录是同级，主要记录配置的相关。1. 在axiosconfig目录下的axiosConfig.jsimport Vue fr...
2020-05-27
node实现登录图片验证码的示例代码
实现这里的图形验证码我是用的node里svg-captcha模块,可以全部支持字符和数字，全平台支持，用起来很简单。1.安装cnpm i svg-captcha --save2.在使用的地方导入var svgCaptcha...
2020-05-27
vue中子组件向父组件传递数据的实例代码(实现加减功能)
这里讲解一下子组件向父组件传递值的常用方式。 这里通过一个加减法的实例向大家说明一下，这个的原理。如下图所示：当没有任何操作的时候父组件的值是 0当点击加号以后父组件...
2020-05-27
React diff算法的实现示例
前言在上一篇文章，我们已经实现了React的组件功能，从功能的角度来说已经实现了React的核心功能了。但是我们的实现方式有很大的问题：每次更新都重新渲染整个应用或者整个组件，DO...
2020-05-27
Vue中如何实现proxy代理
Vue 框架开发的时候，会遇到跨域的问题，可在config/index.js 里配置proxyTable内容，使用proxy 代理。// config/index.js 文件proxyTable: { '/api': { target: 'http://19...
2020-05-27
使用Vue如何写一个双向数据绑定(面试常见)
1、原理Vue的双向数据绑定的原理相信大家也都十分了解了，主要是通过 Object对象的defineProperty属性，重写data的set和get函数来实现的,这里对原理不做过多描述，主要还是来实现...
2020-05-27
Vue写一个简单的倒计时按钮功能
在项目开发里，我们经常会遇到发送验证码、点击了之后有60秒倒计时的按钮，很常见却也很简单，但是在写这个按钮的时候有个别地方还要注意下，今天写出来，如有问题欢迎指正！完成的效果...
2020-05-27
用ES6的class模仿Vue写一个双向绑定的示例代码
本文介绍了用ES6的class模仿Vue写一个双向绑定的示例代码，分享给大家，具体如下：
最终效果如下：构造器(constructor)
构造一个TinyVue对象，包含基本的el，data，methodsclass TinyVue{...
2020-05-27
vue多页面开发和打包正确处理方法
前段时间做项目，技术栈是vue+webpack,主要就是官网首页加后台管理系统 根据当时情况，分析出三种方案 一个项目代码里面嵌两个spa应用(官网和后台系统) 分开两套项目源码 一...
2020-05-27
jQuery中的$是什么意思及 $. 和 $().的区别
像我这种没有经过系统学习的人总是有这样的问题:($就是jQuery的别称而jQuery就是jQuery库提供的一个函数.(好像也不仅仅只是函数， 因为还有 $.ajax(options) 这样的使用，等同...
2020-05-27
vue中v-cloak解决刷新或者加载出现闪烁问题（显示变量）
在使用vue绑定数据的时候，渲染页面时会出现变量闪烁，例如<div class="#app"> <p>{{value.name}}</p></div>在加载的时候会看到{{value.name}}在页面出现，过了几秒之后才会渲染...
2020-05-27
关于echarts在节点显示动态数据及添加提示文本所遇到的问题
刚接触echarts不久，在使用过程中遇到了2个难点， 1、每个节点显示动态数据，这个其实可以通过配置项完成，在series数据绑定中，可以使用原本的配置项itemStyle中的标签格式化完成...
2020-05-27
vue 之 .sync 修饰符示例详解
在一些情况下，我们可能会需要对一个 prop （父子组件传递数据的属性） 进行“双向绑定”。在vue 1.x 中的 .sync 修饰符所提供的功能。当一个子组件改变了一个带 .sync 的prop的...
2020-05-27
JS装饰器函数用法总结
在 ES6 中增加了对类对象的相关定义和操作（比如 class 和 extends ），这就使得我们在多个不同类之间共享或者扩展一些方法或者行为的时候，变得并不是那么优雅。这个时候，我们就需...
2020-05-27
vue.js与element-ui实现菜单树形结构的解决方法
由于业务需要，要求实现树形菜单，且菜单数据由后台返回，在网上找了几篇文章，看下来总算有了解决办法。场景：根据业务要求，需要实现活动的树形菜单，菜单数据由后台返回，最后的效果图如...
2020-05-27
Node.Js生成比特币地址代码解析
使用Node.js，IDE采用sublime 3。var randomBytes = require('randombytes')var BigInteger = require('bigi')var ecurve = require('ecurve')var crypto = require('crypto'...
2020-05-27
详解webpack模块化管理和打包工具
本篇文章主要介绍了详解webpack模块化管理和打包工具，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧Webpack简介webpack是当下最热门的前端资源...
2020-05-27
在vue-cli项目中使用bootstrap的方法示例
在一个html页面中加入bootstrap是很方便，就是一般的将css和js文件通过Link和Script标签就行。
那么在一个用vue-vli生成的前端项目中如何加入？因为框架不一样了，略微要适应一下...
2020-05-27
JavaScript获取用户所在城市及地理位置
下面一段代码给大家分享js 获取用户所在城市，具体代码如下所述：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>获取用户地理位置</title> <scr...
2020-05-27
vue源码解析之事件机制原理
上一章没什么经验。直接写了组件机制。感觉涉及到的东西非常的多，不是很方便讲。今天看了下vue的关于事件的机制。有一些些体会。写出来。大家一起纠正，分享。源码都是基于最...
2020-05-27
AngularJs用户输入动态模板XSS攻击示例详解
概述XSS攻击是Web攻击中最常见的攻击方法之一，它是通过对网页注入可执行代码且成功地被浏览器执行，达到攻击的目的，形成了一次有效XSS攻击，一旦攻击成功，它可以获取用户的联系人...
2020-05-27
JS实现字符串去重及数组去重的方法示例
本文实例讲述了JS实现字符串去重及数组去重的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>www.freexyz.cn js数...
2020-05-27
AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例
本文实例讲述了AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8"><title>www....
2020-05-27
jQuery中的for循环var与let的区别
今天在写jQuery请求接口中发现一个问题： 在用AJAX发送请求中又嵌套了一个AJAX请求，发现在内层请求的success中对第一次success中的循环变量 i 无法获取，具体代码如下：$.a...
2020-05-27
关于jquery layui弹出层的使用方法
Jquery必须大于1.83layui必须是all，否则不显示<script src="../js/jquery-1.8.3.min.js"></script> <script src="../layui/layui.all.js"></script>html代码<input id="abo...
2020-05-27
JavaScript调用模式与this关键字绑定的关系
Invocation 调用调用一个函数将暂停当前函数的执行，传递控制权和参数给新函数。实参与形参不一致不会导致运行时错误，多的被忽略，少的补为undefined每个方法都会收到两个附加参...
2020-05-27
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
1.首先写一个遮罩层div，然后再写一个弹窗的div<!-- 遮罩层 --><div id="cover" style="background: #000; position: absolute; left: 0px; top: 0px; width: 100%; filter:...
2020-05-27
javaScript产生随机数的用法小结
var chars = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F','G',...
2020-05-27
nodeJS模块简单用法示例
本文实例讲述了nodeJS模块简单用法。分享给大家供大家参考，具体如下：1.定义Student模块，Teacher模块function add(student){ console.log('Add Student:'+student);}exports.a...
2020-05-27
JQuery元素快速查找与操作
首先，我们来看看jquery中如何查找到想要的结点。第一步：sizzle选择器
基于元素的id、类、类型、属性、属性值等"查找"（或选择）HTML元素，简单的说是基于css选择器，除此之外还有一些...
2020-05-27
手写简单的jQuery雪花飘落效果实例
前言最近闲来无事，准备写个雪花飘落的效果，没有写太牛逼的特效，极大的简化了代码量，这样容易读取代码，用起来也很简单，对于那些小白简直是福利啊，简单易读易学。先直接上代码吧，然后...
2020-05-27
jQuery中图片展示插件highslide.js的简单dom
前言今天用用了一款图片展示插件highslide.js，感觉用起来很是舒畅，几乎不用怎么写代码，只需要知道如何写参数就行了。那么这么牛叉的插件我们该如何用哪，下面我就跟大家讲解一下...
2020-05-27
关于Angularjs中自定义指令一些有价值的细节和技巧小结
一：自定义指令常用模板
下面是大致的说明，不是全面的，后面来具体说明一些没有提及的细节和重要的相关知识：angular.module('yelloxingApp', []).directive('uiDirective', funct...
2020-05-27
Vue下滚动到页面底部无限加载数据的示例代码
看到一篇Implementing an Infinite Scroll with Vue.js , 觉得挺实用的就看了下, 顺便简单翻译了一下给需要的人参考.
从这个项目中可以加深对Vue的生命周期的理解, 何时开...
2020-05-27
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
Angular CLI是一个命令行界面工具，它可以创建项目、添加文件以及执行一大堆开发任务，比如测试、打包和发布，这里的快速开始就是基于这个命令。开始项目前，你需要先安装node和npm...
2020-05-27
JS实现的哈夫曼编码示例【原始版与修改版】
本文实例讲述了JS实现的哈夫曼编码。分享给大家供大家参考，具体如下：原始版function cal(str) { if (typeof str !== 'string' || str.length < 1) { return; } var map...
2020-05-27
vue-cli3.0 特性解读
最近的开发项目中使用了vue-cli 3.0，使用体验可以说非常棒了，模板更加制定化，配置更加简洁。以下总结下应用过程中的一些经验。
新建项目
# 安装npm install -g @vue/cli# 新建...
2020-05-27
用Vue写一个分页器的示例代码
之前一直想要自己试着实现一个分页器，但是一直拖，今天写完，大概照着网易云音乐的样子来完成。这个小例子很简单，通过这个小例子，可以学习到Vue计算属性的使用，并了解到写分页器需...
2020-05-27
实例讲解Vue.js中router传参
Vue-router参数传递
为什么要在router中传递参数
设想一个场景，当前在主页中，你需要点击某一项查看该项的详细信息。那么此时就需要在主页传递该项的id到详情页，详情页通过id获...
2020-05-27
nodejs读取并去重excel文件
如何使用，直接上代码/** * 安装node-xlsx插件 */var path = require('path')var fs = require('fs')var xlsx = require('node-xlsx')//去重算法Array.prototype.unique = fu...
2020-05-27
vue移动端实现下拉刷新
看完这篇文章，相信大伙也一样可以，做出一个自己的刷新，加载的组件说这个功能之前，大家要先了解一下，要怎么触发滚动条事件。一定要注意，所有滚动事件都必须要满足这个条件，横向滚动...
2020-05-27
如何以Angular的姿势打开Font-Awesome详解
前言本文主要给大家介绍了关于以Angular的姿势打开Font-Awesome的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。环境
Angular: v5.2.9 Font-Aw...
2020-05-27
原生JS进行前后端同构
什么是前后端同构明确三个概念：「后端渲染」指传统的 ASP、Java 或 PHP 的渲染机制；「前端渲染」指使用 JS 来渲染页面大部分内容，代表是现在流行的 SPA 单页面应用；「同构渲染...
2020-05-27
深入理解JavaScript和TypeScript中的class
前言对于一个前端开发者来说，很少用到 class ，因为在 JavaScript 中更多的是 函数式 编程，抬手就是一个 function，几乎不见 class 或 new 的踪影。所以 设计模式 也是大多数前端...
2020-05-27
使用Vue组件实现一个简单弹窗效果
最近在使用element-ui框架，用到了Dialog对话框组件，大致实现的效果，跟我之前自己在移动端项目里面弄的一个弹窗组件差不太多。然后就想着把这种弹窗组件的实现方式与大家分享一...
2020-05-27
vue-devtools的安装步骤
vue-devtools 是一款基于chrome游览器的插件，用于调试vue应用，由于国内不能访问谷歌商店（要科学上网），所以安装比较麻烦，写个文章记录一下。第一步将vue-devtools clone到本地git...
2020-05-27
Node.js应用设置安全的沙箱环境
有哪些动态执行脚本的场景？
在一些应用中，我们希望给用户提供插入自定义逻辑的能力，比如 Microsoft 的 Office 中的 VBA，比如一些游戏中的 lua 脚本，FireFox 的「油猴脚本」，能够...
2020-05-27
JavaScript变量声明var,let.const及区别浅析
var声明变量的作用域限制在其声明位置的上下文中var x = 0; // x是全局变量，并且赋值为0。console.log(typeof z); // undefined，因为z还不存在。function a() { // 当a被调用...
2020-05-27
详解vue 计算属性与方法跟侦听器区别(面试考点)
计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：<div id="example"> {{ message.split('').reve...
2020-05-27
vue2.0 移动端实现下拉刷新和上拉加载更多的示例
本人正在基于 vue2.0 + webpack + es6 搭建前端架构，整理了部分插件，下面这个是下拉更新 上拉更多的，挺好用的，分享给大家。直接上代码，不懂的多看几遍，下面我换会告诉大家如何使...
2020-05-27
