JavaScript数值类型知识汇总
整数
十进制 二进制以零为开头，后面接一个小写或大写的拉丁文字母B(0b或者是0B) 八进制以0开头，然后是八进制数字序列(0-7) ， 如果字面值中的数值超出范围，那么前导0将被忽...
2020-05-27
Nodejs使用archiver-zip-encrypted库加密压缩文件时报错(解决方案)
前几天在维护一个nodejs写的命令行工具，要增加一个压缩zip文件时加密码功能。压缩文件时使用了 archiver 库，加密码使用了 archiver-zip-encrypted 库。在windows系统上测试时...
2020-05-27
重置Redux的状态数据的方法实现
在 Redux 使用过程中，通常需要重置 store 的状态，比如应用初始化的时候、用户退出登录的时候，这样能够避免数据残留，避免 UI 显示了上一个用户的数据，容易造成用户数据泄露。
最...
2020-05-27
vue使用一些外部插件及样式的配置代码
一、配置全局css及js样式1.首先将事先写好的css文件及js文件放在src文件目录下的assets文件下2.在main.js文件输上图右边两个红色框的代码二、配置全局jQuery及bootstrap安...
2020-05-27
webpack常用配置总览(小结)
简介看《深入浅出webpack》总结一下常用的webpack的属性的含义并加了一些自己的链接，写在一个文件下更能有全局感受，更能理解各个属性中间的关系，重点要关注entry,output,resol...
2020-05-27
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
本文实例讲述了JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类。分享给大家供大家参考，具体如下：代码示例：示例1<!DOCTYPE html><html lang="en"><head>...
2020-05-27
浅谈Webpack4 Tree Shaking 终极优化指南
几个月前，我的任务是将我们组的 Vue.js 项目构建配置升级到 Webpack 4。我们的主要目标之一是利用 tree-shaking 的优势，即 Webpack 去掉了实际上并没有使用的代码来减少包的...
2020-05-27
Vue.extend 编程式插入组件的实现
前言
日常中我们要使用一个弹框组件的方式通常是先通过Vue.component 全局或是 component 局部注册后，然后在模版中使用。接下来我们尝试编程式的使用组件。
实现
其实步骤很...
2020-05-27
VUEX-action可以修改state吗
首先回顾下vuex，官网图如下
Vuex 的 store 中的状态的唯一方法是提交 mutation（mutation类似于事件且必须是同步函数） action 提交的是 mutation，而不是直接变更状态且可以包...
2020-05-27
JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例
本文实例讲述了JavaScript(js)处理的HTML事件、键盘事件、鼠标事件。分享给大家供大家参考，具体如下：示例代码：HTML文件：<!DOCTYPE html><html lang="en"><head> <meta charset...
2020-05-27
JS在Array数组中按指定位置删除或添加元素对象方法示例
JavaScript的数据中可通过splice/slice在指定位置添加或删除元素。另外还有slice、delete等方法实现。splice简介
splice方法向/从数组中添加/删除项目，然后返回被删除的项目...
2020-05-27
vue的三种图片引入方式代码实例
这篇文章主要介绍了vue的三种图片引入方式代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下首先给图片地址绑定...
2020-05-27
nodemon实现Typescript项目热更新的示例代码
我们都知道nodemon可以直接用来在开发环境下运行js文件，可以在文件改变时自动刷新和重启服务器。但是最近刚好在学typescript，所以就想使用ts来写，也想达到同样的效果，总结一下...
2020-05-27
Angular 多级路由实现登录页面跳转(小白教程)
本文受众是 Angular 初学者，没有多级路由使用经验，不知道登录页面与主页跳转的实现逻辑，相反，看到这里你就可以结束了，不要浪费时间。下面来看看小白对于登录页面的理解：上图中左...
2020-05-27
100行代码实现vue表单校验功能(小白自编)
两个文件，一个写逻辑，一个写校验规则；特点：逻辑简单，代码量少，够用；不想看代码直接新建这两个文件复制代码，看最下面的使用方法；示例图片//validator.js//引入校验规则var valitatorR...
2020-05-27
javascript的delete运算符知识点总结
delete是一元操作符，它用来删除对象属性或者数组元素。就像 赋值、递增、递减运算符一样，delete也是具有副作用的，它是用来做删除操作的，不是用来返回一个值的，例如：
var o = { x:...
2020-05-27
详解Nuxt.js 实战集锦
读本文前，请先熟读nuxt官方文档，并且具备一定的vue.js相关开发经验
中文文档
英文文档
vue SSR指南一、CSR和SSR对比在SPA之前的时代，我们传统的Web架构大都是SSR，如：Wordpress（PH...
2020-05-27
Node.JS发送http请求批量检查文件中的网页地址、服务是否有效可用
在node.js中只需要几行代码就可以发送http请求，通过检查statusCode可以判断该网址服务是否有效。如下代码：var http = require('http')var checkExists = function(urlPath, c...
2020-05-27
解决node.js含有%百分号时发送get请求时浏览器地址自动编码的问题
node.js含有%百分号时，发送get请求时浏览器地址自动编码的问题sales\报表.png在发到后台时，会自动编码成：/file/view/sales/%E6%8A%A5%E8%A1%A8.png在node.js会自动反编码成：sal...
2020-05-27
基于Vue+ElementUI的省市区地址选择通用组件
一、缘由在项目开发过程中，有一个需求是省市区地址选择的功能，一开始想的是直接使用静态地址资源库本地打包，但这种方式不方便维护，于是放弃。后来又想直接让后台返回全部地址数...
2020-05-27
vue3.0中使用postcss-pxtorem的具体方法
postcss-pxtorem是PostCSS的插件，用于将像素单元生成rem单位。
前端开发还原设计稿的重要性毋庸置疑，目前应用的单位最多还是rem,然而每次在制作过程中需要自己计算rem值，为了...
2020-05-27
关于vue利用postcss-pxtorem进行移动端适配的问题
刚开始我按照网上的一些方式利用postcss-pxtorem方式去适配的时候怎么样都不成功，后来经过自己不断尝试之后终于成功了。稍微坐下总结：
1.个人建议在进行postcss-pxtorem适配...
2020-05-27
Vue中rem与postcss-pxtorem的应用详解
rem 布局
rem是根元素(html)中的font-size值。
rem布局不多赘述，有很多详细说明rem布局原理的资料。
简单的说，通过JS获取设备宽度动态设定rem值，以实现在不同宽度的页面中使用...
2020-05-27
vant IndexBar实现的城市列表的示例代码
在开发中有个需求是一个选择城市的列表，看了看做成三级联动好像不是特别方便 还是做成一整页可以按导航选取的就可以了话不多说开始上码我用的是vant这个ui框架中的IndexBar...
2020-05-27
javascript跳转与返回和刷新页面的实例代码
javascript中window.open()与window.location.href的区别 window.open(‘index.html') 表示新增一个窗口打开 index.html 这个页面，并不刷新 location.href(‘index.html')...
2020-05-27
小程序实现投票进度条
本文实例为大家分享了小程序投票进度条的具体代码，供大家参考，具体内容如下示例图：上代码：index.wxml:<view class='clo_jdt'> <view style='width:{{width}}'></view> </view>...
2020-05-27
微信小程序实现时间进度条功能
关于答题类，或者一些游戏环节的小程序需要用到时间进度条，该功能怎么实现？看下面源码<view class='out' style='margin-top:10px'> <view class='in' style='width:{{progressW...
2020-05-27
vue实现element表格里表头信息提示功能(推荐)
如图：在element表格操作一栏需要添加提示功能 实现效果如图：鼠标浮上去弹出tips 解决方案1、编写组件在 promptMessage.vue 文件里面实现<template><!-- 处理element表格表头...
2020-05-27
微信小程序实现锚点功能
“锚点”功能在实际应用设计的好，可以提高用户体验。今天碰到一个类似下面功能：由于页面数据比较多，除了做些上拉加载，下拉刷新等优化。还可以进行进行分类，如上图。功能要求:点...
2020-05-27
微信小程序实现上拉加载功能
本文实例为大家分享了微信小程序上拉加载的具体代码，供大家参考，具体内容如下demo.wxml 文件<view wx:for="{{listdata}}" wx:key="listdata" class='listitem'> <view class...
2020-05-27
vue移动端模态框(可传参)的实现
1-封装模态框组件Mydialog (样式可以自己写)<template> <transition name="modal" tag="div"> <div class="modal" v-show="visible" transition="fade"> <div class="mo...
2020-05-27
微信小程序实现音乐播放器
今天继续玩小程序的api，看着别人例子跟着做一个小程序，留下一个脚印吧。末尾附上github源码地址。实现以下微信小程序的音乐播放器，先看下效果图界面做的确实挺丑的，先上wxss文...
2020-05-27
微信小程序音乐播放器开发
前言 这篇文章上一版本是用audio组件开发的播放器，随后反应音频加载速度慢的问题又用小程序内置的背景音乐播放的方法写了一遍，逻辑是一样的逻辑，希望对大家有所帮助！ <view cla...
2020-05-27
微信小程序实现星级评价
本文实例为大家分享了微信小程序星级评价的具体代码，供大家参考，具体内容如下效果图wxml<view class='assess-star'> <view class='star-wrap'> <view class='star-item' w...
2020-05-27
Vue实现按钮级权限方案
演示在年初开发一个中后台管理系统，功能涉及到了各个部门（产品、客服、市场等等），在开始的版本中，我和后端配合使用了花裤衩手摸手系列的权限方案，前期非常nice，但是慢慢的随着功能...
2020-05-27
稍微学一下Vue的数据响应式（Vue2及Vue3区别）
什么是数据响应式
从一开始使用 Vue 时，对于之前的 jq 开发而言，一个很大的区别就是基本不用手动操作 dom，data 中声明的数据状态改变后会自动重新渲染相关的 dom。
换句话说就...
2020-05-27
JavaScript实现简单随机点名器
本文实例为大家分享了js随机点名器的具体代码，供大家参考，具体内容如下<html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...
2020-05-27
js实现课堂随机点名系统
本文实例为大家分享了js随机点名系统的具体代码，供大家参考，具体内容如下style样式<style> .cor { background-color: #6083cd; } #box { width: 500px; border: 2px solid...
2020-05-27
Vue 中 filter 与 computed 的区别与用法解析
watch与computed、filter：watch:监控已有属性，一旦属性发生了改变就去自动调用对应的方法computed:监控已有的属性,一旦属性的依赖发生了改变，就去自动调用对应的方法filter:js...
2020-05-27
webpack常用构建优化策略小结
简介
读了《深入浅出webpack》总结一下常用的webpack的构建优化策略，可通过以下手段来提升项目构建时的速度更精准的loader规则
将loader规则写清楚仅让需要处理的文件，进入lo...
2020-05-27
浅谈Vue SSR中的Bundle的具有使用
前言写过Vue SSR的都知道，Vue通过提供server和client的webpack插件生成bundle josn，从而实现类似服务端的热更以及客户端资源的优化注入。那么这两个个bundle到底有什么神奇的...
2020-05-27
vue element 中的table动态渲染实现（动态表头）
通过在vue中使用element的table表格，实现数据动态渲染，并且动态渲染表头。通过在父组件中引入子组件表格，然后向子组件传递表格数据和表头数据。
子组件table中template模板
<e...
2020-05-27
Vue中Table组件行内右键菜单实现方法(基于 vue + AntDesign)
最近做的一个项目是基于 vue + AntDesign 的。由于项目要求，需要在 Table 组件的行内点右键的时候弹出菜单。在线演示地址及最终效果图如下：在线演示地址>> 首先新建一个Table...
2020-05-27
如何基于原生javaScript生成带图片的二维码
这篇文章主要介绍了如何基于原生javaScript生成带图片的二维码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下使用链接...
2020-05-27
小程序api实现promise封装过程解析
这篇文章主要介绍了小程序api实现promise封装过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下微信小程序和支付...
2020-05-27
通过原生vue添加滚动加载更多功能
这篇文章主要介绍了通过原生vue添加滚动加载更多功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下vue中添加滚动加载...
2020-05-27
微信小程序动态设置图片大小的方法
我们都知道微信小程序的组件image是用来显示图片的，它有一下几个属性：
1、src 图片资源地址
2、mode 图片裁剪、缩放的模式
3、binderror 当错误发...
2020-05-27
vue移动端使用appClound拉起支付宝支付的实现方法
1-首先在config.xml中进行配置 <feature name="aliPay"> <param name="urlScheme" value="AliPayA000000000" /> </feature>2-在自己的应用中添加支付宝支付的模块
3.使用支...
2020-05-27
Node如何后台数据库使用增删改查功能
这篇文章主要介绍了Node如何后台数据库使用增删改查功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下无论node还是j...
2020-05-27
Vue数据双向绑定底层实现原理
简介：Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。简单的说，就是数据变视图变。当你把一个普通...
2020-05-27
