Vue 3.0 前瞻Vue Function API新特性体验

最近 Vue 官方公布了 Vue 3.0 最重要的RFC:Function-based component API,并发布了兼容 Vue 2.0 版本的 plugin:vue-function-api,可用于提前体验 Vue 3.0 版本的 Function-base...

ElementUI radio组件选中小改造

ElementUI 是自己比较钟爱的一套 vue 组件库,自己好几个项目里都在用它。一直以来这些丰富的组件,让我能快速的搞定各种后台管理页面,极大地提高了工作效率。但是不管什么软件,...

微信小程序 腾讯地图SDK 获取当前地址实现解析

如何获取用户当前地址,这个就要先用到小程序的定位功能:定位官方文档
第一步获取当前定位
在js当中写运行项目之后会有个这样的弹窗:这是因为开发者需要说明获取用户地理位置...

微信小程序 弹窗输入组件的实现解析

写项目的时候发现小程序没有自带的弹窗输入的组件,只能自己写一个。
1.半透明的遮盖层
遮盖层的样式和显隐事件
wxml代码:
<view class="body"> <button bindtap='eject'>弹窗...

electron实现静默打印的示例代码

前言electron+vuecli3 实现设置打印机,静默打印小票功能网上相关的资料比较少,这里给大家分享一下,希望大家可以少踩一些坑
github地址必须要强调一下的是electron的版本必须是...

json 带斜杠时如何解析的实现

比如像这样的JSON:{"result": "{ \"RFM_12_var6\":\"17\", \"RFM_12_var50\":\"19\", \"RFM_12_var20\":\"5950.0\", \"rsk_score\":\"856\", \...

详解json串反转义(消除反斜杠)

JSon串在被串行化后保存在文件中,读取字符串时,是不能直接拿来用JSON.parse()解析为JSON 对象的。因为它是一个字符串,不是一个合法的JSON对象格式。例如下面的JSON串保存在文...

vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)

vue项目中使用AES实现密码加密解密区别ECB:是一种基础的加密方式,密文被分割成分组长度相等的块(不足补齐),然后单独一个个加密,一个个输出组成密文。CBC:是一种循环模式,前一个分组...

Vue中的transition封装组件的实现方法

vue版本信息:2.5.2问题起源于使用Vue做网站时涉及到的一个小部件显示动画,阅读了Vue的文档后结合网上各位的经验,花了点时间研究了下。最终的效果如上图所示,当鼠标移入灰色方块...

微信小程序使用npm包的方法步骤

一:npm初始化如果你的小程序项目没有安装过npm包的话,你需要先初始化npmnpm init二:安装npm包这里以vant-weapp(小程序UI组件库)为例:npm i vant-weapp -S --production三:npm包...

微信小程序实现点击空白隐藏的方法示例

怎样实现jq中的slideUp或者slideDown这种动画效果呢,我的思路是用css3的transform: translateY()属性,给需要动画的元素添加上一个动画class。
先上效果图:
1.蒙层的结构:<!-- 购...

vue中created和mounted的区别浅析

前言关于vue.js中的生命周期,如果不是有特别的需求,一般在项目开发过程中更多的使用created和mounted,
所以在本文中主要讲解created与mounted在开发中的主要使用区别。关于完...

vue实现下拉加载其实没那么复杂

前言之前缺乏移动端的经验。一直不知道上拉加载,下拉刷新是怎么实现的。现在正好有个产品有这样一个需求。想了一会没有思路。就去找插件。啥vue-infinite-scroll,vue-virtual...

node删除、复制文件或文件夹示例代码

注意:在win10,v10.16.1 环境运行无问题首先引入相关包(会在使用处具体说明):
const fs = require('fs')const path = require('path')const child_process = require('child_pr...

微信小程序封装分享与分销功能过程解析

前言在微信小程序中,可以很简单的分享一个页面,比微信H5简单多了,然而,分享出去的页面(也叫卡片),打开后只是一个单独的页面,没有底部导航栏,点击返回按钮的时候就直接退出小程序了。...

Vue中通过Vue.extend动态创建实例的方法

在Vue中,如果我们想要动态地来控制一个组件的显示和隐藏,比如通过点击按钮显示一个对话框或者弹出一条信息。我们通常会提前写好这个组件,然后通过v-if = “show”来控制它的显...

封装微信小程序http拦截器过程解析

前言微信小程序是数据驱动的应用,开发技术和vue、react和angular等mv*技术类似。在vue下可以用vue-resource、axios等模块进行http请求,但是在微信小程序上,http请求只支持wx.r...

vue源码nextTick使用及原理解析

1 nextTick的使用
vue中dom的更像并不是实时的,当数据改变后,vue会把渲染watcher添加到异步队列,异步执行,同步代码执行完成后再统一修改dom,我们看下面的代码。<template> <div...

微信小程序 调用远程接口 给全局数组赋值代码实例

关键是 let that = this因为在onLoad 的 wx.request方法里, this指的是 wx.request 的上下文, 所以应该是在 onLoad 的时候定义 let that = this调用远程服务,序列化后,把obj赋...

利用JavaScript的Map提升性能的方法详解

前言在ES6中引入JavaScript的新特性中,我们看到了Set和Map的介绍。与常规对象和Array不同的是,它们是“键控集合(keyed collections)”。这就是说它们的行为有稍许不同,并且在特...

websocket4.0+typescript 实现热更新的方法

最近搞了一个webpack4+typescript的开发环境,折腾了很久现在记录一下。。。。
本身环境比较好搞,但是热更新是个麻烦事儿
本环境是基于webpack-dev-server搭建的 output: { p...

解决vue中使用proxy配置不同端口和ip接口问题

问题描述:  使用vue-cli创建的项目,开发地址是localhost:8080,由于后台开发不同的模块,导致每个模块请求的ip和端口号不一致  例如:http://192.168.10.22:8081 或者 http://...

微信公众号平台接口开发 获取access_token过程解析

新建Asp.net MVC 4.0项目WeChatSubscript是项目UI层WeChatTools是封装操作访问公众号接口的一些方法类库获取AccssToken
我们要的得到AccessToken,这是所有接口访问的基础,我...

Vue路由模块化配置的完整步骤

前言企业运营后台页面很多,路由如若不区分模块化配置,所有路由挤在同一个文件将不好维护,所以路由的配置也要模块化分享两个解决方案 —— Vue 路由配置的模块化(Plan A and Pla...

浅谈JS中this在各个场景下的指向

为了保证的可读性,本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你!1. this 的奥秘很多时候, JS 中的 this 对于咱们的初学者很容易产生...

详解vue 命名视图

在views 创建 UserProfile.vue UserProfilePreview.vue文件app.vue文件创建两个router-view :<router-view/><router-view name="helper"/>两个router-link<router-link to=...

vue 中 命名视图的用法实例详解

今天主要记录 vue中命名视图的用法先奉上官网网址:https://router.vuejs.org/zh/guide/essentials/named-views.html一般情况下,一个页面里面可能有多个组件,比如侧边栏,内容区...

如何对react hooks进行单元测试的方法

写在前面
使用 react hook 来做公司的新项目有一段时间了,大大小小的坑踩了不少。由于是公司项目,因此必须要编写单元测试来确保业务逻辑的正确性以及重构时代码的可维护性与...

vue filter 完美时间日期格式的代码

vue filter时间日期格式的实例代码如下所示:<template><div>{{msg | compFilter('yyyy-MM-dd hh:mm') }}</div></template><script>export default {data() { return { m...

微信公众号平台接口开发 获取微信服务器IP地址方法解析

官方说明目前看不出来这个接口有哪些具体运用,但是既然有这个接口,那我们就试试能不能用访问接口
修改WeCharBase.cs,新增以下2个方法public static string ServerIPs {...

vue.js中ref和$refs的使用及示例讲解

关于ref和$refs的用法及讲解,vue.js中文社区( https://cn.vuejs.org/v2/api/#ref )是这么讲解的:ref 被用来给元素或子组件注册引用信息,引用信息将会注册在父组件的 $refs 对象...

微信公众号平台接口开发 菜单管理的实现

官方菜单功能介绍请求接口:https://api.weixin.qq.com/cgi-bin/menu/create&#63;access_token=ACCESS_TOKEN新增菜单管理类public class MenuFirstLayerModel { public s...

微信小程序之数据绑定原理解析

最近在帮朋友写个小程序,本人小白一枚,但是好在计算机科班出身,有些概念一看还是明白的,只是之前没实际写过程序。于是最近看了好多资料和视频,不得不说,对于小白来讲,还是有点难度...

如何使用50行javaScript代码实现简单版的call,apply,bind

在实现自己的call,apply,bind前,需要复习一下this.
所谓的this其实可以理解成一根指针:
其实 this 的指向,始终坚持一个原理:this 永远指向最后调用它的那个对象,这就是精髓。最...

Vue触发隐藏input file的方法实例详解

1、使用input透明覆盖法  将input的z-index设置为1以上的数字并覆盖到需点击的内容上,将input的样式opacity设置为0(即为透明度为0),这样通过绑定在input上的change事件触发...

Vue开发环境中修改端口号的实现方法

Vue开发环境中修改端口号如上图所示,在开发环境中,8080便是端口号,这也是使用Vue脚手架创建的项目运行时的默认的端口。1.Vue 2.xconfig文件夹中有一个index.js其中部分内容如...

vue的keep-alive用法技巧

<keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 <transition>...

浅析Vue中拆分视图层代码的5点建议

一.框架的定位框架通常只是一种设计模式的实现,它并不意味着你可以在开发中避免所有分层设计工作。SPA 框架几乎都是基于 MVC 或 MVVM 设计模式而建立起来的,这些模式都只是宏...

angularjs1.X 重构controller 的方法小结

本篇是内部培训交流会的摘要总结。培训PPT和示例代码已托管至我的github仓库:https://github.com/dashnowords/blogs/tree/master/Demo/rebuild-angularjs-controller一. 结...

Nodejs 识别图片类型的方法

通过切文件名称后缀来获得图片格式的方式是不准确的,因为文件后缀是可以被强行更改的,这样一个.gif 图片也可以被保存成.jpg,那么在 Node 上我们如何做文件类型的校验呢通过文...

JS实现水平遍历和嵌套递归操作示例

本文实例讲述了JS实现水平遍历和嵌套递归操作。分享给大家供大家参考,具体如下:程序中存在着一些有意思的逻辑,比如多层嵌套可以用递归遍历,比如同层的if else可以用数组遍历。...

js设计模式之代理模式及订阅发布模式实例详解

本文实例讲述了js设计模式之代理模式及订阅发布模式。分享给大家供大家参考,具体如下:为啥将两种模式放在一起呢?因为这样文章比较长啊。写博客的目的我觉得首要目的是整理自己...

js设计模式之单例模式原理与用法详解

本文实例讲述了js设计模式之单例模式原理与用。分享给大家供大家参考,具体如下:关于设计模式,我的理解是它是业务代码的提前解决方案。意思就是说在没有真正的业务之前,设计模式...

原生js实现可兼容PC和移动端的拖动滑块功能详解【测试可用】

本文实例讲述了原生js实现可兼容PC和移动端的拖动滑块功能。分享给大家供大家参考,具体如下:废话少说:在PC端可以用mousedown来触发一个滑块滑动的效果,但在手机上,貌似无法识别...

Element-UI中关于table表格的那些骚操作(小结)

最近的项目中使用到element-ui组件库,由于做的是后台管理系统,所以经常需要操作表格,编辑样式的过程中遇到一些问题,官网针对table给出了很多的api,自己可以自定义,基本能满足产品...

快速对接payjq的个人微信支付接口过程解析

近期在了解个人支付接口,希望能解决我在微信上支付的问题。找了很多平台对比再三,感觉 payjq 比较专业。同时支持支付宝和微信,由于本人支付宝还没开通(需要有一定流量才给开通),...

原生js实现的移动端可拖动进度条插件功能详解

本文实例讲述了原生js实现的移动端可拖动进度条插件功能。分享给大家供大家参考,具体如下:该插件最初的想法来自网上的一篇文章,直达链接://www.freexyz.cn/article/167717.htm笔...

koa2+vue实现登陆及登录状态判断

这里我们先说说登陆以及登陆状态控制需要的插件jsonwebtoken,jsonwebtoken就可以实现token的生成与反向解密出用户数据。安装步骤: npm install jsonwebtoken --save安装之...

超详细的5个Shell脚本实例分享(值得收藏)

概述今天主要分享5个shell脚本实例,大家可以借鉴下里面的思路,看下有没另外一种实现方式。1、定时清空文件内容,定时记录文件大小#!/bin/bash ###############################...

解决vuex刷新状态初始化的方法实现

vuex五种基本对象 state:存储状态(变量) getters:对数据获取之前的再次编译,可以理解为state的计算属性。我们在组件中使用$sotre.getters.fun() mutations:修改状态,并且是同步...

返回顶部
顶部