详解Vue2.0配置mint-ui踩过的那些坑
最近开发项目的时候逐渐采用vue.js+mint-ui的技术栈，但是昨天开始配置开发环境的时候，遇到了各种报错，即使是按照两家的官方文档配置，也还是会报错，晚上下班后回去配置了一晚上，才...
2020-05-27
Vue 中mixin 的用法详解
说下我对vue中mixin的一点理解 vue中提供了一种混合机制--mixins，用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们...
2020-05-27
Vue前端开发规范整理(推荐)
基于Vue官方风格指南整理一、强制
1. 组件名为多个单词组件名应该始终是多个单词的，根组件 App 除外。正例：
export default { name: 'TodoItem', // ...}反例：export default...
2020-05-27
JS中获取 DOM 元素的绝对位置实例详解
在操作页面滚动和动画时经常会获取 DOM 元素的绝对位置，例如 本文 左侧的悬浮导航，当页面滚动到它以前会正常地渲染到文档流中，当页面滚动超过了它的位置，就会始终悬浮在左侧。...
2020-05-27
vue.js中实现登录控制的方法示例
本文实例讲述了vue.js中实现登录控制的方法。分享给大家供大家参考，具体如下：vue中使用vue-router实现登录的控制在做后台管理系统中很常见，但是不想之前熟悉的流程那样，不过只...
2020-05-27
微信小程序之swiper轮播图中的图片自适应高度的方法
小程序中的轮播图很简单，官方都有例子的，但是唯一的缺陷就是swiper是固定死的150px高度，这样如果传入的图片大于这个高度就会被隐藏。辣么，怎样让图片自适应不同分辨率捏。我的...
2020-05-27
再谈Angular4 脏值检测(性能优化)
Summary
Angular 4的脏值检测是个老话题了，而理解这个模型是做Angular性能优化的基础。因此，今天我们再来聊聊Angular 4脏值检测的原理，并看看性能优化的小提示。
进入点 - Zon...
2020-05-27
jQuery+ajax实现动态添加表格tr td功能示例
本文实例讲述了jQuery+ajax实现动态添加表格tr td功能。分享给大家供大家参考，具体如下：功能：ajax获取后台返回数据给table动态添加tr/tdhtml部分：<table><tbody></tbody></tabl...
2020-05-27
vue.js数据绑定操作详解
本文实例讲述了vue.js数据绑定操作。分享给大家供大家参考，具体如下：数据绑定响应式的数据绑定系统。建立绑定之后，DOM将和数据保持同步，无须手动维护DOM。使代码能够更加简洁易...
2020-05-27
vue-cli2.9.3 详细教程
一、安装vue-cli1.使用npm全局安装vue-cli（前提是你已经安装了nodejs，否则你连npm都用不了），命令如下：npm install vue-cli -g2.可以用vue -V来进行查看 vue-cli的版本号。注意这...
2020-05-27
浅谈vue中.vue文件解析流程
我们平时写的 .vue 文件称为 SFC(Single File Components)，本文介绍将 SFC 解析为 descriptor 这一过程在 vue 中是如何执行的。vue 提供了一个 compiler.parseComponent(fil...
2020-05-27
vue webpack实用技巧总结
利用 webpack 给生产环境和发布环境配置不同的接口地址
在开发时，前后端分离同时进行开发。前端调用后端给的接口也是在局域网内部的。但是，当项目推到线上的时候,会从真实服...
2020-05-27
详解开发react应用最好用的脚手架 create-react-app
1. 介绍在开发react应用时，应该没有人用传统的方法引入react的源文件(js)，然后在html编辑吧。大家都是用webpack + es6来结合react开发前端应用。这个时候，我们可以手动使用npm...
2020-05-27
react配合antd组件实现的管理系统示例代码
前言：此文需要有一定react，redux基础，具体学习资料请科学上网。使用create-react-app脚手架具体基础配置请参考
配合antd组件实现的管理系统demo,线上地址开发前反思1. 按需加...
2020-05-27
js 图片转base64的方式(两种)
方式一：Blob和FileReader 对象
实现原理：
使用xhr请求图片,并设置返回的文件类型为Blob对象[xhr.responseType = "blob"]
使用FileReader 对象接收blob
<!DOCTYPE html><html...
2020-05-27
Vue手把手教你撸一个 beforeEnter 钩子函数
为什么要自造beforeEnter钩子函数？
看下问题场景：项目中有一单词列表页面，每个cell都会备注该单词是否已经掌握，点击cell进入详情页，可对该单词进行学习，并标记单词是否掌握，并且在...
2020-05-27
vue实现选项卡及选项卡切换效果
这里不跟大家再去把Vue文档上的一些指令用法或者基础知识再复述一遍，既然是从入门到实战，我直接将平时项目中需要实现的一些效果拆分成模块。你们遇到了相关的指令或者不知道...
2020-05-27
vue中$refs的用法及作用详解
一般来讲，获取DOM元素，需document.querySelector（".input1"）获取这个dom节点，然后在获取input1的值。但是用ref绑定之后，我们就不需要在获取dom节点了，直接在上面的input上绑定inpu...
2020-05-27
vue+webpack实现异步加载三种用法示例详解
1.第一例const Home = resolve => { import("@/components/home/home.vue").then( module => { resolve(module) }}注：（上面import的时候可以不写后缀）export default [...
2020-05-27
vue router动态路由下让每个子路由都是独立组件的解决方案
vue-router 之动态路由vue-router官网上面是这样说的// 带查询参数，变成 /register?plan=privaterouter.push({ path: 'register', query: { plan: 'private' }})然后，我...
2020-05-27
vue.js前后端数据交互之提交数据操作详解
本文实例讲述了vue.js前后端数据交互之提交数据操作。分享给大家供大家参考，具体如下：前端小白刚开始做页面的时候，我们的前端页面中经常会用到表单，所以学会提交表单也是一个基...
2020-05-27
Vue 动态设置路由参数的案例分析
在vue中 可以动态设置路由参数：1.使用this.$router.go()，与js histroy.go() 用法一直,前进1，后退-1，当前页面:0注意 使用go时 必须是已经有访问历史记录了案例：<template> <div>...
2020-05-27
详解Vue.js中.native修饰符
修饰符（Modifiers）是以半角句号 . 指明的特殊后缀，用于指出一个指令应该以特殊方式绑定。这篇文章给大家介绍Vue.js中.native修饰符，感兴趣的朋友一起看看吧。.native修饰符官方...
2020-05-27
vue短信验证性能优化如何写入localstorage中
平时我们在项目中进行注册等的时候,会经常用到短信验证的功能,但是现在现在很多短信验证都是存在下面几个问题,例如短信验证时间为60s的时候,1. 当点击完按钮时,倒计时还没...
2020-05-27
父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法
场景：我实际用到的是这样的，我父组件引用子组件related,父组件调用获取页面详情的方法，更新了state值related，子组件根据该related来渲染相关新闻内容，但是页面打开的时候总是先...
2020-05-27
vue项目中vue-i18n和element-ui国际化开发实现过程
在vue构建的项目中，我们常用element-ui插件，在我的博客前面有讲述，具体怎么用vue-i18n插件进行国际化开发，但是在前面博客中，如果项目中使用了element-ui插件，插件中的语言文字替...
2020-05-27
Vue中使用vue-i18插件实现多语言切换功能
在基于vue-cli项目开发过程中，多语言切换功能可使用vue-i18插件，具体实现方法如下：step1: 在项目中安装vue-i18插件cnpm install vue-i18n --save-dev step2:在项目的入口文件m...
2020-05-27
vue 组件使用中的一些细节点
细节一基础例子运行结果:以上大家都懂，这边就不多说，回到代码里，有时候我们需要 tbody 里面每一行是一个子组件，那我们代码可以怎么写呢？我们可以这样写，定义一个全局组件，如下：然后...
2020-05-27
你点的 ES6一些小技巧,请查收
ES6出来已经有好几年了，同时很多新特性可以被巧妙地运用在项目中。我想要列下其中一些，希望它们对你有用。如果你还知道其他一些小技巧，欢迎留言。我很高兴把它们补充进来。1....
2020-05-27
微信小程序商品详情页的底部弹出框效果
电商项目中商品详情页，加入购物车或者下单时可以选择商品属性的弹出框，通过设置view的平移动画，达到从底部弹出的样式1.js代码(一般情况下只调用显示对话框的函数，当点击对话框...
2020-05-27
vuex操作state对象的实例代码
Vuex是什么？VueX 是一个专门为 Vue.js 应用设计的状态管理架构，统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。Vue有五个核心概念，state, get...
2020-05-27
基于Vue实现拖拽功能
本文实例为大家分享了Vue实现拖拽功能的具体代码，供大家参考，具体内容如下效果图：HTML代码：<div id="box"> 位置 <br>x:{{val.x}} <br>y:{{val.y}} <div v-drag="...
2020-05-27
Vue 使用中的小技巧
在vue的使用过程中会遇到各种场景，当普通使用时觉得没什么，但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的小技巧，在下将不定期更新~1. 多...
2020-05-27
node打造微信个人号机器人的方法示例
现在，日常生活已经离不开微信，本文将会抛砖引玉演示如何使用 wechaty 操作微信个人号做一些有意思的东西，可以实现自动通过好友请求、关键词回复、自动拉群等功能。大大提高了...
2020-05-27
react 创建单例组件的方法
需求背景
最近有个需求，需要在项目中添加一个消息通知弹窗，告知用户一些信息。
用户看过消息后，就不再弹窗了。问题
很明显，这个需要后端的介入，提供相应的接口（这样可扩展性更好）...
2020-05-27
JavaScript实现微信红包算法及问题解决方法
专栏停更了很久，向大家说声抱歉。今天的主题是使用JavaScript模拟实现微信抢红包的算法。这个题目看起来很简单，不就是一个随机函数吗？我们一起实现看看。我们假设有一个100元...
2020-05-27
vue自定义filters过滤器
官方给出Vue.filters(id , [definition])//id {string}//definition {function}详情查看在项目中我们如果有多个filters，那么我怎么一次注册，全局可用，我们在项目里新建一个fil...
2020-05-27
vue 中filter的多种用法
1、自定义的过滤器，当然这包括注册在全局和注册在实例化的内部（1）注册在全局的fliter (1)全局方法 Vue.filter() 注册一个自定义过滤器,必须放在Vue实例化前面
(2) 过滤器函数...
2020-05-27
vue如何判断dom的class
vue点击给dom添加class然后获取含有class的dom<div class="chose-ck" v-for="(item,index2) in colors" :key="index2" ref="chosebox"> <p>{{item.name}}...
2020-05-27
详解Vue项目编译后部署在非网站根目录的解决方案
同一个生产部署项目，基内外网的访问路径并不相同，内网是基于域名根目录来访问，而外网却指向了一个子目录。eg. ：vue-router: history模式 内网环境：192.168.1.1:8080/index.html...
2020-05-27
Hexo已经看腻了，来手把手教你使用VuePress搭建个人博客
VuePress
vuepress是尤大大4月12日发布的一个全新的基于vue的静态网站生成器，实际上就是一个vue的spa应用，内置webpack，可以用来写文档。一个基于 Vue SSR 的静态站生成器，本来...
2020-05-27
jQuery length 和 size()区别总结
jQuery length和size()区别总结如下：1.length是属性，size()是方法。2.如果你只是想获取元素的个数，两者效果一样既 ("img").length和("img").length和("img").size() 获取的值...
2020-05-27
vue 做移动端微信公众号采坑经验记录
自己用vue做微信公众号项目有一段时间了，遇到各种奇葩的问题，下面细数那些坑：第一坑：微信分享导致安卓手机无法调起相册和无法调起微信充值解决方案：setTimeout(_ => { wx.c...
2020-05-27
在vue-cli搭建的项目中增加后台mock接口的方法
用vue-cli搭建一个前端开发环境确实是极其方便，在写前端代码肯定也是少不了需要调用后台提供的业务接口进行前后端交互，特别在敏捷开发中，前后端都要提前确定业务接口并进行打...
2020-05-27
Javasript设计模式之链式调用详解
本文实例为大家分享了js设计模式之链式调用的具体代码，供大家参考，具体内容如下
写过jquery的可能都知道，jquery里面可以很方便的使用以下代码：// 不使用链式调用const element...
2020-05-27
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
本文实例讲述了jQuery实现通过方向键控制div块上下左右移动的方法。分享给大家供大家参考，具体如下：在CSS中当DOM元素的position属性为absolute或relative时，我们可以通过改变...
2020-05-27
jQuery实现的点击标题文字切换字体效果示例【测试可用】
本文实例讲述了jQuery实现的点击标题文字切换字体效果。分享给大家供大家参考，具体如下：这个主要通过判断被点击的元素的子元素中是否包含了b元素来进行字体的切换，其中wrapInn...
2020-05-27
webpack配置打包后图片路径出错的解决
问题
项目在开发环境下工作正常，当打包后图片不见了，检查元素后发现路径出错了。
图片路径是这样：background: url(/static/img/bg_camera_tip.bd37151.png)，但该路径下文件并不...
2020-05-27
Webpack打包字体font-awesome的方法示例
使用webpack构建font-awesome或者bootstrap的时候，最常见的一个问题就是构建字体文件的问题。经常会出现无法找到字体文件的问题。下面就讲一下如何正确构建引入字体文件：
1....
2020-05-27
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
本文实例讲述了jQuery实现DIV响应鼠标滑过由下向上展开效果。分享给大家供大家参考，具体如下：鼠标浮动时div由下向上缓慢展开效果1. 演示效果（鼠标浮动时div由下向上展开，浮动后...
2020-05-27
