- 博客(46)
- 收藏
- 关注
RSS订阅原创 vue使用pdf.js实现在线查看pdf文件
在后续项目中又实现了该功能，没有遇到以上问题，盲猜是因为pdf dialog标签上加了v-if，光设置visible.sync只会控制元素的显示隐藏，不会重新渲染，总结：只要是dialog最好加上v-if，会避免很多问题。需求：有一个列表页，用户点击查看，弹层展示后台接口返回的pdf内容(不是文件、地址之类的，乱码的pdf铭文(二进制文件流))如果后端返回的是html，前端调用的接口responseType就不要用blob了，直接将返回结果放在v-html里面。1、多次查看后头部内容不显示。
2024-02-02 15:38:11
1481
原创 vscode安装离线插件
从第4步开始，但我此时在公司电脑，我公司电脑也有网，只是不能访问vscode的网站，那我在公司电脑执行这些命令吧，一通操作，没成功，之前放extensions目录下的eslint文件夹也给我整丢了（本身也。，唯一的一点是三个id不知道怎么弄，开始我没改，使用的是其他的插件id，看了右侧拓展项已经有了eslint插件，但是把那个id插件给挤掉了，我去查eslint的id也没查到，干脆直接删了，，我打开某个代码文件，好了，已经有格式报红了，成功，后续再看下家里电脑上面的id是什么，补上，以防万一后续出问题。
2023-12-21 15:40:15
382
原创 element使用小结
1、tabel表头文字自定义效果（换行，不同颜色）换行：<el-table-column prop="otherCost" :label="'本期累计\n(元)'"> // 通过:label添加\n</el-table-column>.xx .cell { white-space: pre-line;}关于换行也可以使用width设置宽度进行换行，但不好控制换行字体个数（上少下多），而且整体列的宽度效果会不好，不能做到均分。颜色：...
2023-11-24 15:50:17
1329
原创 前端配置项
默认下载安装所需插件的时候会自动添加配置，但有时候可能需要自己去配，比如系统重装（重装的是C盘，系统变量会丢失，软件在其他盘符并不需要重新下载，但其实最省事的方法还是重新安装这些软件，但我想看看造成问题的原因）。前端开发涉及到需要配置变量的软件有：git、nvm、node、vscode…。
2023-04-17 16:29:04
891
原创 vue组件的使用及通信
子组件mounted() { // 调用父组件@rightBottom上绑定的getEnergyStruct方法，this.areaStatus为getEnergyStruct方法传的参 this.$emit('rightBottom',this.areaStatus) },methods: { changeData(res){ console.log(res,'changeData2') }}父组件<rightBottom ref="rightBotto
2021-05-13 17:00:26
196
原创 react环境搭建整合
1、node安装之前博客中有提到添加链接描述，看前3步2、安装create-react-appcnpm install -g create-react-app3、创建项目create-react-app react-project1 //项目名称4、本地服务启动 1. cd react-project1/ 2. npm run start这就跑起来了5、项目架构6、文件介绍|-node_modules //项目包|-public
2020-12-17 14:35:15
242
原创 前端敏感内容部分隐藏场景实现
手机中间三位隐藏var phone = $('#omitphone').text();var mphone = phone.substr(0, 4) + '***' + phone.substr(7); $('#omitphone').text(mphone);银行卡后四位显示，后5-8位隐藏，其他前面剩余位数显示var card = $('#omitcard').text();var cardlength= card.length;var mcard = card.substr(0,
2020-05-21 16:53:57
738
原创 年月日时分秒分析及常用功能实现
补充：var date = new Date();var year = time.getFullYear();//获取年var month = time.getMonth()+1;//获取月var date = time.getDate();//获取日，上面有讲到var hours = time.getHours();//获取时var minutes = time.getMinutes();//获取分var seconds = time.getSeconds();//获取秒看懂了上图我想.
2020-05-19 22:03:42
1421
原创 node项目搭建及数据获取
1、到官网https://nodejs.org/en/download/下载node我的电脑系统是window 64位的2、测试是否安装成功3、安装淘宝镜像（说是下载会快一点，跟着潮流走吧）或者cnpm install npm -g //即使用cnpm代替npm4、安装express为什么不直接cnpm install express -g呢，cnpm install e...
2020-05-19 18:32:00
554
原创 JSON.stringify()和JSON.parse()应用场景
前言JSON.stringify()：将对象、数组转换成字符串JSON.parse()：将字符串转成json对象应用场景1、a、浏览器创建、获取（sessionStorage、localStorage、cookie）数组内容b、路由（浏览器地址）传参、获取数组内容创建、传参的时候使用JSON.stringify()(如果不使用JSON.stringify()存进去的将是[object object]，所以如果我们开发中遇到了获取内容的时候是[object object]不妨试试JSON.st
2020-05-19 18:27:26
2003
2
原创 css常用、兼容性等特殊样式
解决placeholder或者输入文字或者说光标偏上不垂直居中的问题input{ line-height:normal//兼容性问题}
2020-01-12 14:18:28
569
1
原创 小程序实现three,two,one,go倒计时
其实很简单，和时分秒、获取验证码倒计时类似（其实比他们都简单）描述：three,two,one,go为四张图片，即一秒切换一张图，四秒后显示其他内容核心代码：jsvar interval;//声明定时器Page({ data: { countdownImg:["go.png","one.png","two.png","three.png"],//所有图片 comeI...
2019-11-08 14:53:07
991
原创 vue修改打包上传后浏览器缓存
vue缓存还是蛮大的，如果不刷新的话，而且这次刷新了下次重新进来还是会显示刷新之前的内容，是不是很坑啊。那么如何解决呢，其实很简单的1、在项目根目录中找到bulid文件夹，找到webpack.prod.conf.js，也不要忘了找到webpack.testqa.conf.js，前面的是线上打包的处理文件，后面的是测试地址打包的处理文件，一并改了吧2、修改文件const Version = n...
2019-09-29 16:44:35
1611
1
原创 小程序中特殊数据取值
遍历字段名称（键）<view wx:for="{{classType}}" wx:for-index="key">{{key}}</view>场景：遍历C1、C2{{[circle.tagList[item.project_tag]]}}
2019-09-25 18:21:23
157
原创 git命令实现代码管理和遇到的问题以及sourcetree可视工具
sourcetree文件状态----暂存所有----- master双击—location右击—合并location至当前分支----推送
2019-09-05 10:18:59
1768
1
原创 vue各种命令问题
vue打包：npm run dev后报错，大致是static/js/vendor.xxxxx.js这个js Uglifyjs，以及muse-ui的js有问题，具体报错情况如下：对于初次接触vue的我来说蒙圈中，最后大致明白是什么意思了， 看到Uglifyjs就应该明白是检测js代码时代码质量没通过，但还是不知道从哪里下手啊，最后解决是受这个解决方案的启发module: {rules: [...
2019-08-09 21:47:27
700
2
原创 防止this指向改变
无论是小程序、vue还是浏览器中都会用到this，this指向被改变最常见的就是setTimeout中，那么如何避免呢？1、在setTimeout外部声明thisvar that = this;setTimeout(function(){ _this.$router.replace('/audited'); }, 2000);2、使用箭头函数setTimeout(()=>{ th...
2019-08-07 10:52:11
234
原创 关于css设置第n个元素
1、3个元素一行，间距设置方法一：设置中间元素margin-left,margin-right，获取第2、5、8、11…元素，找到公式最重要，公式为3n+2(下面会附上公式讲解),所以就是.class:nth-child(3n+2){ margin:0 20px;}方法二：设置每个元素margin-right,然后再找到每一行的最后一个元素即3的倍数(公式3n+3)元素margin-r...
2019-06-19 18:24:13
3579
原创 记录一次mysql本地建数据库的步骤及遇到的问题
1、在Navicat for MySQL上connect–mysql提示2013错误后来发现原来我是没有mysql，因为之前连接的是线上数据库，看来这个Navicat for MySQL仅仅是个视图工具，要想建立自己的数据库还必须有mysql，那好吧，去下载MySQL2、mysql下载地址：https://dev.mysql.com/downloads/mysql/这个不愿意登录注册点...
2019-05-23 14:37:58
180
原创 html对SEO的优化
1、meta标签，这个是重中之重<title>html对seo的优化</title><meta name="title" content="html对SEO的优化">/*不推荐用这个*/<meta name="keywords" content="SEO,爬虫，搜索引擎、百度、html优化"><meta name="descriptio...
2019-05-22 14:12:42
10390
2
原创 transition、transform、translate分不清只因他们长的太像了
先上图，图片最了然（借用哈）细说：transition是一个单独的属性，有四个属性值举个栗子：{transition: width .3s ease-in .1}transform包含translate，translate在transform中属于移动，他又分translate3d,translateX,translateY,translateZ, translate3d是transla...
2019-05-17 16:25:57
829
原创 关于div间距的问题
1、两个div之间莫名的间距div{margin:0;padding:0}一般我们的页面会直接设置所有的元素间距为0，如果你注意到这一点，也就不会存在这个问题了*{margin:0;padding:0}2、display:inline-block元素产生的下、右间距div{vertical-align:middle; /*当前元素，去掉下边距*/}.parent{font-siz...
2019-05-16 16:02:45
5439
原创 node从接口到前端调用
先看下项目搭建出来的目录bin\www为我的项目入口，启动执行的是当然也可以是node app.jspublic里面放引用的图片、js、css，当然我这里还用了sass，这可能是个本方法，node应该有更好的方法，暂时先不研究了；views里面放的就是网页啦；routes放接口啦，蛮重要的，我这里connect配置的就是数据库的信息了，index.js里面放的接口，因为现在接口还不多，所...
2019-05-15 17:09:27
2721
原创 css实现居中
要考虑布局场景，很多方法主要是有几个简单的并不适合复杂布局，另外这里只说垂直居中，水平居中略1、height配合line-height/*父标签*/.parent{ height:320px; line-height:320px;}2、使用display:table-cell/*父标签*/.parent{ display:table-cell;//使用不好会存在宽度不够、子标...
2019-05-06 16:39:31
157
原创 swiper使用笔记
初始化<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">slider1</div> <div class="swiper-slide">slider2</div> <di...
2019-04-28 14:16:40
244
原创 记录维护Android项目遇到的小问题解决方法
这些问题基于从开发商那里拿来的完整项目，所以遇到的多是配置和一些小细节上费事研究的问题，针对的问题比较片面、个人话。1、微信接入（分享微信、朋友圈，微信支付、微信登陆)提示 “包名不对，请检查包名是否与开放平台上填写的一致”检查app文件夹下面的build.gradle defaultConfig是否有applicationId配置，applicationId配置的就是包名了如果不知道包名...
2019-04-26 13:53:03
196
原创 页面加载速度优化
个人觉得主要是图片的优化：1、针对小图片a、雪碧图，将多个小图片整合在一张图片上，减少http请求次数。b、使用icon font，可以自己设计svg图片通过阿里矢量官网https://www.iconfont.cn 下载自定义小图标，如果对小图标要求不严可直接使用阿里相近小图标。2、如果是大图，使用阿里矢量图就不太合适，可以使用线上资源，比如将图片上次oss服务器，直接调用oss...
2019-04-24 14:34:05
124
原创 Android全屏弹出另一个页面需求实现
场景：当前页按钮点击需要在当前页全屏显示另一个页面，当前页通过以下代码调用另一个界面Bundle args = new Bundle();args.putParcelable("GoodsInfoBean", goodsInfoBean);//传数据haibaoFragment.setArguments(args);//haibaoFragment为被调用界面所在的java文件haibao...
2019-04-19 15:01:05
2007
原创 Android studio使用逍遥模拟器运行项目
前言：我们都知道1、Android studio自带模拟器运行很慢，等一个程序运行我可以写一篇博客了；2、安装的模拟器会占用好几个G的内存，我在用虚拟机的时候还老是闪退，猜想估计是内存泄漏，项目太大运行不起来；3、有些功能比如录音、聊天之类的还无法运行。那么使用真机是最好不过的，无奈，如果公司没有测试机拿你自己手机有点心疼，而且有时候即使你愿意贡献你的手机也不支持，不如我的是iOS的，所以决定用电...
2019-04-10 11:53:02
4929
原创 检查Android项目是否存在错误
启动项目的时候没有报错在虚拟机运行的时候却报错，所以要彻底防止错误还需要多一步检测，这也是更全面更详细的了解问题在命令行中进入项目的根目录，或者可以在Android studio的Terminal中直接操作也可以，然后敲入一个命令：gradlew compileDebug --stacktrace或者gradlew compileDebug --stacktrace --info/--d...
2019-04-08 18:45:44
298
原创 常用sass语法
总结一下个人项目中用到的sass语法@extend:继承样式块继承已经存在的样式块.btn { border: 1px solid #ccc; padding: 6px 10px;}.btn-primary { background-color: #f36; @extend .btn;}继承不存在的样式块（占位符%）%placeholder{...
2019-03-26 16:17:35
781
1
原创 Hbuilder打包html5 app页面
1、新建移动App，选择Hello H5+实例模板。2、新建后，在manifest.json(这里下方有多个tab项设置，此处为应用信息)里面修改需要生成的h5页面路径，可以使用本地文件，也可以使用上线的链接。3、图标设置、启动图设置等。4、在目录右键---->发行---->发行为原生安装包。5、在弹出的窗体里，可以选择IOS打包，也可以选择Android打包。首先，看IOS是...
2019-03-18 11:06:40
2676
2
原创 vue环境搭建
1、安装nodejs，地址：https://nodejs.org/en/ ，选中最新版本，选好安装路径一路next；确认是否安装成功：cmd执行node -v查看版本信息；2、vue-cli脚手架安装：需要用淘宝镜像的话先用npm安装淘宝镜像(cnpm)，命令：npm install -g cnpm –registry=https://registry.npm.taobao.org ，然后执行(...
2019-03-16 16:20:16
262
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人