使用vue-router为每个路由配置各自的title
传统方法以前在单页面路由中，就只能在html文件中定一个固定的网站的title。如果想要动态的去修改，需要使用如下的方法。document.title = '这是一个标题';这样会让我们做很多...
2020-05-27
angular-tree-component的使用详解
先上网址吧：https://github.com/500tech/angular-tree-component 这是牛逼哄哄的GitHub页面， http://500tech.github.io/angular-tree-component/ 这就是官网啦。大背景--首先...
2020-05-27
JavaScript笛卡尔积超简单实现算法示例
本文实例讲述了JavaScript笛卡尔积超简单实现算法。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...
2020-05-27
nodejs 十六进制字符串型数据与btye型数据相互转换
byte型转换十六进制字符串/** * byte型转换十六进制 * @param b * @returns {string} * @constructor */const Bytes2HexString = (b)=> { let hexs = ""; for (let i = 0...
2020-05-27
JavaScript树的深度优先遍历和广度优先遍历算法示例
本文实例讲述了JavaScript树的深度优先遍历和广度优先遍历算法。分享给大家供大家参考，具体如下：1、深度优先遍历的递归写法function deepTraversal(node) { var nodes = [];...
2020-05-27
vscode中vue-cli项目es-lint的配置方法
本文主要介绍vscode中 vue项目es-lint的配置，有任何错误的地方欢迎大佬指出开始安装插件如图所示： vscode设置安装完成之后，到vscode中的 文件-->首选项-->设置 中 添加如下代...
2020-05-27
js+html5实现手机九宫格密码解锁功能
HTML5真的是很强大，前端时间看到一个canvas实现九宫格的密码解锁。今天抽出时间模仿了一个，特定分享一下！效果截图如下：效果看起来还不错吧！源码如下：<!DOCTYPE html><html><head...
2020-05-27
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
本文实例讲述了JS实现DOM节点插入操作之子节点与兄弟节点插入操作。分享给大家供大家参考，具体如下：<!doctype html><html><head><meta charset="utf-8"><title>www.freexyz.cn...
2020-05-27
JS实现HTML页面中动态显示当前时间完整示例
本文实例讲述了JS实现HTML页面中动态显示当前时间。分享给大家供大家参考，具体如下：<!doctype html><html><head><meta charset="utf-8"><title>www.freexyz.cn JS动态显示时间<...
2020-05-27
axios简单实现小程序延时loading指示
axios简单实现小程序延时loading指示小程序和小游戏的wx.showLoading方法相信大家都不会陌生，但是怎样处理loading才能又更好的用户体验呢？假设需求如下，1秒类请求没有相应，才弹...
2020-05-27
微信网页授权并获取用户信息的方法
介绍在很多微信H5应用里，当用户访问第三方应用时就需要进行微信网页授权，并且很多涉及安全的操作我们必须要先获取用户信息才能继续，本文章简单介绍了微信授权流程，并通过申请微...
2020-05-27
JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例
本文实例讲述了JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能。分享给大家供大家参考，具体如下：HTML部分：<div id="div">点击除开div的区域可以弹出弹窗</div><div id="...
2020-05-27
JavaScript函数节流和函数去抖知识点学习
概念
节流 (throttle) 让一个函数不要执行的太频繁，减少执行过快的调用，叫节流去抖 (debounce) 去抖就是对于一定时间段的连续的函数调用，只让其执行一次throttle 应用场景
D...
2020-05-27
vue导出html、word和pdf的实现代码
导出的页面组件如下：<template> <div id="resumeId"> <resumeHtml ref="resume" @on-download="download"/> </div></template>1、导出html方法：1）获取要导出的组件页面的css把...
2020-05-27
JS构造一个html文本内容成文件流形式发送到后台
具体代码如下所示：let html = <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1....
2020-05-27
nodejs(officegen)+vue(axios)在客户端导出word文档的方法
前言我的项目中有一个需求：点击按钮生成可编辑的word文档订单详情的信息我使用的前端框架是Vue.js、后台使用的是node.jsnode.js生成和导出word文档我参考的是下面这两篇文章...
2020-05-27
nodejs 生成和导出 word的实例代码
前段时间由于项目需求，得做excel和word的导出功能，excel的导出百度一下一大把，小伙伴们都写的好详细，基本打来改改就可以用，可导出word的功能，百度了貌似都找不到可用资料，哎，费解呀...
2020-05-27
前端axios下载excel文件(二进制)的处理方法
需求：通过后端接口下载excel文件，后端没有文件地址，返回二进制流文件实现：axios(ajax类似)主要代码：axios：设置返回数据格式为blob或者arraybuffer如： var instance = axios.creat...
2020-05-27
详解微信小程序实现WebSocket心跳重连
最近在开发小程序用到了WebSocket，小程序提供了相应的原生API，与H5的API使用方式上有一些区别，所以流行的H5的一些成熟的类库使用起来有些困难，而原生API又存在一些缺陷，所以就自...
2020-05-27
Vue导出页面为PDF格式的实现思路
通过网上的查阅以后,说一下思路.就是将页面转换成图片格式.然后通过图片的base64码.生成PDF..看了他们的文章,做了如下整理..说起来很容易,那么具体怎么实现呢?1 、我们...
2020-05-27
jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】
本文实例讲述了jQuery实现点击自身以外区域关闭弹出层功能。分享给大家供大家参考，具体如下：原理参考前面一篇《JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能》，小编顺...
2020-05-27
详解使用create-react-app添加css modules、sasss和antd
create-react-app 是facebook的官方脚手架，对于个人开发者和中小型公司快速创建项目非常推荐。react的CSS解决方案有很多，这里我技术选型时用 css modules 和 sass ，然后配合an...
2020-05-27
在create-react-app中使用css modules的示例代码
前言如果我们从零开始用webpack + es6来结合react开发前端应用，那势必会在各种webpack配置中消耗大量精力，于是便有了各种脚手架，create-react-app就是其中之一。
对于css mod...
2020-05-27
vue实现word，pdf文件的导出功能
vue实现word或pdf文档导出的功能，我的项目是：后端返回一个文档流(下图)，然后前端对文档流做处理进行下载，代码如下：import axios from 'axios'; axios.get(`url`, { //url: 接...
2020-05-27
JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析
本文实例讲述了JavaScript+Canvas实现彩色图片转换成黑白图片的方法。分享给大家供大家参考，具体如下：1、convertToGray()在主体代码中使用 canvas 元素的id来获取画布，并设置...
2020-05-27
JS实现判断图片是否加载完成的方法分析
本文实例讲述了JS实现判断图片是否加载完成的方法。分享给大家供大家参考，具体如下：1、onload事件<!DOCTYPE HTML><html> <head> <title></title> </head> <body> <i...
2020-05-27
Vue 路由 过渡动效 数据获取方法
过渡动效<router-view> 是基本的动态组件，所以我们可以用 <transition> 组件给它添加一些过渡效果：<transition> <router-view></router-view></transition> 单个路由的过渡上...
2020-05-27
JavaScript new对象的四个过程实例浅析
本文实例讲述了JavaScript new对象的四个过程。分享给大家供大家参考，具体如下：new对象：function Person(name, age) { this.name = name; this.age = age;}var person = new...
2020-05-27
JS实现移动端触屏拖拽功能
1.html<div id="div1"></div>2.css* { margin: 0; padding: 0;}html,body { width: 100%; height: 100%;}#div1 { width: 50px; height: 50px; background: cyan; position:...
2020-05-27
jQuery 实现倒计时天,时,分,秒功能
1.HTML部分<span class="joind">135</span>天<span class="joinh">7</span>时<span class="joinm">46</span>分<span class="joins">25</span>秒 2.js部分<script src="http...
2020-05-27
Node.js log4js日志管理详解
前言在Nodejs中使用express框架并没有自带的日志模块，我们可以选择log4js来完成日志记录的功能。如果用过JAVA中log4j的同学，肯定对日志并不陌生，学习log4js会更得心应手的。项...
2020-05-27
vue2.0页面前进刷新回退不刷新的实现方法
花了整整一周时间，尝试过很多种方法，终于找到了最佳的解决方案（对我来说最佳），为了祭奠逝去的一周，也为了释放激动的情绪，现在不得不写篇博客了。直接上重点：第一步：//在APP.vue里面...
2020-05-27
react中实现搜索结果中关键词高亮显示
网上看到很多js实现的关键词高亮显示，方法都是一个道理，先获取要替换的文字区域，然后在用正则匹配到关键词，并进行替换。react中实现起来似乎更简单一些。我这里的需求是通过搜...
2020-05-27
Vue父子组件双向绑定传值的实现方法
父子组件之间的双向绑定非常简单，但是很多人因为是从Vue 2+开始使用的，可能不知道如何双向绑定，当然最简单的双向绑定（单文件中）就是表单元素的 v-model 了，例如 <input type="tex...
2020-05-27
看看“疫苗查询”小程序有温度的代码
近日，一篇《疫苗之王》刷爆了朋友圈，疫苗的安全问题被推到了风口浪尖，腾讯安全反诈骗实验室团队推出了“腾讯安心计划”小程序，方便用户便捷地查询疫苗安全信息。这样一个暖心的...
2020-05-27
echarts设置图例颜色和地图底色的方法实例
前言本来想写echarts初始化函数的，但最近因为要写一个地图与柱状图的混合方式，也就是每个省的地图上要有柱状图显示。于是仔细使用了一下地图。1、地图的一些基本属性就不介绍...
2020-05-27
Vue.js 利用v-for中的index值实现隔行变色
首先定义好样式，利用v-for中的index值，然后绑定样式来实现隔行变色效果。 以下为完整代码，很简单，但也是个技巧。<!DOCTYPE html><html lang="en"><head> <meta charset="U...
2020-05-27
JavaScript执行环境及作用域链实例分析
本文实例讲述了JavaScript执行环境及作用域链。分享给大家供大家参考，具体如下：1、执行环境：每个执行环境都有一个与之关联的变量对象，环境中定义的所有变量和函数都保存在这个...
2020-05-27
Vue项目全局配置页面缓存之按需读取缓存的实现详解
写在前面
一个web app的实际使用场景中，有一些情景的交互要求，是记录用户的浏览状态的。最常见的就是在列表页进入详情页之后，再返回到列表页，用户希望返回到进入详情页之前的状...
2020-05-27
create-react-app 修改为多入口编译的方法
需求和出发点
我们会有较多的小的单页应用，主要是一些简单的页面和活动之类。这些页面相互之间没有交集，但是会有一些可以共用的代码，资源、接口、组件啥的。对此，我们想到了两...
2020-05-27
JS+HTML实现的圆形可点击区域示例【3种方法】
本文实例讲述了JS+HTML实现的圆形可点击区域。分享给大家供大家参考，具体如下：方法一：<img>通过usemap映射到<map>的circle形<area>。<img src="images/lanlvseImg.png" usemap...
2020-05-27
JavaScript事件冒泡与事件捕获实例分析
本文实例讲述了JavaScript事件冒泡与事件捕获。分享给大家供大家参考，具体如下：1、事件冒泡在一个对象上触发某类事件，如onclick事件等，在其祖先节点上也会依次触发该事件。<bod...
2020-05-27
NodeJS实现自定义流的方法
前言常见的自定义流有四种，Readable（可读流）、Writable（可写流）、Duplex（双工流）和 Transform（转换流），常见的自定义流应用有 HTTP 请求、响应， crypto 加密，进程 stdin 通信等等。strea...
2020-05-27
javascript数据结构之多叉树经典操作示例【创建、添加、遍历、移除等】
本文实例讲述了javascript数据结构之多叉树经典操作。分享给大家供大家参考，具体如下：多叉树可以实现复杂的数据结构的存储，通过遍历方法可以方便高效的查找数据，提高查找的效率...
2020-05-27
Angular路由ui-router配置详解
简介angularJs自身提供路由ng-router,但是ng-router不是很好用,配置项零散，好比Vue提供的组件传值一样，虽然提供给你了用法，但是开发过程中逻辑一多用着萌萌的，所以我们抛开ng-r...
2020-05-27
深入浅出理解JavaScript闭包的功能与用法
本文实例讲述了JavaScript闭包的功能与用法。分享给大家供大家参考，具体如下：理解闭包关键是理解JS的对象的本质以及垃圾收集机制。函数也是对象，也有属性，通常执行一个函数时，局...
2020-05-27
node.js遍历目录的方法示例
本文介绍了node.js遍历目录的方法示例，分享给大家，也给自己留个笔记，具体如下
同步遍历
const fs = require('fs');const path=require('path');function travel(dir,callback)...
2020-05-27
vue定义全局变量和全局方法的方法示例
一、全局引入文件1、先定义共用组件 common.vue<script type="text/javascript"> // 定义一些公共的属性和方法 const httpUrl = 'http://39.105.17.99:8080/' function...
2020-05-27
Vue Router去掉url中默认的锚点#
hash模式urlvue-router默认hash模式——使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。如果不想要这种默认的hash模式，可以用路由的history模式，这种模...
2020-05-27
详解es6超好用的语法糖Decorator
Decorator（修饰器/装饰器）是es6提出的语法糖，用于修改类的行为。不过目前主流浏览器都没有很好的支持，我们需要用babel来转换为浏览器能识别的语言。在这篇文章中将介绍decorato...
2020-05-27
