JS检索下拉列表框中被选项目的索引号(selectedIndex)
前言在开始本文主题之前，先来看一个 HTML demo，一个非常简单的选择列表(select)：<select> <option>one</option> <option>two</option> <option>three</option></select>请...
2020-05-27
微信小程序 (地址选择1)--选取搜索地点并显示效果
效果：（直接复制代码，可查看效果）可以通过拖动地图，搜索地址，选择地址，并将地址值传给文本框进入以下界面点击确定后。代码如下：wxml: <view class="box2"> <view class="box2_left"...
2020-05-27
TypeScript高级用法的知识点汇总
引言
作为一门强大的静态类型检查工具，如今在许多中大型应用程序以及流行的JS库中均能看到TypeScript的身影。JS作为一门弱类型语言，在我们写代码的过程中稍不留神便会修改掉...
2020-05-27
微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能
实现的效果就是：1.点击全选选中所有商品，再点击全选，取消勾选
2.在选中的同时获取需要的商品id，获取后是以字符串拼接的形式 拼成一个字符串
3.点击删除按钮时删除选中的商品点...
2020-05-27
微信小程序获取复选框全选反选选中的值(实例代码)
wxml文件<view class="tr"> <view class="th"> <checkbox bindtap="selectall" />全选 </view> <view class="th">id</view> <view class="th">名称</view></view&g...
2020-05-27
15分钟学会vue项目改造成SSR(小白教程)
15分钟学会vue项目改造成SSRPs：网上看了好多服务器渲染的例子，基本都是从0开始的，用Nuxt或者vue官网推荐的ssr方案（vue-server-renderer），但是我们在开发过程中基本上是已经有了现...
2020-05-27
ant design实现圈选功能
Ant Design是一款十分出色的的UI设计组件，Ant Design电脑版界面美观大方，功能强劲实用，软件包含整套开发和设计资源和工具，丰富的React UI组件，能够为前端UI设计提供了新的解决...
2020-05-27
微信小程序利用云函数获取手机号码
小程序获取手机号码方式 一、取到加密数据，然后提交到服务器解密,二、获取到 cloudID，用云函数, 优点：直接获取原始数据，节省服务器资源1.xml<button class="gettel" open-type=...
2020-05-27
微信小程序修改数组长度的问题的解决
微信小程序内数组重新修改长度，使用setData竟然存在问题：会出现不能及时更新数据的情况,尝试了一下使用data强制更新数据后，再数据需要赋值的地方再用setData进行数据处理即可，...
2020-05-27
微信小程序实用代码段(收藏版)
前言排名不分先后，按自己的习惯来的。总结经验，不喜勿喷哦~一、tab切换<view class=" {{currentTab==0 ? 'select' : ''}}" data-current="0" bindtap="swichNav"> tab1</...
2020-05-27
JS获取当前时间的年月日时分秒及时间的格式化的方法
1.获取当前时间var myDate = new Date();2.获取时间中的年月日时分秒myDate.getYear(); // 获取当前年份(2位)myDate.getFullYear(); // 获取完整的年份(4位,1970-?...
2020-05-27
js实现多图和单图上传显示
项目中经常会大量的使用到图片上传，之前涉及到的时候经常会在网上下载一些素材直接拿过来使用，但是随着项目的增多发现用的是各式各样的，导致非常混乱。所以抽空写了一个DEMO来...
2020-05-27
js实现上传图片并显示图片名称
本文实例为大家分享了js上传图片并显示图片名称的具体代码，供大家参考，具体内容如下今天整理了一下上传图，用jquery的还是方便点，小女子整理的是原生的js！！！<!DOCTYPE html><html><...
2020-05-27
如何使用webpack打包一个库library的方法步骤
日常我们开发了一个库之后，如何打包之后提供给别人使用呢？如果你不清楚，就继续看吧！！！初始化库
mkdir librarycd librarynpm init -y经过以上步骤后会生成一个library文件夹，里面包...
2020-05-27
H5实现手机拍照和选择上传功能
本文实例为大家分享了H5手机拍照和选择上传的具体代码，供大家参考，具体内容如下1. html/ js代码：<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Cont...
2020-05-27
基于ts的动态接口数据配置的详解
需求前景
前端组件是可复用的，那么复用前端组件时从后端读取的数据源同样也需要可复用（后端api也要是配置化的方式进行），前端需要提供配置项给后端进行动态配置生成api。
具体实...
2020-05-27
使用JS来动态操作css的几种方法
JavaScript 可以说是交互之王，它作为脚本语言加上许多 Web Api 进一步扩展了它的特性集，更加丰富界面交互的可操作性。这类 API 的例子包括WebGL API、Canvas API、DOM API，还...
2020-05-27
vue不操作dom实现图片轮播的示例代码
本文介绍了vue不操作dom实现图片轮播的示例代码，分享给大家，具体如下：效果宽度为1190px且水平居中的轮播盒子；
中间是当前显示的默认尺寸图片；
左右两边是预显示的小尺寸图片；
轮...
2020-05-27
js数据类型转换与流程控制操作实例分析
本文实例讲述了js数据类型转换与流程控制操作。分享给大家供大家参考，具体如下：数据类型转换：//number转换成str// var str=a+'';// console.log(str);// console.log(typeof s...
2020-05-27
小程序简单两栏瀑布流效果的实现
瀑布流又称瀑布流式布局，是比较流行的一种网站页面布局方式。视觉表现为参差不齐的多栏布局，即多行等宽元素排列，后面的元素依次添加到其后，等宽不等高，根据图片原比例缩放直至宽...
2020-05-27
使用webpack/gulp构建TypeScript项目的方法示例
总体来看，TypeScript项目构建主要分两步： 将ts 项目整体转换为js项目 按常规套路，对该 js 项目进行打包构建构建过程中，对 ts 文件的转换不再使用命令行方式，所以 tsc 的配置参...
2020-05-27
JS精确判断数据类型代码实例
这篇文章主要介绍了JS精确判断数据类型代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下普通的判断方式有各种不...
2020-05-27
JS数据类型STRING使用实例解析
这篇文章主要介绍了JS数据类型STRING使用实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下转换为字符串
var num...
2020-05-27
在Vue项目中使用Typescript的实现
3.0迟迟没有发布release版本，现阶段在Vue项目中使用Typescript需要花不小的精力在工程的配置上面。主要的工作是webpack对TS，TSX的处理，以及2.x版本下面使用class的形式书写Vue...
2020-05-27
利用JS如何获取form表单数据
前言本文主要给大家介绍的是关于利用JS获取form表单数据的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧方法如下：1.有的时候想偷点懒，页面上有大量的...
2020-05-27
js判断一个对象是数组（函数）的方法实例
1.typeof操作符
示例：// 数值typeof 37 === 'number'; // 字符串typeof '' === 'string'; // 布尔值typeof true === 'boolean'; // Symbolstypeof Symbol() === 'symbol';...
2020-05-27
Echarts实现多条折线可拖拽效果
本文实例为大家分享了Echarts多条折线可拖拽的具体代码，供大家参考，具体内容如下1、步骤： 1)、封装Echarts折线图方法manyLineChart(),提取出公共的部分；
2)、AJax获取后...
2020-05-27
Webpack设置环境变量的一些误区详解
一、前言 日常的前端开发工作中，至少会有两套构建环境 一套开发时使用，构建结果用于本地开发调试，不进行代码压缩、打印 debug 信息、包含 sourcemap 文件等 一套发布...
2020-05-27
Vue中使用Lodop插件实现打印功能的简单方法
介绍
需要进行打印功能,Lodop就是实现需求的插件.就是引入对应的js-sdk,使用js调用对应的打印方法,然后就会调出客户端软件(需要用户安装),然后就可以在软件里面打印内容了....
2020-05-27
echarts实现折线图的拖拽效果
使用echarts实现折线图的拖拽，供大家参考，具体内容如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <script src="./echarts.js"></script></head><body> <div id="m...
2020-05-27
微信小程序批量上传图片到七牛(推荐)
一、引入七牛SDK具体查看文档https://github.com/gpake/qiniu-wxapp-sdk/blob/master/README.md二、封装上传方法upload.js/** * 上传函数 */const qiniuUploader = require...
2020-05-27
d3.js实现图形缩放平移
本文实例为大家分享了d3.js实现图形缩放平移的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>缩放操作</title><...
2020-05-27
d3.js实现图形拖拽
本文实例为大家分享了d3.js图形拖拽的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽操作</title></head><b...
2020-05-27
5分钟快速看懂ES6中的反射与代理
反射：Reflect
反射到底是个什么东西？
它的本质就是一个对象（JS内置的），里边有一些函数可供调用。
为什要叫做反射？
因为它能做的事情，和其他语言（Java、python等）中的反射很相似。其...
2020-05-27
JS实现水平移动与垂直移动动画
本文实例为大家分享了JS实现水平移动与垂直移动的具体代码，供大家参考，具体内容如下水平移动分析：可看成是一个物体的左边距变化。比如：向右移动是左边距越来越大（数值为正），可调整...
2020-05-27
js通过循环多张图片实现动画效果
本文实例为大家分享了js通过循环多张图片实现动画展示的具体代码，供大家参考，具体内容如下以小鱼摇尾巴和眨眼睛为例动画思路：1.将图片资源放在数组里面2.通过计时器来设定间隔...
2020-05-27
微信小程序跨页面数据传递事件响应实现过程解析
这篇文章主要介绍了微信小程序跨页面数据传递事件响应实现过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下在实...
2020-05-27
JavaScript实现简单计算器功能
本文实例为大家分享了JavaScript实现简单计算器的具体代码，供大家参考，具体内容如下1.实现基本计算器功能，如图2.逻辑代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"...
2020-05-27
jquery实现商品sku多属性选择功能（商品详情页）
SKU=Stock Keeping Unit（库存量单位）。即库存进出计量的基本单元，可以是以件，盒，托盘等为单位。SKU是用来定价和管理库存的，比如一个产品有很多颜色，很多配置，每个颜色和配置的组合...
2020-05-27
React 实现车牌键盘的示例代码
vehicle-plate-keyboardReact 实现的车牌键盘。https://github.com/LiuuY/vehicle-plate-keyboard💡 Features省份 + 字母/数字 + '港澳学警领'新能源车牌自动判断当...
2020-05-27
Vuex实现数据共享的方法
在用vue作为前端框架进行开发的时候，对于组件间的传值你一定不会陌生，如果只是简单的父子组件传值，我想你肯定不会选择用Vuex来进行状态管理，但是如果你需要构建一个中大型单页...
2020-05-27
微信小程序按顺序同步执行的两种方式
小程序按顺序执行的两种方式1.回调函数执行，后一个方法写到前一个的回调函数中从而实现顺序执行，缺点是嵌套太多，代码混乱2.async-await 同步执行，此方法等待前面方法执行完毕才...
2020-05-27
js正则匹配多个全部数据问题
需求：获取所有title里的内容正则表达式后面加g表示多次匹配方式一：match 返回数组方式二exec<script> var str='<a href="//www.aliexpress.com/store/product/OOOT-BAORJCT-...
2020-05-27
使用JavaScript计算前一天和后一天的思路详解
要实现在页面上点击“前一天”或“后一天”，页面上的时间改变。首先让我们整理一下思路如下图：1、页面排版首先我们需要拍好页面，例：<!DOCTYPE html><html lang="en"><head> <m...
2020-05-27
Vue filter 过滤当前时间 实现实时更新效果
过滤器
过滤器是处于客户端与服务器资源文件之间的一道过滤网，在访问资源文件之前，通过一系列的过滤器对请求进行修改、判断等，把不符合规则的请求在中途拦截或修改。也可以对...
2020-05-27
node使用request请求的方法
近期使用node做服务端渲染，作为中间层需要请求后端接口，需要封装服务端的请求，接下来来了解下如何使用 request。基本使用const request = require('request')引入这个包就可以...
2020-05-27
Vue+Node服务器查询Mongo数据库及页面数据传递操作实例分析
本文实例讲述了Vue+Node服务器查询Mongo数据库及页面数据传递操作。分享给大家供大家参考，具体如下：1、利用Mongoose查询MongoDB通过mongoose依赖可以简捷地操作mondodb数据库...
2020-05-27
推荐几个不错的console调试技巧实现
在我们的日常前端开发中，使用最频繁的莫过于使用console.log在浏览器的控制台中打印出我们需要调试的信息，但是大部分人可能跟之前的我一样，没有意识到其实console除了log方法...
2020-05-27
angularjs模态框的使用代码实例
这篇文章主要介绍了angularjs模态框的使用代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下编写html页面1.触发...
2020-05-27
vue中根据时间戳判断对应的时间(今天 昨天 前天)
根据时间戳 来显示对应的时间段本文是根据vue缩写，但是原理都是想通的根据一个时间戳，然后来显示对应的时间段。如果为今天，则显示对应的time，如果为昨天，则显示为昨天，如果为前天...
2020-05-27
