87浏览

0评论

父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法

场景：我实际用到的是这样的，我父组件引用子组件related,父组件调用获取页面详情的方法，更新了state值related，子组件根据该related来渲染相关新闻内容，但是页面打开的时候总是先...

• 2020-05-27

49浏览

0评论

vue项目中vue-i18n和element-ui国际化开发实现过程

在vue构建的项目中，我们常用element-ui插件，在我的博客前面有讲述，具体怎么用vue-i18n插件进行国际化开发，但是在前面博客中，如果项目中使用了element-ui插件，插件中的语言文字替...

• 2020-05-27

78浏览

0评论

Vue中使用vue-i18插件实现多语言切换功能

在基于vue-cli项目开发过程中，多语言切换功能可使用vue-i18插件，具体实现方法如下：step1: 在项目中安装vue-i18插件cnpm install vue-i18n --save-dev step2:在项目的入口文件m...

• 2020-05-27

82浏览

0评论

vue 组件使用中的一些细节点

细节一基础例子运行结果:以上大家都懂，这边就不多说，回到代码里，有时候我们需要 tbody 里面每一行是一个子组件，那我们代码可以怎么写呢？我们可以这样写，定义一个全局组件，如下：然后...

• 2020-05-27

60浏览

0评论

你点的 ES6一些小技巧,请查收

ES6出来已经有好几年了，同时很多新特性可以被巧妙地运用在项目中。我想要列下其中一些，希望它们对你有用。如果你还知道其他一些小技巧，欢迎留言。我很高兴把它们补充进来。1....

• 2020-05-27

65浏览

0评论

微信小程序商品详情页的底部弹出框效果

电商项目中商品详情页，加入购物车或者下单时可以选择商品属性的弹出框，通过设置view的平移动画，达到从底部弹出的样式1.js代码(一般情况下只调用显示对话框的函数，当点击对话框...

• 2020-05-27

77浏览

0评论

vuex操作state对象的实例代码

Vuex是什么？VueX 是一个专门为 Vue.js 应用设计的状态管理架构，统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。Vue有五个核心概念，state, get...

• 2020-05-27

88浏览

0评论

基于Vue实现拖拽功能

本文实例为大家分享了Vue实现拖拽功能的具体代码，供大家参考，具体内容如下效果图：HTML代码：<div id="box"> 位置 <br>x:{{val.x}} <br>y:{{val.y}} <div v-drag="...

• 2020-05-27

94浏览

0评论

Vue 使用中的小技巧

在vue的使用过程中会遇到各种场景，当普通使用时觉得没什么，但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的小技巧，在下将不定期更新~1. 多...

• 2020-05-27

88浏览

0评论

node打造微信个人号机器人的方法示例

现在，日常生活已经离不开微信，本文将会抛砖引玉演示如何使用 wechaty 操作微信个人号做一些有意思的东西，可以实现自动通过好友请求、关键词回复、自动拉群等功能。大大提高了...

• 2020-05-27

67浏览

0评论

react 创建单例组件的方法

需求背景
最近有个需求，需要在项目中添加一个消息通知弹窗，告知用户一些信息。
用户看过消息后，就不再弹窗了。问题
很明显，这个需要后端的介入，提供相应的接口（这样可扩展性更好）...

• 2020-05-27

76浏览

0评论

JavaScript实现微信红包算法及问题解决方法

专栏停更了很久，向大家说声抱歉。今天的主题是使用JavaScript模拟实现微信抢红包的算法。这个题目看起来很简单，不就是一个随机函数吗？我们一起实现看看。我们假设有一个100元...

• 2020-05-27

59浏览

0评论

vue自定义filters过滤器

官方给出Vue.filters(id , [definition])//id {string}//definition {function}详情查看在项目中我们如果有多个filters，那么我怎么一次注册，全局可用，我们在项目里新建一个fil...

• 2020-05-27

73浏览

0评论

vue 中filter的多种用法

1、自定义的过滤器，当然这包括注册在全局和注册在实例化的内部（1）注册在全局的fliter (1)全局方法 Vue.filter() 注册一个自定义过滤器,必须放在Vue实例化前面
(2) 过滤器函数...

• 2020-05-27

69浏览

0评论

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

69浏览

0评论

详解Vue项目编译后部署在非网站根目录的解决方案

同一个生产部署项目，基内外网的访问路径并不相同，内网是基于域名根目录来访问，而外网却指向了一个子目录。eg. ：vue-router: history模式 内网环境：192.168.1.1:8080/index.html...

• 2020-05-27

61浏览

0评论

Hexo已经看腻了，来手把手教你使用VuePress搭建个人博客

VuePress
vuepress是尤大大4月12日发布的一个全新的基于vue的静态网站生成器，实际上就是一个vue的spa应用，内置webpack，可以用来写文档。一个基于 Vue SSR 的静态站生成器，本来...

• 2020-05-27

89浏览

0评论

jQuery length 和 size()区别总结

jQuery length和size()区别总结如下：1.length是属性，size()是方法。2.如果你只是想获取元素的个数，两者效果一样既 ("img").length和("img").length和("img").size() 获取的值...

• 2020-05-27

100浏览

0评论

vue 做移动端微信公众号采坑经验记录

自己用vue做微信公众号项目有一段时间了，遇到各种奇葩的问题，下面细数那些坑：第一坑：微信分享导致安卓手机无法调起相册和无法调起微信充值解决方案：setTimeout(_ => { wx.c...

• 2020-05-27

78浏览

0评论

在vue-cli搭建的项目中增加后台mock接口的方法

用vue-cli搭建一个前端开发环境确实是极其方便，在写前端代码肯定也是少不了需要调用后台提供的业务接口进行前后端交互，特别在敏捷开发中，前后端都要提前确定业务接口并进行打...

• 2020-05-27

77浏览

0评论

Javasript设计模式之链式调用详解

本文实例为大家分享了js设计模式之链式调用的具体代码，供大家参考，具体内容如下
写过jquery的可能都知道，jquery里面可以很方便的使用以下代码：// 不使用链式调用const element...

• 2020-05-27

78浏览

0评论

jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】

本文实例讲述了jQuery实现通过方向键控制div块上下左右移动的方法。分享给大家供大家参考，具体如下：在CSS中当DOM元素的position属性为absolute或relative时，我们可以通过改变...

• 2020-05-27

60浏览

0评论

jQuery实现的点击标题文字切换字体效果示例【测试可用】

本文实例讲述了jQuery实现的点击标题文字切换字体效果。分享给大家供大家参考，具体如下：这个主要通过判断被点击的元素的子元素中是否包含了b元素来进行字体的切换，其中wrapInn...

• 2020-05-27

56浏览

0评论

webpack配置打包后图片路径出错的解决

问题
项目在开发环境下工作正常，当打包后图片不见了，检查元素后发现路径出错了。
图片路径是这样：background: url(/static/img/bg_camera_tip.bd37151.png)，但该路径下文件并不...

• 2020-05-27

77浏览

0评论

Webpack打包字体font-awesome的方法示例

使用webpack构建font-awesome或者bootstrap的时候，最常见的一个问题就是构建字体文件的问题。经常会出现无法找到字体文件的问题。下面就讲一下如何正确构建引入字体文件：
1....

• 2020-05-27

81浏览

0评论

jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】

本文实例讲述了jQuery实现DIV响应鼠标滑过由下向上展开效果。分享给大家供大家参考，具体如下：鼠标浮动时div由下向上缓慢展开效果1. 演示效果（鼠标浮动时div由下向上展开，浮动后...

• 2020-05-27

64浏览

0评论

r.js来合并压缩css文件的示例

如何使用r.js来合并压缩css文件。在r5下新建一个css文件夹，里面有四个css文件：main.css、nav.css、form.css、grid.css。
main.css是合并的主文件，或称配置文件。要合并的文件...

• 2020-05-27

79浏览

0评论

Javascript的console['']常用输入方法汇总

1、console.log是最常用的输入方法，正常化输出语句，还具有print占位符整数（%d||%i），浮点数（%f），对象（%o），字符（%s）;2、console.error输出错误化的语句3、console.info输出一条信息化语句4...

• 2020-05-27

64浏览

0评论

使用Vue动态生成form表单的实例代码

具有数据收集、校验和提交功能的表单生成器，包含复选框、单选框、输入框、下拉选择框等元素以及,省市区三级联动,时间选择,日期选择,颜色选择,文件/图片上传功能，支持事件扩展...

• 2020-05-27

66浏览

0评论

vue拦截器实现统一token,并兼容IE9验证功能

项目中使用vue搭建前端页面，并通过axios请求后台api接口，完成数据交互。如果验证口令token写在在每次的接口中，也是个不小的体力活，而且也不灵活。这里分享使用vue自带拦截器，给...

• 2020-05-27

206浏览

0评论

Node.js利用console输出日志文件的方法示例

通常我们在写Node.js程序时，都习惯使用console.log打印日志信息，但这也仅限于控制台输出，有时候我们需要将信息输出到日志文件中，实际上利用console也可以达到这个目的的，今天就...

• 2020-05-27

107浏览

0评论

基于Vue实现拖拽效果

效果图
demo1.gif分清clientY pageY screenY layerY offsetY的区别在我们想要做出拖拽这个效果的时候，我们需要分清这几个属性的区别，这几个属性都是计算鼠标点击的偏移值，我...

• 2020-05-27

65浏览

0评论

jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】

本文实例讲述了jQuery实现鼠标滑过商品小图片上显示对应大图片功能。分享给大家供大家参考，具体如下：1 . 效果截图2 . 代码<!doctype html><html><head><meta charset="utf-8"...

• 2020-05-27

80浏览

0评论

Node.js文件编码格式的转换的方法

项目很多 lua 文件不是 utf-8格式，使用 EditPlus 查看的时候，显示为ASCII。还有的是带BOM的，带BOM倒好处理，之前写过，有一定规律。ASCII编码就比较蛋疼，通过搜索网上资源，反复测试...

• 2020-05-27

124浏览

0评论

微信小程序中添加客服按钮contact-button功能

小程序的客服系统，是微信做的非常成功的一个功能，开发者可以很方便的通过一行代码，就可实现客服功能。1. 普通客服按钮添加 <button open-type='contact' session-from=''>客服...

• 2020-05-27

55浏览

0评论

Vue 使用 Mint UI 实现左滑删除效果CellSwipe

Mint UI 是饿了么开源的，基于 Vue.js 的移动端组件库。关于Mint UI，有文档不够准确详尽，组件略显粗糙，功能不够完善等问题；也有高度组件化，体积小等优点。安装Mint UI：# Vue 1.x np...

• 2020-05-27

71浏览

0评论

vue项目中应用ueditor自定义上传按钮功能

由于上传地址问题，需要自定义上传按钮，效果如图由于在页里面没有操作dom，所以想到了用vue的 自定义事件绑定$emit 、$on来把点击事件传递给ueditor。首先是给ueditor添加自定义...

• 2020-05-27

58浏览

0评论

vue中post请求以a=a&b=b 的格式写遇到的问题

vue开发过程中，总会碰到一些问题，当然任何问题都不能阻止我们前进的脚步，话不多说，下面是我在开发过程中请求参数所碰到的问题1，在暂时没有后台数据的时候，post请求的参数大多会以...

• 2020-05-27

99浏览

0评论

vue实现点击展开点击收起效果

安装vue的步骤在这里就不进行赘述了，下面直接进入正题 首先定义一下data里面的数据：data () { return { toLearnList:[ 'html','css','javascript','java','php' //进...

• 2020-05-27

103浏览

0评论

React Native日期时间选择组件的示例代码

React Native日期时间选择组件：react-native-datepicker，支持安卓和IOS双平台，支持单独选择日期、单独选择时间和选择日期和时间，支持自定义日期格式。效果图安装方法npm instal...

• 2020-05-27

75浏览

0评论

React native ListView 增加顶部下拉刷新和底下点击刷新示例

1. 底部点击刷新
1.1 先增加一个按钮
render() { if(!this.state.data){ return( <Text>Loading... </Text> ) }else{ return( <ListView refreshCon...

• 2020-05-27

53浏览

0评论

Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能

本文实例为大家分享了Vue2.0实现调用摄像头进行拍照功能的具体代码，以及图片上传功能引用exif.js，供大家参考，具体内容如下可以在github 上下载demo链接vue组件代码<template>...

• 2020-05-27

60浏览

0评论

vue-baidu-map 进入页面自动定位的解决方案(推荐)

写在前面：我只是一个前端小白，文章中的提到可能会有不足之处，仅提供一个参考。若有不完善的地方，欢迎各位大佬指出！，希望对你有帮助！好了，入正题。其实之前也被这问题困扰过，在网上也...

• 2020-05-27

214浏览

0评论

总结JavaScript在IE9之前版本中内存泄露问题

IE9之前的版本对JScript对象和COM对象使用不同的垃圾回收例程(COM对象采用“引用计数”收集策略)，因此闭包在IE的这些版本中会导致一些特殊问题。具体来说，如果闭包的作用域中...

• 2020-05-27

67浏览

0评论

vue.extend实现alert模态框弹窗组件

本文通过Vue.extend创建组件构造器的方法写弹窗组件，供大家参考，具体内容如下alert.js文件代码import Vue from 'vue'// 创建组件构造器const alertHonor = Vue.extend(requir...

• 2020-05-27

66浏览

0评论

vue组件实现弹出框点击显示隐藏效果

本文实例为大家分享了vue实现弹出框点击显示隐藏的具体代码，供大家参考，具体内容如下
效果如下图
由于我的更改密码弹出框是一个组件引用的，所以在一开始是隐藏的，这就需要在...

• 2020-05-27

64浏览

0评论

Vue实现点击时间获取时间段查询功能

本文实例为大家分享了vue按时间段查询的案例，效果图如下html代码<template><div class="personalReport_time"> <input type="date" :max="this.endTime" value="" v-model...

• 2020-05-27

74浏览

0评论

js实现二级菜单点击显示当前内容效果

最近做了一个二级菜单点击事件的效果，一级菜单有3个，二级菜单是固定的，而且html布局并不是父子级关系，具体请看效果图如下
html结构入下<div> <ul> <li>您好！日期</li> <...

• 2020-05-27

54浏览

0评论

layui实现动态和静态分页

开发管理后台是每一个开发人员都要熟悉的一个环节，作为后端程序员，公司的所有机密数据都掌握在我们手上，所以这个时候，如果不是公司的核心成员，是不能接触到某些数据的，这个时候所...

• 2020-05-27

98浏览

0评论

vue弹窗消息组件的使用方法

本文实例为大家分享了vue弹窗消息组件的具体代码，供大家参考，具体内容如下本来打算写一个那种提示完了自动消失的弹窗的，但是没有想好淡入淡出的效果。所以暂时算是半成品。练...

• 2020-05-27