详解一个基于react+webpack的多页面应用配置

简单介绍首先本文不会对webpack代码进行解释,其所有配置都可以在文档上找到。平时工作中会写一些多页面应用,因为习惯了react的开发模式,故此写了一个简单的配置,跟大家一起分享...

JavaScript使用Math.random()生成简单的验证码

第一种:单纯的纯数字验证码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js验证码</title></head><body><div class="yzm" style="width: 20%;he...

vue.js的vue-cli脚手架中使用百度地图API的实例

第一步,去百度地图开发者申请密钥。1.申请密钥(百度地图开放平台-->开发文档-->web开发-->JavaScript API-->立即使用-->创建应用)2.密钥申请成功后第二步,在项目的需要模板中...

js实现京东秒杀倒计时功能

本文实例为大家分享了js实现京东秒杀倒计时功能的具体代码,供大家参考,具体内容如下首先给大家看看效果图,因为是做的移动端的,所以放大给大家看看局部就行:关于实现京东秒杀,之前...

深入分析element ScrollBar滚动组件源码

scrollbar组件根目录下包括index.js文件和src文件夹,index.js是用来注册Vue插件的地方,没什么好说的,不了解的童鞋可以看一下Vue官方文档中的插件,src目录下的内容才是scrollbar...

JavaScript中的"=、==、==="区别讲解

= 是赋值运算,== 用于一般比较,=== 用于严格比较== 在比较的时候可以转换数据类型;=== 严格比较,只要类型不匹配就返回flase。举例说明:"1" == true类型不同,"=="将先做类型转换,...

基于vue的验证码组件的示例代码

最近在自己写页面,模仿思否论坛,然后写登录注册UI的时候需要一个验证码组件. 去搜一下没找到什么合适的,而且大多都是基于后端的,于是自己手写一个。演示分析验证码组件分析验证...

JavaScript格式化json和xml的方法示例

本文实例讲述了JavaScript格式化json和xml的方法。分享给大家供大家参考,具体如下:格式化json实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>原...

JavaScript继承与聚合实例详解

本文实例讲述了JavaScript继承与聚合。分享给大家供大家参考,具体如下:一、继承第一种方式:类与被继承类直接耦合度高1. 首先,准备一个可以被继承的类(父类),例如//创建一个人员类f...

vue2.0 如何在hash模式下实现微信分享

最近又把vue的demo拿出来整理下,正好要做“微信分享”功能,于是遇到新的问题;由于hash模式下,带有“#”,导致微信分享的签证无效;当改成history的模式后,分享ok;但是问题来了,histor...

JavaScript JMap类定义与使用方法示例

本文实例讲述了JavaScript JMap类定义与使用方法。分享给大家供大家参考,具体如下:在JavaScript中我们利用function类定义类在类的内部我们用var 定义私有变量 私有函数在类...

微信小程序使用map组件实现路线规划功能示例

本文实例讲述了微信小程序使用map组件实现路线规划功能。分享给大家供大家参考,具体如下:效果图实现原理1. 通过map组件标记起始点和绘制路线图;
2. 通过高德地图API获取不同类...

微信小程序全局变量功能与用法详解

本文实例讲述了微信小程序全局变量功能与用法。分享给大家供大家参考,具体如下:全局变量的作用在微信小程序开发中,会遇到一个很实际的应用场景,就是一个变量会在多个页面进行使...

微信小程序使用map组件实现解析经纬度功能示例

本文实例讲述了微信小程序使用map组件实现解析经纬度功能。分享给大家供大家参考,具体如下:声明bug: 页脚的详细地址在真机测试是会出现不显示问题?造成原因:在小程序map组件的同...

微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能

本文实例讲述了微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能。分享给大家供大家参考,具体如下:效果图实现原理采用高德地图微信小程序开发API(getWeath...

200行HTML+JavaScript实现年会抽奖程序

本文实例为大家分享了js实现年会抽奖程序的具体代码,供大家参考,具体内容如下需求分析1.多轮抽奖,每轮只有3个环节:展示奖品图,人名闪动,停止闪动确定中奖名单
2.中奖分级,例如试用...

微信小程序实现九宫格抽奖

本文实例为大家分享了微信小程序实现九宫格抽奖的具体代码,适用于年会抽奖,供大家参考,具体内容如下效果图比较卡顿,真实运行效果是旋转的用到的素材:实现步骤:实现原理改变每一项...

使用JavaScript保存文本文件到本地的两种方法

一段使用javascript保存文件的代码。这里方法可以保存指定id元素下的所有html内容;不过这个方法只支持IE浏览器。function createHtml() { try { save_record("index1", $("...

javascript json字符串到json对象转义问题

在使用JavaScriptSerializer.Serialize 方法转json对象时,遇到一个问题,后台方法生成的json字符串中有没有转义的特殊字符代码;而这些特殊的代码在使用javascript的转json对象...

大转盘抽奖小程序版 转盘抽奖网页版

今天整理了下以前写的小demo,把大转盘抽奖的代码,整合下,列了网页版和小程序两个版本,这个转盘抽奖的核心是H5的canvas和Css3的translate属性,非常简单,写了网页版和小程序版供大...

使用javascript做时间倒数读秒功能的实例

某个试卷在线考试需要读秒。网上找了一会就是没找到我想要的。只好自己改改网上的,这也用用,那也用用。其他代码不贴了。贴相关的:html页面代码:<a class="btn btn-default" onc...

微信小程序使用map组件实现检索(定位位置)周边的POI功能示例

本文实例讲述了微信小程序使用map组件实现检索(定位位置)周边的POI功能。分享给大家供大家参考,具体如下:声明bug: 页面顶部分类【汽车服务、汽车销售等】列表和页脚的详细地址...

微信小程序map组件结合高德地图API实现wx.chooseLocation功能示例

本文实例讲述了微信小程序map组件结合高德地图API实现wx.chooseLocation功能。分享给大家供大家参考,具体如下:声明bug: 页面搜索返回的列表在真机测试是会出现不显示问题?
造...

vue车牌号校验和银行校验实战

在看这篇文章之前,我建议大伙可以去把项目demo拉到本地看看。如果觉得写得不好,可以一起提提issues,一起维护。或者大伙有刚需,可以留言,后期会不断完善。使用方法:git clone http...

微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧不动,右侧滑动)

本文实例讲述了微信小程序MUI侧滑导航菜单。分享给大家供大家参考,具体如下:实现的目标—-YDUI的Popup组件点击列表图标—-左侧的菜单栏显示—-点击关闭按钮或者右侧的遮罩层...

微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)

本文实例讲述了微信小程序MUI侧滑导航菜单。分享给大家供大家参考,具体如下:实现的目标MUI的off canvas效果点击列表 —- 右侧展示页面不动,左侧导航滑动 —- 点击右侧遮罩层或...

记一次vue去除#问题处理经过小结

1、vue项目,在浏览器中看到的路由都是带有#的,如果想去掉#,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。只需...

在Node.js下运用MQTT协议实现即时通讯及离线推送的方法

前言前些日子了解到mqtt这样一个协议,可以在web上达到即时通讯的效果,但网上并不能很方便地找到一篇目前版本的在node下正确实现这个协议的博客。自己捣鼓了一段时间,理解不深...

微信小程序导航栏滑动定位功能示例(实现CSS3的positionsticky效果)

本文实例讲述了微信小程序导航栏滑动定位功能。分享给大家供大家参考,具体如下:实现的效果实现的原理1. 通过对scroll的监听获取滚动条的scrollTop值;2. 在导航的class判断scr...

微信小程序MUI导航栏透明渐变功能示例(通过改变opacity实现)

本文实例讲述了微信小程序MUI导航栏透明渐变功能。分享给大家供大家参考,具体如下:导航栏透明渐变效果实现原理1. 利用position:absolute在导航下定位一个view作为背景渐变使...

微信小程序MUI导航栏透明渐变功能示例(通过改变rgba的a值实现)

本文实例讲述了微信小程序MUI导航栏透明渐变功能。分享给大家供大家参考,具体如下:导航栏透明渐变效果实现原理1. 给page-group设置的背景颜色采用rgba;2. 通过改变rgba其中a...

微信小程序webview实现长按点击识别二维码功能示例

本文实例讲述了微信小程序webview实现长按点击识别二维码功能。分享给大家供大家参考,具体如下:场景:微信小程序,使用webview控件。需求:点击图片后长按图片出现“识别二维码”1...

JS实现带阴历的日历功能详解

本文实例讲述了JS实现带阴历的日历功能。分享给大家供大家参考,具体如下:工作中要写一个带阴历的日历,自己调研了怎么做日历。一.表格行数问题既然要显示日期表格的话,首先得知...

VUE+Element环境搭建与安装的方法步骤

1,安装node,确保安装4.0版本以上,具体的安装可以百度。2,在命令行创建文件夹
3,安装Vue-cli输入:cnpm install -g vue-cli , 回车, 等待安装。。。。输入:vue ,查看vue相关信息4,初...

vue结合element-ui使用示例

这一篇主要是创建一个vue项目并结合饿了么框架element-ui。1.先创建vue项目,我准备把项目放在e盘下:E:\Work\RegisterProject;
命令行进入这个目录:
创建一个基于 webpack 模板...

jQuery实现当拉动滚动条到底部加载数据的方法分析

本文实例讲述了jQuery实现当拉动滚动条到底部加载数据的方法。分享给大家供大家参考,具体如下:滚动条到底部加载数据原理很简单,就是为window或者滚动元素添加一个scroll事件,浏...

JavaScript递归函数定义与用法实例分析

本文实例讲述了JavaScript递归函数定义与用法。分享给大家供大家参考,具体如下:递归函数是一个函数通过名字调用自身的情况下形成的,比如经典的递归阶乘函数:function factorial...

小程序从手动埋点到自动埋点的实现方法

前言小程序由于封闭性较强,要像web应用一样实现灵活的数据收集,会有一定难度。目前开源的埋点SDK,一般采用手动埋点的方式,这种方式有较强的侵入型,为了解决这个问题就有了该文章...

JavaScript私有变量实例详解

本文实例讲述了JavaScript私有变量。分享给大家供大家参考,具体如下:任何在函数中定义的变量,就是私有变量,因为这些变量在函数外部是无法访问到的。总的来说,私有变量包括函数的...

详解Node.js amqplib 连接 Rabbit MQ最佳实践

客户端设置connection_name
在建立连接时,设置connection_name属性,可以在RabbitMQ Managerment 中查看到连接来自那个实例。amqp.connect(rabbitMqAddress, { clientPropert...

实例讲解vue源码架构

下载去github上下载Vue https://github.com/vuejs/vuenpm install npm run dev运行起来rollup + flowvue使用使用rollup打包,flow规范数据类型rollup可以先用webpack套用,读起...

实例讲解JavaScript预编译流程

大家都知道JavaScript是解释型语言,既然是解释型语言,就是编译一行,执行一行,那又何来预编译一说呢&#63;脚本执行js引擎都做了什么呢?今天我们就来看看吧。1-JavaScript运行三部...

Vue.js样式动态绑定实现小结

在项目中,我们时常会遇到动态的去绑定操作切换不同的CSS样式,结合自身项目中遇到的一些情况,也参考了一些文档,针对vue.js样式的动态绑定切换做出如下小结:动态切换的核心思想:
利...

Node.js 进程平滑离场剖析小结

使用 Node.js 搭建 HTTP Server 已是司空见惯的事。在生产环境中,Node 进程平滑重启直接关系到服务的可靠性,它的重要性不容我们忽视。既然是平滑重启,就涉及到新旧进程的接替...

命令行批量截图Node脚本示例代码

批量截图任务
作为一个软件工程师,不只是做好自己的本职工作(iOS),而是需要解决项目中的技术问题。这次就是解决自动截图的问题
早期公司的数据工程师利用 phantomjs 来截图,后期...

vue组件文档(.md)中如何自动导入示例(.vue)详解

症结(懒癌患者)
在写组件库文档的时候,会把示例代码粘贴到文档里,这样做有一个很恶心的地方:每次组件迭代或修改示例都需要重新修改文档中的代码片段。长年累月,苦不堪言。猜想(狂...

JS温故而知新之变量提升和时间死区

前言开始执行脚本时,执行脚本的第一步是编译代码,然后再开始执行代码,如图另外,在编译优化方面来说,最开始时也并不是全部编译好脚本,而是当函数执行时,才会先编译,再执行脚本,如图...

Vue.js实现的购物车功能详解

本文实例讲述了Vue.js实现的购物车功能。分享给大家供大家参考,具体如下:使用计算属性,内置指令,方法等基础知识开发购物车。需求分析:展示一个已经加入购物车的商品列表,包含商品...

实例讲解JS中pop使用方法

pop() 定义和用法pop() 方法用于删除并返回数组的最后一个元素。语法arrayObject.pop()返回值arrayObject 的最后一个元素。说明pop() 方法将删除 arrayObject 的最后一个元...

详解vue路由篇(动态路由、路由嵌套)

什么是路由?网络原理中,路由指的是根据上一接口的数据包中的IP地址,查询路由表转发到另一个接口,它决定的是一个端到端的网络路径。
web中,路由的概念也是类似,根据URL来将请求分...

返回顶部
顶部