- 博客(150)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 springboot项目中添加大屏页面
components: { // 注意component 下name的命名，需要为全小写。图片 出不来了，后期方便话补上，就是都在同级目录下组件的vue文件和index.html。在非前后端分离的项目中根据项目需求需要添加一个大屏页面。我是把httpVueLoader.js 下载到本地引入。在组件的引入时候添加 ref 及方法的对应方法名。引入http-vue-loader.js。组件到页面再调用页面到组件。注意二下面方法的使用需要。
2023-10-09 21:54:40
275
原创 uniapp自定义图标库引入
使用u-icon标签时，发现该组件支持custom-prefix属性，参考它的说明。我们可以得到字体包。对于移动端有设计搞，且设计师大量使用了非uniapp支持的图标展示的。注意的是对于渐变的按钮，是不支持字体包形式定义的。
2023-10-09 21:52:32
443
原创 echart实现地图展示
但是实现的时候发现了一个问题平台下载下来的地图文件是有一百多kb的有点大。我是选择了其它类型下的FeatureCollection类型然后直接下载到本地，在项目里面引入的。// color: '#6cb3e4', //标志颜色。text: ['高', '低'], // 文本，默认为数值文本。import geoJson from './hunan.json' //地图包。// aspectScale: 0.75, //长宽比。// name: '点',
2023-06-01 14:02:11
1985
原创 vue 实时播放高清视频
在监控类型项目中有时候会需要使用到直流播放器。对于有高清需求的播放，我们使用了jessbuca来支持。我们可以根据他的项目结构来搬运到我们自己的项目中，然后查看实现的效果。参考该网站我们可以得到解决的方案。参考git上面他们提供的代码。
2023-05-20 22:48:39
250
原创 vue项目中使用websocket
参考他的代码开始较好的实现了我们的需求，因为当时视频预警图片推送过来的时间是一分钟。但是对于高清页面的播放则会出现websocket老是掉线包1006的错误，但是心跳监测会使websocket即时的重新建立连接并不影响图片预警的效果的。console.log('websocket 断开: ' + e.code + ' ' + e.reason + ' ' + e.wasClean)这次在项目的预警管理相关中，在实时监控页面的视频中使用了websocket来实现接收客户端盒子推送过来的预警信息。
2023-05-20 20:17:26
937
原创 简易axure设计原型流程
使用的方法是另外开始一个anxre软件打开vant原型库 Vant元件库.rp文件，再指定的页面找到需要用到的部分复制，因为这样取用的已经添加上了一些事件和流程可以较好的提升我们实现页面的速度。另外注意复制动态面板时如果当前是在页面里面选中动态面板的话是复制不到理想的state下面的，需要进入到动态面板下面的state中选中指定的动态面板来复制。我们这里做的是移动端的项目，基于提供的参考视频，截图了app的图片，作为实现原型时候的背景图。使用了vant下表单中的选择器来实现带关联关系的选择器的展示。
2023-05-16 09:13:17
385
原创 操作 select的options对象
HTML DOM集合最近我朋友要我帮他写一些需求，然后就需要更新select中的options对象我还以为要使用InnerHTML循环出来结果最后出奇的顺利，因为发现了这一个属性然后我最近打酱油的看来一本书编写高质量Javascript代码，我还是有一些印象的就把它当中的建议3：减少全部变量污染加了进去然后实现的时候，又发现了不止哪个小哥哥小姐姐写的很好用的封装好了
2022-11-14 15:42:40
365
原创 axois获取文件上传进度
在request中封装了axios以后，然后再单独的api文件中引入，当文件上传的时候在文件比较大的场景上，我想要在文件上传的过程中获取文件上传的进度参考地址：axios上传文件获取上传进度_m0_46627730的博客-CSDN博客_axios获取上传进度修改为：api.jsexport function batchCreateModels(params,configs){return request.post('xx/xxx',params,configs)}
2022-02-24 15:33:03
1013
原创 DES加密
参考地址：vue DES加密(超详细)_u014678583的博客-CSDN博客_des vue在与后台传输数据过程中，我们要避免采用明文传输密码相关的数据后台对于密码的处理暂时采用的是des加密，为了保持与原来数据的一致性，也采用这种方式按照参考地址的方式实现了以后，发现加密的数据与后台发过来的不一致，又参考了地址前端vue项目中cryptoJS AES加密_天山小黎的博客-CSDN博客修改了填充方式，后来干脆修改了加密方式，但是仍然是不一致的通过查找在线的des加密工具，
2022-02-24 15:27:03
1261
原创 svg--使用path属性改造箭头 bootstrap 4
类似这种data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='red' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/></svg>但是这种...
2019-03-15 19:38:35
3763
原创 字符串处理
1、sting 转化为 g_n_i_r_t_s具体参考https://www.cnblogs.com/timejs/p/5502641.htmlreverse()是数组的方法reverse() 方法用于颠倒数组中元素的顺序参考地址：http://www.w3school.com.cn/jsref/jsref_reverse.aspjoin() 方法用
2018-04-25 17:00:14
233
原创 vue 基于图形验证码实现的base64图片的展示
1、是作为背景图片的展示，很抱歉一直没有试出来护体的方法了参考的地址有https://www.cnblogs.com/can-i-do/p/7860985.html这种还算比较实用的，可是额，他并没有解决我的问题，因为我需要这个图片是可以更新的，这里是死的2、然后是单纯座位图片的展示使用img标签这个作者https://www.cnblogs.com/can-i-do/
2018-04-25 16:59:08
7056
原创 vue el-upload
先从file对象说起http://www.w3school.com.cn/jsref/dom_obj_fileupload.asp其实原来我也不太了解~~原来不是js对象哈，是HTML DOM对象原来不是只要直接配置地址不，但是现在后台的格式没有按照这边上传的来，因为使用了自定义的方法具体的我本来想通过参考这个地址实现https://segmentfault.com/q
2018-04-25 16:57:46
4167
原创 操作 select的options对象
HTML DOM集合最近我朋友要我帮他写一些需求，然后就需要更新select中的options对象我还以为要使用InnerHTML循环出来结果最后出奇的顺利，因为发现了这一个属性然后我最近打酱油的看来一本书编写高质量Javascript代码，我还是有一些印象的就把它当中的建议3：减少全部变量污染加了进去然后实现的时候，又发现了不止哪个小哥哥小姐姐写的很好用的封装好了
2018-04-25 16:56:22
2294
原创 svg实现弧形文字
~~这个用的不是很熟，我就直接贴代码了就是用了二次赛贝尔曲线，一个起始点一个结束点还有中间两个点，过了弧度的切线一个链接起始点一个链接结束点 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> ...
2018-02-12 11:56:56
2458
原创 vue 移动端轮播轻量级实现
这个插件如果使用它自带的slideTo()方法会产生跳转页面以后回退的问题，主要是由于为了适应响应式布局的一个浏览器自带方法兼容问题。然后我在github上给作者提问了，他很积极的回复了并且提供了解决方案我们在本地的解决方案是重新给返回的list排序作者给我提供的解决方案是 另外初始化希望设置在第几个 slide 的方式，可以通过配置参数 curSlide=self.bFirst 的方式实现。不过...
2018-02-12 11:07:55
4098
原创 vue单页应用实现优化seo区分tdk
由于做的活动有tdk的需求，而且并不只有一个页面，所以就需要区分不同路由的tdk检索了很多方式开始尝试了一种智能实现title的替换，插件名字我忘记了，最后没有用他我现在使用的是 vue-meta-info但是查阅了资料以后好像更优的话还需要其他设置，但是现在基本满足需求了~~而且我原来修改以后发现都配置完了以后居然只有什么都是undfine，所以很懵逼参考地址：https://www.npmjs...
2018-02-12 11:06:08
3907
原创 vue vue-Router默认hash模式修改为history需要做的修改
主要是因为活动页会存在pc端的时候未登录的用户也需要访问的问题，因为未登录用户在活动页面进行操作的时候会触发到登录事件，然后我们实现的方式是通过接口来判断，该接口标记的是一个upn的值然后登录的时候是单点登录，不知道是否回调地址不支持vue形式下hash模式的路由，因而自动忽视了后面的#路径然后我查了一下一般回调以后#后都会默认为书签，我转义了然而还是只能职别#之前的路径由于不是很清楚登录单点那一...
2018-02-12 11:04:28
46504
2
原创 vue 项目图片的问题
原来是chrome上面预览开发的然后遇到了问题就是反馈回来产生了火狐还有360上首页有张图片不显示的问题开始排查起来以为问题是图片过大的问题，因为我使用的是本地的而不是修改最大的值（出于优化加载速度的需求，原来他们做的营销活动并没有很多图片但是月份活动会有问题，因为版式和图片色彩的问题，图片很大，占用的内存也比较多，因为那种修改图片编译时候的最大值的方法非常不可行）后来我添加活动二的时候以为是因为...
2018-02-12 11:01:48
1116
原创 vue 针对img本地静态图片的路径问题的解决方案~
https://www.cnblogs.com/xiaojingyuan/p/7080768.html参考的是这个地址就是不是有一个文件是设置了最大的压缩的图片的大小的吗，如果设置那个拉大的话由于转化为了base 64的编码就会使得整个static下面的 css文件夹会大好多好多，就是可以使页面打开需要多花个几秒然后解决方案的话，我原来相通过修改config下的index.js文件来修
2018-02-02 10:52:53
5691
原创 vue与jq混用
原来没有实现过vue与jquery混用然后百度了一下~~原来实现的是使用elementui框架加上原生的js实现的然后没有用过我就很方做完的时候还想着要不要套一套移动端的ui elementui到项目里面，可是想想都写完了很麻烦，然后就继续用原生的方法来实现页面中存在的计算功能~~但是暂时没有遇到使用混用vue与jq带来的操作DOM的问题，坑你目前阶段需求较少然后我
2018-02-02 10:51:15
4163
原创 vue配置多页面应用~
百度~~然后看了很多最后配置出来了，可是由于对流程的不熟悉吧最后到线上构建的时候使用的是 cnpm run build 来实现部署然后我那时候额，不对我现在对配置文件也不是掌握的很6，然后一部分的资源没加载出来我就方了原来做多页面应用也是因为有一个移动端和一个pc端而且由于是活动页面相对应的tdk是很多的呐，所以我觉得用xx多页面实现比较好但是vue可能比较适合搭建多页面应用吧
2018-02-02 10:50:49
5780
转载 new Date()兼容ios
最近遇到了台历的组件在安卓手机上显示正常，但是苹果手机上根本alert不出值的问题这个讲的比较细致，然后我就拿过来了~带变量的表述 vardate =newDate(year+"/"+yue+"/01");（-----这个不是我写的~~） 在IOS5以上版本（不包含IOS5）中的Safari浏览器能正确解释出Javascript中的 new
2018-01-04 17:16:31
779
原创 vue 操作多维数组
原来有使用elemgnt ui来实现编辑图片就需要用到多维数组陷入了一个误区，多维数组的初始化，然后要使用的是二维数字我使用的是 xxlist:[[]],额~没有理解到位，结果定义成了a[0]=[];相当于这种类型的然后用昨天需要实现兑换奖品就需要传入prizeList的json对象虽然花的时间比较久，但是实现一次下次就容易很多了，我贴一下代码
2018-01-04 16:12:17
6919
原创 vue 配置axios
需要通过cmd命令来安装cnpm install axios在main.js中通过import axios from 'axios'Vue.prototype.$axios = axios;来引入最后为了直接使用它，可以参考地址http://blog.csdn.net/sinat_17775997/article/details/69367204来配置呐我们这边
2018-01-04 16:06:35
337
原创 vue plugins
vue配置全局文件这个操作不用安装插件在src文件夹下新建plugins文件夹，下面新建一个glbConfig.js的文件exports.install = function (Vue, options) { Vue.prototype.$CONFIG = function () { var config={};
2018-01-04 15:56:01
4933
原创 Swiper实现带两侧带遮罩层的滑动效果
swiper 3我原来采用的是swiper3实现的主要代码我po一下html:divclass="swiper-container"> divclass="swiper-wrapper"> divclass="swiper-
2017-09-26 16:10:35
4598
原创 javaScript中的相等性判断
ES2015中有四种相等算法：1、抽象相等比较（==）2、严格相等比较（===）：用于Arrray.prototype.indexOf,Array.prototype.lastIndexOf,和case-matching3、同值另：用于%typeArray%和ArrayBuffer构造函数、以及Map和Set操作，病将用于ES2016/ES7中的String.prototype.inc
2017-09-26 15:41:36
241
原创 自定义radio单选组样式
参考地址：http://www.cnblogs.com/CheeseZH/p/4580062.html我做的时候啊哈以为是checkbox没想到是radio组，不是复选是单选，哈哈不过我实现的时候是当成checkbox来做的，然后发现只能二选一就更改了需求。html:
2017-09-06 17:17:41
1151
原创 动画烟花绽放的效果
用百度搜索了很久，好吧，其实原来找的时候也看到了可以用的只是觉得有些些丑就没有用的。然后我又上了https://codepen.io/ 找动效效果呀，他们一用其他的比如好吧，比如我没掌握那些的心语法的而且用到醒目里面还要配置一些些的我都不敢用。。。。、然后找了很久也没有找到怎么合适的烟花的动画还有去年的活动页国庆节的时候有烟花效果然后就直接拿过来了开始为了
2017-09-06 17:16:28
915
原创 使用mmenu制作侧边抽屉菜单
要实现如上图所示的侧边菜单栏，这个要求。好吧没有什么好写的我原来做过一个企业官网手机端刚好也有这种侧栏抽屉的菜单，这个菜单是我两年前做的，我原本想用jquery或者js实现类似这种效果的，毕竟那是两年前实现的了但是居然好吧要求就是尽快弄好，然后我测试了一下我两年前做的那个官网的侧边抽屉菜单在安卓机还有苹果机上展示和使用都是没有问题的。它的官网是 http://mmenu.frebsi
2017-09-06 17:15:25
2013
1
原创 jq判断页面滚动条上滚还是下滚
参考地址：http://www.haorooms.com/post/jquery_scroll_upanddown实际参考地址：https://segmentfault.com/q/1010000002620368scroll(function(direction) { console.log(direction) }); function scroll( fn ) {
2017-06-13 14:57:36
2209
原创 svg之clip-path更多效果的实现
一个方便实现效果的网站：http://bennettfeely.com/clippy/ 记得用chrome浏览器打开，然后写的时候记得加上兼容，如果是手机页面上的话就不用浏览器兼容了
2017-06-09 16:40:47
582
原创 animate实现单向轨道旋转
html:divclass="right fif-right"> divclass="imgBox"> imgclass="wow bounceIn" src="../../public/static/images/special/ftoulDown/down5-
2017-06-08 17:54:09
4660
原创 rudy环境下sass编译报错的问题
当我从svn析出项目以后，打算直接在scss文件中添加样式的时候，发现居然不编译，可能是因为没有配置自动编译的环境。然后由于原来使用过sass,但是已经很久没有用了，虽然在深圳的时候那应该是两年前的时候就有使用。然后我就开始doubt是不是我以为的那样编译，我就问了同事，好吧，居然是这样编译的，不是应该自动编译吗，可能是我的编辑器的问题。居然不是的，由于好吧，告诉我用百
2017-06-07 11:37:39
3120
2
FastStone Capture
2017-03-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人