自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(57)
  • 收藏
  • 关注

转载 APP测试流程和测试点

1.1流程图1.2测试周期测试周期可按项目的开发周期来确定测试时间,一般测试时间为两三周(即15个工作日),根据项目情况以及版本质量可适当缩短或延长测试时间。正式测试前先向主管确认项目排期。1.3测试资源测试任务开始前,检查各项测试资源。–产品功能需求文档;–产品原型图;–产品效果图;–行为统计分析定义文档;–测试设备(ios3.1.3-ios5.0.1;Android1.6-...

2019-07-08 08:37:53 365

转载 web网页测试要点3

Web测试中,各类web控件测试点总结一 、界面检查  进入一个页面测试,首先是检查title,页面排版,字段等,而不是马上进入文本框校验  1、页面名称title是否正确  2、当前位置是否可见 您的位置:xxx>xxxx  3、文字格式统一性  4、排版是否整齐  5、列表项显示字段是否齐全,列表项字段名称是否跟表单统一  6、同一页面,是否出现 字段名称相同、值取不同...

2019-07-05 14:04:52 525

转载 web网页测试二

一、输入框1、字符型输入框:(1)字符型输入框:英文全角、英文半角、数字、空或者空格、特殊字符“~!@# ¥%……&*?[]{}”特别要注意单引号和&符号。禁止直接输入特殊字符时,使用“粘贴、拷贝”功能尝试输入。(2)长度检查:最小长度、最大长度、最小长度-1、最大长度+1、输入超工字符比如把整个文章拷贝过去。 (3)空格检查:输入的字符间有空格、字符前有空格、字符后有空格、...

2019-07-05 14:02:22 344

转载 web网页测试要点一

一、功能测试1、链接测试  (1)、测试所有链接是否按指示的那样确实链接到了该链接的页面;(2)、测试所链接的页面是否存在;(3)、保证Web应用系统上没有孤立的页面(所谓孤立页面是指没有链接指向该页面,只有知道正确的URL地址才能访问)。2、表单测试(1)、注册、登陆、信息提交等,必须测试提交操作的完整性,以校验提交给服务器的信息的正确性;(2)、用户填写的出生日期与职业是否恰当,...

2019-07-05 14:00:13 643

原创 v-html

<div v-html="message">{{message}}</div>export default { data () { return { message: "这里可以包含html标签" } }}message可以包含html标签,来展示一个页面的内容。如果后端返回包含了标签的内容,可以转化为html页面的形式展示。...

2019-07-04 14:17:51 151

原创 jQuery和JavaScript的入口函数

jQuery 入口函数:$(document).ready(function(){ // 执行代码});或者$(function(){ // 执行代码});JavaScript 入口函数:window.onload = function () { // 执行代码}jQuery 入口函数与 JavaScript 入口函数的区别:jQuery 的入口函数...

2019-06-27 15:29:09 115

原创 微信小程序 数据获取及数据渲染

数据获取:注意:1.服务器要配置https2.配置合法域名3.在本地调试,在开发者工具勾选wx.request({ url: '接口地址', data: {}, success: function (res) {}, fail:function(err){}})数据渲染:–js–onLoad: function (options) { var th...

2019-05-25 15:36:38 4833

原创 小程序请求超时errMsg : "request:fail socket time out timeout:60000"

小程序请求超时errMsg : “request:fail socket time out timeout:60000”在使用香港货境外服务器时很有可能遇到此问题。这个问题一般在PC端测试时看不出来,在真机测试或上线后会遇到,尤其当使用手机流量非wifi的时候。这个问题:表现有时浏览能失败、有时浏览正常。当一次请求失败,其他请求也会跟着失败。看看官方超时配置的默认值:请求、下载、上传、s...

2019-05-25 15:30:41 7458

原创 vue div设置背景图片

布局:<div class="middle" :style="backgroundDiv"> <img src="./images/a.png" style="width: auto; height: 40px;"></div>数据:data() { return { backgroundDiv: { ...

2019-05-25 15:20:58 8530

原创 vue.js click点击事件获取当前元素对象

Vue.js可以传递$event对象<body id="app"> <ul> <li v-on:click="say('hello!', $event)">点击当前行文本</li> <li>li2</li> <li>li3</li> </ul> <...

2019-05-25 15:18:12 11853 1

原创 在vue项目中升级element ui版本

找到项目中的node_modules文件夹,在找到其中的 element -ui文件夹删掉.然后再cmd窗口执行npm install element-ui下载;这时候我们在main.js中修改新增的 theme-chalk 主题:将import ‘element-ui/lib/theme-default/index.css’替换为import ‘element-ui/lib/them...

2019-05-25 10:05:01 1311

转载 使用npm更新已有模块

安装npm-check-updates 模块升级插件npm install -g npm-check-updates或者cnpm install -g npm-check-updates查看安装版本:ncu -v #ncu是npm-check-updates的缩写命令2.14.2

2019-05-25 09:58:51 310

转载 微信小程序中view标签与block标签的区别

两者的区别是, 是一个组件,会在页面上做渲染;不是一个组件,它仅仅是一个包装元素,只接受控制属性,不会在页面中做任何渲染。下面是两个使用的例子:wx:if<block wx:if="{{true}}"> <view> text </view> <view> text </view> </b...

2019-05-25 09:34:14 3962

转载 div的水平排列、垂直排列

垂直排列–css– .lay1{ width:200px; height:20px; border:1px solid #FF6699; } .lay2{ width:200px; height:20px; border:1px solid #FF6699; ...

2019-05-25 09:26:19 21506

原创 小程序如何实现tab切换(2)

–wxml–<import src="../../template/list.wxml"/> <view class="tui-tabbar-content"> <view class="tui-tabbar-group"> <text data-id="0" bindtap="changeTabbar" class="tui-tabbar-c...

2019-05-25 09:15:59 1875

原创 小程序如何实现tab切换(1)

控制切换的tab<view class="swiper-tab"> <view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="clickTab">做什么</view> <view class="swiper-tab-item ...

2019-05-25 09:08:53 534

原创 webstorm中vue语法支持

假定已经安装好了node和npm。全局安装vue-cli在终端中运行命令:npm install --global vue-cli然后使用vue-cli创建项目:vue init webpack my-project运行:npm run dev...

2019-05-25 09:03:25 548

原创 px,em,rem,vw单位在网页和移动端的应用

px:绝对单位,页面按精确像素展示任意浏览器的默认字体高都是16px。em:相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。所有未经调整的浏览器都符合: 1em=16px。此时1.25em=16px*1.25=20px;如果人为的把body里面定义font-size:12px; 此刻1em=12px,1.25em=12p...

2019-05-24 20:53:30 139

原创 css设置透明度的两种方法

一、css rgba()设置颜色透明度语法:rgba(R,G,B,A);RGBA 是代表Red(红色) Green(绿色) Blue(蓝色)和 Alpha(不透明度)三个单词的缩写。RGBA 颜色值是 RGB 颜色值的扩展,带有一个 alpha 通道 - 它规定了对象的不透明度。rgba()里的值的介绍:R:红色值。正整数 (0~255)G:绿色值。正整数 (0~255)B:蓝色值...

2019-05-24 20:41:04 112284

转载 vue-socket.io的使用

参照vue-socket.io的git地址说明文档npm install vue-socket.io在app.js中注册import VueSocketio from 'vue-socket.io';Vue.use(VueSocketio, 'http://socketserver.com:1923');在组件中使用export default{ data(){ r...

2019-05-24 20:12:56 1484

转载 Vue 单独页面添加背景色

由于外层还有一个div,所以设置背景色100%的时候不能全部都被背景色覆盖。如果给HTML设置背景色还会影响到其他页面的背景色。解决方法:给style添加一个scoped表示当前样式只给当前页面设置。单独设置背景的方法是在单独页面外层添加一个div,将这个div属性设为:fixed,例如:<style scoped> .homeBox { positi...

2019-05-24 20:07:41 2151

原创 Vue小模块之用户登录 使用Element美化网站和实现验证

引入Element首先用npm安装Elementnpm i element-ui -S在目录src/element/下创建文件index.jsimport Vue from 'vue'import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(ElementUI)...

2019-05-22 18:51:37 962

转载 npm run server报错:Cannot find module 'webpack-cli/bin/config-yargs'

使用npm run server 启动webpack-dev-server时报错:E:\webpack_demo>npm run server> webpacktest@1.0.0 server E:\webpack_demo> webpack-dev-serverThe CLI moved into a separate package: webpack-cli....

2019-05-22 18:37:55 529

原创 vue + webpack + element-ui 开发项目

1、用webpack初始化一个vue项目vue init webpack-simple project-namewebpack-simple没有严格的代码检查,看自己需求;2、cd project-name进去项目中,然后cnpm install 安装所有依赖的插件;3、cnpm install element-ui style-loader -D安装所缺插件4、打开编辑器,进入w...

2019-05-22 18:34:25 138

转载 九个很受欢迎的vue前端UI框架

一:Element官网地址:http://element-cn.eleme.io/#/zh-CN介绍:element ui框架的按钮组件,这款由饿了么前端开源的UI框架,一经面世,就收获大量程序员的芳心。在github 上更是高达29.8k的star早已说明一切。用于开发PC端的页面还是绰绰有余的。如果说你是用vue开发者,却没用过element UI,那你肯定不是合格的vue开发者。二:...

2019-05-20 23:07:01 323

转载 npm install 报错(npm ERR!errno -4048)

问题:npm ERR! errno: -4048,npm ERR! code: ‘EPERM’,npm ERR! syscall: ‘scandir’,解决:1、删除npmrc文件,删除C:\Users\Administrator.npmrc文件2、 C:\Users\Administrator\AppData\Roaming\npm-cache 清空,3、删除项目下:node_mo...

2019-05-20 22:47:46 1507

转载 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! platform@1.0.0 start: `node build/dev-server.js`

这种错误是80端口被占用需要自己手动在任务管理器里面吧这个端口关闭下面是解决方案:1 查找哪个程序占用 80 端口1)“运行”中输入 cmd2)在命令行中输入 netstat -ano (中间有空格),得到端口号对应的PID如图查看80端口,所对应的PID并记下2 打开任务管理器 点击详细信息(win10)点击结束进程以后重新运行项目就可以了。...

2019-05-20 22:22:57 14434 3

转载 如何运行vue项目(从github上下载的开源项目)

先下载安装node.js从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了。根据自己电脑选择32位/64位。安装好node,可以先进行下简单的测试安装是否成功了,后面还要进行环境配置在键盘按下【win+R】键,输入cmd,然后点击以管理员身份运行(可以安装需要的环境),回车,打开cmd窗口安装cnpm在命令行中输入 npm install -g cnpm --...

2019-05-20 22:19:26 17109 1

原创 微信小程序--返回页面时重新加载

将数据加载部分放在onShow中进行

2019-04-04 15:53:13 9364

转载 微信小程序--自定义导航栏

1.在app.json的window对象中定义导航的样式:"window":{ "navigationStyle": "custom"},2.现在app.json里定义globalData: { userInfo: null, navHeight: 0}在app.json的onLaunch方法里面获取手机状态栏高度,全局定义导航高度navHeight:// 获...

2019-04-04 15:36:41 1530

原创 微信小程序中--使用ECharts实现多个图表展示

在一个页面显示多个图表–wxml–<view class='table_container'> <view class="container1"> <ec-canvas id="mychart-dom-bar" canvas-id="mychart-bar" ec="{{ ec1 }}"></ec-canvas> </vi...

2019-04-04 15:24:12 10604 16

转载 微信小程序 - 表单验证插件WxValidate(自定义警告信息形式)

弹出的形式对于用户来说,总是不太友好的可能会出现层级问题(只需要设置一下提示的层级即可)微信小程序的开发框架个人感觉大体上跟VUE是差不多的,但是他的表单组件没有自带的验证功能,因此开发小程序的表单验证时候一般有两种方法,一是自己裸写验证规则,但是需要比较扎实的正则表达式基础,一种是利用官方社区开发的WxValidate插件进行表单验证。WxValidate插件是参考 jQuery Va...

2019-04-04 15:12:15 1256

转载 微信小程序--获取form表单初始值提交数据

–wxml–<form bindsubmit="formSubmit"> <view class="txt"> <view class="ima"></view> <view class="txt2">姓名</view> <input placeholder="请输入姓名" ...

2019-04-04 15:03:00 2031 1

原创 微信小程序--echarts实现双y轴

const App = getApp();import * as echarts from '../../ec-canvas/echarts'; //引入echarts.jsvar barec = nullPage({ onShareAppMessage: function (res) { return { title: 'ECharts 可以在微信小程序中使用啦!...

2019-04-04 15:00:16 1680

原创 微信小程序--表格制作

实现效果实现过程:–js– wx.request({ url: "http://health.ia.ac.cn:5007/checklistParameters/getChecklistParametersByListId?listId=13985", method: "POST", data: { }, header: { "Co...

2019-04-04 14:47:43 1272

原创 微信小程序--获取pdf

给的接口中有两个字符串数组,数组里是pdf的地址如图实现过程代码:onLoad: function (options) { wx.request({ url: 'http://health.ia.ac.cn:5007/file/getFilesByListId?listId=13985', method: "POST", header: { "...

2019-04-04 14:31:37 2622

转载 微信小程序--使用ECharts

ECharts 和微信小程序官方团队合作,提供了 ECharts 的微信小程序版本。开发者可以通过熟悉的 ECharts 配置方式,快速开发图表,满足各种可视化需求。体验示例小程序在微信中扫描下面的二维码即可体验 ECharts Demo:下载为了兼容小程序 Canvas,ECharts提供了一个小程序的组件,用这种方式可以方便地使用 ECharts。首先,下载 GitHub 上的 e...

2019-04-04 14:18:55 1221

原创 微信小程序--页面跳转法方法总结

方法一:js页面实现bindViewTab:function(){ wx.navigateTo({ //保留当前页面,跳转到应用内的某个页面(最多打开5个页面,之后按钮就没有响应的) url:"/pages/aaa/aaa" }) wx.redirectTo({ //关闭当前页面,跳转到应用内的某个页面 url:"/pa...

2019-04-04 11:41:31 189

原创 微信小程序--实现button点击改变数据值

–wxml–<button>default类型按钮</button><button>primary类型按钮</button><button>warn类型按钮</button>–js–Page({ data:{ // text:"这是一个页面" text:'' }, btn_...

2019-04-04 11:28:57 5904

转载 微信小程序--隐藏button边框

想使用button自带的disable属性和效果,但又不需要button显示边框线button控件有一条淡灰色的边框,在控件上了样式 border-radius: 0; 无法让button边框隐藏代码如下:.tx-btn { z-index: 99; position: fixed; left: 0; bottom: 0; width: 100%; height: 1...

2019-04-04 10:52:21 1673

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除