简单易扩展可控性强的Jquery转盘抽奖程序

基于Jquery的Javascript转盘抽奖程序,可以自定义抽奖界面,奖品数量、图片等,可控制中奖的奖品,抽奖转盘转动的速度和圈数。在实际使用中,应当把概率放到后台程序中运算,以保证安全...

vue自定义指令用法经典实例小结

本文实例总结了vue自定义指令用法。分享给大家供大家参考,具体如下:自定义指令:一、属性:Vue.directive(指令名称,function(参数){ this.el -> 原生DOM元素});<div v-red="...

vue自定义键盘信息、监听数据变化的方法示例【基于vm.$watch】

本文实例讲述了vue自定义键盘信息、监听数据变化的方法。分享给大家供大家参考,具体如下:@keydown.up
@keydown.enter
@keydown.a/b/c....自定义键盘信息:Vue.directive('on')...

Javascript读写cookie的实例源码

今天把javascript如何用来创建及存储cookie复习了一下,其中的一点体会拿出来和大家讨论,首先看一下基础知识:什么是cookiecookie 是存储于访问者的计算机中的变量。每当同一台...

微信小程序登录session的使用

获取微信小程序登录的session,整个过程如下:第一步:小程序取得要往服务端传的 js_codeApp({ onLaunch: function() { wx.login({ success: function(res) { if (res.code...

通过JavaScript下载文件到本地的方法(单文件)

最近在做一个文件下载的功能,这里把做的过程中用的技术和坑简要总结下。
1. 单文件下载(a标签)
同源单文件
针对单文件的情况下,同源的文件,可以通过 < a> 标签的 download 属...

JavaScript中this用法学习笔记

JavaScript这门语言中,最令人迷惑的地方有三个,闭包、this、原型。针对大多数人,可以利用词法作用域等避开this的坑,但是我们不能一直生活在舒适区,要敢于打破砂锅问到底,对我们来...

nodejs微信开发之授权登录+获取用户信息

上一篇:获取access_token+自定义菜单
这部分代码是之前就已经完成了,但是考虑篇幅的问题就和上篇分开了,这部分相较前面的方式较为复杂一点,但是也是很容易理解的。
这里简单介...

nodejs微信开发之接入指南

最近又拾起了微信开发,之前的公众号是用的flask进行开发的,所以最近想要用nodejs改写一下,这些算是记录吧,边写代码边写下这篇文章。
因为我对nodejs也并不是那么的熟悉,仅仅是新...

nodejs微信开发之自动回复的实现

上一篇:接入指南
这部分是实现简单的自动回复,当然也是很大一部分功能的实现基础,这里使用了图灵机器人的接口。
效果图如下:当然,这个机器人的效果如何不是我能管得了的事情了,类...

node微信开发之获取access_token+自定义菜单

上一篇:自动回复的实现
这两天终于把获取access_token+自定义菜单+授权登录+获取用户信息部分完成了,nodejs其实不是很熟悉,所以估计有很多特性没用起来的,还有很多冗余代码以及...

浅谈js中的bind

提到bind方法,估计大家还会想到call方法、apply方法;它们都是Function对象内建的方法,它们的第一个参数都是用来更改调用方法中this的指向。需要注意的是bind 是返回新的函数,以...

JavaScript显式数据类型转换详解

基本概念将值从一种类型转换为另一种类型称为类型转换,类型转换总是返回基本类型值,如字符串、数字和布尔值,不会返回引用类型值。
类型转换分为“显式”和“隐式”:“显式”转...

实现ssr服务端渲染的方法步骤

前言前段时间寻思做个个人网站,然后就立马行动了。 个人网站如何实现选择什么技术方案,自己可以自由决定。 刚好之前有大致想过服务端渲染,加载速度快,还有seo挺适合个人网站...

React 使用Hooks简化受控组件的状态绑定

开始之前
阅读本文需要对以下几项有一定了解
ECMAScript 6
文章中大量用到了 ES6 语法,比如解构赋值和函数参数默认值、剩余参数、展开语法、箭头函数等。
Hooks
React 在 16...

学习node.js 断言的使用详解

assert模块提供了一组简单的断言测试,分严格模式(strict)和遗留模式(legacy),严格模式下,对比的方式比较严格,比如说,0与'0'比较,会报错,但在遗留模式下是可以通过的。官方推荐使用...

node.js实现微信开发之获取用户授权

本篇主要讲述,如何在微信中打开自家页面后,弹窗请求用户授权,以便拿到用户的微信信息。首先说一下,完成自定义分享信息的,从无到有的流程:
基础硬件服务:需要一个公网可以访问的有...

vue动画效果实现方法示例

本文实例讲述了vue动画效果实现方法。分享给大家供大家参考,具体如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn vue动画</title...

详解在React项目中安装并使用Less(用法总结)

less的安装配置安装react-app-rewired,react-app-rewire-less,babel-plugin-import插件执行命令:npm install react-app-rewired --save-devnpm install react-app-rewire-less...

js实现图片局部放大效果详解

图片局部放大效果结合的知识点主要是DOM的操作,以及事件的应用,所以首先要对DOM的操作有一定了解,其次能对事件的应用有一定的累积。如上图,可以看到,这是放大镜的基本效果,主要分...

浅析JavaScript异步代码优化

前言在实际编码中,我们经常会遇到Javascript代码异步执行的场景,比如ajax的调用、定时器的使用等,在这样的场景下也经常会出现这样那样匪夷所思的bug或者糟糕的代码片段,那么处...

js array数组对象操作方法汇总

js 数组对象操作方法如下:1. 创建数组var array1 = [1,2] //方法一var array2 = new Array() //方法二array[0] = 1;array[1] = 2;2.遍历数组 for循环 和for...in 循环var a...

express.js中间件说明详解

express的新开发人员往往对路由处理程序和中间件之间的区别感到困惑。因此他们也对app.use(),app.all(),app.get(),app.post(),app.delete()和app.put()方法的区别感到困惑...

vue组件定义,全局、局部组件,配合模板及动态组件功能示例

本文实例讲述了vue组件定义,全局、局部组件,配合模板及动态组件功能。分享给大家供大家参考,具体如下:一、定义一个组件定义一个组件:1. 全局组件var Aaa=Vue.extend({ template...

详解使用React.memo()来优化函数组件的性能

React核心开发团队一直都努力地让React变得更快。在React中可以用来优化组件性能的方法大概有以下几种: 组件懒加载(React.lazy(...)和<Suspense />) Pure Component sho...

vue项目移动端实现ip输入框问题

vue框架移动端做ip输入框组件,input在浏览器和微信端兼容问题。
要求:只能输入数字,输入数字以外的字符(包括点、冒号等数字符号)时自动跳到下一段ip输入框.
type=number类型,不会...

vue组件数据传递、父子组件数据获取,slot,router路由功能示例

本文实例讲述了vue组件数据传递、父子组件数据获取,slot,router路由功能。分享给大家供大家参考,具体如下:一、vue默认情况下,子组件也没法访问父组件数据<!DOCTYPE html><html...

vue多层嵌套路由实例分析

本文实例讲述了vue多层嵌套路由。分享给大家供大家参考,具体如下:
多层嵌套:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <scr...

浅谈JavaScript_DOM学习篇_图片切换小案例

今天开始学习DOM操作,下面写一个小案例来巩固下知识点.DOM: document object model (文档对象模型)根据id获取页面元素 : 如: var xx = document.getElementById("id");根...

jQuery添加新内容的四个常用方法分析【append,prepend,after,before】

本文实例讲述了jQuery添加新内容的四个常用方法。分享给大家供大家参考,具体如下:添加新内容的四个 jQuery 方法区别如下:append() - 在被选元素(里面)的结尾插入内容prepend() -...

详解js加减乘除精确计算

JS无法进行精确计算的bug在做CRM,二代审核需求审核详情页面时。需要按比例(后端传类似0.8的小数)把用户输入的数字显示在不同的地方。
在做dubheInvest = invest * (1 - ratio...

Vue中Table组件Select的勾选和取消勾选事件详解

简述之间设计的界面中使用的是复选框控件,但是经过对官网了一些了解,使我们更加倾向于使用一些官网已经封装好的事件,就比如Table组件的Select勾选和取消勾选的这样一个事件。...

浅谈vue加载优化策略

vue.js是一个比较流行的前端框架,与react.js、angular.js相比来说,vue.js入手曲线更加流畅,不管掌握多少都可以快速上手。但是单页面应用也都有其弊病,有时候首屏加载慢的让人捏...

vue+iview动态渲染表格详解

本文实例为大家分享了vue+iview 动态渲染表格(iview插件table),供大家参考,具体内容如下效果图
(表格头部和表格主体都是动态渲染)重要代码<template><Table ref="selection" v-...

Three.js中矩阵和向量的使用教程

前言提起矩阵,很容易让人想起我们曾经学不会的线性代数和离散数学,但是作为图形开发中的核心部分,它代表着每一次的运动和变换,就像鱼不能脱离水一样,矩阵并不是一个可以避之不谈...

在vue中使用G2图表的示例代码

G2笔记
G2是蚂蚁金服的一套开源图表插件,因项目需要研究了一下,相比Echarts来说,G2文档比较难懂,网上也没有太多示例,所以在这里记录一些使用G2遇到的问题。官方推荐在vue项目中...

Vue2.0+Vux搭建一个完整的移动webApp项目的示例

1、说明运用技术:Vue2.0、Vux、vux-loader、vue-cli、vue-router、vuex2、效果图3、实现流程3.1 搭建框架(需要安装好node.js、npm)1、快速搭建项目模板因为项目使用vux,所以...

vue双向绑定及观察者模式详解

在Vue中,使用了Object.defineProterty()这个函数来实现双向绑定,这也就是为什么Vue不兼容IE81 响应式原理让我们先从相应式原理开始。我们可以通过Object.defineProterty()来...

详解JavaScript作用域和作用域链

前言JavaScript 中有一个被称为作用域(Scope)的特性。虽然对于许多新手开发者来说,作用域的概念并不是很容易理解,本文我会尽我所能用最简单的方式来解释作用域和作用域链,希望...

vue实现可视化可拖放的自定义表单的示例代码

实现如例子所示的可视化可拖放表单功能。整个页面,分为左中右三栏布局,左栏的部件库的部件(组件)作为key,拖放到中间区域时,往vuex存放数组数据,拖一个就push一个。点击某个组件时...

vue使用Proxy实现双向绑定的方法示例

前言:vue3.0要用Proxy来实现双向绑定,因此先来尝试一下实现方法。1 Object.defineProperty 实现
原来vue2的实现使用Object.defineProperty,监听set,但对于数组直接下标给数组设...

vue大数据表格卡顿问题的完美解决方案

前言vue渲染小数据挺快,大数据vue开始出现卡顿现象,本文讲给大家详细介绍关于vue大数据表格卡顿问题的解决方法点我在线体验Demo(请用电脑查看)亲测苹果电脑,chrome浏览器无卡...

详解VS Code使用之Vue工程配置format代码格式化

编辑器另外一个很重要的功能就是代码格式化了,VS Code默认提供常见文件的格式化,如.js,.html等。添加对.vue文件的格式化支持
这里我们添加对 .vue 文件的格式化支持。
1. 安...

利用Promise自定义一个GET请求的函数示例代码

写在最前面近期 review 自己以前的代码的时候,看到 promise 的使用方法,用的比较模糊。含义不清,用法凌乱,这里重新温习一下基础知识。前言JavaScript 是单线程工作,但是浏览器是...

vscode配置vue下的es6规范自动格式化详解

前言
最近在写Vue的时候,遇见了js es6格式化问题,因为我平时用vscode在写php,所以会安装一些格式化插件,也包括html-css-js的插件导致的问题:由于vue语法规范问题,导致保存自动格...

vue实现微信二次分享以及自定义分享的示例

微信二次分享/自定义分享从App中使用App分享(一次分享)使用微信导航栏的分享(二次分享) --已做处理使用微信导航栏的分享(二次分享) --未做处理如上图,如果不做相关处理,页面进行二次分享...

vue踩坑记录之数组定义和赋值问题

问题场景:vue页面初始化展示请求后台返回的数据失败,没有报错
<el-form-item label="有效日期"> <div class="block"> <el-date-picker v-model="effective_date" type="...

小程序显示弹窗时禁止下层的内容滚动实现方法

小程序显示弹窗时禁止下层的内容滚动实现方法,具体如下
① 第一种方式
利用position:fixed. 禁止页面滚动.一. 页面结构html <view class="indexPage {{proInfoWindow&#63;...

浅谈JavaScript面向对象--继承

一、继承的概念子类共享父类的数据和方法的行为,就叫继承。二、E55如何实现继承?探索JavaScript继承的本质2.1构造函数之间的“复制粘贴”第一条路是通过构造函数来继承,这可以...

javascript数组去重方法总结(推荐)

第一种--对象键值去重Array.prototype.unique1 = function () { var r = {}, temp = [] for (var i = 0; i < this.length; i++) { if (!r[this[i]]) { r[th...

返回顶部
顶部