微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法

导入执行后VM292:1 thirdScriptError
sdk uncaught third Error
module "miniprogram_npm/vant-weapp/mixins/transition" is not defined
Error: module "miniprogra...

vue3.0中的双向数据绑定方法及优缺点

熟悉vue的人都知道在vue2.x之前都是使用object.defineProperty来实现双向数据绑定的而在vue3.0中这个方法被取代了1. 为什么要替换Object.defineProperty替换不是因为不好,是...

微信小程序npm引入vant-weapp的踩坑记录

微信小程序项目使用npm安装vant-weapp的正确步骤 使用npm安装vant-weapp 到项目根目录下:npm i vant-weapp -S --production 然后再详情中选中使用npm模块,然后点击工具栏中的...

vue回到顶部监听滚动事件详解

本文实例为大家分享了vue回到顶部监听滚动事件,供大家参考,具体内容如下鼠标滚到到页面中间出现的工具浮框<template><div class="tools"><ul @mouseleave="mouseLeave()"><li...

nodejs对项目下所有空文件夹创建gitkeep的方法

项目/框架初始化时可能需要保留一些空文件,这时候就需要批量新增gitkeepconst fs = require('fs')const baseurl = 'D:/test'const ignoreDir = ['.git', '.vscode', 'node_m...

vue单页应用的内存泄露定位和修复问题小结

在前端项目(PC端)中,内存泄露的定位往往比修复更加困难,即使google浏览器有提供Memory工具,但是面对成千上万的元素和错综复杂的引用关系,开发则依然很难快速定位到问题代码块。一...

jQuery pager.js 插件动态分页功能实例分析

本文实例讲述了jQuery pager.js 插件动态分页功能。分享给大家供大家参考,具体如下:pager.js 代码function Page(opt){ var set = $.extend({num:null,startnum:1,elem:null...

微信小程序实现语音识别转文字功能及遇到的坑

最近为小程序增加语音识别转文字的功能,坑路不断,特此记录。微信开发者工具开发者工具上的录音文件与移动端格式不同,暂时只可在工具上进行播放调试,无法直接播放或者在客户端上...

js动态获取时间的方法分析

本文实例讲述了js动态获取时间的方法。分享给大家供大家参考,具体如下:<script type="text/javascript">  function show_cur_times(){    //获取当前日期    var d...

el-select 下拉框多选实现全选的实现

在写一个功能时发现el-select支持多选,但是竟然不支持全选,好无语哦,那就自己实现一下吧~有两种方法,第二种感觉简单些方法一:下拉项增加一个【全选】,然后应该有以下几种情况: 下...

150行Node.js实现的dns代理工具

工具地址:github.com/Yi-love/dns…安装: npm install dns-proxy-server -g这个我觉得应该还是挺实用的一个工具。开发过程中我们需要配置IP来访问测试环境域名。使用电脑开发...

jQuery实现checkbox全选、反选及删除等操作的方法详解

本文实例讲述了jQuery实现checkbox全选、反选及删除等操作的方法。分享给大家供大家参考,具体如下:运行效果:1.list.html说明:用checkbox数组Check[]存放每一行的ID值<div id="c...

详解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"...

vue实现登录页面的验证码以及验证过程解析(面向新手)

做成之后就是这个样子接下来上代码
创建一个组件。显示验证码图片<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeig...

用 js 写一个 js 解释器过程详解

用 js 来 编译 js 看起来是个高大上的东西,实际原理其实很简单,无非就是利用 js 对象属性可以用字符串表示 这个特性来实现的黑魔法罢了。
之所以看起来那么 深奥, 大概是由于...

jQuery实现input[type=file]多图预览上传删除等功能

下面我们了解一下,多图上传时,怎么实现预览、上传、删除等功能。下图是功能实现的预览效果,虽然样式有点丑,不过功能还是实现了。话不多说,直接看代码会更直观一些。首先定义一下...

微信小程序的授权实现过程解析

自从小程序文档更新后,自动授权已不存在啦目前的授权都是通过button来实现的,具体知识点可参考小程序的官方文档,以下是我做的一个小demo(进入首页,跳出一个登录弹出框,弹出框是自...

微信小程序中悬浮窗功能的实现代码

问题场景所谓悬浮窗就是图中微信图标的按钮,采用fixed定位,可拖动和点击。这算是一个比较常见的实现场景了。为什么要用cover-view做悬浮窗?原生组件出来背锅了~最初我做悬浮窗...

操作按钮悬浮固定在微信小程序底部的实现代码

本章节主要介绍了如何将操作按钮悬浮固定在微信小程序底部&#63;操作起来也比较简单,还不会的朋友一起跟着小编学习一下吧,希望对你们有所帮助。  常见的有加入购物车按钮、...

超轻量级的js时间库miment使用解析

介绍
Miment 是一个轻量级的时间库(打包压缩后只有1K),没有太多的方法,
Miment的设计理念就是让你以几乎为零的成本快速上手,无需一遍一遍的撸文档
由来
首先 致敬一下Moment,非...

vue下使用nginx刷新页面404的问题解决

nginx 是一个代理的服务器。
出现的问题:写好的页面通过nginx作为代理的服务器给别的同事看的时候发现了新写的页面打开就404,并且从其他页面跳转可以看到但是刷新页面就404。...

基于mpvue的简单弹窗组件mptoast使用详解

介绍
mptoast 是一个基于mpvue的简单弹窗组件 github地址: https://github.com/noahlam/mpvue-toast
特性1.轻量 目前整个项目未打包前大概只有120行代码(包括注释),5kb左右(...

详解使用JWT实现单点登录(完全跨域方案)

首先介绍一下什么是JSON Web Token(JWT)?官方文档是这样解释的:JSON Web Token(JWT)是一个开放标准(RFC 7519),它定义了一种紧凑且独立的方式,可以在各方之间作为JSON对象安全地传输信...

详解JWT token心得与使用实例

本文你能学到什么?
token的组成
token串的生成流程。
token在客户端与服务器端的交互流程
Token的优点和思考
参考代码:核心代码使用参考,不是全部代码JWT token的组成
头...

小程序中英文混合排序问题解决

小程序中英文混合排序问题
在开发一个手机联系人列表的功能时,遇到需求是需要将联系人列表按照拼音顺序排序。而联系人列表是会出现中英文混合的情况。于是遇到了问题。小程...

jQuery实现的记住帐号密码功能完整示例

本文实例讲述了jQuery实现的记住帐号密码功能。分享给大家供大家参考,具体如下:记住密码是每个有帐号登录的网站必备的,现在说一下通过COOKIE实现的记住密码功能。<!DOCTYPE ht...

vue.js实现数据库的JSON数据输出渲染到html页面功能示例

本文实例讲述了vue.js实现数据库的JSON数据输出渲染到html页面功能。分享给大家供大家参考,具体如下:1、首先通过json.php把数据库给输出为json格式的数据[ { "id":1,...

vue.js基于v-for实现批量渲染 Json数组对象列表数据示例

本文实例讲述了vue.js基于v-for实现批量渲染 Json数组对象列表数据。分享给大家供大家参考,具体如下:Vuejs的出现减轻了对DOM的直接操作,同时它提供的 v-for 渲染列表数据也给...

原生JS 实现的input输入时表格过滤操作示例

本文实例讲述了原生JS 实现的input输入时表格过滤操作。分享给大家供大家参考,具体如下:需求:对input框进行键盘输入后根据输入的内容去匹配表格中指定的数据项,若存在相匹配的...

JS实现的tab切换并显示相应内容模块功能示例

本文实例讲述了JS实现的tab切换并显示相应内容模块功能。分享给大家供大家参考,具体如下:思路:一层循环遍历操作的元素并获取当前遍历到的元素的下标,通过下标去选择显示对应的...

在Vue项目中用fullcalendar制作日程表的示例代码

前言最近老牌日历插件fullcalendar更新了v4版本,而且添加了Vue支持,所以用最新的fullcalendar v4制作一个完整日历体验一下,效果图:安装FullCalendar的功能被分解为“插件”。如...

vue v-for 使用问题整理小结

今天使用v-for指令的时候遇到一个错误
[Vue warn]: Error in render: "TypeError: Cannot read property 'children' of undefined"页面使用代码
<template v-for="(c,...

前后端常见的几种鉴权方式(小结)

最近在重构公司以前产品的前端代码,摈弃了以前的session-cookie鉴权方式,采用token鉴权,忙里偷闲觉得有必要对几种常见的鉴权方式整理一下。目前我们常用的鉴权有四种: HTTP Ba...

vue的注意规范之v-if 与 v-for 一起使用教程

当 v-if 与 v-for 一起使用时,v-for 具有比 v-if 更高的优先级,这意味着 v-if 将分别重复运行于每个 v-for 循环中所以,不推荐v-if和v-for同时使用使用推荐方式:<ul><liv-for="u...

Nodejs监听日志文件的变化的过程解析

最近有在做日志文件的分析,其中有一个需求:A服务器项目需要用Nodejs监听日志文件的变化,当项目产生了新的日志信息,将新的部分通过socket传输到B服务器项目。socket暂时不做分析...

Vue组件间通信 Vuex的用法解析

上回说到Vue组件间通讯,最后留了一个彩蛋~~~Vuex。Vuex是另一种组件通讯的方法,这节来说说Vuex(store仓库)。首先Vuex需要安装,安装的方式有很多,在这里就不一一细说了。我是通...

Nuxt.js实战和配置详解

前段时间刚好公司有项目使用了Nuxt.js来搭建,而刚好在公司内部做了个分享,稍微再整理一下发出来。本文比较适合初用Nuxt.js的同学,主要讲下搭建过程中做的一些配置。建议初次使...

jQuery提示框插件SweetAlert用法分析

本文实例讲述了jQuery提示框插件SweetAlert用法。分享给大家供大家参考,具体如下:SweetAlert可以替代Javascript原生的alert和confirm等函数呈现的弹出提示框,它将提示框进行了...

JS 自执行函数原理及用法

js自执行函数,听到这个名字,首先会联想到函数。接下来,我来定义一个函数:function aaa(a,b){ return sum = a + b}定义了一个名为aaa的函数,在里面可以计算两个数的和。如果想执...

基于 vue-skeleton-webpack-plugin 的骨架屏实战

前言目前正在做的项目,登录是需要跳转到别人的页面的,导致重定向很多,需要优化一下白屏时间,所以就用到了骨架屏,但是这次用的骨架屏不是自动生成的,还是自己敲的样式,一步步来吧,先...

浅谈Vue项目骨架屏注入实践

相比于早些年前后端代码紧密耦合、后端工程师还得写前端代码的时代,如今已发展到前后端分离,这种开发方式大大提升了前后端项目的可维护性与开发效率,让前后端工程师关注于自己...

使用apifm-wxapi快速开发小程序过程详解

前言我们要开发小程序,基本上都要涉及到以下几个方面的工作:1、购买服务器,用来运行后台及接口程序;2、购买域名,小程序中需要通过域名来调用服务器的数据;3、购买 SSL 证书,小程序...

使用apifm-wxapi模块中的问题及解决方法

问题在使用 “apifm-wxapi” 模块开发小程序过程中,很多用户可能会遇到很多问题;
无法获取 openid
当前登录token无效,请重新登录
解决办法1.初始化 “apifm-wxapi” 的时候,有...

NodeJs 实现简单WebSocket即时通讯的示例代码

服务器的实现很简单,先装一个nodeJs的模块,叫nodejs-websocket , 直接在nodeJs命令行中敲入:npm install nodejs-websocket回车就可以安装好了,然后就可以开始建立服务器了,因为有...

详解将微信小程序接口Promise化并使用async函数

前言
小程序一直到现在接口还是和刚开始一样使用的回调函数的方式,如果想在小程序中不使用框架的情况下使用Promise+Async怎么办呢?2019最新解决方案
1. 将接口Promise化
首先...

微信小程序 高德地图路线规划实现过程详解

前言最近项目中做到相关网约车小程序。需要使用到地图中的路线规划,对3种地图进行了分析。这里稍微做一下总结: 百度地图 百度坐标 (BD-09) 腾讯地图 火星坐标(GCJ-02) 高德...

微信小程序3种位置API的使用方法详解

获取位置
获取当前的地理位置、速度。当用户离开小程序后,此接口无法调用;当用户点击“显示在聊天顶部”时,此接口可继续调用。wx.getLocation(object)<view class="container"...

解决vue单页面修改样式无法覆盖问题

当 <style> 标签有 scoped 属性时,它的 CSS 只作用于当前组件中的元素。vue组件编译后,会将 template 中的每个元素加入 [data-v-xxxx] 属性来确保 style scoped 仅本组件的元...

浅入深出Vue之自动化路由

在软件开发的过程中,"自动化"这个词出现的频率是比较高的。 自动化测试 , 自动化数据映射 以及各式的代码生成器。这些词语的背后,也说明了在软件开发的过程中,对于那些 重复 、...

VUE组件中的 Drawer 抽屉实现代码

因为项目中用的是 element-ui 框架,而这个框架并没有抽屉组件,所以自己实现一个,具体代码如下:drawer.vue
<template> <div class="drawer"> <div :class="maskClass" @click="...

返回顶部
顶部