详解如何用typescript开发koa2的二三事
前言最近在写一个博客的项目，前端用的 vue+typescript+element-ui ,后台则选择了 koa2+typescript+mongoDB 的组合。写这篇博客的目的也是在写后台的过程遇到一些问题，查了很...
2020-05-27
JS中使用cavas截图网页并解决跨域及模糊问题
前几天给了个需求对浏览器网页进行截图，把网页统计数据图形表等截图保存至用户本地。首先对于网页截图，我用的是canvas实现，获取你需要截图的模块的div，从而使用canvas对你需要...
2020-05-27
React父子组件间的传值的方法
父组件向子组件传值：
父组件：import React, { Component } from 'react';import Child from './chlid';class parent extends Component{ constructor(props) { super(props)...
2020-05-27
checkbox在vue中的用法小结
前言关于checkbox多选框是再常见不过的了，几乎很多地方都会用到，这两天在使用vue框架时需要用到checkbox多选功能，实在着实让我头疼，vue和原生checkbox用法不太一样，之前对于vue...
2020-05-27
JS获取当前时间的实例代码(昨天、今天、明天)
1、时间格式化//昨天的时间 var day1 = new Date(); day1.setTime(day1.getTime()-24*60*60*1000); var s1 = day1.getFullYear()+"-" + (day1.getMonth()+1) + "-" + day1....
2020-05-27
详解vuex之store拆分即多模块状态管理(modules)篇
了解vuex的朋友都知道它是vue用来集中管理状态的容器，如果了解过Reduce的朋友可能看见他时就会非常熟悉，都是用来管理全局的状态的，实现不同组件之间相互的数据访问。这里我们...
2020-05-27
vue代码分割的实现(codesplit)
在vue单页应用中，若不做任何处理，所有vue文件会打包为一个文件，这个文件非常的大，造成网页在首次进入时比较缓慢。做了代码分割后，会将代码分离到不同的bundle中，然后进行按需加载...
2020-05-27
Vuex 使用 v-model 配合 state的方法
v-model 最好用的就是配合 data 達成 Two-way Binding，但若使用 Vuex 之後，是否還能使用 v-model 搭配 state 繼續 Two-way Binding 呢 ?VersionVue 2.5.17Vuex 3.0.1V-mo...
2020-05-27
小程序登录态管理的方法示例
所谓的登录态其实就是客户端发送请求的时候携带的token(通常叫做令牌），当用户输入账号密码，验证成功之后，服务端生成一个token传递给客户端，客户端在后续的请求中携带这个token，服...
2020-05-27
JavaScript使用类似break机制中断forEach循环的方法
JavaScript数组对象，有一个forEach方法，可枚举每一个数组元素，但并不支持类似for循环的break语法，中断循环：[1,2,3].forEach(function(item) { // if(!item) break; 不支持});解...
2020-05-27
js html实现计算器功能
本文实例为大家分享了html实现计算器功能的具体代码，供大家参考，具体内容如下
代码：<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <script type=...
2020-05-27
浅谈vue中关于checkbox数据绑定v-model指令的个人理解
vue.js为开发者提供了很多便利的指令，其中v-model用于表单的数据绑定很常见，下面是最常见的例子：<div id='myApp'> <input type="text" v-model="msg"><br> {{msg}} </div>js...
2020-05-27
详解jQuery获取特殊属性的值以及设置内容
jQuery特殊属性方法val方法val方法适用于设置和获取表单元素的值，例如input、textarea的值//获取name的值$("#name").val("");//设置name的值$("#name").val("张三");html方...
2020-05-27
React和Vue中监听变量变化的方法
React 中本地调试React代码的方法yarn build场景假设有这样一个场景，父组件传递子组件一个A参数，子组件需要监听A参数的变化转换为state。16之前在React以前我们可以使用 comp...
2020-05-27
Puppeteer 爬取动态生成的网页实战
Puppeteer 相关介绍与安装不过多介绍，可通过以下链接进行学习一、Puppeteer开源地址 英文文档中文社区二、爬取动态网页 1. 需求首先，了解下我们的需求: 爬取zoomcharts 文档...
2020-05-27
微信jssdk逻辑在vue中的运用详解
微信 jssdk 在 vue 中的简单使用
import wx from 'weixin-js-sdk';wx.config({ debug: true, appId: '', timestamp: , nonceStr: '', signature: '', jsApiList: []});wx.r...
2020-05-27
js使用Promise实现简单的Ajax缓存
业务场景
在不少业务场景下，我们需要实现简单的请求缓存(即某个请求只发起一次请求)，例如上传 Token 的获取、获取配置的接口等。这些接口可以通过 Promise 实现简单的缓存并...
2020-05-27
vue使用laydate时间插件的方法
之前在做vue项目时使用iviewUI库中的DatePicker组件，发现DatePicker使用起来比较麻烦，尤其是对时间精确度上的限制不尽人意，操作起来也比较繁琐，总之在处理一系列时间组件相互联...
2020-05-27
Vue源码探究之状态初始化
继续随着核心类的初始化展开探索其他的模块，这一篇来研究一下Vue的状态初始化。这里的状态初始化指的就是在创建实例的时候，在配置对象里定义的属性、数据变量、方法等是如何...
2020-05-27
Vue 框架之键盘事件、健值修饰符、双向数据绑定
一、键盘事件，当按键盘时，在控制台输出提示html 源码：
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>VueLearn-cnblogs/xpwi</title> <!--引入自...
2020-05-27
js删除对象/数组中null、undefined、空对象及空数组方法示例
这两天在项目中遇到后台需要传的数据为不能有null,不能有空值，而这个数据又是一个庞大的对象，对组集合，所以写了个方法来解决这个问题。为了兼具所有的种类类型，封装了方法，代码...
2020-05-27
Vue 框架之动态绑定 css 样式实例分析
今天的小实例是关于 Vue 框架动态绑定 css 样式，这也是非常常用的一个部分首先说一下 动态绑定，相对的大家都知道静态绑定，静态绑定的话，直接加 class=“”就可以了，使用 Vue 呢...
2020-05-27
微信小程序中的canvas 文字断行和省略号显示功能的处理方法
文字的多行处理在dom元素中很好办。但是canvas中没有提供方法，只有通过截取指定字符串来达到目的。那么下面就介绍我自己处理的办法：wxml：<canvas canvas-id='word' id='test'>...
2020-05-27
你应该了解的JavaScript Array.map()五种用途小结
前言从经典的 for 循环到 forEach() 方法，用于迭代数据集合的各种技术和方法比比皆是。但是现在比较流行的方法是 .map() 方法。.map() 通过指定函数调用一个数组中每一项元...
2020-05-27
JQuery模拟实现网页中自定义鼠标右键菜单功能
前言题外话.......最近在开发一个网站项目的时候,需要用到网页自定义右键菜单,在网上看了各路前辈大神的操作,头晕目眩,为了达到目的,突然灵机一动,于是便有了这篇文章.先放...
2020-05-27
laydate时间日历插件使用方法详解
本文为大家分享了laydate时间日历插件的使用方法，供大家参考，具体内容如下1、前言在处理页面表单的时候，会遇到日期类型的数据，我们可以通过时间插件的让用户来选择具体的时间，这...
2020-05-27
详解IOS微信上Vue单页面应用JSSDK签名失败解决方案
背景
手机型号：型号：iphone 7 / iphone xs max
版本：ios 10.3.1 / ios 12.1
微信版本：WeChat 6.7.3
问题还原：Vue应用(vue-router)上使用history模式，在某个页面内调用微信JSSDK相...
2020-05-27
vue-cli3全面配置详解
本文介绍了vue-cli3全面配置详解，分享给大家，具体如下：
vue-cli3-config
创建项目
配置环境变量
通过在package.json里的scripts配置项中添加--mode xxx来选择不同环境在项目...
2020-05-27
ES6 fetch函数与后台交互实现
最近在学习react-native,遇到调用后端接口的问题.看了看官方文档,推荐使用es6的fetch来与后端进行交互,在网上找了一些资料.在这里整理,方便以后查询.1.RN官方文档中,可使用...
2020-05-27
element vue Array数组和Map对象的添加与删除操作
使用场景:一个后台系统中, 管理员要配置自定义字段后台要生成id和title,其他角色要使用自定义字段的表单, 添加数据, 但是每个要填写的对象的id 和title都是无法固定的,因此...
2020-05-27
javascript中一些奇葩的日期换算方法总结
前言本文给大家总结了一些关于javascript奇葩的日期换算方法，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧日期换算1.获取今天的0时0分0秒（常用于开始日期的...
2020-05-27
微信小程序中遇到的iOS兼容性问题小结
前言随着小程序的热度不减，更多的电商大佬来时使用小程序，在微信小程序开发中，经常会遇到一些兼容性的问题，下面这篇文章就记录下在微信小程序中遇到的一些兼容性问题，iOS兼容性...
2020-05-27
微信小程序购物车、父子组件传值及calc的注意事项总结
前言在做微信小程序时，觉得小组里对购物车的实现不是很完美，就自己尝试的写了下，然后用到了父子组件传值，父子组件传值的话，和vue框架上是非常相似的，以及calc这个css函数，calc有个...
2020-05-27
详解ES6 Fetch API HTTP请求实用指南
本次将介绍如何使用Fetch API（ES6 +）对REST API的 HTTP请求，还有一些示例提供给大家便于大家理解。
注意：所有示例均在带有箭头功能的 ES6中给出。
当前的Web /移动应用程序中的...
2020-05-27
IE8中jQuery.load()加载页面不显示的原因
一、jQuery.load() jQuery.load(url,[data],[callback])通过Ajax异步请求加载服务器中的数据，并把数据放到指定元素中。
•url ：请求服务器的地址
•data ：可选项，请...
2020-05-27
判断iOS、Android以及PC端的示例代码
前言我们在做移动端时，在跨平台、浏览器、移动设备兼容的时候,要根据设备、浏览器做特定调整，想起用navigator.userAgent来对浏览器类型进行判断，查了点资料，在这里总结下
还有...
2020-05-27
微信小程序用户位置权限的获取方法（拒绝后提醒）
微信小程序获取用户当前位置有三个方式：1. wx.getLocation（多与wx.openLocation一起用）
获取当前的精度、纬度、速度。不需要授权。当type设置为gcj02 返回可用于wx.openLo...
2020-05-27
详解vue数组遍历方法forEach和map的原理解析和实际应用
一、前言
forEach和map是数组的两个方法，作用都是遍历数组。在vue项目的处理数据中经常会用到，这里介绍一下两者的区别和具体用法示例。二、代码
1. 相同点 都是数组的方法...
2020-05-27
微信小程序页面缩放式侧滑效果的实现代码
先给大家展示下效果图，大家感觉不错，请参考实现代码：实现原理：点击按钮，往需要动画的div中添加或移除拥有动画效果的class。由于微信小程序中不能操作page这个根节点，所以，只有用一...
2020-05-27
微信小程序swiper实现滑动放大缩小效果
效果图如下所示：具体代码如下所示：<swiper class="swiper-block" previous-margin="90rpx" next-margin="90rpx" current="0" bindchange="swiperChange"><block wx:for="{{im...
2020-05-27
用图片替换checkbox原始样式并实现同样的功能
1.结构：<div class="box1"> <input/> <div class="box2"> <img /> </div></div>2.css里： 1）设置图片的div绝对定位，调整让它与原始input重合。 2）设置inpu...
2020-05-27
搭建基于express框架运行环境的方法步骤
一.Express简介Express提供了一个轻量级模块，把Node.js的http模块功能封装在一个简单易用的接口中。Express也扩展了http模块的功能，使你轻松处理服务器的路由、响应、cookie...
2020-05-27
微信小程序自定义toast弹窗效果的实现代码
微信小程序里面的自带弹窗icon只有两种，success和loading。有时候用户输入错误的时候想加入一个提醒图标，也可以使用wx.showToast中的image来添加图片达到使用自定义图标的目...
2020-05-27
vue地址栏直接输入路由无效问题的解决
vue 项目只要不是静态页面，一般都会和官方的路由管理器 vue-router 一起使用。最近项目有一个需求，是在地址栏输入路由，跳转到对应路由组件，在开发环境中这样做是可以跳转的，但是...
2020-05-27
在webstorm开发微信小程序之使用阿里自定义字体图标的方法
1.下载阿里图标，解压出来之后有个.css文件 然后复制这css里面的所有代码2.新建一个wxss文件，例如我新建的就是iconfont.wxss，然后把刚才复制的所有代码，复制到这个文件里...
2020-05-27
vue 移动端适配方案详解
一、方法一：rem 布局
在主入口：index.html，<head> 标签内添加如下JS 代码：（实现在标准 375px宽度适配下，100px = 1rem。） <script> (function () { // 在标准 375px 适配下，100px...
2020-05-27
Angular事件之不同组件间传递数据的方法
利用Angular Event在不同组件之间传递数据
为了实现在Angular不同Component之间相互传递数据，可以使用Event分发的思路来实现。
使用事件实现在不同组件之前传递数据的思路如...
2020-05-27
一份超级详细的Vue-cli3.0使用教程【推荐】
主要内容： 零配置启动/打包一个 .vue 文件 详细的搭建过程 重点推荐：使用图形化界面创建/管理/运行项目
安装：卸载旧版本：如果你事先已经全局安装了旧版本的 vue-cli (1.x...
2020-05-27
Vue一个案例引发的递归组件的使用详解
今天我们继续使用 Vue 的撸我们的实战项目，只有在实战中我们才会领悟更多，光纸上谈兵然并卵，继上篇我们的 《Vue一个案例引发的动态组件与全局事件绑定总结》 之后，今天来聊一聊...
2020-05-27
vue2中引用及使用 better-scroll的方法详解
使用时有三个要点：一：html部分<div class="example" ref="divScroll"> <div> <p>内容1</p> <p>内容2</p> <ul> <li>list1</li> <li>list2</li> <ul>...
2020-05-27
