功能 兼容 PC 和 Mobile； 画布自适应屏幕大小变化（窗口缩放、屏幕旋转时画布无需重置，自动校正坐标偏移）； 自定义画布尺寸（导出图尺寸），画笔粗细、颜色，画布背景色； 支持裁剪 （针对...

HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。canva...

本文实例讲述了extjs4图表绘制之折线图实现方法。分享给大家供大家参考，具体如下：本篇文章将介绍extjs中自带的图表在本次案例中，提供一下功能：1.从后端请求数据并运用到图表中，...

本文实例为大家分享了JS实现网页端猜数字游戏的具体代码，供大家参考，具体内容如下题目描述电脑产生一个0到100之间的随机数字，并且要求用户来猜，如果用户猜的数字比这个数字大，电...

一、this
1.什么是this
this 关键字在大部分语言中都是一个重要的存在，JS中自然不例外，其表达的意义丰富多样甚至有些复杂，深刻理解this是学习JS、面向对象编程非常重要的一环...

fs是filesystem的缩写，该模块提供本地文件的读写能力，基本上是POSIX文件操作命令的简单包装。但是，这个模块几乎对所有操作提供异步和同步两种操作方式，供开发者选择。JavaScrip...

本文实例讲述了extjs图表绘制之条形图实现方法。分享给大家供大家参考，具体如下：这篇文章将介绍extjs图表中条形图。将实现以下的功能：1.从后端请求数据并运用到图表中，形成动态...

本文实例讲述了extjs图形绘制之饼图实现方法。分享给大家供大家参考，具体如下：这篇文章将介绍extjs中自带的饼图。代码如下：Ext.define('ChartPieTest', { extend: 'Ext.panel...

本文实例讲述了vue 动态组件用法。分享给大家供大家参考，具体如下：通过使用保留的 <component> 元素，动态地绑定到它的 is 特性，我们让多个组件可以使用同一个挂载点，并动态切换...

本文实例讲述了vue2路由基本用法。分享给大家供大家参考，具体如下：Vue-router 是给Vue.js 提供路由管理的插件，利用hash 的变化控制动态组件的切换。以往页面间跳转都由后端MVC...

本文实例讲述了vue2嵌套路由实现方法。分享给大家供大家参考，具体如下：前面讲过了vue2路由基本用法，一般应用中的路由方式不会像上述例子那么简单，往往会出现二级导航这种情况。...

为什么要前端来压缩图片最近在做一个移动端h5上传图片的功能，本来这个功能并不复杂，只需要将图片文件通过axios传到服务端即可，但是考虑到现在手机设配的拍照功能十分强大，随便...

本文实例讲述了vue-router 路由传参用法。分享给大家供大家参考，具体如下：在设置路由规则时，我们可以给路径名设置一个别名，方便进行路由跳转，而不需要去记住过长的全路径。例如：<...

本文实例讲述了vue 使用插槽分发内容操作。分享给大家供大家参考，具体如下：单个插槽除非子组件模板包含至少一个 <slot> 插口，否则父组件的内容将会被丢弃。当子组件模板只有一...

碰到这个问题，是因为没了解这里面的层级关系：默认的是navigator跳转，其它跳转方式open-type属性可选值是'navigate'、'redirect'、'switchTab'等官网上这么写的：对应于wx.naviga...

js实现点赞按钮功能，包括只能点赞一次，超过一次时提示文字（3秒后消失），点击时次数加一（给后端传值在这里解决）。
没有按钮加图片，只用了改变颜色来表示
首先明确html页面代码 <span...

小程序是一种不用下载就能使用的应用，也是一项门槛非常高的创新，经过将近两年的发展，已经构造了新的小程序开发环境和开发者生态。小程序也是这么多年来中国IT行业里一个真正能...

哈喽，大家上午好，萍子又来啦，本人最近一段时间一直在做小程序的项目，大大小小的坑真的是踩了不小，无奈本人啊还老是忘记自己究竟踩过那些坑，但是不得不说虽然小程序尚还有很多不完...

vue的安装Vue.js不支持IE8及以下版本。因为Vue.js使用了ECMAScript5特性，IE8显然不能模拟。
Vue.js支持所有兼容ECMAScript5的浏览器。在用Vue.js构建大型应用时，推荐使用npm...

JavaScript实现栈结构（Stack）一、前言1.1.什么是数据结构？数据结构就是在计算机中，存储和组织数据的方式。例如：图书管理，怎样摆放图书才能既能放很多书，也方便取？主要需要考虑两个...

better-scroll 是什么
better-scroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现，它的 API 设计基本兼容 iscroll，在 iscroll...

首先在index.wxml页面写一个测试页面如图：代码如下接下来就是比较功能的实现第一种方法首先在两个input组件中用bindchange方法绑定事件处理函数，在button组件中用bindtap绑定...

本文实例为大家分享了Vue实现手机扫描二维码预览页面的具体代码，供大家参考，具体内容如下背景：vue-cli3 + ant-design-vue 搭建的后台管理系统
需求：实现扫描二维码即可在手机预...

背景开发钉钉小程序中需要用到模态框 文档里也没有 自己搞一个…
效果大概长这个样点击指定按钮，弹出模态框，里面的内容可以自定义，可以是简单的文字提示，也可以输入框等复杂布...

1.首先在index.html引入高德地图的秘钥。如图：注意：如果使用关键字搜索功能要加上 plugin=AMap.Autocomplete,AMap.PlaceSearch，否则功能无法使用，并会报错
2. 定位功能，代码如下...

本文实例为大家分享了vue实现全屏滚动效果（的具体代码，供大家参考，具体内容如下
是什么
网页的一个页面占据一屏的宽高，多个页面上下或者左右拼接在一起。当滑动鼠标滚轮，或点击...

本文实例为大家分享了vue全屏事件开发的具体代码，供大家参考，具体内容如下在项目中有需求相应浏览器全屏，写了个案例代码先看看效果吧全屏显示：html代码：<!-- el-tooltip 文字提...

本文实例为大家分享了vue-cli点击实现全屏功能的具体代码，供大家参考，具体内容如下项目中有点击按钮实现全屏功能方式一：js实现全屏代码如下：<template> <div> <a-button type=...

vue父子组件之间的传值我们都知道使用props和emit，但是祖孙之间的传值在以前，我们都需要子辈作为中间人，当祖辈有值要传递给孙辈时，需要子辈作为中间人把值传递给孙辈，当孙辈想要...

1、vm.$attrs简介
首先我们来看下vue官方对vm.$attrs的介绍：
包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 pro...

sync
在vue2.4以前，父组件向子组件传值用props；子组件不能直接更改父组件传入的值，需要通过$emit触发自定义事件，通知父组件改变后的值。比较繁琐，写法如下：//父组件<template> <d...

const 定义
const声明一个只读的常量 。一旦声明， 常量的值就不能改变。
常量 所谓的常量就是不能改变的值const PI = 3.1415;PI // 3.1415PI = 3;// TypeError: Assignment...

Node.js的下载node下载地址：https://nodejs.org/zh-cn/download/下载后安装即可。新版Node.js自带npm包管理器# 查看node的版本node -v# v12.16.1# 查看npm版本npm -v#6.13.4...

情景Vue+Element 实现管理页面菜单栏，点击菜单时 router 改变 hash 访问不同子组件。但是改变 hash 时菜单栏展开状态和 highlight 并不会同步，需要手动实现。Try Try See第一...

本文实例讲述了微信小程序 wx.getUserInfo引导用户授权问题。分享给大家供大家参考，具体如下：首先，在page外定义一个函数用户判断是否为空对象var isEmptyObject = function (e...

本文实例为大家分享了JS实现贪吃蛇小游戏的具体代码，供大家参考，具体内容如下思路：在页面上添加一个地图，以提供边界，在地图中随机出现食物，给蛇身设置一个初始长度，用键盘方向键控...

本文实例为大家分享了js实现瀑布流效果的具体代码，供大家参考，具体内容如下CSS样式：<style> .cont{margin: 0 auto;position: relative;} .box{float: left;padding: 5px;} .im...

获取 ECharts 的路径有以下几种，请根据您的情况进行选择：1) 最直接的方法是在 ECharts 的官方网站中挑选适合您的版本进行下载，不同的打包下载应用于不同的开发者功能与体积的...

本文实例为大家分享了js实现无缝轮播图的具体代码，供大家参考，具体内容如下//Utils.js //封装 预加载图片var Utils=(function () { return { //SSS loadImg:function...

首先介绍一下泛性的概念
泛型程序设计（generic programming）是程序设计语言的一种风格或范式。泛型允许程序员在强类型程序设计语言中编写代码时使用一些以后才指定的类型，在实...

由于官方API提供的模态框只能显示简单的文字，但是在实际应用场景中，我们需要模态框上能够显示各种各样的组件和样式，所以，以此为基础模拟出一套可以供大家自定义的纯净版的模态...

本文实例讲述了JavaScript设计模式之门面模式原理与实现方法。分享给大家供大家参考，具体如下：外部与一个子系统的通信必须通过一个系统的一个门面对象进行，这就是门面模式。门...

虽然 Vue 的服务器端渲染 (SSR) 相当快速，但是由于需要为每次请求为了避免交叉请求状态污染，都创建一个新的根Vue实例，创建组件实例和虚拟 DOM 节点的开销，无法与纯基于字符串拼...

本文实例讲述了JavaScript中的this基本问题.分享给大家供大家参考，具体如下：在函数中 this 到底取何值，是在函数真正被调用执行的时候确定下来的，函数定义的时候确定不了。执行...

本文实例讲述了JavaScript适配器模式原理与用法。分享给大家供大家参考，具体如下：适配模式可用来在现有接口和不兼容的类之间进行适配，使用这种模式的对象又叫包装器（wrapper），因...

本文实例讲述了JavaScript装饰者模式原理与用法。分享给大家供大家参考，具体如下：这里我们通过需求逐渐引出装饰者模式。下面是一个关于几代汽车的不同逐渐体现装饰者模式的。...

本文实例讲述了JavaScript享元模式原理与用法。分享给大家供大家参考，具体如下：通过两个例子的对比来凸显享元模式的特点：享元模式是一个为了提高性能(空间复杂度)的设计模式，享...

图示：wxml代码：<view class='fix_bottom'><view>分享</view><view>电话咨询</view><view class='active' bindtap="showDialogBtn">立即报名</view></view><!--模态框--><!--...

这篇博文主要讲如何使用原生js来实现一个兼容 IE9+ 的无缝轮播图。主要知识点如下： 面向对象 js优化之节流函数 js运动
效果html结构<div class="sliders-wraper" id="r...

本文实例为大家分享了js实现简单贪吃蛇效果的具体代码，供大家参考，具体内容如下上代码之前，先给大家看一下效果：是不是想说：我能这样玩一天…话不多说，代码如下：<script> class Map...