Vue+abp微信扫码登录的实现代码示例
最近系统中要使用微信扫码登录，根据微信官方文档和网络搜索相关文献实现了。分享给需要的人，也作为自己的一个笔记。后端系统是基于ABP的，所以部分代码直接使用了abp的接口，直接...
2020-05-27
Vue学习之组件用法实例详解
本文实例讲述了Vue学习之组件用法。分享给大家供大家参考，具体如下：Vue中的模块化、可重用代码块将页面细分为一个个功能组件，而且组件之间可以嵌套。组件分为全局组件与局部组...
2020-05-27
Vue学习之常用指令实例详解
本文实例讲述了Vue常用指令。分享给大家供大家参考，具体如下：1、创建一个vue实例vue的一个特点就是数据驱动界面，一旦对js中的数据进行修改，界面中用到数据的地方也会立马做出更...
2020-05-27
Vue前端项目部署IIS的实现
背景：最近用vue写了个demo(不涉及调用后台数据)，为了给销售团队更好的给客户讲述产品的一些特点及大体的感官认识。需要将自己做的项目安装到他们的笔记本上面去，作为一个销售...
2020-05-27
Vue-CLI与Vuex使用方法实例分析
本文实例讲述了Vue-CLI与Vuex使用方法。分享给大家供大家参考，具体如下：1、通过Vue-CLI创建项目Vue-CLI是Vue用于创建Vue项目的脚手架工具，它可以快速帮你创建一个Vue项目的文...
2020-05-27
React Native中ScrollView组件轮播图与ListView渲染列表组件用法实例分析
本文实例讲述了React Native中ScrollView组件轮播图与ListView渲染列表组件用法。分享给大家供大家参考，具体如下：1、Scroll ViewScrollView是React Native提供的滚动视图组件...
2020-05-27
JS实现音乐钢琴特效
本文实例为大家分享了JS实现音乐钢琴的具体代码，供大家参考，具体内容如下知识点1.keydown键盘按下事件
2.ev[‘keyCode'] 获取当前按键
3.引入工具库工具库
运行效果1-9控制按...
2020-05-27
JS实现字体背景跑马灯
本文实例为大家分享了JS实现字体背景跑马灯的具体代码，供大家参考，具体内容如下知识点1.通过 @keyframes 规则，创建动画。
2.背景作用域：
background-clip: text;-webkit-backgr...
2020-05-27
JS实现电商商品展示放大镜特效
本文实例为大家分享了JS实现电商商品展示放大镜的具体代码，供大家参考，具体内容如下知识点1.使用children获取字标签组
2.求当前鼠标坐标
3.碰撞检测
4.大小盒子通过比例同步...
2020-05-27
JavaScript实现联动菜单特效
一篇关于JavaScript特效的文章，今天给大家带来联动菜单特效，这可能是一个系列哦！效果图和以前一样，先发效果图，然后在进行讲解。代码<!DOCTYPE html><html><head> <meta charset=...
2020-05-27
小程序跨页面交互的作用与方法详解
去年年末，微信小程序的分包大小已经到达了 12M 大小,一方面说明小程序的确逐步为开发者放开更大的权限，另一方面也说明了对于某些小程序 8M 的大小已经不够用了。我个人今年也...
2020-05-27
详解微信小程序之提高应用速度小技巧
WeTest 导读小程序科普类的文章已经很多了，今天这里讲的是针对小程序的优化方法，可以有效提高小程序的响应速度和用户体验。当然，开发体验也提高不少。1、提高页面加载速度在小...
2020-05-27
微信小程序wx.navigateTo方法里的events参数使用详情及场景
个人理解wx.navigateTo方法里的events参数使用详情及场景微信小程序在2.7.3版本wx.navigateTo这个方法中新增了events这个属性
微信官方文档里面写的很模糊，在微信公众平台的...
2020-05-27
vue实现数据控制视图的原理解析
这篇主要讲的就是vue很重要的一块知识点，双向数据绑定是如何实现的。一开始看这一块的内容的时候比较迷茫，迷茫在以下几个点： 这块内容该从哪边入手 数据变化是如何驱动视图...
2020-05-27
微信小程序接入腾讯云验证码的方法步骤
前言：最近做了一个小程序抽奖的活动，出现了部分用户恶意薅羊毛的现象，因此考虑接入腾讯云的验证码。其实腾讯的官方文档写的相当清晰：https://cloud.tencent.com/doc...
不想啃...
2020-05-27
webpack 最佳配置指北(推荐)
前言对于入门选手来讲，webpack 配置项很多很重，如何快速配置一个可用于线上环境的 webpack 就是一件值得思考的事情。其实熟悉 webpack 之后会发现很简单，基础的配置可以分为以...
2020-05-27
微信小程序服务器日期格式化问题
"Mon Jan 06 2020 09:10:28 GMT+0800 (中国标准时间)"一般服务器获取到的日期都是这样的，我们需要对其进行格式化在utils目录创建filter.wxs文件filter.wxs//日期格式化var f...
2020-05-27
Vue程序化的事件监听器(实例方案详解)
某些第三方插件必须在当前组件卸载后清除该实例（比如说百度的富文本框UEditor 如果不清除再次在下个组件使用时会有bug， 类似于小程序的语音实例，必须离开页面的时候销毁当前...
2020-05-27
解决vue elementUI中table里数字、字母、中文混合排序问题
1.使用场景使用elementUI中的table时，给包含数字字母中文的名称等字段排序例如：数字（0->9）->大写字母（A->Z）->小写字母（a->z）->中文拼音（a->z）2.代码解析<el-table ref="multipleTab...
2020-05-27
electron+vue实现div contenteditable截图功能
最近在学习基于electron + electron-vue开发聊天客户端项目时，需要用到编辑器插入表情功能。一般通过input或textarea也能实现，通过插入[笑脸]、(:12 这些标签，展示的时候解析...
2020-05-27
vue项目中在可编辑div光标位置插入内容的实现代码
vue项目中在可编辑div光标位置插入内容html：<div class="mouse-move fl f12 h22 lh22 mg-r5 sms-item" @dragstart="dragStart($event, item.labelName)" draggable='tru...
2020-05-27
JS实现吸顶特效
本文实例为大家分享了JS实现吸顶特效的具体代码，供大家参考，具体内容如下知识点1.scroll家族和offset家族的结合运用
2.当nav的offsetTop大于屏幕卷去高度的时候，进行吸顶
3.添...
2020-05-27
微信小程序实现吸顶效果
最开始的时候，在小程序中实现吸顶效果，开发工具看起来还挺好的，但是在真机上就会有问题了。 原因是我不停的去 setData 会导致操作反馈延迟严重，无法及时将操作处理结果及时传递...
2020-05-27
vue.js自定义组件实现v-model双向数据绑定的示例代码
我们都清楚v-model其实就是vue的一个语法糖，用于在表单控件或者组件上创建双向绑定。//表单控件上使用v-model<template> <input type="text" v-model="name" /> <input type...
2020-05-27
js实现移动端吸顶效果
今天来简单的写一个吸顶，供大家参考，具体内容如下先罗列一下吸顶需要使用到的属性
** scrollTop 获取当前滚动的距离（也就是盒子距离顶部的距离）
offsetTop 盒子距离顶部的高度...
2020-05-27
JS实现网站吸顶条
本文实例为大家分享了JS实现网站吸顶条的具体代码，供大家参考，具体内容如下今天写一个关于网站中吸顶条的思路 1、吸顶条就是在网页移动到一定距离的时候，让某个内容，固定显示...
2020-05-27
jquery实现吸顶导航效果
本文实例为大家分享了jquery实现吸顶导航效果的具体代码，供大家参考，具体内容如下css: *{margin:0;padding:0;} body{ margin:0 auto; max-width:10rem; } header{ width:10...
2020-05-27
Vue v-model组件封装(类似弹窗组件)
v-model是vue的一个语法糖，限制在input和textarea等这些表单元素中，官网所给的例子也是仅限于表单组件Vue.component('base-checkbox', { model: { prop: 'checked', event:...
2020-05-27
js实现多个标题吸顶效果
对于导航的吸顶效果，pc端和移动端的需求可能有些差异。在pc端，我们通常只需要一个顶部导航；在移动端，在滑动页面的时候，更需要多个标题的吸顶（例如地区的选择，需要将省份吸顶）。单个...
2020-05-27
你知道JavaScript Symbol类型怎么用吗
Symbol 类型
根据规范，对象的属性键只能是字符串类型或者 Symbol 类型。不是 Number，也不是 Boolean，只有字符串或 Symbol 这两种类型。
到目前为止，我们只见过字符串。现在我们...
2020-05-27
你可能从未使用过的11+个JavaScript特性(小结)
重要
这篇文章中描述的大多数功能已被暂停使用（甚至不推荐使用）。 它们仍然在许多图书中很常见，因此值得学习。
一、逗号运算符
, 是用于分隔表达式并返回链中最后一个表达式的...
2020-05-27
js判断浏览器的环境（pc端，移动端，还是微信浏览器）
今天突然看到一段很好的代码，分享给大家，顺便也给自己留个笔记，js判断浏览器的环境具体如下：方法一： // 判断浏览器函数 function isMobile(){ if(window.navigator.userAgen...
2020-05-27
JS如何实现网站中PC端和手机端自动识别并跳转对应的代码
1. 代码场景：描述：在项目中，一般我们会使用响应式布局的方式或者借助bootstrap等插件来做响应式的网站。但是根据业务的需求，手机端可能会在功能上精简很多，我们也会写两套代码，...
2020-05-27
nuxt配置通过指定IP和端口访问的实现
非常简单，只要加一个配置！第1步，复制这个代码（端口可改） "config": { "nuxt": { "host": "0.0.0.0", "port": "8090" } },第2步，找到根目录下的package.json，把代码粘贴进去...
2020-05-27
微信小程序实现吸顶特效
本文实例为大家分享了微信小程序实现吸顶特效的具体代码，供大家参考，具体内容如下效果图wxml代码：<view class="xiding {{oneFixed}}" id="tab"> <van-row custom-class="goo...
2020-05-27
微信小程序wxs实现吸顶效果
在.js文件中使用page的onPageScroll事件和scroll-view的scroll事件中产生卡顿 (setData 渲染会阻塞其它脚本执行，导致了整个用户交互的动画过程会有延迟)， 所以使用wxs响应事...
2020-05-27
微信小程序静默登录的实现代码
1.通过 wx.login获取 登录凭证（code）wx.login({ success: function (res) { console.log(res.code)； } }）2.在此处获得appid 和 secret ：https://developers.weixin.qq.com/sandb...
2020-05-27
小程序自定义模板实现吸顶功能
本文实例为大家分享了小程序实现吸顶功能的具体代码，供大家参考，具体内容如下//如图所示----这里用了自定义组件实现了小程序吸顶功能//WXML<view class="i-sticky-demo"> <i...
2020-05-27
微信小程序基于movable-view实现滑动删除效果
基于movable-view实现的一种较为完美的滑动删除效果前言：用了很多去实现滑动删除的效果，都不太尽如人意，最后用小程序官方专用滑动组件来实现，但是这个组件有一点坑，咱们慢慢道来...
2020-05-27
微信小程序实现页面浮动导航
一、前言做复杂的小程序就与web页面的区别原来越小了，一些web页面的功能会被要求添加到微信小程序页面中。二、功能页面在滑动的时候顶部页面导航跟随滑动，当点击导航中的任意...
2020-05-27
JS实现商品橱窗特效
本文实例为大家分享了JS实现商品橱窗特效的具体代码，供大家参考，具体内容如下知识点换算公式
① 滚动条长度 = ( 盒子的宽度 / 内容的宽度) * 盒子的宽度
滚动条长度/盒子的长...
2020-05-27
Vue快速实现通用表单验证的示例代码
本文开篇第一句话，想引用鲁迅先生《祝福》里的一句话，那便是：“我真傻，真的，我单单知道后端整天都是CRUD，我没想到前端整天都是Form表单”。这句话要从哪里说起呢？大概要从最近半个...
2020-05-27
Websocket 向指定用户发消息的方法
场景
用户正常发送一个http请求，需要处理一个耗时很长的任务，有可能这个任务要处理好几分钟，在任务处理期间 后台要不断的发送当前处理的进度日志等信息，打印在前端。也就是说...
2020-05-27
Nodejs + Websocket 指定发送及群聊的实现
目的通过nodejs + ws (Websocket) 实现点对点发送及群聊发送
项目搭建直接跳过，这里列举一下用到的插件
yarn add wsWebSocket话不多说，直接上码对比上一篇文章 << Nodejs+M...
2020-05-27
一看就会的vuex实现登录验证（附案例）
一、vuex是啥？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单来...
2020-05-27
Vue-axios-post数据后端接不到问题解决
1 前言
最近在前后端联调的时候发现了一个问题，可能自己平时不注意发送的内容格式，导致解决问题的路上，走了很多弯路，尤其是在刚刚懂了一点Vue知识之后，发送请求的各种花式写法也...
2020-05-27
js实现左右轮播图
本文实例为大家分享了js实现左右轮播图的具体代码，供大家参考，具体内容如下我的轮播图功能有：自动播放、点击焦点切换和点击左右按钮切换效果图：自动轮播点击焦点切换点击左右按...
2020-05-27
JavaScript复制变量三种方法实例详解
这篇文章主要介绍了JavaScript复制变量三种方法实例详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下直接将一个变量...
2020-05-27
如何在Node和浏览器控制台中打印彩色文字
这篇文章中，我们主要研究的是如何在Node中打印出彩色文字，浏览器的只是附带。一、常用场景：
1、在Wepack的打包过程中，显示打包完成后，控制台输出了几行注目的彩色文字信息。2、...
2020-05-27
微信小程序新闻网站详情页实例代码
准备工作：1、在微信公众号平台，申请小程序账号，获取appid 2、下载并安装微信开发者工具3、做不同分辨率设备的自适应：单位使用rpx IPhone6下 1px=1rpx=0.5pt 使用rpx，小程序会自...
2020-05-27
