- 博客(51)
- 收藏
- 关注
RSS订阅原创 uni app跨端开发遇到的问题
因为项目中有地图，要使用到map标签，所以考虑用原生nvue开发，它是有痛点的，首先浏览器不支持，我是要开发ios和Android，所以只能在模拟器上运行，模拟器上就没法查看元素了啊，可想而知；不能少，比如登录的时候：“我已阅读并同意xxxxxx”，并且这两个协议需要用iframe嵌套一个地址实现（写一个html，然后发布到服务器，域名就有了），不是写在项目页面里，这个好像是在上架那里也需要把这个地址在那里配置（很多东西项目里配置过这里也要配，具体不清楚，我们是负责人配的），所以要这么弄。
2025-03-25 14:49:28
624
原创 HbuilderX的使用
b、Hbuilder-运行-运行到手机模拟器（也可以运行到浏览器，先在浏览器上调试，模拟器无法查看元素、控制台这些），初次运行这里应该要先进行运行配置，设置adb路径，就是mumu的adb.exe完整路径（shell下面），设置端口号，前面有提到，别的应该就不要了，然后就可以 运行到App Android基座-弹窗运行，如果没有检测到再刷新一下，列表里面就会有了。这样不行，因为后面还会用到绑定插件，你用自己生成的appid将没有绑定这个插件（需要购买和申请试用，咱没必要自己搞，也无法保证项目的统一管理）。
2024-11-19 17:45:38
2781
原创 乾坤项目学习总结
通俗点讲乾坤就是在一个项目里面套另一个项目，一个项目在另一个项目框架里运行（有点像iframe了，为什么不用后面附官网）；两个项目可以是不同的框架、技术实现，前者项目我们叫主应用，后者叫子应用，然后我们还需要创建一个微应用项目。
2024-10-29 14:56:09
225
原创 uView使用心得
其实在第4次测试已经实现了，并且这个时候我也大概观察出来为什么，我也是想验证下我想的对不对，所以才有了第6次，但后面感觉实在太麻烦了，我的猜想还是有点模棱两可（可以看下我的胡言乱语，safeAreaInsetTop：true，会与顶部留出安全距离，看来是页面内容和顶部的距离，此时 u-popup__content设置了白色背景那这个间距就出来了，所以它俩不能配合，如果白色背景要设置在u-popup__content上，那么safeAreaInsetTop就只能用false），就没继续了。
2024-09-12 15:29:25
749
原创 回车键实现登录
注：如果用的不是原生标签，比如form、input使用的element的组件，可能需要加.native（@keyup.enter.navtive）阻止默认事件。直接在登录标签上（button）绑定回车方法无效。这个父标签可以是一级的也可以是多级的，只要是上级标签能包裹整个输入模块就行，可以是div标签也可以是form标签；执行的方法可以直接调登录click绑定的方法。在整个输入域的父标签上添加 @keyup.enter=“submitFunction”（推荐）。开发框架vue + element ui。
2024-08-27 14:54:05
551
1
原创 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
2525
原创 vscode安装离线插件
从第4步开始，但我此时在公司电脑，我公司电脑也有网，只是不能访问vscode的网站，那我在公司电脑执行这些命令吧，一通操作，没成功，之前放extensions目录下的eslint文件夹也给我整丢了（本身也。，唯一的一点是三个id不知道怎么弄，开始我没改，使用的是其他的插件id，看了右侧拓展项已经有了eslint插件，但是把那个id插件给挤掉了，我去查eslint的id也没查到，干脆直接删了，，我打开某个代码文件，好了，已经有格式报红了，成功，后续再看下家里电脑上面的id是什么，补上，以防万一后续出问题。
2023-12-21 15:40:15
872
原创 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
1481
1
原创 前端配置项
默认下载安装所需插件的时候会自动添加配置，但有时候可能需要自己去配，比如系统重装（重装的是C盘，系统变量会丢失，软件在其他盘符并不需要重新下载，但其实最省事的方法还是重新安装这些软件，但我想看看造成问题的原因）。前端开发涉及到需要配置变量的软件有：git、nvm、node、vscode…。
2023-04-17 16:29:04
1056
原创 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
249
原创 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
287
原创 前端敏感内容部分隐藏场景实现
手机中间三位隐藏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
806
原创 年月日时分秒分析及常用功能实现
补充：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
1471
原创 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
628
原创 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
2350
2
原创 css常用、兼容性等特殊样式
解决placeholder或者输入文字或者说光标偏上不垂直居中的问题input{ line-height:normal//兼容性问题}
2020-01-12 14:18:28
790
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
1058
原创 vue修改打包上传后浏览器缓存
vue缓存还是蛮大的，如果不刷新的话，而且这次刷新了下次重新进来还是会显示刷新之前的内容，是不是很坑啊。那么如何解决呢，其实很简单的1、在项目根目录中找到bulid文件夹，找到webpack.prod.conf.js，也不要忘了找到webpack.testqa.conf.js，前面的是线上打包的处理文件，后面的是测试地址打包的处理文件，一并改了吧2、修改文件const Version = n...
2019-09-29 16:44:35
1763
1
原创 小程序中特殊数据取值
遍历字段名称（键）<view wx:for="{{classType}}" wx:for-index="key">{{key}}</view>场景：遍历C1、C2{{[circle.tagList[item.project_tag]]}}
2019-09-25 18:21:23
196
原创 git命令实现代码管理和遇到的问题以及sourcetree可视工具
sourcetree文件状态----暂存所有----- master双击—location右击—合并location至当前分支----推送
2019-09-05 10:18:59
1951
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
802
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
273
原创 关于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
3764
原创 记录一次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
214
原创 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
10550
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
910
原创 关于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
5775
原创 node从接口到前端调用
先看下项目搭建出来的目录bin\www为我的项目入口，启动执行的是当然也可以是node app.jspublic里面放引用的图片、js、css，当然我这里还用了sass，这可能是个本方法，node应该有更好的方法，暂时先不研究了；views里面放的就是网页啦；routes放接口啦，蛮重要的，我这里connect配置的就是数据库的信息了，index.js里面放的接口，因为现在接口还不多，所...
2019-05-15 17:09:27
2864
原创 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
206
原创 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
336
原创 记录维护Android项目遇到的小问题解决方法
这些问题基于从开发商那里拿来的完整项目，所以遇到的多是配置和一些小细节上费事研究的问题，针对的问题比较片面、个人话。1、微信接入（分享微信、朋友圈，微信支付、微信登陆)提示 “包名不对，请检查包名是否与开放平台上填写的一致”检查app文件夹下面的build.gradle defaultConfig是否有applicationId配置，applicationId配置的就是包名了如果不知道包名...
2019-04-26 13:53:03
941
原创 页面加载速度优化
个人觉得主要是图片的优化：1、针对小图片a、雪碧图，将多个小图片整合在一张图片上，减少http请求次数。b、使用icon font，可以自己设计svg图片通过阿里矢量官网https://www.iconfont.cn 下载自定义小图标，如果对小图标要求不严可直接使用阿里相近小图标。2、如果是大图，使用阿里矢量图就不太合适，可以使用线上资源，比如将图片上次oss服务器，直接调用oss...
2019-04-24 14:34:05
157
原创 Android全屏弹出另一个页面需求实现
场景：当前页按钮点击需要在当前页全屏显示另一个页面，当前页通过以下代码调用另一个界面Bundle args = new Bundle();args.putParcelable("GoodsInfoBean", goodsInfoBean);//传数据haibaoFragment.setArguments(args);//haibaoFragment为被调用界面所在的java文件haibao...
2019-04-19 15:01:05
2152
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人