- 博客(40)
- 资源 (7)
- 收藏
- 关注
RSS订阅原创 测试68问
这类题目就是考测试工程师的基本能力了，比如测试计划，测试流程，如何bug，你做过哪些测试，一般我们认为这些能力做的再好都是应该的，不会有加分，但是只要做的不好，那就是个不合格的测试工程师了。如今是移动互联网的天下，谁家没有个应用，所以这一块基本都会问到，同时也会看你的简历，如果你没有做过，基本也不会问的太深，如果你是专门做这一块的，那么要好好准备了。这一块包括，自动化一些理念和自动化的工具使用。什么都离不开服务端，所以这是你逃不开的，一般来说服务端会问接口测试，性能测试，更深一点，埋点监控止血也会有。
2023-06-28 10:55:59
158
原创 测试用例三问三答
评审之前，需要将要评审的测试用例以及测试需求分析的结果（测试点分析）等文档提前发送给相关的人员；评审会议的主持者需要能够把控会议的进度，让参加评审的测试人员能够集中精力在测试用例上，而不要思维太发散而跑题。评审会议的主持者，需要事前做好关于测试用例的疑问，问题点等记录，以便于在评审会上引导提问和解答；评审会议结束之后，及时提交审核评审记录；并且与参加会议的人员分享评审记录。评审之前做足问题的沟通与反馈，以便于在评审会上节省时间；评审期间做好详细的记录，需要对有关的疑问和问题及时进行解释说明；
2022-09-26 15:59:15
657
原创 RN中view循环列表分割线时有时无的解决方法
前奏相信很多使用react-native开发app的朋友都有过这样的经力，使用View循环渲染的列表，有时候无法显示分割线，可明明都加的是borderBottomColor 和borderBottonWidth,还是有一些不显示，真实汗颜~，废话不多讲，安排~解决方案：通过多次排查，发现我们在样式中加了高度height，并且用了封装的px2dp像素转换的方法，导致计算出现了偏差，这时候主要不去使用px2dp即可解决问题！px2dp方法：const { width: screenWidt
2022-03-02 14:16:00
420
原创 React被废弃的三个生命周期函数及替代函数
前奏学习react的看官都知道，react生命周期函数贯穿于组件的初始化、挂载、更新、销毁的整个过程，可以说配合紧密，但随着react使用的深入，在业务开发中一些声明周期函数也带来了一些严重的问题，因此官方大大也很快做出了修正，废弃了几个容易造成严重问题的函数，并且给出来替代的函数。react精益求精的“弃子”1、componentWillMount2、componentWillUpdate3、componentWillReceiveProps原因在 componentWillMou
2022-01-25 10:51:23
4237
原创 react native TextInput输入限制字数长度在安卓和iOS设备上部分系统键盘输入问题
安卓和iOS很多机型上在输入汉字的过程中会出现将字母（拼音）先输入到输入框中参与计算，一般情况下不会有问题，但如果要做字数限制时问题就出现了。例如，限制只能输入10个字符。大部分人的做法是给TextInput加MaxLength={10}来限制字数，这看起来也十分合情合理，没有任何怀疑，毕竟这是官方提供的属性方法。但恰恰是这个属性导致在输入时出现超界问题。比如下图中，当先输入6个汉字，再输入2个字“测试”的时候，拼音字母 "cesh" 参与计算，已经达到了限制的10个字符，因此导致无法输入10个汉字就不能在
2022-01-21 11:39:14
4733
2
原创 封装react-native组件开源到npm
前奏做前端也有一段时间了，封装了大大小小很多的组件，至今自己都有点想不起来了有哪些了，但都是在项目代码里面。如果想跨项目使用，要用的时候需要一个个项目去翻找，还必须copy代码过去，着实头痛。近期，恰逢公司要求封装独立的组件系统供各个系统标准化调用。这才开始将现有组件逐一进行发布。当然，公司使用的内网，这里是我经过修改后，开源后方便自己之余以供大家参考。tips: 这里将采用第三方的插件（react-native-create-library）来进行快速集成（毕竟重复造轮子的事情，不是我们这些懒
2022-01-19 18:53:18
2414
原创 完美解决RN中ScollView包含多个TextInput手指触摸到Textinput区域内上下滑动失效的问题
完美解决RN中ScollView包含多个TextInput手指触摸到Textinput区域内上下滑动失效的问题
2022-01-17 19:36:23
2333
1
原创 react-native处理部分安卓机型中文文字显示不全问题
相信和我一样使用react-native开发app的朋友，都会遇到很多兼容问题。那么大家有没有遇到过小米10手机上<Text></Text>组件中的文字 显示不全（结尾的文字 不显示）的问题。这个问题困扰了我整整一个多月，也召集过组内人员进行头脑风暴，大家绞尽脑汁、上各大搜索引擎，技术论坛“求教”，最终终于在Stack Overflow找到了答案。废话少说，直接上干货。有两种方式可以解决此问题：第一种：（不推荐）这是一种笨办法，就是每个<Text>测试 &
2021-03-26 23:05:41
2047
1
原创 React-Native热更新
React-Native热更新安装环境：React-native 0.63.3React-native-code-push 0.6.3全局安装App Center CLI第一步全局安装appcenter的脚手架，通过npm安装，（国内用户可能会比较慢，请添加淘宝镜像）npm install -g appcenter-cli登录appcenter* 首次登录执行appcenter login 数秒后会打开浏览器，需要先登录，登陆后显示授权码，复制授权码粘贴到终端回...
2020-12-22 18:59:20
575
原创 前端简单文件上传方法
//公共方法export function fetchUpload(url, file){ const formdata = new FormData(); formadata.append("file", file); return new Promise((resolve, reject) = > { fetch().then(response => { ...
2020-05-29 15:50:47
501
原创 css样式中对button点击出现边框的问题最简单解决方法
有时候我们在给button添加了border-radius后，点击的时候按钮周围会有边框，体验非常不好，经过查询资料，解决办法为：IE浏览器：button:focus{outline: none} 或者 button:focus{outline:0}firfox火狐浏览器：button::-moz-focus-inner {border-color: transparent;}...
2020-05-28 09:26:54
2580
3
原创 jquery完美实现轮播图
CSS: .lunbo { padding: 0px 15px; margin-top: 20px; } .lunbo-wrap { width: 100%; height: 100px; overflow: hidden;...
2019-09-19 22:04:10
659
原创 前端识别二维码图片
来自：https://gitee.com/guyandog/QR_BR具体代码请下载 本站资源demoguyandog-QR_BR-master.zip 或者 guyandog-QR_BR-master -改动.zip如有不清楚的可以留言交流...
2019-07-25 00:34:12
1271
原创 h5轮播图 自动轮播
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...
2019-06-15 01:33:27
7006
原创 web H5 首页引导图
向左滑动切换，最后一张图点击进入，进入首页<!-- <img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=354250238,3380034834&fm=15&gp=0.jpg" alt=""> --><!DOCTYPE html><htm...
2019-06-10 10:17:26
2088
原创 响应式布局三步走
前言：制作响应式布局前，先开发固定尺寸的网页，当完成固定尺寸的网页后，在通过媒体查询为网页定制响应式布局第一步，引入meta<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">屏幕按1:1的尺寸显示并禁止用户缩放页面。&...
2019-05-14 10:44:05
938
转载 HTML5+通讯录获取指定多个人的信息
plus.contacts.getAddressBook(plus.contacts.ADDRESSBOOK_PHONE, function(addressbook) { //获取通讯录信息 for(var j = 0; j < username.length; j ) {//循环所选取的联系人，记得循环一定要放在这里，一开始我放在 plus.cont...
2019-05-06 14:06:04
1104
原创 Rect环状统计图工具类
由于公司项目需要，对可用金额和全部金额进行环状统计图统计，因此秉着不重复造轮子的信念，开始疯狂的度娘查询。例如ECharts 、 BizCharts 、G2都进行了考虑，不过由于项目中只需要单纯的环状图，所以如果将此插件引入项目，有点过于厚重，势必对项目性能造成一定的损失，so果断放弃。经过反复度娘筛选，最终确定用简书的一位简友的“使用JS绘制一个圆环统计图”，但公司用的reac...
2019-04-30 09:38:17
420
原创 input值变动自动触发事件
<!DOCTYPE html><html><head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>自动改变颜色</title><meta name="vie...
2019-03-28 17:16:54
6146
转载 web前端开发之浏览器兼容
csshack 1 2 3 4 5 6 7 我很少使用hacker的，可能是个人习惯吧，我不喜欢写的代码IE不兼容，然后用hack来解决。不过hacker还是非常好用的。使用hacker我可以把浏览器分为3类：IE6 ；IE7和遨游；其他（IE8 chrome<br>ff safari opera等） ...
2019-01-14 09:31:20
371
原创 css动画淡入淡出
<!DOCTYPE html><html> <head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>动画《淡入淡出》</t
2019-01-04 09:36:00
9888
原创 文字向上循环轮播滚动
<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><title>Document</title><style>* {margin: 0;padding: 0;}
2018-10-29 10:32:02
2945
原创 react滚动条开发 适配PC 和 移动端的滚动 显示隐藏header和footer/滚动显隐公用组件
功能描述：移动端时，上滚则显示footer,下滚则隐藏footerPC端时，上滚则显示header,下滚则隐藏header。 xx.jsimport React, { Component } from 'react';import {BrowserRouter as Router,withRouter,} from 'react-router-dom'; ...
2018-09-28 10:59:19
3169
转载 js常见的跨域方法及事例
转自：https://blog.youkuaiyun.com/wangchengiii/article/details/78081032备注：如果是协议和端口造成的跨域问题“前台”是无能为力的；要解决跨域的问题，我们可以使用以下几种方法：方法一、通过jsonp跨域JSONP包含两部分：回调函数和数据。回调函数：当响应到来时要放在当前页面被调用的函数。数据：就是传入回调函数中的json数据，也就...
2018-08-23 20:48:28
251
转载 快速构建react+webpack+es6项目的两种方式之二
转载自https://blog.youkuaiyun.com/pcaxb/article/details/52212367环境搭建:1.从官网下载最新版本的node.js安装官网下载地址:http://nodejs.org/en/官网需要翻墙,如果没有翻墙的同学可以到nodejs中文网下载,下载地址:http://nodejs.cn如果你需要使用Homebrew安装nodejs,请参...
2018-08-21 15:49:56
395
转载 快速构建react+webpack+es6项目的两种方式之一
本例转自https://blog.youkuaiyun.com/hahahhahahahha123456/article/details/80358381一、安装最新的node.js原博文是这样写说的npm install -g n //首先安装n模块 n stable //升级node.js到最新稳定版 n 5.0.0 //或者指定版本升级 node -v //检查更新是否成功我自...
2018-08-21 15:47:05
306
转载 js web 前端图片优化之--图片压缩上传
转自： https://www.cnblogs.com/007sx/p/7583202.html//此方法写的非常好，本人已采用 <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>XMLHttpRequest上传文件</title&
2018-08-13 23:17:29
2815
原创 react+webpack 打包，开发环境和生产环境集成一体拿来就能用
直接上代码：webpack.config.js import webpack from "webpack";import path from "path";var path = path.resolve(__dirname,"/main.j")var ExtractTextPlugin = require("extract-text-webpack-plugin");//c...
2018-08-11 19:52:25
2612
转载 js图片压缩上传
需要更改服务器地址 转载：https://www.cnblogs.com/007sx/p/7583202.html <!DOCTYPE html><html><head><meta charset="UTF-8"><title>XMLHttpRequest上传文件</title>
2018-08-10 19:13:08
269
原创 vue 和react 的各自优势和相似点
Vue的优势是：模板和渲染函数的弹性选择 简单的语法和项目配置 更快的渲染速度和更小的体积 更加适合小型项目React的优势是：更适合大型应用和更好的可测试性 Web端和移动端原生APP通吃 更大的生态系统，更多的支持和好用的工具 比较适合中大型项目React和Vue相似之处：用虚拟DOM实现快速渲染 轻量级 响应式组件 服务端渲染 集成路由工具，打包工具，状态...
2018-08-09 09:46:11
2538
原创 react 与 vue 对比总结
React与Vue只有骨架，更多的功能如路由、状态管理等是框架分离的组件根据需要装载。数据双向绑定相似点： 虚拟DOM，新旧虚拟dom对比，有变化，将虚拟dom渲染到真实dom不同点： Vue在渲染过程中，会跟踪每一个组件的依赖关系，不需要重新渲染整个组件树。 它使用基于依赖追踪的观察系统并且异步列队更新，所有的数据变化都是独立地触发，除非它们之间有明确的依赖关...
2018-08-09 09:36:02
952
2
原创 js图片优化之----预加载
<!DOCTYPE html><html><head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Page Title</ti
2018-08-08 23:48:01
515
原创 js图片加载优化之----懒加载
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css"> img{width: 1000px;height: 600px;
2018-08-08 23:46:53
612
原创 react 页面点击加载更多
一般对于加载更多有2中做法1.一次性从服务端拿到所有数据，然后分页显示；2.分批次从服务器加载数据； 优缺点：第一种对于更进入页面时加载时间过长，体验不是太好。当然，当数据加载完毕后，后面的操作就比较流畅了；第二种：相对来说比较好一点，需要多少数据加载多少数据，减少了不必要的网络开销，为用户节省流量，推荐！ 本篇文章使用的第二种方式，模拟服务端分批加载数据，下面是整个页...
2018-08-02 09:15:46
3624
原创 第二种npm 创建react项目方式
上篇文章学过关于ceate-react-app快速创建react项目的方法，其实是将本篇所要安装的各类包及插件集成后的结果。本篇将介绍不通过create-react-app创建react项目的方式 前提准备：首先安装node.js，npm 正文：一.安装全局包$ npm install babel -g$ npm install webpack -g$ npm ...
2018-08-01 21:58:22
959
原创 windows环境下如何更新nodejs和npm
网上很多朋友建议做法：先npm cache clean -f 在安装 n 模块 npm install -g n 但恕小农无能，电脑太渣尝试多次未成功，只好老老实实，按照传统方法一步一步安装了，废话不多说，直接上硬货：第一步：上nodejs官网,下载合适版本的nodejs...msi安装文件第二步：减压一步步安装成功第三步：验证，win+R 输入cmd打...
2018-08-01 21:23:31
359
原创 npm 创建react项目
win+R 输入cmd ，打开cmd面板 安装cnpm （淘宝镜像，作用：提升下载速度）npm install -g cnpm --registry=https://registry.npm.taobao.org 安装react的构建器create-react-appcnpm install -g create-react-appcreate-react-app my-app...
2018-08-01 20:57:35
3496
2
转载 web网页轮播图/js控制轮播图
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30...
2018-07-27 08:57:42
4133
原创 自定义viewgroup的个人理解和参考网络的小demo
首先，说下哈 ，这是本人第一次写博客，说实话 ，自定义的view 也不太那个啥，今天参考了 邮电三精-大精wing 的android自定义viewgroup初步之一----抽屉菜单 ，自己的一些改进和加深，什么都不说了 ，直接上代码 ！！！抽屉效果 ：当然首先应该就是新建DrawerMenu类继承自ViewGroup:一，写好构造方法，二，重新on
2017-03-31 16:16:48
494
android自定义ViewGroup
2017-03-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人