- 博客(40)
- 资源 (7)
- 收藏
- 关注
原创 测试68问
这类题目就是考测试工程师的基本能力了,比如测试计划,测试流程,如何bug,你做过哪些测试,一般我们认为这些能力做的再好都是应该的,不会有加分,但是只要做的不好,那就是个不合格的测试工程师了。如今是移动互联网的天下,谁家没有个应用,所以这一块基本都会问到,同时也会看你的简历,如果你没有做过,基本也不会问的太深,如果你是专门做这一块的,那么要好好准备了。这一块包括,自动化一些理念和自动化的工具使用。什么都离不开服务端,所以这是你逃不开的,一般来说服务端会问接口测试,性能测试,更深一点,埋点监控止血也会有。
2023-06-28 10:55:59
129
原创 测试用例三问三答
评审之前,需要将要评审的测试用例以及测试需求分析的结果(测试点分析)等文档提前发送给相关的人员;评审会议的主持者需要能够把控会议的进度,让参加评审的测试人员能够集中精力在测试用例上,而不要思维太发散而跑题。评审会议的主持者,需要事前做好关于测试用例的疑问,问题点等记录,以便于在评审会上引导提问和解答;评审会议结束之后,及时提交审核评审记录;并且与参加会议的人员分享评审记录。评审之前做足问题的沟通与反馈,以便于在评审会上节省时间;评审期间做好详细的记录,需要对有关的疑问和问题及时进行解释说明;
2022-09-26 15:59:15
622
原创 RN中view循环列表分割线时有时无的解决方法
前奏相信很多使用react-native开发app的朋友都有过这样的经力,使用View循环渲染的列表,有时候无法显示分割线,可明明都加的是borderBottomColor 和borderBottonWidth,还是有一些不显示,真实汗颜~,废话不多讲,安排~解决方案:通过多次排查,发现我们在样式中加了高度height,并且用了封装的px2dp像素转换的方法,导致计算出现了偏差,这时候主要不去使用px2dp即可解决问题!px2dp方法:const { width: screenWidt
2022-03-02 14:16:00
378
原创 React被废弃的三个生命周期函数及替代函数
前奏学习react的看官都知道,react生命周期函数贯穿于组件的初始化、挂载、更新、销毁的整个过程,可以说配合紧密,但随着react使用的深入,在业务开发中一些声明周期函数也带来了一些严重的问题,因此官方大大也很快做出了修正,废弃了几个容易造成严重问题的函数,并且给出来替代的函数。react精益求精的“弃子”1、componentWillMount2、componentWillUpdate3、componentWillReceiveProps原因在 componentWillMou
2022-01-25 10:51:23
3955
原创 react native TextInput输入限制字数长度在安卓和iOS设备上部分系统键盘输入问题
安卓和iOS很多机型上在输入汉字的过程中会出现将字母(拼音)先输入到输入框中参与计算,一般情况下不会有问题,但如果要做字数限制时问题就出现了。例如,限制只能输入10个字符。大部分人的做法是给TextInput加MaxLength={10}来限制字数,这看起来也十分合情合理,没有任何怀疑,毕竟这是官方提供的属性方法。但恰恰是这个属性导致在输入时出现超界问题。比如下图中,当先输入6个汉字,再输入2个字“测试”的时候,拼音字母 "cesh" 参与计算,已经达到了限制的10个字符,因此导致无法输入10个汉字就不能在
2022-01-21 11:39:14
4444
2
原创 封装react-native组件开源到npm
前奏做前端也有一段时间了,封装了大大小小很多的组件,至今自己都有点想不起来了有哪些了,但都是在项目代码里面。如果想跨项目使用,要用的时候需要一个个项目去翻找,还必须copy代码过去,着实头痛。近期,恰逢公司要求封装独立的组件系统供各个系统标准化调用。这才开始将现有组件逐一进行发布。当然,公司使用的内网,这里是我经过修改后,开源后方便自己之余以供大家参考。tips: 这里将采用第三方的插件(react-native-create-library)来进行快速集成(毕竟重复造轮子的事情,不是我们这些懒
2022-01-19 18:53:18
2317
原创 完美解决RN中ScollView包含多个TextInput手指触摸到Textinput区域内上下滑动失效的问题
完美解决RN中ScollView包含多个TextInput手指触摸到Textinput区域内上下滑动失效的问题
2022-01-17 19:36:23
2271
1
原创 react-native处理部分安卓机型中文文字显示不全问题
相信和我一样使用react-native开发app的朋友,都会遇到很多兼容问题。那么大家有没有遇到过小米10手机上<Text></Text>组件中的文字 显示不全(结尾的文字 不显示)的问题。这个问题困扰了我整整一个多月,也召集过组内人员进行头脑风暴,大家绞尽脑汁、上各大搜索引擎,技术论坛“求教”,最终终于在Stack Overflow找到了答案。废话少说,直接上干货。有两种方式可以解决此问题:第一种:(不推荐)这是一种笨办法,就是每个<Text>测试 &
2021-03-26 23:05:41
1776
原创 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
510
原创 前端简单文件上传方法
//公共方法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
462
原创 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
2477
3
原创 jquery完美实现轮播图
CSS: .lunbo { padding: 0px 15px; margin-top: 20px; } .lunbo-wrap { width: 100%; height: 100px; overflow: hidden;...
2019-09-19 22:04:10
622
原创 前端识别二维码图片
来自:https://gitee.com/guyandog/QR_BR具体代码请下载 本站资源demoguyandog-QR_BR-master.zip 或者 guyandog-QR_BR-master -改动.zip如有不清楚的可以留言交流...
2019-07-25 00:34:12
1232
原创 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
6958
原创 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
1835
原创 响应式布局三步走
前言:制作响应式布局前,先开发固定尺寸的网页,当完成固定尺寸的网页后,在通过媒体查询为网页定制响应式布局第一步,引入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
884
转载 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
1060
原创 Rect环状统计图工具类
由于公司项目需要,对可用金额和全部金额进行环状统计图统计,因此秉着不重复造轮子的信念,开始疯狂的度娘查询。例如ECharts 、 BizCharts 、G2都进行了考虑,不过由于项目中只需要单纯的环状图,所以如果将此插件引入项目,有点过于厚重,势必对项目性能造成一定的损失,so果断放弃。经过反复度娘筛选,最终确定用简书的一位简友的“使用JS绘制一个圆环统计图”,但公司用的reac...
2019-04-30 09:38:17
384
原创 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
6009
转载 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
335
原创 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
9801
原创 文字向上循环轮播滚动
<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><title>Document</title><style>* {margin: 0;padding: 0;}
2018-10-29 10:32:02
2904
原创 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
3103
转载 js常见的跨域方法及事例
转自:https://blog.csdn.net/wangchengiii/article/details/78081032备注:如果是协议和端口造成的跨域问题“前台”是无能为力的;要解决跨域的问题,我们可以使用以下几种方法:方法一、通过jsonp跨域JSONP包含两部分:回调函数和数据。回调函数:当响应到来时要放在当前页面被调用的函数。数据:就是传入回调函数中的json数据,也就...
2018-08-23 20:48:28
228
转载 快速构建react+webpack+es6项目的两种方式之二
转载自https://blog.csdn.net/pcaxb/article/details/52212367环境搭建:1.从官网下载最新版本的node.js安装官网下载地址:http://nodejs.org/en/官网需要翻墙,如果没有翻墙的同学可以到nodejs中文网下载,下载地址:http://nodejs.cn如果你需要使用Homebrew安装nodejs,请参...
2018-08-21 15:49:56
361
转载 快速构建react+webpack+es6项目的两种方式之一
本例转自https://blog.csdn.net/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
279
转载 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
2741
原创 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
2539
转载 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
239
原创 vue 和react 的各自优势和相似点
Vue的优势是:模板和渲染函数的弹性选择 简单的语法和项目配置 更快的渲染速度和更小的体积 更加适合小型项目React的优势是:更适合大型应用和更好的可测试性 Web端和移动端原生APP通吃 更大的生态系统,更多的支持和好用的工具 比较适合中大型项目React和Vue相似之处:用虚拟DOM实现快速渲染 轻量级 响应式组件 服务端渲染 集成路由工具,打包工具,状态...
2018-08-09 09:46:11
2259
原创 react 与 vue 对比总结
React与Vue只有骨架,更多的功能如路由、状态管理等是框架分离的组件根据需要装载。数据双向绑定相似点: 虚拟DOM,新旧虚拟dom对比,有变化,将虚拟dom渲染到真实dom不同点: Vue在渲染过程中,会跟踪每一个组件的依赖关系,不需要重新渲染整个组件树。 它使用基于依赖追踪的观察系统并且异步列队更新,所有的数据变化都是独立地触发,除非它们之间有明确的依赖关...
2018-08-09 09:36:02
905
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
474
原创 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
572
原创 react 页面点击加载更多
一般对于加载更多有2中做法1.一次性从服务端拿到所有数据,然后分页显示;2.分批次从服务器加载数据; 优缺点:第一种对于更进入页面时加载时间过长,体验不是太好。当然,当数据加载完毕后,后面的操作就比较流畅了;第二种:相对来说比较好一点,需要多少数据加载多少数据,减少了不必要的网络开销,为用户节省流量,推荐! 本篇文章使用的第二种方式,模拟服务端分批加载数据,下面是整个页...
2018-08-02 09:15:46
3550
原创 第二种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
915
原创 windows环境下如何更新nodejs和npm
网上很多朋友建议做法:先npm cache clean -f 在安装 n 模块 npm install -g n 但恕小农无能,电脑太渣尝试多次未成功,只好老老实实,按照传统方法一步一步安装了,废话不多说,直接上硬货:第一步:上nodejs官网,下载合适版本的nodejs...msi安装文件第二步:减压一步步安装成功第三步:验证,win+R 输入cmd打...
2018-08-01 21:23:31
324
原创 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
3435
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
4081
原创 自定义viewgroup的个人理解和参考网络的小demo
首先,说下哈 ,这是本人第一次写博客,说实话 ,自定义的view 也不太那个啥,今天参考了 邮电三精-大精wing 的android自定义viewgroup初步之一----抽屉菜单 ,自己的一些改进和加深,什么都不说了 ,直接上代码 !!!抽屉效果 :当然首先应该就是新建DrawerMenu类继承自ViewGroup:一,写好构造方法,二,重新on
2017-03-31 16:16:48
460
android自定义ViewGroup
2017-03-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人