黄治文的博客

vue中父子组件通信中，为了保证数据的单向流动，子组件不能直接修改父组件传进来的值，之前也一直用this.$emit调用父组件方法来修改传入的值。直到要做一个带关闭按钮的弹窗组件时，我才发现了vue的子组件可以不通过this.$emit修改props值。父组件给子组件传递时可以.sync作为修饰符，例如：给子组件传递显示或隐藏的值showImgsilder//父组件<wy-imgsil...

由于安全原因一些敏感信息提交时都需要加密处理，之前一直用MD5加密，一些暴力软件还是可以进行解密，而rsa加密安全性就比较高，它采用前端公钥加密 后台私钥解密。下面就是整个rsa在项目中使用的过程安装npm install jsencrypt使用像这种比较常用的工具基本都提取成工具方法import JSEncrypt from 'jsencrypt';//加密export fun...

前言better scroll也是目前在移动项目中 一直推荐的滚动解决方案，随着项目功能的不断扩充一些问题也随之出现，后续问题也会一一记录并进行解决，先看一下一个常见问题 上拉加载位置不正确问题。问题描述在做上拉加载功能时，老是还没有滚动到一定位置就开始请求数据了，虽然不影响整体功能，但是总归来说体验不是很好。产生原因首先再说一下betterscroll的滚动原理content在做t...

也是公司项目 ，内部app的资讯模块整改，改是不可能改的，之前还是用jquery。感觉越改越混乱，还是重做。就仿着今日头条、等资讯页面做了一个dome，话不多说，先看效果!效果看完，感觉还行的话，接着就往下看开启爬坑之路！先打一个无偿广告 上图的gif 是通过LICEcap 软件录屏制作的！下载地址：官网地址，支持window mac ，无插件 无广告 完全免费！确实好用，比起国内的...

一直用rem做移动端的适配，其原理就是根据html的font-size为100单位rem的大小，flexible的解决方案大致是根据设计稿的大小动态改变不同屏幕下html的font-size的值，得到一个设计稿和rem的转化比例。具体实现可以看一下大漠老师的《使用Flexible实现手淘H5页面的终端适配》这篇文章之后在vw的兼容性得到解决，大漠老师又出了新的移动端适配方案并和vue cli2...

vue项目中的eventbus是解决组件间通信的一个方法，关于组件通信，就是组件A和组件B需要共用一个数据，对于父子组件来说就比较简单，要是兄弟间，兄弟之外的组件要进行通信，官网给出的是vuex,对于使用vuex官网又提出以下建议而这个简单的store模式就是使用eventbus；关于eventbus就是创建一个新的vue实例，把数据需要公用的数据存储在它上面，通过$emi...

vue进入我的视野，一直对它很是迷恋，从最初的网上教程只有todolist到现在，满大街的各种项目实战，基于vue的组件也是纷纷崛起，这里像element ui这样大家都知道就不介绍了，下面也是自己在项目中遇到的一些使用组件，给与整理。一、YDUI，一个样式类似微信界面的移动端ui库，小型项目可以直接使用src引用。官网使用方法：1.src直接使用：&lt;!-- 使用rem，需...

直接用vue-cli生成的项目打包直接放到服务器上，css，js都会存在路径问题，还有css背景图路径，原因是默认打包生成的路径为根路径，相对与服务器的，因此需要分别设置一下。 1.文件的路径不正确：在config目录下的index.js里build对象的assetsPublicPath改为‘./’; 2.背景图片路径找不到：在build文件夹里的"utils.js里面的...

一、修改statusBar颜色  添加cordovaStatusbar插件 命令行输入下面命令 cordova plugin add https://github.com/apache/cordova-plugin-statusbar.git 在config.xml文件里会自动多出下面这个代码 &lt;plugin name="cordova-plugin-status...

muse ui是一套基于vue 2.0的ui组件，它的点击特效、组件模型等都特别适合移动端开发，今天在做一个移动项目是，用到里面的table组件，对其进行选择行操作，根据官方文档的提示一直不解。提示如下：        正常人理解传递一个selectRowsIndex参数就可以了，然而就是这个selectRowsIndex是什么就很操蛋了，抱着试一试的把selectRowsIndex写进去，直接报...