63浏览

0评论

vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component

介绍做前端的大家都知道通过 vue 开发的项目每次创建新组建的时候，都要新建一个目录，然后新增 .vue 文件，在这个文件中再写入 template 、 script 、 style 这些内容，虽然在写入...

• 2020-05-27

55浏览

0评论

vue移动端屏幕适配详解

flexiblevue移动端屏幕适配,查看项目地址效果预览# 项目clone
git clone git@github.com:NicolasGui/flexible.git# 进入项目目录
cd flexible# 安装依赖
npm install# 启动...

• 2020-05-27

58浏览

0评论

详解vue 图片上传功能

这次做了vue页面的图片上传功能，不带裁剪功能的！首先是html代码，在input框上添加change事件，如下：<ul class="clearfix"> <li v-if="imgs.length>0" v-for='(item ,index...

• 2020-05-27

66浏览

0评论

vue实现随机验证码功能的实例代码

先给大家展示下效果图：1.html代码<div class="form-group" style="display: flex;"> <div> <span>验证码：</span> <input type="text" id="code" v-model="code...

• 2020-05-27

98浏览

0评论

原生JS实现随机点名项目的实例代码

核心思想&#8226;随机产生规定范围内的整数，然后再产生相同范围内的整数，两者相同时，则暂停。所用知识&#8226;Math.random() * num: 产生从0到num的随机数
&#8226;Math.floor():...

• 2020-05-27

61浏览

0评论

Vue基本使用之对象提供的属性功能

一 过滤器过滤器就是vue允许开发者自定义的文本格式化函数，可以使用在两个地方：输出内容和操作数据中。1.1 定义过滤器的两种方式1.1.1 使用Vue.filter()进行全局定义Vue.filt...

• 2020-05-27

44浏览

0评论

vue组件化中slot的基本使用方法

前言slot可以在子组件中开启插槽，在父组件引用该组建时，可以定义这个插槽内要展现的功能或模块，下面话不多说了，来一起看看详细的介绍吧
1.单个slot
子组件中在相应位置写slot标...

• 2020-05-27

56浏览

0评论

vue增加强缓存和版本号的实现方法

强缓存：
到底什么是强缓存？强在哪？其实强是强制的意思。当浏览器去请求某个文件的时候，服务端就在respone header里面对改文件做了缓存配置。缓存的时间、缓存类型都由服务端控...

• 2020-05-27

67浏览

0评论

浅谈对于react-thunk中间件的简单理解

前言
刚来公司的时候，对react项目中的thunk中间件的作用一直不太了解，最近有时间决定好好研究一下。鉴于本人初次写博客，并已假设读者已掌握redux的一些基本用法；如有错误，还望指...

• 2020-05-27

55浏览

0评论

微信小程序常见页面跳转操作简单示例

本文实例讲述了微信小程序常见页面跳转操作。分享给大家供大家参考，具体如下：1.保留当前页面，跳转到应用内另一个页面：wx.navigateTo({ url: '页面路径', })实例：pageSkip :funct...

• 2020-05-27

69浏览

0评论

微信小程序实现卡片左右滑动效果的示例代码

快放假了，人狠话不多，啥也不说了。先看效果图。 思路从上面的效果图来看，基本的需求包括： 左右滑动到一定的距离，就向相应的方向移动一个卡片的位置。 卡片滑动的时候有一定的...

• 2020-05-27

60浏览

0评论

javascript原型链学习记录之继承实现方式分析

本文实例讲述了javascript原型链学习记录之继承实现方式。分享给大家供大家参考，具体如下：在慕课网学习继承的笔记：继承的几种方式：① 使用构造函数实现继承function Parent(){...

• 2020-05-27

64浏览

0评论

JS实现的贪吃蛇游戏案例详解

本文实例讲述了JS实现的贪吃蛇游戏。分享给大家供大家参考，具体如下：github项目地址：https://github.com/LEERTRT/Snake在<script></script>中，文档加载完毕后调用：$(function ()...

• 2020-05-27

270浏览

0评论

JS html事件冒泡和事件捕获操作示例

本文实例讲述了JS html事件冒泡和事件捕获操作。分享给大家供大家参考，具体如下：今天学习了事件冒泡和捕获，记录一下。1.冒泡型事件：事件按照从最特定的事件目标到最不特定的事...

• 2020-05-27

42浏览

0评论

Vue.extend实现挂载到实例上的方法

本文实例讲述了Vue.extend实现挂载到实例上的方法。分享给大家供大家参考，具体如下：这里主要是做个笔记根据官网的说法，Vue.extend：是使用基础 Vue 构造器，创建一个“子类”。参...

• 2020-05-27

45浏览

0评论

Vue源码之关于vm.$delete()/Vue.use()内部原理详解

vm.$delete()
vm.$delete用法见官网。
为什么需要Vue.delete()&#63;
在ES6之前, JS没有提供方法来侦测到一个属性被删除了, 因此如果我们通过delete删除一个属性, Vue是侦测...

• 2020-05-27

44浏览

0评论

JavaScript强制类型转换和隐式类型转换操作示例

本文实例讲述了JavaScript强制类型转换和隐式类型转换。分享给大家供大家参考，具体如下：在JavaScript中声明变量不需指定类型， 对变量赋值也没有类型检查，同时JavaScript允许隐...

• 2020-05-27

53浏览

0评论

vue 对象添加或删除成员时无法实时更新的解决方法

前阵子将项目搬上Vue的时候偶遇一个突发问题当对象添加或删除成员时页面无法实时更新渲染，但是数组是正常的目测是ob没有监听到对象的成员有变化查看一些大家的求助回答是说o...

• 2020-05-27

74浏览

0评论

3分钟了解vue数据劫持的原理实现

目的: 了解Object.defineProperty如何实现数据劫持
大致原理是这样的： 定义一个监听函数，对对象的每一个属性进行监听 通过Object.defineProperty对监听的每一个属性设置get...

• 2020-05-27

62浏览

0评论

Vue.js构建你的第一个包并在NPM上发布的方法步骤

本文我们将学习如何制作一个vue插件，并将其分发到npm上，能够让其他人安装使用.
插件大大地提高了开发者的开发效率。我们的大多数项目都依赖于它们，因为它们能够以极快的速度发...

• 2020-05-27

39浏览

0评论

vue.js 2.*项目环境搭建、运行、打包发布的详细步骤

Vue 安装vue-cli /webpack 全局安装如果在意安装速度，可以使用淘宝镜像来安装
安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org安装完淘宝镜...

• 2020-05-27

49浏览

0评论

vue 搭建后台系统模块化开发详解

本文主要介绍了vue 搭建后台系统模块化开发，分享给大家，具体如下：效果目录结构├── README.md├── build│ ├── build.js│ ├── check-versions.js│ ├── logo...

• 2020-05-27

58浏览

0评论

详解微信小程序网络请求接口封装实例

网络请求封装实例实现定制要求和方便调用，对微信小程序的网络请求接口进行了封装 封装位置：app.js，方便全局调用 实现方法调用，只用关注接口url和入参 默认和自定义的请求成...

• 2020-05-27

43浏览

0评论

Node.js中Koa2在控制台输出请求日志的方法示例

前言Koa2真的是个很轻量的框架，轻量到路由都作为了模块单独了出来，Koa2也没有日志功能，如果我们需要有一些请求的日志和时间，我们就需要引入日志中间件下面话不多说了，来一起看看...

• 2020-05-27

54浏览

0评论

微信小程序搭建自己的Https服务器

一、注册微信小程序进入微信公众平台，使用邮箱账号，选择注册小程序账号。一个邮箱只能注册一个类型的微信账号（订阅号、服务号、小程序）。二、搭建Https服务器1、域名注册1.1、...

• 2020-05-27

45浏览

0评论

详解Vue底部导航栏组件

不多说直接上代码 BottomNav.vue：<template> <div class="footer"> <div v-for='(item,index) of items' :class='[item.cls,{on:index === idx}]' @click="$router.push(it...

• 2020-05-27

48浏览

0评论

详解如何使用router-link对象方式传递参数？

疑问：（判断和传参）点击导航栏目，js如何判断自己点击的是哪个具体栏目？
它们是如何传参的？
如何使用params，携带查询参数？效果图解说：A. 点击选择【屈原“查看详情”】之前B. 点击选...

• 2020-05-27

83浏览

0评论

详解微信小程序缓存--缓存时效性

关于本地缓存1.wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）可以对本地缓存进行设置、获取和清理。本地缓存最大...

• 2020-05-27

51浏览

0评论

JavaScript中的垃圾回收与内存泄漏示例详解

前言
程序的运行需要内存。只要程序提出要求，操作系统或者运行时就必须供给内存。所谓的内存泄漏简单来说是不再用到的内存，没有及时释放。为了更好避免内存泄漏，我们先介绍Jav...

• 2020-05-27

56浏览

0评论

axios封装，使用拦截器统一处理接口，超详细的教程（推荐）

最近从0开始搭了一个vue-cli的项目， 虽然axios也可以直接拿来用，但是对接口比较零散，不太好进行维护，也会产生大量的重复代码，所以笔者对axios进行了统一接口处理，废话不多说，直接...

• 2020-05-27

54浏览

0评论

微信小程序获取用户信息的两种方法wx.getUserInfo与open-data实例分析

本文实例讲述了微信小程序获取用户信息的两种方法wx.getUserInfo与open-data。分享给大家供大家参考，具体如下：在此之前，小程序获取微信的头像，昵称之类的用户信息，我用的都是wx....

• 2020-05-27

46浏览

0评论

微信小程序实现的canvas合成图片功能示例

本文实例讲述了微信小程序实现的canvas合成图片功能。分享给大家供大家参考，具体如下：先要获取图片的信息 然后将需要合成的内容用canvas绘制出来，得到一个合成好的画布，接下来...

• 2020-05-27

47浏览

0评论

微信小程序基于canvas渐变实现的彩虹效果示例

本文实例讲述了微信小程序基于canvas渐变实现的彩虹效果。分享给大家供大家参考，具体如下：微信小程序提供了两种渐变的方式： createLinearGradient(x,y,x1,y1)创建一个线性...

• 2020-05-27

41浏览

0评论

微信小程序实现判断是分享到群还是个人功能示例

本文实例讲述了微信小程序实现判断是分享到群还是个人功能。分享给大家供大家参考，具体如下：话不多说 直接来讲述一下操作步骤：首先 我们需要通过调用 wx.showShareMenu 并且...

• 2020-05-27

50浏览

0评论

jQuery实现条件搜索查询、实时取值及升降序排序的方法分析

本文实例讲述了jQuery实现条件搜索查询、实时取值及升降序排序的方法。分享给大家供大家参考，具体如下：一。鼠标点击获取搜索条件中的被选中的值创建方法 getAttrValue() 方...

• 2020-05-27

42浏览

0评论

JS实现checkbox互斥(单选)功能示例

本文实例讲述了JS实现checkbox互斥(单选)功能。分享给大家供大家参考，具体如下：<html xmlns="http://www.w3.org/1999/xhtml" ><head><title>www.freexyz.cn CheckBox单选</titl...

• 2020-05-27

49浏览

0评论

node Buffer缓存区常见操作示例

本文实例讲述了node Buffer缓存区常见操作。分享给大家供大家参考，具体如下：创建buffer类var buf=new buffer(10);var buf=new buffer([10,20,30,40]);var buf=new buffer("ww...

• 2020-05-27

48浏览

0评论

jQuery动态生成的元素绑定事件操作实例分析

本文实例讲述了jQuery动态生成的元素绑定事件操作。分享给大家供大家参考，具体如下：这段时间在写代码的时候遇到一个问题，通过append()添加的节点，点击事件不起作用。当时我百思...

• 2020-05-27

45浏览

0评论

Angular实现svg和png图片下载实现

我经常思考，在面临一个不确定问题时，以往的经验究竟有无辅助作用？如果把经验遗忘会产生何种程度的影响？在上下求索未果之后，如何找回曾经的感觉，恰若灵光一现？凡此种种，终是要思考总...

• 2020-05-27

45浏览

0评论

原生JS实现动态添加新元素、删除元素方法

1. 添加新元素<!DOCTYPE html><html><head><meta charset="utf-8"><title>动态添加新元素</title></head><body><ul class="example"> <li class="child">Coffee</li> <li c...

• 2020-05-27

44浏览

0评论

详解Vue调用手机相机和相册以及上传

组件<template> <div> <input id="upload_file" type="file" style="display: none;" accept='image/*' name="file" @change="fileChange($event)"/> <div class="ima...

• 2020-05-27

36浏览

0评论

微信小程序自定义组件传值 页面和组件相互传数据操作示例

本文实例讲述了微信小程序自定义组件传值 页面和组件相互传数据操作。分享给大家供大家参考，具体如下：要想在组件中调到页面中的方法，并且想要组件中传数据到页面去，emmmm，可以酱...

• 2020-05-27

38浏览

0评论

Vue 递归多级菜单的实例代码

考虑以下菜单数据：[ { name: "About", path: "/about", children: [ { name: "About US", path: "/about/us" }, { name: "About Comp", path: "/about/company", ch...

• 2020-05-27

31浏览

0评论

Vue+Express实现登录注销功能的实例代码

对Vue全家桶有基本的认知. 用有node环境 了解express一丶业务分析1.什么情况下进行权限验证&#63;访问敏感接口
前端向后端敏感接口发送ajax 后端进行session验证,并返...

• 2020-05-27

37浏览

0评论

详解vue的双向绑定原理及实现

前言使用vue也好有一段时间了，虽然对其双向绑定原理也有了解个大概，但也没好好探究下其原理实现，所以这次特意花了几晚时间查阅资料和阅读相关源码，自己也实现一个简单版vue的双...

• 2020-05-27

54浏览

0评论

Vue 中如何正确引入第三方模块的方法步骤

方法一：配置 webpack ProvidePlugin 全局引入
假设要使用到 jquery，那么可以通过配置 webpack 的 ProvidePlugin 的插件来全局引入：https://webpack.js.org/plugins/provide-pl...

• 2020-05-27

56浏览

0评论

深入解析Vue源码实例挂载与编译流程实现思路详解

在正文开始之前，先了解vue基于源码构建的两个版本，一个是 runtime only ，另一个是 runtime加compiler 的版本，两个版本的主要区别在于后者的源码包括了一个编译器。什么是编译器...

• 2020-05-27

48浏览

0评论

小程序异步问题之多个网络请求依次执行并依次收集请求结果

业务逻辑
最近开发一个便签小程序的时候，有这样一个需求：用户可以在写便签的时候添加一个或多个图片。对于这个需求，我们用户按下保存键时，内部具体的实现上是这样的逻辑： 首先...

• 2020-05-27

43浏览

0评论

vue列表单项展开收缩功能之this.$refs的详解

展开效果–看红框区域收缩效果–看红框区域 接下来看代码逻辑###template部分：已去除与本文不相关的功能代码<li class="main-video"v-for="(item, index) of courseSubList"...

• 2020-05-27

243浏览

0评论

小程序关于请求同步的总结

在JavaScript中，提供了一些异步特性，因为同步操作会对程序的执行进行阻塞处理。比如在浏览器页面程序中，如果一段同步的代码需要执行很长时间（比如一个很大的循环操作），则页面会产...

• 2020-05-27