- 博客(44)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 Vue首屏加载慢的优化方案
使用vue构建项目首屏加载时，出现加载慢，白屏的问题解决方案：步骤一 webpack来打包vue项目，vendor.js过大问题解决1.造成过大的原因是因为在main.js导入第三库太多时,webpack合并js时生成了vendor.js(我们习惯把第三方库放在vendor里面)造成的.如下图在main.js引用了一些第三方库。导致了你的服务器端的js文件越大则用户加载页面的时间会越长(因...
2020-05-07 11:52:00
1015
原创 html5中使用hotcss.js实现手机端自适配
Html5页面在手机端做自适配是很常见的技术需求，下面介绍下在html页面使用hotcss简介 使用动态的HTML根字体大小和动态的viewport scale。 遵循视觉一致性原则。在不同大小的屏幕和不同的设备像素密度下，让你的页面看起来是一样的。 1.新建一个项目文件夹，目录结构如下图:src //主要文件在这里├── hotcss.js├── px2rem....
2020-04-22 11:51:48
495
原创 vue +vant 适合手机端上传图片图片 实现了上传、压缩、旋转图片
html界面 <van-uploader :after-read="onRead" accept="image/*" :max-count="1"v-model="fileList"> </van-uploader>JS部分部分手机拍照时，正面拍照照片会旋转解决问题：使用exif.js来获取图像数据，然后进行处理 **1. 安装依赖npm ...
2020-04-21 16:20:12
2929
4
原创 使用CSS制作左右横线中间文字效果，直接使用
.title-text span { display: block; /*设置为块级元素会独占一行形成上下居中的效果*/ position: relative; /*定位横线（当横线的父元素）*/ color: #188eee; /*居中文字的颜色*/ text-align: center; } .title-text span:before, .title-text span:after { content: ''; pos
2020-04-17 14:35:57
477
原创 js相关值获取记录
1.JS获取单选框radio选中的值var secondaryCampus = $('input:radio[name="secondaryCampus"]:checked').val();2.JS获取input输入框的值var value=$('input[name="amount"]').val(),3.JS获取checkbox选中的值 1 v...
2019-10-30 15:54:47
139
原创 js 处理日期比较大小，相减得到天数
//调用该方法(主方法) dateDiff:function(date1, date2){ var _this = this; var type1 = typeof date1, type2 = typeof date2; if(type1 == 'string'){ date1 = _this.stringToTime(date1); } else { date1 = date...
2021-04-29 15:33:16
120
原创 Vue+element 解决浏览器自动填充记住的账号密码问题
我们在做form表单的时候,会发现,浏览器会自动的将我们之前保存的密码,体验非常不好，作为前端人员真是无法忍受自动的填充到表单中input 为 type="password" 的框中登录页面也就算了,但是注册页面就很难受了,有一种不受控制的感觉不行,我的代码必须由我控制,下面是解决方案:解决方法:只需要在每个input框前面加一个input,同时将其隐藏,就ok了,账号那个需要放在下面,原因不详......
2020-11-06 11:12:37
2033
原创 uni-app 跳转的一些总结
uni.redirectTo：关闭当前页(卸载)，跳转到指定页uni.navigateTo：保留当前页(隐藏)，跳转到指定页uin.switchTap：只能用于跳转到tabbar页面，并关闭其他非tabbar页面,tabbar之间做切换
2020-10-27 17:06:07
289
原创 【Vue】utils公共方法编写与使用教程
一、编写目录结构|--项目名|--|--src|--|--|--utils|--|--|--|--utils.jsutils.js/** * 获取相对路径 * @method getRelativePath * @return {*} 返回主机地址 * @example http://172.19.82.130:8080/uploadfiles/summary/7c54efed-fbc0-49c0-8568-62b07b5c1816/temp/3.png */let g
2020-06-11 14:41:08
3434
原创 节流和防抖的区别，以及如何实现
新建一个vue<template> <div id="app_content"> <Debounce /> <Throttle /> </div></template><script>import Debounce from './Debounce'import Throttle from './Throttle'export default { name: 'App', co
2020-06-08 17:41:41
342
原创 css3动态计算元素的高度及宽度
1、px 像素，我们在网页布局中一般都是用px。2、百分比 百分比一般宽泛的讲是相对于父元素，自适应网页布局越来越多，百分比也经常用到了3、Viewport 当已知一个div的高度时，它的同胞div高度是根据窗口高度减去已知div高度而得到，此时就需要calc函数 viewport：可视窗口，也就是浏览器。 vw Viewport宽度， 1vw 等于viewport宽度的1% vh Viewport高度， 1vh 等于viewport高的的1%CS...
2020-06-03 11:13:49
1066
原创 vue 封装通用方法，其他接受返回值返回
项目如果一个方法多次调用，建议常胜剥离出来，写一个方法其他方法可以调用此方法，本文是亲身测试经验主要解决挂载一个通用接口的方法，但是需要同步接收其返回值再往下进行。一、挂载公共方法1、可以直接在main.js挂载全局方法Vue.prototype.msgSuccess=function(msg){this.$message({showClose:true,message:msg,type:"success"});}2、也可以在main.js里引入其他文件的...
2020-05-27 17:41:51
2701
原创 yarn : 无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确 ，然后再试一次。 所在位置 行:1 字符: 1 + yarn
yarn : 无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确 ，然后再试一次。 所在位置 行:1 字符: 1使用yarn会报这个错误1.首先使用命令npm install -g yarn2.在环境变量里面path添加 yarn路径......
2020-05-23 22:57:37
31639
12
原创 Vue刷新当前页面解决方案
方法一：this.$router.go(0)这个姿势是利用了 history 中前进和后退的功能，传入 0 刷新当前页面。但是有一个问题就是页面整个刷新过程中会白屏，严重影响用户的体验感，效果不好。this.$router.go(0)方法二：location.reload()这个姿势是利用了直接使用刷新当前页面的方法。但是同样存在有一个问题就是页面整个刷新过程中会白屏，严重影响用户的体验感，效果也是不好，和姿势一的现象一直，也不推荐使用。location.reload(.
2020-05-18 15:40:03
1397
原创 优秀代码片段三之nginx配置
nginx.confuser www www;worker_processes auto;pid /var/run/nginx.pid;worker_rlimit_nofile 51200;events { use epoll; worker_connections 51200; multi_accept on;}http { include mime.types; default_type application/octet-stream; server_n
2020-05-14 11:35:28
344
原创 优秀代码片段二
用纯 CSS 判断鼠标进入的方向<style> body { padding: 2em; text-align: center; } .block { position: relative; display: inline-block; overflow:hidden; width: 10em; height: 10em; vertical
2020-05-13 16:19:12
187
原创 优秀代码片段1
复制链接地址 copy() { const link = “http://www.baidu.com” // const link = 'https://ui-b.superdesk.cn/firmOrder?id=' + this.ruleForm.id_secret this.copyLink = link var oInput = document.createElement('input') oInput.value = this.
2020-05-09 16:10:37
191
原创 实现CSS等分布局的5种方式
等分布局是指子元素平均分配父元素宽度的布局方式下面列出6种常见的方式，仅供参考float【思路一】float 缺点:结构和样式存在耦合性，IE7-浏览器下对宽度百分比取值存在四舍五入的误差【1】float + padding + background-clip 使用padding来实现子元素之间的间距，使用background-clip使子元素padding部分不显示背...
2020-05-08 11:49:22
2034
原创 vue 组件-自定义组件4种方式
一、组件命名的方式 ①kebab-case，单词之间采用 - （短横线）连接，例如：my-component ，在DOM中使用时，<my-component></my-component> ②PascalCase，驼峰式名称，单词之间，首字母大写，例如：MyComponent，但是在DOM中使用时，必须更改为，<my-component>&l...
2020-05-06 10:44:10
807
原创 vue按钮防止暴力点击，多次提交数据的问题，组件通用化
方法1：用计时器改变按钮可点击状态<template> <div class="test"> <button @click="btnClick">button</button> </div></template><script> export default { name:...
2020-04-29 11:57:12
746
原创 Vue2.0组织浏览器返回事件
Prevent Browser Back for Vue2.0模拟阻止（适用于PC，移动端）：在需要阻止浏览器返回上一页的页面使用次插件，当点击浏览器返回上一页时使页面不做任何变化。Installnpm install vue-prevent-browser-back --saveUsage在需要阻止的页面单独引入，然后注入.<template> &...
2020-04-28 10:26:18
560
1
原创 vue新建项目出现的错误
1.新建的vue项目运行时就报错errors potentially fixable with the `--fix` option.在用vue-cli3搭建的项目开始进行开发时候，在项目搭建完成之后，每次启动服务时都会弹出编译错误，我就是简单的新建一个index.vue，写了几个标签，发现初次npm run serve不会报错，在浏览器上访问可以显示正常的内容，但只要每次修改保存之后就会报错，...
2020-04-24 10:13:40
1687
原创 ES6 map()遍历、filter()筛选--留着备用
总结下ES6中map和fiter的使用map():map和forEach等遍历方法不同，在forEach中return语句是没有任何效果的，而map则可以改变当前循环的值，返回一个新的被改变过值之后的数组（map需return），一般用来处理需要修改某一个数组的值。let arr1 = [1,2,3];let arr2 = arr1.map((value,key,arr) =...
2020-04-13 11:13:57
256
转载 Android获取Logcat日志输出并且显示在Android界面上
在Android界面上显示和获取Logcat日志输出 一、首先我们要获取Logcat中的日志二、接下来开始使用IO流进行字符操作，把数据保存在Android SDCard中三、之后我们先创建页面，然后在按行读取Txt文本中的内容最后、清空日志一、首先我们要获取Logcat中的日志如何获取呢？首先我们要先定义一个String[]数组，里面的代码是//第一个是Logcat ，也就是我...
2019-10-24 18:02:17
6013
原创 如何在Vue移动端调出纯数字键盘
VUX做移动端上城的时候需要用到纯数字键盘，可以使用以下方法<input placeholder="输入数字" type="text" pattern="[0-9]*" type='tel'>这样调用出无*#的纯数字键盘<input placeholder="输入数字" type="text" pattern="\d*" type='tel'>这样...
2019-08-30 11:21:49
2708
2
转载 android 点击通知栏消息打开activity的几种判断方式及打开app方式
android的通知栏消息点击事件如果是打开一个activity时，我们要考虑两种情况：应用正在前台运行。应用已退出。如果是第一种情况那么就好处理了，直接为Intent设置flag为FLAG_ACTIVITY_NEW_TASK，然后调用context.startActivity方法就行了。flag不是必须的，什么情况下需要设置flag？当在广播接收器中跳转到activity时，当在serv...
2018-11-27 11:00:50
6320
转载 最完美解决win10,win8 环境下 安装svn等一系列msi 2503 2502
相信有很多人在win10 win8环境下 安装不上svn 的确是管理员权限的问题 网上所说的方法基本上都很鸡肋 ,并不能完全解决问题.那么您不妨试试这个方法 :1.ctrl+alt+del 打开任务管理器--->详细信息--->找到explorer.exe结束掉它 如图2. 任务管理器左上角 文件--->运行新任务--->写入explorer.exe 打勾----&g...
2018-06-16 22:18:10
186
转载 Mycat入门教程 windows环境
mycat介绍介绍在官方网站上有比较详细的介绍，在这里复制粘贴没什么意思，大家到官网上看官网链接前置条件本教程是在window环境下运行的，实际生产推荐在Linux上运行。 必备条件(自行安装,如果不会装请先打好基础在来学习)：JDK：建议是1.7及其以上。MySQL：必须是5.5及其以上。拓扑结构两张表users和item，三个数据库db01,db02,db03（三个库在一个数据库实例上）use...
2018-04-03 16:20:50
3815
1
原创 SVN服务器搭建
1.远程服务器搭建下载并安装VisualSVN server下载VisualSVN server 下载地址：https://www.visualsvn.com/server/download/ 下载完成后是这样的 安装VisualSVN server` Location是指VisualSVN Server的安装目录； Repositorys是指定你的版本库目录； Server Port指...
2018-04-02 18:23:53
160
转载 安卓优秀框架
1. Retrofit 一句话介绍：Retrofit是一款类型安全的网络框架，基于HTTP协议，服务于Android和java语言上榜理由：Retrofit以21.8k的stars量雄踞github中android子标题榜首，第一当之无愧。官网地址 http://square.github.io/retrofit/github https://github.com
2018-02-08 17:10:09
398
转载 AndroidStudio多渠道打包（方便实用）
说到多渠道，这里不得不提一下友盟统计，友盟统计是大家日常开发中常用的渠道统计工具，而我们的打包方法就是基于友盟统计实施的。按照友盟官方文档说明，渠道信息通常需要在AndroidManifest.xml中配置如下值：value="Channel ID" android:name="UMENG_CHANNEL"/>1 上面的value值Channel_ID就是渠道标识。我们的期
2018-01-15 11:14:41
243
原创 支付宝支付（以后肯定用的上）
支付宝可用demo下载地址根据官方的文档我们会需要下面几个参数 // 商户PID public static final String PARTNER = ""; // 商户收款账号 public static final String SELLER = ""; // 商户私钥，pkcs8格式 public static final Str
2017-11-27 11:08:54
249
转载 Android 实现RecyclerView的下拉刷新和上拉加载
需求先上效果图， Material Design风格的下拉刷新和上拉加载更多。源码地址（欢迎star） https://github.com/studychen/SeeNewsV2如果对于RecyclerView还不熟悉，参见这篇 Android Material Design学习之RecyclerView代替 ListView本文链接 http://blo
2017-08-10 10:57:03
484
转载 android 四大组件详解
这个文章主要是讲Android开发的四大组件，本文主要分为一、Activity详解二、Service详解三、Broadcast Receiver详解四、Content Provider详解外加一个重要组件 intent的详解。一、Activity详解Activty的生命周期的也就是它所在进程的生命周期。 一个Activity的
2017-08-02 14:55:36
275
原创 仿赶集网Fragment切换动画效果
赶集网首页的Fragment点击按钮切换时，是有动画效果的，看着还不错，就参考网上的思路，照着实现了一下，下面是效果图：思路：类似于Activity的转场动画一样，为FragmentTranslation添加指定的动画即可。代码如下：1.自定义属性动画Layout,可extends任意一个布局，添加如下 set方法。使布局支持自定义的属性动画。public class Sli
2017-08-01 11:00:23
657
转载 android中view手势滑动冲突的两种解决方法
android中view手势滑动冲突的解决方法，主要解决方法有两种，外部和内部拦截。有需要的可以参考下。Android手势事件的冲突跟点击事件的分发过程息息相关，由三个重要的方法来共同完成，分别是：dispatchTouchEvent、onInterceptTouchEvent和onTouchEvent。?1public
2017-07-31 17:43:33
2197
MVP简单运行demo，简单容易上手，代码简单注释清晰
2017-11-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人