JavaScript实现图片伪异步上传过程解析
实现逻辑
首先要知道， ajax无法发送带有文件的post请求所以，所以还是要用同步的方式，但是刷新的时候，我们不要在原来的页面刷新，去一个隐藏的iframe里面刷新，form表单中action正常...
2020-05-27
JavaScript实现轮播图特效
本文实例为大家分享了JavaScript实现轮播图特效的具体代码，供大家参考，具体内容如下功能：1、图片会自动播放，鼠标放上面会暂停播放2、点击左右出现的箭头可以切换到上一张/下一...
2020-05-27
vue搜索页开发实例代码详解（热门搜索，历史搜索，淘宝接口演示）
完整效果演示首先完成这个伪搜索框src/components/search/index.vue （通用搜索框组件）<template> <div class="mine-search-box-wrapper"> <i class="iconfont icon-search">...
2020-05-27
Vue 中 template 有且只能一个 root的原因解析(源码分析)
引言今年， 疫情 并没有影响到各种面经的正常出现，可谓是络绎不绝（学不动...）。然后，在前段时间也看到一个这样的关于 Vue 的问题， 为什么每个组件 template 中有且只能一个 root？可...
2020-05-27
vue使用微信扫一扫功能的实现代码
第一步： 安装weixin-js-sdk 和 jquery 包 npm install weixin-js-sdk jquery第二部： 配置wx.config （配置都是后端返回来的，菜鸟前端只需要按需传值过去就可）代码如下import wx f...
2020-05-27
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)
1、点击按钮，实现微信扫一扫功能：<template> <a class="btn" @click="scan">扫一扫</a></template>2、使用config接口注入配置信息，wx.config调用方法如下：（其中appId,timestamp...
2020-05-27
微信分享invalid signature签名错误踩过的坑
前一段时间做了一个微信分享的东西，而且前端框架用的是VUE，被这个东西快折磨疯了，一个列表页，一个详情页，分享详情页的时候，会报错invalid signature签名错误。当时就不淡定了，然后...
2020-05-27
微信公众号中的JSSDK接入及invalid signature等常见错误问题分析(全面解析)
最近在搞微信公众号开发，进行到网页开发部分被坑了一天，最坑的问题就是invalid signature，而网上大部分解答这个问题的都没有说清楚，都直接丢文档。博主认为这样很不好。本文是...
2020-05-27
js中调用微信的扫描二维码功能的实现代码
关键代码<html><head> <title> js调用微信扫一扫功能测试 </title> <!--引用微信JS库--> <script type="text/javascript" src="http://res.wx.qq.com/open/js/jwei...
2020-05-27
JavaScript运行机制实例分析
本文实例讲述了JavaScript运行机制。分享给大家供大家参考，具体如下：第一次写博客目前研一第二学期，大二开始入门前端，然而长久以来都是对于框架的简单调用，并未对其进行深入研究...
2020-05-27
js点击事件的执行过程实例分析【冒泡与捕获】
本文实例讲述了js点击事件的执行过程。分享给大家供大家参考，具体如下：js事件对象event包括很多事件类型，这里用onclick事件为例，探讨一下在js事件捕获机制和冒泡机制下的执行过...
2020-05-27
js函数柯里化的方法和作用实例分析
本文实例讲述了js函数柯里化的方法和作用。分享给大家供大家参考，具体如下：函数柯里化的方法：1，利用数组的reduce方法可实现柯里化，具体参见我的另外一篇文章2，代码如下const curr...
2020-05-27
js防抖函数和节流函数使用场景和实现区别示例分析
本文实例讲述了js防抖函数和节流函数使用场景和实现区别。分享给大家供大家参考，具体如下：开发过程中，都遇到过某个事件被频发触发的场景，比如resize，scroll事件，input事件，而对应...
2020-05-27
JS中间件设计模式的深入探讨与实例分析
本文实例讲述了JS中间件设计模式。分享给大家供大家参考，具体如下：中间件作为一些辅助处理功能，应用非常广泛，例如express中间件，redux中间件，koa中间件，那么中间件的设计模式到底...
2020-05-27
微信小程序实现抖音播放效果的实例代码
最近项目要做一个类似于抖音的一个视频播放 需要小程序完成在再次确定了需要这个需求的情况下就开始了（其实因为不是说这个功能不好做主要是但心做出来肯定不流畅 卡顿什么的...
2020-05-27
JS实现随机点名器
本文实例为大家分享了JS实现随机点名器的具体代码，供大家参考，具体内容如下实现一个简单的随机点名器需求分析：两个按钮实现随机点名的开始和结束
创建ul元素，添加到父级div中，实...
2020-05-27
javascript实现画板功能
本文实例为大家分享了javascript实现画板功能的具体代码，供大家参考，具体内容如下画板功能的实现<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <sty...
2020-05-27
用jQuery实现抽奖程序
本文实例为大家分享了jQuery实现抽奖程序的具体代码，供大家参考，具体内容如下1. 主要需求 实现一个抽奖功能。 点击开始按钮后，开始按钮禁用，停止按钮取消禁用，小图片实现快速...
2020-05-27
jquery实现轮播图特效
本文实例为大家分享了jquery实现轮播图的具体代码，供大家参考，具体内容如下一、实现功能：1、通过定时实现图片自我轮播
2、当图片轮播到最后一张时，会从第一张开始继续轮播
3、...
2020-05-27
JavaScript实现捕获鼠标坐标
本文实例为大家分享了JavaScript实现捕获鼠标坐标的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件对象</titl...
2020-05-27
JavaScript创建表格的方法
本文实例为大家分享了JavaScript创建表格的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><b...
2020-05-27
javascript设计模式 – 适配器模式原理与应用实例分析
本文实例讲述了javascript设计模式 – 适配器模式原理与应用。分享给大家供大家参考，具体如下：介绍：适配器模式的产生也来自具体的问题，拿mac来举例，我不能直接用mac链接VGA，不能...
2020-05-27
javascript设计模式 – 桥接模式原理与应用实例分析
本文实例讲述了javascript设计模式 – 桥接模式原理与应用。分享给大家供大家参考，具体如下：介绍：如果软件系统中某个类存在两个或多个独立变化的维度，可以通过桥接模式将这些维...
2020-05-27
JS正则表达式常见函数与用法小结
本文实例讲述了JS正则表达式常见函数与用法。分享给大家供大家参考，具体如下：search()使用正则表达式//使用正则表达式搜索 "Runoob" 字符串，且不区分大小写var str = "Visit R...
2020-05-27
JS错误处理与调试操作实例分析
本文实例讲述了JS错误处理与调试操作。分享给大家供大家参考，具体如下：JavaScript 错误 - throw、try 和 catchtry 语句测试代码块的错误。catch 语句处理错误。throw 语句创...
2020-05-27
RxJS在TypeScript中的简单使用详解
1. 安装
# 安装 typescript， rxjs 包npm install -D typescript @types/nodenpm install rxjs2. 使用2.1 使用 from 来从数组生成源RxJS 有许多创建源的方法，如 from, fromEve...
2020-05-27
vue cli3适配所有端方案的实现
应用场景页面需要在pc端和移动端同时兼容，以前我的方案都是使用媒体查询来判断当前设备大小，然后写两套或者三套css代码来兼容他们，能达到目的，并且效果不错，但是感觉还是稍微麻...
2020-05-27
JS实现表单中点击小眼睛显示隐藏密码框中的密码
领导交个一个任务，要求在表单中点击小眼睛显示隐藏密码框中的密码！在一些网站中经常会用到这样的功能，今天小编就给大家分享我的实现思路及代码准备：1.两张png图片，一张睁眼，一张...
2020-05-27
JavaScript代码压缩工具UglifyJS和Google Closure Compiler的基本用法
一、UglifyJSUglifyJS是用JavaScript编写的JavaScript压缩工具。
官网：http://lisperator.net/uglifyjs/1、通过NPM安装UglifyJS（1）安装Node.js从Node.js官网https://nodejs.or...
2020-05-27
vue项目前端微信JSAPI与外部H5支付相关实现过程及常见问题
web端的微信支付可分为JSAPI与H5
JSAPI使用场景为微信内部，而H5支付则是使用在非微信下的外部浏览器。1.JSAPI
在微信内部可以直接唤起微信浏览器的内置对象 WeixinJSBridge...
2020-05-27
javascript设计模式 – 组合模式原理与应用实例分析
本文实例讲述了javascript设计模式 – 组合模式原理与应用。分享给大家供大家参考，具体如下：介绍：组合模式又叫部分整体模式，用于把一组相似的对象当作一个单一的对象。组合模式...
2020-05-27
javascript设计模式 – 装饰模式原理与应用实例分析
本文实例讲述了javascript设计模式 – 装饰模式原理与应用。分享给大家供大家参考，具体如下：介绍：装饰模式可以在不改变一个对象本身功能的基础上给对象增加额外的新行为。在现...
2020-05-27
编写一个javascript元循环求值器的方法
在上一篇文章中，我们通过AST完成了微信小程序组件的多端编译，在这篇文章中，让我们更深入一点，通过AST完成一个javascript元循环求值器结构
一个元循环求值器，完整的应该包含以下...
2020-05-27
详解在Vue.js编写更好的v-for循环的6种技巧
在VueJS中，v-for循环是每个项目都会使用的东西，它允许您在模板代码中编写for循环。
在最基本的用法中，它们的用法如下。
<ul> <li v-for='product in products'> {{ product.n...
2020-05-27
react 不用插件实现数字滚动的效果示例
突然要实现个数字滚动效果，网上一搜，一大堆都是用组件的。我只是想实现个简单的效果而已，决定还是自己搞搞吧。先来看看效果吧也不多说了，实现起来不难，但是有点细节问题需要自己...
2020-05-27
vue 实现用户登录方式的切换功能
一、vue 实现用户登录方式的切换在 data 当中，定义一个标识符 loginWay，用来表示是用短信登录还是密码登录，true代表短信登录，false 代表密码登录，代码如下所示：data() { return {...
2020-05-27
vue-cli设置publicPath小记
几种设置publicPath后，再对比打包后的index.html文件
测试背景： 每次打包build完后，都单独生成一个/dist文件夹，且dist中每次都只有相同文件目录 部署的时候，是部署在服务器的...
2020-05-27
写给新手同学的vuex快速上手指北小结
本文介绍了写给新手同学的vuex快速上手指北小结，分享给大家，具体如下引入
//store.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Sto...
2020-05-27
javascript设计模式 – 外观模式原理与用法实例分析
本文实例讲述了javascript设计模式 – 外观模式原理与用法。分享给大家供大家参考，具体如下：介绍：外观模式是一种使用频率非常高的结构型设计模式，它通过引入一个外观角色来简化...
2020-05-27
javascript设计模式 – 享元模式原理与用法实例分析
本文实例讲述了javascript设计模式 – 享元模式原理与用法。分享给大家供大家参考，具体如下：介绍：在我们日常开发中需要创建很多对象，虽然垃圾回收机制能帮我们进行回收，但是在一...
2020-05-27
小程序按钮避免多次调用接口和点击方案实现(不用showLoading)
本来是用showLoading的，点击直接转菊花，但是呢，showLoading和 showToast这个方法是冲突的，你转了菊花不能弹toast提示，在某个页面需要提交一次表单和做输入验证，测试说可以点击多...
2020-05-27
Vue项目vscode 安装eslint插件的方法(代码自动修复)
ESlint：是用来统一JavaScript代码风格的工具，不包含css、html等。方法和步骤：通常情况下vue项目都会添加eslint组件，我们可以查看webpack的配置文件package.json查看,也可以查看...
2020-05-27
Vue Object 的变化侦测实现代码
数据观察
Vue 中的对象变化侦测是通过Object.definePorperty实现的，但是Object.definePorperty的方式有缺陷，比如不能直接代理整个对象，每次都要循环遍历对象的所有属性；尤大大...
2020-05-27
js String.prototype.trim字符去前后空格的扩展
最近学习js的时候发现的这个函数，这样很方便地去除前后空格，用正则实现，简单方便。下面小编就为大家分享一下几种实现方式。String.Prototype.trim()trim()返回一个字符串两端...
2020-05-27
javascript设计模式 – 代理模式原理与用法实例分析
本文实例讲述了javascript设计模式 – 代理模式原理与用法。分享给大家供大家参考，具体如下：介绍：代理使我们很常见的一众模式，proxy,nginx都称之为代理，代理是什么意思呢？代理模...
2020-05-27
vue下canvas裁剪图片实例讲解
由于时间关系 代码没有做整理大家有什么不懂得可以留言；代码的主题思路备注中都有 大家可以看看我的博客中还有关于canvas绘制矩形的文章有需要的可以看一下；HTML代码：第一行的...
2020-05-27
javascript设计模式 – 职责链模式原理与用法实例分析
本文实例讲述了javascript设计模式 – 职责链模式原理与用法。分享给大家供大家参考，具体如下：介绍：很多情况下，在一个软件系统中可以处理某个请求的对象不止一个。例如一个网络...
2020-05-27
详解Nuxt内导航栏的两种实现方式
方式一 | 通过嵌套路由实现在pages页面根据nuxt的路由规则，建立页面1. 创建文件目录及文件 根据规则，如果要创建子路由，子路由的文件夹名字，必须和父路由名字相同所以，我们的文件...
2020-05-27
vue中keep-alive内置组件缓存的实例代码
需求：
home 组件中有一个 name 的 data 数据。这个数据修改之后，再切换到其他的组件。再切换到 home 组件，希望 home 中 name 这个值是之前修改过的值。希望组件有缓存。
keep-...
2020-05-27
electron 如何将任意资源打包的方法步骤
如何打包资源
只想写个图形小工具，本质上还是调用写好的 java 程序，因为我觉得在命令行里面来回切目录，复制路径等操作实在是太麻烦了。那么我现在已经搞定了如何从 electron...
2020-05-27
