vue项目中使用Svg的方法
github demo: github地址闲聊背景本文主要以 vue-cli3 搭建的项目为例，来聊一下如何在项目中更优雅的使用 svg 。众所周知， vue-cli3 已经推出很长一段时间了，大家可以感受一下...
2020-05-27
如何实现一个webpack模块解析器
最近在学习 webpack源码，由于源码比较复杂，就先梳理了一下整体流程，就参考官网的例子，手写一个最基本的 webpack 模块解析器。代码很少，github地址：手写webpack模块解析器 整体流...
2020-05-27
webpack打包非模块化js的方法
本文主要记录了非模块化js如何使用webpack打包模块化打包实现方式webpack是模块打包工具，通过入口文件递归遍历其依赖图谱，绝对是打包神器。bar.js
export default function b...
2020-05-27
jQuery+Datatables实现表格批量删除功能【推荐】
Datatables是一款jquery表格插件。它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。最近遇到这样的需求要求把表格批量删除。下面通过实例代码给大家介绍下。...
2020-05-27
AngularJS 多指令Scope问题的解决
问题描述不确定度指令，传入参量类别，然后该指令列出该类别下的所有不确定度。新增页面用到了三个该指令，只有最后一个成功，前两个都没有数据。探究源码以下是指令源码：'use stric...
2020-05-27
深入浅析js原型链和vue构造函数
一、什么是原型链?简单回顾下构造函数,原型和实例的关系: 每个构造函数(constructor)都有一个原型对象(prototype),原型对象都包含一个指向构造函数的指针,而实例(i...
2020-05-27
详解js访问对象的属性和方法
对象的属性和方法统称为对象的成员。访问对象的属性在JavaScript中，可以使用“ . ”和“ [ ] ”来访问对象的属性。二者区别：“ . ”表示法一般作为静态对象使用时来存取属性...
2020-05-27
jquery使用FormData实现异步上传文件
考虑一个常见的用户上传头像的场景： 点击按钮，弹出文件选择框 选中图片并确认后直接上传图片
实现这个功能，需要使用<input>来添加文件，并实现上传功能。传统的上传文件是将...
2020-05-27
使用ECharts实现状态区间图
需求背景假如有如下图所示的图表需要显示多个网口在一段时间内的多个状态：y轴用于展示各网口，x轴用于展示时间(分钟)，使用条形图的不同颜色来表示不同时间区间段的状态，使用深蓝...
2020-05-27
浅谈高大上的微信小程序中渲染html内容—技术分享
大部分Web应用的富文本内容都是以HTML字符串的形式存储的，通过HTML文档去展示HTML内容自然没有问题。但是，在微信小程序（下文简称为「小程序」）中，应当如何渲染这部分内容呢？解决...
2020-05-27
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
在Winform开发的时候，我们很多时候可以利用表格控件来直接录入数据，不过在Web上较少看到，其实也可以利用dataTable对象处理直接录入表格行数据，这个可以提高数据的录入方便，特别...
2020-05-27
vue使用原生js实现滚动页面跟踪导航高亮的示例代码
需要使用vue做一个专题页面。滚动页面指定区域导航高亮。
监听滚动页面事件，对比当前页面的位置与元素的位置，如果当前滚动的区域位置大于元素的位置，导航添加class，其他去掉cla...
2020-05-27
小程序云开发实战小结
1. 云开发简介由于小程序本身存储数据的能力有限，所以不可能将大量的数据保存在客户端，而且将数据保存在本地既不安全，也无法与其他小程序用户共享，所以大多数小程序都需要一个...
2020-05-27
Vue使用NPM方式搭建项目
一、安装前说明环境依赖： node.js ；vue官方脚手架 ： vue-cli ；包管理工具： npm模块化打包工具： webpack安装 node.js会默认安装npm，vue-cli依赖npm来安装 。二、 安装 node.js安装...
2020-05-27
代码整洁之道(重构)
前言
之前也介绍过我们团队的前端项目从零开始经历8个月迭代业务代码10万行(仅为产品长期规划需求的20%)，至今仍然在不断迭代的过程。
团队成员除了设计好的架构来管理这种复...
2020-05-27
webpack4+react多页面架构的实现
webpack在单页面打包上应用广泛，以create-react-app为首的脚手架众多，单页面打包通常是将业务js，css打包到同一个html文件中，整个项目只有一个html文件入口,但也有许多业务需要...
2020-05-27
在Vue中使用axios请求拦截的实现方法
一、前言axios的基础使用就不过多的讲解啦，如何使用可以看axios文档使用说明·Axios中文说明在这里和大家分享一下axios拦截在实际项目中的使用很多人都看过axios的官方文档...
2020-05-27
解决axios会发送两次请求,有个OPTIONS请求的问题
问题描述：Vue的开发者都知道axios，很多都用axios来进行数据交互，axios的默认请求头是Content-Type: application/json使用这个请求头会出现向服务器请求两次的情况为什么呢？原因...
2020-05-27
js自定义input文件上传样式
文件上传是我们经常会用到的功能，但是原生的input样式太丑了，能不能自定义一个input文件上传样式呢？我这里写了两种方法，form表单提交跟ajax异步提交都没有问题，自动上传或者点击...
2020-05-27
详解webpack打包时排除其中一个css、js文件或单独打包一个css、js文件(两种方法)
在项目中经常会需要将一些接口的配合文件或者某些样式文件，分离出来单独打包，便于后期改动，这里我以css文件为例，介绍实现两种方法：项目目录：
如上图所示，现在我需要将项目中的scBt...
2020-05-27
js使用formData实现批量上传
最近项目需要批量上传附件，查了下资料，网上很多但看着一脸懵，只贴部分代码，介绍也不详细，这里记录一下自己的采坑与多种实现，以免以后忘记。这里先介绍下FormData对象，以下内容摘自...
2020-05-27
angularjs通过过滤器返回超链接的方法
在项目中有一个功能，需要把一段字符串拼接成一个超链接，效果如下图，从数据库中得到的字符串格式如下数据的格式很工整，以“#”和空格为标志就可以很顺利的分割，开始想象的很美好，...
2020-05-27
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
我使用的element-ui的版本是V1.4.13。如上图所示，如果使用el-button,加颜色是可以通过设置type属性的值，加图标就设置icon属性的值。现在产品给了一个需求，就是自定义的很多种...
2020-05-27
详解ES6 系列之异步处理实战
前言
我们以查找指定目录下的最大文件为例，感受从回调函数 -> Promise -> Generator -> Async异步处理方式的改变。API 介绍
为了实现这个功能，我们需要用到几个 Nodejs 的 AP...
2020-05-27
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
jQuery选择插件分为基本版和美化版，重点说下美化版，如下图所示：相比最原始的版本，美化后的选择插件可以说是很漂亮了且功能更加强大（这里不说了，自行发掘吧）。这里主要是添加了它的...
2020-05-27
使用webpack打包后的vue项目如何正确运行（express）
我们知道使用webpack打包vue项目后会生成一个dist文件夹，dist文件夹下有html文件和其他css、js以及图片等，那么打包后的文件该如何正确运行呢？ 倘若直接打开html文件，会...
2020-05-27
Javascript中绑定click事件的四种方式介绍
一：HTML中添加onclick<button id="vv" onclick="myfunction()" >哈哈</button>二：JS中定义函数绑定事件！var funcc = function () { alert('我爱编程') }var aa = document.g...
2020-05-27
如何用Node写页面爬虫的工具集
最近做了几个写爬虫的小项目（从页面端到APP端的都有），在网上搜寻了一番好用的爬虫工具，做了个工具集整理：Puppeteer
简介
Puppeteer 是一个Node库，它提供了一个高级 API 来通过 De...
2020-05-27
Phaser.js实现简单的跑酷游戏附源码下载
采用的物理引擎是Phaser.js官网地址：http://phaser.io/在这里对此引擎不做过多介绍（因为我也是小白，嘿嘿）效果展示：源码（详细源码图片资源可点击文章下方或屏幕右上方的github链接...
2020-05-27
Javascript中弹窗confirm与prompt的区别
confirm 使用confirm，浏览器可以弹出一个确认框。 使用确认消息框可向用户问一个“是-或-否”问题，并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返...
2020-05-27
iview通过Dropdown(下拉菜单)实现的右键菜单
官方目前不提供右键菜单，这里借助Dropdown（下拉菜单）来实现，故为“官方“。 既然Dropdown有类似功能，如果将其文字隐藏，并且在合适时机弹出，便可实现，其自身就是iview中一个组件，...
2020-05-27
vue中使用protobuf的过程记录
由于目前公司采用了ProtoBuf做前后端数据交互，进公司以来一直用的是公司大神写好的基础库，完全不了解底层是如何解析的，一旦报错只能求人，作为一只还算有钻研精神的猿，应该去了解...
2020-05-27
Node.js 使用axios读写influxDB的方法示例
Node.js读写数据到influxDB，目前已经有一个库node-influx, 这个库功能非常强大，但是我个人使用这个库的时候，遇到无法解决的问题。使用curl都可以写数据到influxDB，但是用node-i...
2020-05-27
vue项目中实现图片预览的公用组件功能
今天产品提出了一个查看影像的功能需求。在查看单据的列表中，有一列是影像字段，一开始根据单据号调用接口查看是否有图片附件，如果有则弹出一个全屏的弹出层，如果没有给出提示。...
2020-05-27
javascript中函数的写法实例代码详解
具体代码如下所述：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...
2020-05-27
又拍云 Node.js 实现文件上传、删除功能
Node.js 服务端使用 Node.js + Express.js 实现 服务端const express = require("express");const app = express();const axios = require('axios');app.set('port', proce...
2020-05-27
微信小程序动画（Animation）的实现及执行步骤
简单总结一下微信动画的实现及执行步骤。一、实现方式官方文档是这样说的：①创建一个动画实例 animation。②调用实例的方法来描述动画。③最后通过动画实例的 export 方法导...
2020-05-27
深入浅析javascript函数中with
/*js函数中with函数的用法分析
定义 方便用来引用某个对象中已有的属性
但是不能用来给对象添加属性 要给对象创建
新的属性 必须明确的引用该对象*/代码格式with(object) s...
2020-05-27
Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐)
js的replace函数除了替换文本以外还有获取所有被正则表达式匹配到的文本的功能。这里以一个简单的案例来作为演示。利用正则查找出所有被两个花括号包裹的字符串：var str = <...
2020-05-27
JS 正则表达式验证密码、邮箱格式的实例代码
遗憾的是博客内容不允许包含js代码,不能在线测试，就只上代码了<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Regular Expression test</title></head><body...
2020-05-27
Electron中实现大文件上传和断点续传功能
Electron官网的描述：Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将...
2020-05-27
vue mounted 调用两次的完美解决办法
在开发中发现其中一个页面moutned调用了两次，而其他页面正常，表示很懵逼，然后查找原因，终于找到了，其实归根到底是要知道mounted的调用机制问题；情况：在这个页面中出现了mounted 加...
2020-05-27
详解vue-router数据加载与缓存使用总结
之前开发了一个单页面应用，按照深度，分为三层：目录页、一级子页（标签页、故事页等）、二级子页（故事编辑页）。这三类页面都共享一个完整的数据model，从上级页面进入下一级页面时，能够...
2020-05-27
详解Node.js中path模块的resolve()和join()方法的区别
关于Node.js中path模块的resolve()和join()方法的比较，对照着总结看例子差不多以后在写模块的时候思路就能很清晰了resolve作用：path.resolve() 该方法将一些的 路径/路径段...
2020-05-27
浅析微信扫码登录原理(小结)
微信扫码登录原理解析扫码登录是现在流行的登录方式，使用这种方式及其方便，而且安全扫码登录流程原理获取唯一的uuid, 以及包含uid信息的二维码// 获取uuid getUUID: function...
2020-05-27
JS 实现获取验证码 倒计时功能
setInterval 一个定时器搞定
<style>button{ background: #45BCF9; color: #fff; padding: 4px 10px; border: none; outline: none; cursor: pointer;}button:hover{...
2020-05-27
简单说说angular.json文件的使用
在Angular CLI 6+的版本后，原先的angular-cli.json就被换成了angular.json，而其中里面的字段变化挺大了，如果不了解基本的组成，或者直接把老版本的代码 copy 到新版本的工作空间...
2020-05-27
JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值
删除数组指定的某个元素var msg = " "; //textarea 文本框输入的内容var emp = [ ]; //定义一个数组,用来存msg分割好的内容1. 首先可以给JS的数组对象定义一个函数，用于查...
2020-05-27
vue实现类似淘宝商品评价页面星级评价及上传多张图片功能
最近在写一个关于vue的商城项目，然后集成在移动端中，开发需求中有一界面，类似淘宝商城评价界面！实现效果图如下所示：评价页点击看大图，且可左右滑动功能需求分析1.默认为5颗星，为非...
2020-05-27
Webstorm2016使用技巧(SVN插件使用)
最近改用Webstorm作为开发工具，在网上查找一些使用技巧时，发现很多文章都是早期版本的介绍，看起来比较费力，在这里把2016版本的一些使用技巧逐步整理出来，帮助刚接触本软件的“菜...
2020-05-27
