JavaScript实现的3D旋转魔方动画效果实例代码
JS1K是JavaScript编程竞赛——参加竞赛的规则很简单，脚本必须小于1K，竞赛网站开始也只是为了娱乐，却意外地收到了很多优秀的作品。这是2016年JS1k上传的作品，用几十行代码实现的...
2020-05-27
javascript中undefined的本质解析
一、列出7种数据类型（面试可能问）
Undefined Null Boolean String Number Symbol Object二、undefined本质
undefined是window对象的一个属性，其类型是Undefined。下面...
2020-05-27
微信小程序下拉框搜索功能的实现方法
最近在做一个项目的时候，需要用到下拉框搜索，网上搜了半天没找到想要的，决心自己动手写一个。首先看下效果图：左边是输入框，可以进行模糊查询，右边图标进行选择。
代码部分，我定义...
2020-05-27
原生js代码能实现call和bind吗
js手动实现call和bind都是谎言
网上有很多关于说自己实现call和bind的原理的文章，然而call和bind的原理真如他们所说的那样吗？今天就让我来推翻这些所谓的”原理“，揭开谎言下...
2020-05-27
Vue Element UI + OSS实现上传文件功能
Element提供了upload上传组件，可以查看官网upload组件的详细介绍；查看upload组件的上传源码upload/ajax，使用的是XHR对象上传文件。在项目实践中，发现该上传方法上传大文件时会...
2020-05-27
vue将后台数据时间戳转换成日期格式
前言在项目中，经常会有后台返回一个时间戳，页面展示用的却是日期格式的情况
不同组件多次使用的话，那么建议在 src 下新建一个 common 文件夹，创建 date.js 文件，方便多次复用在...
2020-05-27
详解mpvue实现对苹果X安全区域的适配
一、业务背景
最近在利用mpvue+ts开发小程序的过程中，由于苹果X等手机会出现底部的按钮，会遮盖掉需要操作的按钮。由于在小程序开发，微信爸爸已经做了对机型的检查，相对与H5的处...
2020-05-27
Vue实现回到顶部和底部动画效果
本文实例为大家分享了Vue实现回到顶部和底部动画效果的具体代码，供大家参考，具体内容如下代码：<template> <div> <div class="scroll" :class="{show:isActive}"> <div id="...
2020-05-27
vue实现滑动超出指定距离回顶部功能
本文实例为大家分享了vue实现滑动超出指定距离回顶部功能，供大家参考，具体内容如下效果图展示：1、当页面滑动时执行scrollToTop （）函数，判断滑动的距离是否超出指定距离，注意下面获...
2020-05-27
vue.js实现回到顶部动画效果
最近使用vue.js做了几个页面，其中有一个回到顶部的动画效果记录下。html如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>回到顶部</title> <META HTTP-EQU...
2020-05-27
微信小程序组件传值图示过程详解
A是父组件，B是子组件父传子<!-- 父组件A wxml --><view> <componentB paramAtoB='{{paramAtoB}}'></componentB></view>//父组件Ajson （里面不能有注释）
{ "navigationBarTitle...
2020-05-27
详解Vue2.5+迁移至Typescript指南
为什么要迁移至Typescript
Javascript本身是动态弱类型的语言，这样的特点导致了Javascript代码中充斥着很多Uncaught TypeError的报错，给开发调试和线上代码稳定都带来了不小...
2020-05-27
在Vue环境下利用worker运行interval计时器的步骤
今天在code review时，发现之前遗留的问题：在一个视频播放页面，有一个40ms的interval一直在阻碍，导致视频延时逐渐增大于是写了一个worker单独把计时器拉出去跑了实现步骤如下由...
2020-05-27
深入浅析Vue中mixin和extend的区别和使用场景
Vue中有两个较为高级的静态方法mixin和extend，接下来我们来讨论下关于他们各自的原理和使用场景。Mixin：原理：先来看看官网的介绍：参数：{Object} mixin用法：混入也可以进行全局注...
2020-05-27
详解基于Wepy开发小程序插件(推荐)
开发
wepy-plugin-autopages
使用 wepy 开发项目时不需要手动配置 app.wpy 下的 config.pages，autopages 插件会自动监控 pages 目录下文件的变化，自动生成更新对应 app.json...
2020-05-27
ES6 新增的创建数组的方法(小结)
在ES6之前，创建数组的方式有2种：
一: 通过数组字面量let array = [1,2,3];console.log(array);//[1,2,3]二: 通过new Array()创建数组let array = new Array(1, 2, 3);console...
2020-05-27
详解package.json版本号规则
版本的格式
major.minor.patch主版本号.次版本号.修补版本号patch：修复bug，兼容老版本minor：新增功能，兼容老版本major：新的架构调整，不兼容老版本依赖版本号规则
version必须匹配...
2020-05-27
jQuery中DOM操作原则实例分析
本文实例讲述了jQuery中DOM操作原则。分享给大家供大家参考，具体如下：一丶Get and Set in One(读写一体) 原则为了更加易于使用，jQuery提供了简洁的DOM操作API，其方法往往是读写...
2020-05-27
vue项目中全局引入1个.scss文件的问题解决
首先先发一下我的项目路径1. 首先要下载 sass-resources-loadernpm install sass-resources-loader --save-dev 2.然后再文件夹build/utils里面的更改
scss: generateLoad...
2020-05-27
微信小程序动画组件使用解析，类似vue，且更强大
演示演示1演示2演示3 一、功能描述
1、预设过渡 支持区分enter、leave 支持预设过渡的组合 特别强调:支持元素展开、闭合的过渡。name=='slide'或['slide'[,]]，即可实现，无...
2020-05-27
JS浮点数运算结果不精确的Bug解决
前言最近在做项目的时候，涉及到产品价格的计算，经常会出现JS浮点数精度问题，这个问题，对于财务管理系统的开发者来说，是个非常严重的问题（涉及到钱相关的问题都是严重的问题），这里把...
2020-05-27
jQuery中DOM常见操作实例小结
本文实例讲述了jQuery中DOM常见操作。分享给大家供大家参考，具体如下：DOM属性操作属性列表 属性 版本 说明 attr() 1.0 设置或...
2020-05-27
vue-router两种模式区别及使用注意事项详解
本文实例讲述了vue-router两种模式区别及使用注意事项。分享给大家供大家参考，具体如下：
Vue Router 是Vue官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变...
2020-05-27
微信小程序中button去除默认的边框实例代码
微信小程序中button去除默认的边框的实现方法如下所示：button { position:relative; display:block; margin-left:auto; margin-right:auto; padding-left:14px; padding-rig...
2020-05-27
微信小程序使用Vant Weapp组件库的方法步骤
地址：https://youzan.github.io/vant/#/zh-CN/intro一.引入Vant组件库1.首先运行 npm init就会生成 package.json2.运行npm i vant-weapp -S --production 3.安装成功后 点...
2020-05-27
微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法
导入执行后VM292:1 thirdScriptError
sdk uncaught third Error
module "miniprogram_npm/vant-weapp/mixins/transition" is not defined
Error: module "miniprogra...
2020-05-27
vue3.0中的双向数据绑定方法及优缺点
熟悉vue的人都知道在vue2.x之前都是使用object.defineProperty来实现双向数据绑定的而在vue3.0中这个方法被取代了1. 为什么要替换Object.defineProperty替换不是因为不好，是...
2020-05-27
微信小程序npm引入vant-weapp的踩坑记录
微信小程序项目使用npm安装vant-weapp的正确步骤 使用npm安装vant-weapp 到项目根目录下：npm i vant-weapp -S --production 然后再详情中选中使用npm模块，然后点击工具栏中的...
2020-05-27
vue回到顶部监听滚动事件详解
本文实例为大家分享了vue回到顶部监听滚动事件，供大家参考，具体内容如下鼠标滚到到页面中间出现的工具浮框<template><div class="tools"><ul @mouseleave="mouseLeave()"><li...
2020-05-27
nodejs对项目下所有空文件夹创建gitkeep的方法
项目/框架初始化时可能需要保留一些空文件，这时候就需要批量新增gitkeepconst fs = require('fs')const baseurl = 'D:/test'const ignoreDir = ['.git', '.vscode', 'node_m...
2020-05-27
vue单页应用的内存泄露定位和修复问题小结
在前端项目（PC端）中，内存泄露的定位往往比修复更加困难，即使google浏览器有提供Memory工具，但是面对成千上万的元素和错综复杂的引用关系，开发则依然很难快速定位到问题代码块。一...
2020-05-27
jQuery pager.js 插件动态分页功能实例分析
本文实例讲述了jQuery pager.js 插件动态分页功能。分享给大家供大家参考，具体如下：pager.js 代码function Page(opt){ var set = $.extend({num:null,startnum:1,elem:null...
2020-05-27
微信小程序实现语音识别转文字功能及遇到的坑
最近为小程序增加语音识别转文字的功能，坑路不断，特此记录。微信开发者工具开发者工具上的录音文件与移动端格式不同，暂时只可在工具上进行播放调试，无法直接播放或者在客户端上...
2020-05-27
js动态获取时间的方法分析
本文实例讲述了js动态获取时间的方法。分享给大家供大家参考，具体如下：<script type="text/javascript"> function show_cur_times(){ //获取当前日期 var d...
2020-05-27
el-select 下拉框多选实现全选的实现
在写一个功能时发现el-select支持多选，但是竟然不支持全选，好无语哦，那就自己实现一下吧~有两种方法，第二种感觉简单些方法一：下拉项增加一个【全选】，然后应该有以下几种情况： 下...
2020-05-27
150行Node.js实现的dns代理工具
工具地址：github.com/Yi-love/dns…安装： npm install dns-proxy-server -g这个我觉得应该还是挺实用的一个工具。开发过程中我们需要配置IP来访问测试环境域名。使用电脑开发...
2020-05-27
jQuery实现checkbox全选、反选及删除等操作的方法详解
本文实例讲述了jQuery实现checkbox全选、反选及删除等操作的方法。分享给大家供大家参考，具体如下：运行效果：1.list.html说明：用checkbox数组Check[]存放每一行的ID值<div id="c...
2020-05-27
详解element-ui中el-select的默认选择项问题
直接绑定将option中的value值绑定给v-model<template> <div> <el-select v-model="query"> <el-option v-for="item in options" :key="item.value" :value="item.value"...
2020-05-27
vue实现登录页面的验证码以及验证过程解析(面向新手)
做成之后就是这个样子接下来上代码
创建一个组件。显示验证码图片<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeig...
2020-05-27
用 js 写一个 js 解释器过程详解
用 js 来 编译 js 看起来是个高大上的东西，实际原理其实很简单，无非就是利用 js 对象属性可以用字符串表示 这个特性来实现的黑魔法罢了。
之所以看起来那么 深奥, 大概是由于...
2020-05-27
jQuery实现input[type=file]多图预览上传删除等功能
下面我们了解一下，多图上传时，怎么实现预览、上传、删除等功能。下图是功能实现的预览效果，虽然样式有点丑，不过功能还是实现了。话不多说，直接看代码会更直观一些。首先定义一下...
2020-05-27
微信小程序的授权实现过程解析
自从小程序文档更新后，自动授权已不存在啦目前的授权都是通过button来实现的，具体知识点可参考小程序的官方文档，以下是我做的一个小demo（进入首页，跳出一个登录弹出框，弹出框是自...
2020-05-27
微信小程序中悬浮窗功能的实现代码
问题场景所谓悬浮窗就是图中微信图标的按钮，采用fixed定位，可拖动和点击。这算是一个比较常见的实现场景了。为什么要用cover-view做悬浮窗？原生组件出来背锅了~最初我做悬浮窗...
2020-05-27
操作按钮悬浮固定在微信小程序底部的实现代码
本章节主要介绍了如何将操作按钮悬浮固定在微信小程序底部?操作起来也比较简单，还不会的朋友一起跟着小编学习一下吧，希望对你们有所帮助。 常见的有加入购物车按钮、...
2020-05-27
超轻量级的js时间库miment使用解析
介绍
Miment 是一个轻量级的时间库（打包压缩后只有1K）,没有太多的方法，
Miment的设计理念就是让你以几乎为零的成本快速上手，无需一遍一遍的撸文档
由来
首先 致敬一下Moment，非...
2020-05-27
vue下使用nginx刷新页面404的问题解决
nginx 是一个代理的服务器。
出现的问题：写好的页面通过nginx作为代理的服务器给别的同事看的时候发现了新写的页面打开就404，并且从其他页面跳转可以看到但是刷新页面就404。...
2020-05-27
基于mpvue的简单弹窗组件mptoast使用详解
介绍
mptoast 是一个基于mpvue的简单弹窗组件 github地址： https://github.com/noahlam/mpvue-toast
特性1.轻量 目前整个项目未打包前大概只有120行代码(包括注释)，5kb左右(...
2020-05-27
详解使用JWT实现单点登录（完全跨域方案）
首先介绍一下什么是JSON Web Token（JWT）？官方文档是这样解释的：JSON Web Token（JWT）是一个开放标准（RFC 7519），它定义了一种紧凑且独立的方式，可以在各方之间作为JSON对象安全地传输信...
2020-05-27
详解JWT token心得与使用实例
本文你能学到什么？
token的组成
token串的生成流程。
token在客户端与服务器端的交互流程
Token的优点和思考
参考代码：核心代码使用参考，不是全部代码JWT token的组成
头...
2020-05-27
小程序中英文混合排序问题解决
小程序中英文混合排序问题
在开发一个手机联系人列表的功能时，遇到需求是需要将联系人列表按照拼音顺序排序。而联系人列表是会出现中英文混合的情况。于是遇到了问题。小程...
2020-05-27
