JavaScript - 教程之家

80浏览

0评论

基于vue+axios+lrz.js微信端图片压缩上传方法

业务场景
微信端项目是基于Vux + Axios构建的，关于图片上传的业务场景有以下几点需求:1、单张图片上传(如个人头像,实名认证等业务)2、多张图片上传(如某类工单记录)3、上传...

2020-05-27

70浏览

0评论

vue 移动端注入骨架屏的配置方法

什么是骨架屏？简单的说，骨架屏就是在页面未渲染完成的时候，先用一些简单的图形大致勾勒出页面的基本轮廓，给用户造成页面正在加载的错觉，待页面渲染完成之后再用页面替换掉骨架屏...

2020-05-27

59浏览

0评论

浅谈目前可以使用ES10的5个新特性

ECMAScript 2015，也称为ES6，是一个花了6年时间完成的主要版本。从那时起，负责ECMAScript标准开发的技术委员会39 (TC39)每年都会发布该标准的新版本。这个年度发布周期简化了这...

2020-05-27

60浏览

0评论

Node.js实现简单的爬取的示例代码

学习【node.js】也有几天时间了，所以打算写着练练手；索然我作为一个后端的选手，写起来还有那么一丝熟悉的感觉。emmm~~ ‘货'不多讲，开搞........首先是依赖选择：代码块如下：//引...

2020-05-27

91浏览

0评论

基于Node.js搭建hexo博客过程详解

一、安装新版本的nodejs和npm
安装n模块：npm install -g n升级node.js到最新稳定版n stable二、安装hexo
note: 参考github，不要去其官网安装Hexonpm install hexo-cli -gSetu...

2020-05-27

77浏览

0评论

ES6模板字符串和标签模板的应用实例分析

本文实例讲述了ES6模板字符串和标签模板的应用。分享给大家供大家参考，具体如下：ES6 中对字符串进行了扩展，而模板字符串就是一个非常实用的方式，可以在html中实现与变量和方法...

2020-05-27

55浏览

0评论

ES6 Object属性新的写法实例小结

本文实例讲述了ES6 Object属性新的写法。分享给大家供大家参考，具体如下：之前我们定义一个对象特别麻烦，现在ES6简化了这些麻烦，在对象属性的新定义方法中存在以下的优化我们之...

2020-05-27

49浏览

0评论

ES6 Object方法扩展的应用实例分析

本文实例讲述了ES6 Object方法扩展的应用。分享给大家供大家参考，具体如下：在ES6中针对对象的方法做了一些扩展和优化，下面简单总结下常用的方法is方法判断两个对象是否全等con...

2020-05-27

85浏览

0评论

微信小程序Echarts图表组件使用方法详解

1：下载 GitHub 上的项目
2：但项目下载之后，打开小程序开发工具，可以看到效果如下，适配性还是比较完美的。如果是在项目里面引入组件的话，打开从github上面下载的代码，将ec-canvas...

2020-05-27

67浏览

0评论

JS 封装父页面子页面交互接口的实例代码

定义标准接口 Interface= {}; Interface.ParentWin = {}; Interface.ChildWin = {}; /** * 父页面提供的标准接口函数名称 */ Interface.ParentWin.funName = { getDataFu...

2020-05-27

88浏览

0评论

Vue 列表上下过渡效果的实例代码

最近有个需求，一个列表上下移动要有简单过渡效果，在网上找了找没找到，可能是我搜的关键词不对？试了试 Vue 的 transition-group ，也没有达到预期的效果，然后就花了点时间做了一个...

2020-05-27

60浏览

0评论

js+html实现周岁年龄计算器

本文实例为大家分享了js+html实现周岁年龄计算器的具体代码，供大家参考，具体内容如下输入界面展示:输出结果展示:实现代码:<!DOCTYPE html><html> <head> <meta charset="utf-...

2020-05-27

123浏览

0评论

微信小程序利用Canvas绘制图片和竖排文字详解

前言闲暇时间抽个空写了个三国杀武将手册的小程序，中间有个需求设计的是合成武将皮肤图、竖排的武将姓名、以及小程序码，然后提供保存图片到相册，最终让用户可以分享到朋友圈或...

2020-05-27

64浏览

0评论

Vue移动端右滑屏幕返回上一页附源码下载

有些时候我们玩手机更喜欢使用手势滑动带来的用户操作体验。Vue touch directive是一个用于移动设备操作指令的轻量级的VUE组件。使用它可以轻松实现屏幕触控、滑动触发事件...

2020-05-27

109浏览

0评论

微信小程序数据统计和错误统计的实现方法

某些情况下我们需要对小程序某些用户的行为进行数据进行统计，比如统计某个页面的UV, PV等，统计某个功能的使用情况等。好让产品对于产品的整个功能有所了解。在网页里，我们很...

2020-05-27

70浏览

0评论

Vue.js实现备忘录功能

本文实例为大家分享了Vue.js实现备忘录的具体代码，供大家参考，具体内容如下效果展示:html代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> ...

2020-05-27

84浏览

0评论

ES6 Array常用扩展的应用实例分析

本文实例讲述了ES6 Array常用扩展的应用。分享给大家供大家参考，具体如下：在ES6中又对Array扩展了不少方法，下面我们来看下from方法将伪数组转换为数组let obj = { '0':'h', '1...

2020-05-27

266浏览

0评论

vue实现日历备忘录功能

用vue写了个日历备忘录的功能，省略了备忘录的增删改查功能。

直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>备忘录</title> <style t...

2020-05-27

89浏览

0评论

ES6 Map结构的应用实例分析

本文实例讲述了ES6 Map结构的应用。分享给大家供大家参考，具体如下：Map 数据结构类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键...

2020-05-27

67浏览

0评论

vue.js实现备忘录demo

本文实例为大家分享了vue.js实现备忘录demo的具体代码，供大家参考，具体内容如下代码：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...

2020-05-27

61浏览

0评论

ES6 Set结构的应用实例分析

本文实例讲述了ES6 Set结构的应用。分享给大家供大家参考，具体如下：Set 类似于数组，但是成员的值都是唯一的，没有重复的值, 实现了iterator接口set 的值不可重复，数组的值可以重...

2020-05-27

48浏览

0评论

vue实现记事本功能

本文实例为大家分享了vue实现记事本功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=U...

2020-05-27

71浏览

0评论

vue实现简单的日历效果

最近在项目中遇到了一个需求，在vue中创建一个组件，这个组件显示的是当前的日期，以及在当前的日需要处理的事项，处理的事项的信息会以后端的接口的形式返回。需求确认后，搭建了一...

2020-05-27

85浏览

0评论

ES6 Generator函数的应用实例分析

本文实例讲述了ES6 Generator函数的应用。分享给大家供大家参考，具体如下：Generator 函数是一种异步编程解决方案，Generator 函数会返回一个遍历器对象，Generator 函数是一个普...

2020-05-27

73浏览

0评论

js设置鼠标悬停改变背景色实现详解

看了网上那么多的js鼠标悬停时事件，大多数的，说了那么多话，也没解决什么问题，现在直接贴上代码，以供参考html:<div id="sign">this is test!</div>css:　　　　　　<style type="...

2020-05-27

96浏览

0评论

亲自动手实现vue日历控件

之前项目中有用到日历控件，当时由于时间问题，是在网上找到一个demo，然后二次开发的，从那时就想着自己写一个日历控件。这篇文章说明日历数据的处理，去除月份天数判断以及是否闰年...

2020-05-27

66浏览

0评论

ES6 Symbol数据类型的应用实例分析

本文实例讲述了ES6 Symbol数据类型的应用。分享给大家供大家参考，具体如下：Symbol，是ES6中引入的新的数据类型，表示独一无二的值。在面向对象中，每个对象都有字符串类型的属性，新...

2020-05-27

72浏览

0评论

Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示

之前写了一篇周和月日历，但感觉体验不是太好，所以有重新做了一遍，加上了动画。还可以自定义显示日历里的内容。现在贴出项目源码,我现在是放在CSDN里的下载资源,这里哦现在我上...

2020-05-27

109浏览

0评论

CKeditor4 字体颜色功能配置方法教程

本文实例讲述了CKeditor4 字体颜色功能配置方法。分享给大家供大家参考，具体如下：今天动手ckeditor编辑器的时候发现工具栏上并没有可以更改字体颜色和背景颜色的按钮，所以我上...

2020-05-27

63浏览

0评论

vue-week-picker实现支持按周切换的日历

本文实例为大家分享了vue-week-picker实现按周切换的日历的具体代码，供大家参考，具体内容如下vue-week-picker安装npm install vue-week-picker --save-devDEMO 原生：线上DEMO...

2020-05-27

71浏览

0评论

Vue组件实现触底判断

本文实例为大家分享了Vue组件实现触底判断的具体代码，供大家参考，具体内容如下非常简陋的代码，以后有空回来完善子组件代码：<template> <div class="scroll"></div></template>...

2020-05-27

69浏览

0评论

微信小程序入口场景的问题集合与相关解决方法

前言
最近一段时间都在做小程序。虽然是第二次开发小程序，但是上次做小程序已经是一年前的事了，所以最终还是被坑得死去活来。这次是从零开始开发一个小程序，其实除了一些莫名...

2020-05-27

95浏览

0评论

Vue实现日历小插件

本文实例为大家分享了Vue实现日历小插件的具体代码，供大家参考，具体内容如下先看下效果图吧，如下源码可见于我的github实现关键点：1.组件的复用以及父子组件传值很明显每年每个...

2020-05-27

87浏览

0评论

vue.js 打包时出现空白页和路径错误问题及解决方法

vue-cli输入命令：npm run build 即可打包vue.js的项目打包出来后项目中就会多了一个文件夹dist，下图为我们打包过后的项目我们直接运行打包后的文件夹中的index.html文件，会...

2020-05-27

51浏览

0评论

通过javascript实现段落的收缩与展开

主要是使用-webkit-line-clamp这个属性进行限制显示行数,通过计算文字在标签内的显示高度来计算当前文字行数,再与需要限制的行数进行对比,来确定是否显示代码如下:<!--C...

2020-05-27

89浏览

0评论

react koa rematch 如何打造一套服务端渲染架子

前言本次讲述的内容主要是 react 与 koa 搭建的一套 ssr 框架，是在别人造的轮子上再添加了一些自己的想法和完善一下自己的功能。本次用到的技术为： react | rematch | react-...

2020-05-27

100浏览

0评论

JavaScript动态添加数据到表单并提交的几种方式

情景1：已经存在form对象了，动态为form增加对象并提交function formAppendSubmit(){var myform=$('#newArticleForm'); //得到form对象var tmpInput=$("<input type='text' nam...

2020-05-27

65浏览

0评论

javascript触发模拟鼠标点击事件

事件触发器就是用来触发某个元素下的某个事件，IE下fireEvent方法，高级浏览器（chrome,firefox等）有dispatchEvent方法。一般我们在元素上绑定事件后，是靠用户在这些元素上的鼠标行...

2020-05-27

53浏览

0评论

js变量值传到php过程详解将php解析成数据

一、总结
一句话总结：传参数去后台，用ajax，或者原生js方式拼接url。明白原理，洞悉系统是先解析php，再执行html代码和js代码。
二、用ajax
1. 页面提交数据： ajax2. php页面获取参...

2020-05-27

68浏览

0评论

使用Vue 实现滑动验证码功能

做网络爬虫的同学肯定见过各种各样的验证码，比较高级的有滑动、点选等样式，看起来好像挺复杂的，但实际上它们的核心原理还是还是很清晰的，本文章大致说明下这些验证码的原理以及...

2020-05-27

101浏览

0评论

ES6 Promise对象的应用实例分析

本文实例讲述了ES6 Promise对象的应用。分享给大家供大家参考，具体如下：The Promise object represents the eventual completion (or failure) of an asynchronous operation...

2020-05-27

66浏览

0评论

ES6 class的应用实例分析

本文实例讲述了ES6 class的应用。分享给大家供大家参考，具体如下：class class 本身是个语法糖，主要为了考虑在编码上更加人性化内部有super,static,get 等关键词使用起来...

2020-05-27

78浏览

0评论

微信小程序实现form表单本地储存数据

本文实例为大家分享了微信小程序实现form表单本地储存数据的具体代码，供大家参考，具体内容如下效果图：主要利用小程序的getStorage来实现异步本地储存。小程序目录结构如下：新建...

2020-05-27

258浏览

0评论

vue响应式更新机制及不使用框架实现简单的数据双向绑定问题

最近看到有些人说vue是双向数据绑定的，有些人说vue是单向数据流的，我认为这两种说法都是错误的，vue是一款具有响应式更新机制的框架，既可以实现单向数据流也可以实现数据的双向...

2020-05-27

64浏览

0评论

ES6 let和const定义变量与常量的应用实例分析

本文实例讲述了ES6 let和const定义变量与常量的应用。分享给大家供大家参考，具体如下：关于 let let是小作用域的变量的声明{ var a = 12; let b = 15; { console.log(a)...

2020-05-27

74浏览

0评论

JS前端知识点offset，scroll，client，冒泡，事件对象的应用整理总结

本文实例讲述了JS前端知识点offset，scroll，client，冒泡，事件对象的应用。分享给大家供大家参考，具体如下：关于offset多用于检测盒子高度，宽度，位置等- offsetWidth : 盒子的宽度，包...

2020-05-27

71浏览

0评论

JS前端知识点运算符优先级，URL编码与解码，String，Math，arguments操作整理总结

本文实例讲述了JS前端知识点运算符优先级，URL编码与解码，String，Math，arguments操作。分享给大家供大家参考，具体如下：Js 中的运算符优先级优先级依次降低 () !、-、++、– *...

2020-05-27

55浏览

0评论

vue + typescript + 极验登录验证的实现方法

此功能基于vue（v2.6.8） + typescript（v3.3.3333）, 引入极验（geetest v3+）（官方api），使用其product: 'bind'模式，页面挂载后初始化ininGeetest，点击登录按钮后先做表单验证，通过后弹出滑...

2020-05-27

60浏览

0评论

微信小程序自定义组件实现环形进度条

本文实例为大家分享了微信小程序实现环形进度条的具体代码，供大家参考，具体内容如下微信小程序自定义组件官方教程环形进度条的组件已经放在github上环形进度条效果图创建步骤...

2020-05-27

49浏览

0评论

详解Jest结合Vue-test-utils使用的初步实践

介绍
Vue-test-utils是Vue的官方的单元测试框架，它提供了一系列非常方便的工具，使我们更加轻松的为Vue构建的应用来编写单元测试。主流的 JavaScript 测试运行器有很多，但 Vue...

2020-05-27

热门文章