微信小程序利用Canvas绘制图片和竖排文字详解
前言闲暇时间抽个空写了个三国杀武将手册的小程序，中间有个需求设计的是合成武将皮肤图、竖排的武将姓名、以及小程序码，然后提供保存图片到相册，最终让用户可以分享到朋友圈或...
2020-05-27
Vue移动端右滑屏幕返回上一页附源码下载
有些时候我们玩手机更喜欢使用手势滑动带来的用户操作体验。Vue touch directive是一个用于移动设备操作指令的轻量级的VUE组件。使用它可以轻松实现屏幕触控、滑动触发事件...
2020-05-27
微信小程序数据统计和错误统计的实现方法
某些情况下我们需要对小程序某些用户的行为进行数据进行统计，比如统计某个页面的UV, PV等，统计某个功能的使用情况等。好让产品对于产品的整个功能有所了解。 在网页里，我们很...
2020-05-27
Vue.js实现备忘录功能
本文实例为大家分享了Vue.js实现备忘录的具体代码，供大家参考，具体内容如下效果展示:html代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <!-- 移动设备设置 -->...
2020-05-27
ES6 Array常用扩展的应用实例分析
本文实例讲述了ES6 Array常用扩展的应用。分享给大家供大家参考，具体如下：在ES6中又对Array扩展了不少方法，下面我们来看下from方法将伪数组转换为数组let obj = { '0':'h', '1...
2020-05-27
vue实现日历备忘录功能
用vue写了个日历备忘录的功能，省略了备忘录的增删改查功能。
直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>备忘录</title> <style t...
2020-05-27
ES6 Map结构的应用实例分析
本文实例讲述了ES6 Map结构的应用。分享给大家供大家参考，具体如下：Map 数据结构类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键...
2020-05-27
vue.js实现备忘录demo
本文实例为大家分享了vue.js实现备忘录demo的具体代码，供大家参考，具体内容如下代码：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...
2020-05-27
ES6 Set结构的应用实例分析
本文实例讲述了ES6 Set结构的应用。分享给大家供大家参考，具体如下：Set 类似于数组，但是成员的值都是唯一的，没有重复的值, 实现了iterator接口set 的值不可重复，数组的值可以重...
2020-05-27
vue实现记事本功能
本文实例为大家分享了vue实现记事本功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=U...
2020-05-27
vue实现简单的日历效果
最近在项目中遇到了一个需求，在vue中创建一个组件，这个组件显示的是当前的日期，以及在当前的日需要处理的事项，处理的事项的信息会以后端的接口的形式返回。需求确认后，搭建了一...
2020-05-27
ES6 Generator函数的应用实例分析
本文实例讲述了ES6 Generator函数的应用。分享给大家供大家参考，具体如下：Generator 函数是 一种异步编程解决方案，Generator 函数会返回一个遍历器对象，Generator 函数是一个普...
2020-05-27
js设置鼠标悬停改变背景色实现详解
看了网上那么多的js鼠标悬停时事件，大多数的，说了那么多话，也没解决什么问题，现在直接贴上代码，以供参考html:<div id="sign">this is test!</div>css: <style type="...
2020-05-27
亲自动手实现vue日历控件
之前项目中有用到日历控件，当时由于时间问题，是在网上找到一个demo，然后二次开发的，从那时就想着自己写一个日历控件。这篇文章说明日历数据的处理，去除月份天数判断以及是否闰年...
2020-05-27
ES6 Symbol数据类型的应用实例分析
本文实例讲述了ES6 Symbol数据类型的应用。分享给大家供大家参考，具体如下：Symbol，是ES6中引入的新的数据类型，表示独一无二的值。在面向对象中，每个对象都有字符串类型的属性，新...
2020-05-27
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
之前写了一篇周和月日历，但感觉体验不是太好，所以有重新做了一遍，加上了动画。还可以自定义显示日历里的内容。现在贴出项目源码,我现在是放在CSDN里的下载资源,这里哦现在我上...
2020-05-27
CKeditor4 字体颜色功能配置方法教程
本文实例讲述了CKeditor4 字体颜色功能配置方法。分享给大家供大家参考，具体如下：今天动手ckeditor编辑器的时候发现工具栏上并没有可以更改字体颜色和背景颜色的按钮，所以我上...
2020-05-27
vue-week-picker实现支持按周切换的日历
本文实例为大家分享了vue-week-picker实现按周切换的日历的具体代码，供大家参考，具体内容如下vue-week-picker安装npm install vue-week-picker --save-devDEMO 原生：线上DEMO...
2020-05-27
Vue组件实现触底判断
本文实例为大家分享了Vue组件实现触底判断的具体代码，供大家参考，具体内容如下非常简陋的代码，以后有空回来完善子组件代码：<template> <div class="scroll"></div></template>...
2020-05-27
微信小程序入口场景的问题集合与相关解决方法
前言
最近一段时间都在做小程序。虽然是第二次开发小程序，但是上次做小程序已经是一年前的事了，所以最终还是被坑得死去活来。这次是从零开始开发一个小程序，其实除了一些莫名...
2020-05-27
Vue实现日历小插件
本文实例为大家分享了Vue实现日历小插件的具体代码，供大家参考，具体内容如下先看下效果图吧， 如下源码可见于我的github实现关键点：1.组件的复用以及父子组件传值很明显每年每个...
2020-05-27
vue.js 打包时出现空白页和路径错误问题及解决方法
vue-cli输入命令：npm run build 即可打包vue.js的项目 打包出来后项目中就会多了一个文件夹dist，下图为我们打包过后的项目我们直接运行打包后的文件夹中的index.html文件，会...
2020-05-27
通过javascript实现段落的收缩与展开
主要是使用-webkit-line-clamp这个属性进行限制显示行数,通过计算文字在标签内的显示高度来计算当前文字行数,再与需要限制的行数进行对比,来确定是否显示 代码如下:<!--C...
2020-05-27
react koa rematch 如何打造一套服务端渲染架子
前言本次讲述的内容主要是 react 与 koa 搭建的一套 ssr 框架，是在别人造的轮子上再添加了一些自己的想法和完善一下自己的功能。本次用到的技术为： react | rematch | react-...
2020-05-27
JavaScript动态添加数据到表单并提交的几种方式
情景1：已经存在form对象了，动态为form增加对象并提交function formAppendSubmit(){var myform=$('#newArticleForm'); //得到form对象var tmpInput=$("<input type='text' nam...
2020-05-27
javascript触发模拟鼠标点击事件
事件触发器就是用来触发某个元素下的某个事件，IE下fireEvent方法，高级浏览器（chrome,firefox等）有dispatchEvent方法。一般我们在元素上绑定事件后，是靠用户在这些元素上的鼠标行...
2020-05-27
js变量值传到php过程详解 将php解析成数据
一、总结
一句话总结：传参数去后台，用ajax，或者原生js方式拼接url。明白原理，洞悉系统是先解析php，再执行html代码和js代码。
二、用ajax
1. 页面提交数据： ajax2. php页面获取参...
2020-05-27
使用Vue 实现滑动验证码功能
做网络爬虫的同学肯定见过各种各样的验证码，比较高级的有滑动、点选等样式，看起来好像挺复杂的，但实际上它们的核心原理还是还是很清晰的，本文章大致说明下这些验证码的原理以及...
2020-05-27
ES6 Promise对象的应用实例分析
本文实例讲述了ES6 Promise对象的应用。分享给大家供大家参考，具体如下：The Promise object represents the eventual completion (or failure) of an asynchronous operation...
2020-05-27
ES6 class的应用实例分析
本文实例讲述了ES6 class的应用。分享给大家供大家参考，具体如下：class class 本身是个语法糖，主要为了考虑在编码上更加人性化 内部有super,static,get 等关键词 使用起来...
2020-05-27
微信小程序实现form表单本地储存数据
本文实例为大家分享了微信小程序实现form表单本地储存数据的具体代码，供大家参考，具体内容如下效果图：主要利用小程序的getStorage来实现异步本地储存。小程序目录结构如下：新建...
2020-05-27
vue响应式更新机制及不使用框架实现简单的数据双向绑定问题
最近看到有些人说vue是双向数据绑定的，有些人说vue是单向数据流的，我认为这两种说法都是错误的，vue是一款具有响应式更新机制的框架，既可以实现单向数据流也可以实现数据的双向...
2020-05-27
ES6 let和const定义变量与常量的应用实例分析
本文实例讲述了ES6 let和const定义变量与常量的应用。分享给大家供大家参考，具体如下：关于 let let是小作用域的变量的声明{ var a = 12; let b = 15; { console.log(a)...
2020-05-27
JS前端知识点offset，scroll，client，冒泡，事件对象的应用整理总结
本文实例讲述了JS前端知识点offset，scroll，client，冒泡，事件对象的应用。分享给大家供大家参考，具体如下：关于offset多用于检测盒子高度，宽度，位置等- offsetWidth : 盒子的宽度， 包...
2020-05-27
JS前端知识点 运算符优先级，URL编码与解码，String，Math，arguments操作整理总结
本文实例讲述了JS前端知识点 运算符优先级，URL编码与解码，String，Math，arguments操作。分享给大家供大家参考，具体如下：Js 中的运算符优先级优先级依次降低 () !、-、++、– *...
2020-05-27
vue + typescript + 极验登录验证的实现方法
此功能基于vue（v2.6.8） + typescript（v3.3.3333）, 引入极验（geetest v3+）（官方api），使用其product: 'bind'模式， 页面挂载后初始化ininGeetest，点击登录按钮后先做表单验证，通过后弹出滑...
2020-05-27
微信小程序自定义组件实现环形进度条
本文实例为大家分享了微信小程序实现环形进度条的具体代码，供大家参考，具体内容如下微信小程序自定义组件官方教程环形进度条的组件已经放在github上环形进度条效果图创建步骤...
2020-05-27
详解Jest结合Vue-test-utils使用的初步实践
介绍
Vue-test-utils是Vue的官方的单元测试框架，它提供了一系列非常方便的工具，使我们更加轻松的为Vue构建的应用来编写单元测试。主流的 JavaScript 测试运行器有很多，但 Vue...
2020-05-27
JavaScript实现图片放大镜效果
本文实例为大家分享了js实现图片放大镜效果的具体代码，供大家参考，具体内容如下1、结构布局HTML代码<div class="leftcon" id="left"> <img src="~/Content/images/风景-1.jpg...
2020-05-27
原生js实现抽奖小游戏
这个小游戏可以设置为抽奖小游戏，也可以设置为随机点名器，这个软件实现可以多次获取同一个元素的1、HTML结构代码如下：<div class="wrapper"> <ul class="box"></ul> <button c...
2020-05-27
编写更好的JavaScript条件式和匹配条件的技巧(小结)
介绍如果你像我一样乐于见到整洁的代码，那么你会尽可能地减少代码中的条件语句。通常情况下，面向对象编程让我们得以避免条件式，并代之以继承和多态。我认为我们应当尽可能地遵...
2020-05-27
javascript实现导航栏分页效果
本文实例为大家分享了js实现导航栏分页效果的具体代码，供大家参考，具体内容如下1、结构搭建HTML代码<div class="page"></div>2、页面修饰的css样式代码.page{width:500px;mar...
2020-05-27
JavaScript实现单英文金山打字通
单英文的金山打字通的具体实现代码，供大家参考，具体内容如下1、页面的布局代码如下：<div> <div id="char">A</div> <div id="result">请在按键上按下屏幕上显示的字</div></di...
2020-05-27
Node爬取大批量文件的方法示例
有个朋友在搞留学工作室，经常访问的一个网站叫留学者指南，然而每次都要去访问该网站，显得极其不专业。于是托俺帮忙写脚本去爬他家的东西，我观察了下，这次，我们要爬的东西就有点多...
2020-05-27
js实现随机数小游戏
抛出随机数实现一个“谁取餐的小游戏”，供大家参考，具体内容如下1、HTML结构代码如下<div class="mask"> <div class="contents"> <div class="head"> <p>谁去拿外卖</p>...
2020-05-27
用Vue.js方法创建模板并使用多个模板合成
在vue.js定义模板时，可以定义多个模板，然后在components组件中调用模板，显示在界面上，注意components后面是一个对象，而不是数组。下面利用实例说明，操作如下：第一步，在HBuilderX设...
2020-05-27
JS中apply()的应用实例分析
本文实例讲述了JS中apply()的应用。分享给大家供大家参考，具体如下：先从Math.max()函数说起，Math.max后面可以接收任意个参数，最后返回所有参数中的最大值。比如：alert(Math.max(...
2020-05-27
JS中call()和apply()的功能及用法实例分析
本文实例讲述了JS中call()和apply()的功能及用法。分享给大家供大家参考，具体如下：１.call()和apply()的作用首先引出问题：用call()和apply()的目的是什么？来看个例子，在javascript...
2020-05-27
JS字符串与二进制的相互转化实例代码详解
JS字符串与二进制的相互转化的方法，具体代码如下所示：//字符串转ascii码，用charCodeAt();//ascii码转字符串，用fromCharCode();var str = "A";var code = str.charCodeAt();var...
2020-05-27
JavaScript中callee和caller的区别与用法实例分析
本文实例讲述了JavaScript中callee和caller的区别与用法。分享给大家供大家参考，具体如下：1.callee在函数的内部，有两个特殊的对象：arguments和this。其中arguments是一个类似数...
2020-05-27
