移动互联网终端 | 易学教程

16款优秀的Vue UI组件库推荐

阅读更多关于 16款优秀的Vue UI组件库推荐

16款优秀的Vue UI组件库推荐源链接： https://www.cnblogs.com/zdz8207/p/vue-ui-framework.html Vue 是一个轻巧、高性能、可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。在公司的Web前端项目开发中，多个项目采用基于Vue的UI组件框架开发，并投入正式使用。开发团队在使用Vue.js框架和UI组件库以后，开发效率大大提高，自己写的代码也少了，很多界面效果组件已经封装好了。在选择Vue UI组件库的过程中，通过GitHub上根据star数量、文档丰富程度、更新的频率以及维护等因素，也收集整理了一些优秀的Vue UI组件库。 PS：国内的UI组件大部分都只有一部分的，常用的头部导航，底部导航，listview，grid表格很多都是没有的。后面才发现，基于Vue的Quasar Framework 介绍这个框架UI组件很全面，准备下次使用这个框架了基于Vue的Quasar Framework 中文网 http://www.quasarchs.com/ quasarframework/quasar: Quasar Framework https://github.com/quasarframework/quasar Quasar（发音为/kweɪ.zɑɹ/

老生常谈，再谈谈软件测试职业发展

阅读更多关于老生常谈，再谈谈软件测试职业发展

有这么个普遍现象测试招聘者，特别是一、二线互联网公司的招聘者最苦恼的事儿就是招人。想找到一个合适的人难于上青天，每天各种撒网，简历看几百份，面大几十人，能捞到一个中意的小伙伴就谢天谢地了。但同时很多测试小伙伴发现找工作很难，特别是进大一点的厂，他们特别挑：代码要会写，要有软件架构能力，问一大坨平时根本用不到的技术问题，还挑经验，挑沟通能力，挑这挑那，有时候还特么挑学历、挑年龄。。。供求总难以匹配起来，造成了双方都很痛苦。 Why？能力要求不匹配是最核心的问题。软件、互联网近20年来飞速成长，其实也经历了很多阶段。行业软件兴盛阶段和外包兴盛阶段（2000-2010年）行业进入了大量的测试人员，当时最主流的测试实践是：重心放在系统验收阶段。测试人员的主要工作基本都投入在了基于业务的黑盒测试上，对代码能力、系统理解的能力要求不多。2010年后，互联网行业的真正兴起让国内软件开发模式开始缓慢调头，快速迭代的模式逐步兴起，开发周期越来越短，迭代越来越快，但系统越来越越庞大、复杂。原来的测试工作模式和工作范围越来越无法满足要求了。但大量从业人员技能范围转变是一件很难的事情，行业是有巨大惯性的。从宏观上看大量QA技能转变跟不上需求转变是造成市场供求不匹配的主要原因。 So What? 三个观点： 1. 只做手工测试，不懂系统实现的测试工程师的职业发展会越来越受限。 2.

移动前端系列——移动页面性能优化.

阅读更多关于移动前端系列——移动页面性能优化.

随着移动互联网的发展，我们越发要关注移动页面的性能优化，今天跟大家谈谈这方面的事情。首先，为什么要最移动页面进行优化？纵观目前移动网络的现状，移动页面布局越来越复杂，效果越来越炫，直接导致了文件越来越大，下载和运行速度越来越低，而速度低会造成不良影响，据统计： 71%的用户期望移动页面跟pc页面一样快，74%的用户能容忍的响应时间为5秒，所以我们必须保证移动端页面有足够的速度。移动页面的速度跟三个因素有关，分别是：移动网络带宽速度，设备性能（CPU，GPU，浏览器），页面本身。目前主流的移动网络制式为3g 今年，我们还看到了4g网络制式在快速发展，这再一次提升了移动页面的加载速度；而移动设备本身，截止到目前，以iphong6三星Note4等设备为首，智能设备已经变得比以往屏幕更大，CPU、GPU、内存更靠谱而与其同时，浏览器产商也为提升页面的速度做出了不可磨灭的努力，这里大家可以看一个视频（ http://www.iqiyi.com/w_19rsgfld99.html ）网络制式供应商，手机制造商，浏览器产商如此给力，我们呢？我们能做什么。我们能做得是对移动端页面本身优化，这也是我们专业价值的体现，所以我们必须做移动端页面性能优化。该怎么做移动端页面优化呢？在说这个前，要提一下pc常用的优化手段：代码优化（css、html、js优化）减少HTTP请求

移动端布局概念的详解

阅读更多关于移动端布局概念的详解

大家好，我们是逆战班的，接下来讲解的是什么是移动端布局百分比弹性布局：移动端页面基本上和web端区别不大但要考虑到移动端屏幕尺寸不大并且都是全屏布局而且屏幕尺寸都不一样所有不能使用网页的固定尺寸来布局需要使用百分比来布局移动端布局的优缺点优点：移动端基本都兼容h5 css3 所有可以放心的去使用css3的样式来布局移动端页面一般都不大所以标签使用的并不多相对一个一面开发时间没web端长缺点移动端宽高尺寸不同因此测量尺寸成为了一个难题无法非常精确的写尺寸新单位 rem rem是永远获取html的font-size值然后通过js获取屏幕尺寸制定出一个系数去改变html的font-size值 w,vh 永远获取屏幕宽高 100vw=屏幕的宽度 1vw=1%屏幕尺寸这样更直观的获取百分比但是少部分手机不支持所以需要自己把控要移动端尺寸显示正常需要加上以下meta 流式布局：流式布局，顾名思义就是流动的布局，随着屏幕窗口的大小页面的内容像水一样的流动，但不影响整体的布局。简单的来说就是百分比布局，非固定像素，内容向两侧填充的一种布局。但是目前使用流式布局的公司非常多，比如亚马逊、京东、携程好处：大屏幕下显示更多的内容。坏处：宽屏下比例会有一些不协调。 rem布局 rem布局，宽高自适应

移动端常用单位（%和rem）

阅读更多关于移动端常用单位（%和rem）

px % em （ font-size的值就是 1em，如果自身没有设置font-size，则去找父元素的；常用于 text-indent:2em 来缩进两个字符） rem（html的font-size的大小，就是1rem ；rem是相对于根元素<html>，即rem继承的是html的font-size，不是body！！！） vw （100vw表示视口宽度的1%）由于兼容性的问题，vw vh 这种视口单位用的不是很多在PC端的开发工具中，模拟移动端最小字体规定是12px，小于12px的统一按照12px来目前在移动端，rem是主流案例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,maximum-scale=1,minimum-scale=1"> <title>Document</title> <link rel="stylesheet" href="font/iconfont.css"> <style> *{margin:0;padding:0;box-sizing:border-box;} body{background

移动web真机调试-Browsersync

阅读更多关于移动web真机调试-Browsersync

1.优点 BrowserSync能让PC、各移动设备使用各种浏览器的页面同时实时地响应文件的更改，而不用刷新操作。而且，当在其他一个设备上进行点击等行为时，该行为也会同步到其他浏览器中 2.安装【1】安装nodejs, 官网下载安装之后，配置两个环境变量。一个是PATH上增加node.exe的目录D:\nodejs，另外一个是增加环境变量NODE_PATH，值为D:\nodejs\node_modules。【2】安装express：npm install express -g，安装完成后，在命令行里面输入node -v如果输出nodejs的版本则安装成功【3】BrowserSync 安装 npm install -g browser-sync 【4】BrowserSync监听先用Visual Studio Code打开vue项目，执行 npm run dev or npm run serve把项目运行起来，地址为 http://localhost:8080/ ，然后在cmd下执行browser-sync start --proxy "localhost:8080" --files "css/*.css, *.js,*.html"监听（逗号隔开多个文件类型），会出现以下提示【5】调试电脑调试地址 Local: http://localhost:3001 移动端

移动端常见bug汇总001

阅读更多关于移动端常见bug汇总001

点击样式闪动 Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。 A:根本原因是-webkit-tap-highlight-color，这个属性是用于设定元素在移动设备（如Adnroid、iOS）上被触发点击事件时，响应的背景框的颜色。建议写在样式初始化中以避免所以问题：div,input(selector) {-webkit-tap-highlight-color: rgba(0,0,0,0);}另外出现蓝色边框：outline:none； -webkit-tap-highlight-color : rgba (255, 255, 255, 0) ; // i.e . Nexus5/Chrome and Kindle Fire HD 7 '' -webkit-tap-highlight-color : transparent ; 屏蔽用户选择 Q: 禁止用户选择页面中的文字或者图片 A:代码如下 -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; 移动端如何清除输入框内阴影 Q:

移动端常见bug

阅读更多关于移动端常见bug

meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 忽略将页面中的数字识别为电话号码 <meta name="format-detection" content="telephone=no" /> 忽略Android平台中对邮箱地址的识别 <meta name="format-detection" content="email=no" /> 当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari <meta name="apple-mobile-web-app-capable" content="yes" />  将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式 <meta name="apple-mobile-web-app-status-bar-style" content="black" />  viewport模板

企业即时通讯系统安全技术原理

阅读更多关于企业即时通讯系统安全技术原理

随着互联网的飞速发展，网络信息安全逐渐成为一个潜在的巨大问题，严重安全事故影响到企业的正常运营，因此需要在系统架构设计上多维度、立体保障信息安全。主要需要解决服务器存储信息安全、移动端使用安全、客户端与服务器端之间的通讯安全这三个方面 1、服务器信息存储安全：消息记录存储涉及到公司机密信息，所有采用的系统首先就需要是能支持私有化部署的，其次每个会话的消息都应该独立加密存储，就算服务器被攻破，别人也无法破解加密的数据。 2、移动端信息安全：现在移动办公比较常见，所以对手机端的使用安全也需要特别注意，移动端的文件、图片、消息、组织架构，所有与信息安全相关的数据全部加密储存，就算用户手机丢失或被盗，别人也无法通过文件管理工具直接查看文件及数据，除此之外系统还应该具备数据抹除功能，手机在没有网络的情况下，支持需要输入安全密码才能进入APP，手机客户端本地不保存密码或密码hash，本地只保存login ticket，服务器可以控制login ticket有效期。通过管理后台可以设置客户端的登录二次验证，在验证用户名和密码通过的情况下，再通过短信验证码验证一次，才能确保万无一失。 3、网络通信安全：客户端与服务器网络通信全程加密，长连接采用TLS Socket，短连接采用HTTPS，符合国际标准的TLS1.2加密方式进行数据传输，密钥长度分别为：2048位RSA公私钥和256位AES对称密钥

现在Web前端的发展趋势和行业前景，还能转行学习前端开发吗？

阅读更多关于现在Web前端的发展趋势和行业前景，还能转行学习前端开发吗？

2020年还能转行学web前端开发吗？这是很多人在网络上搜索的问题。及其原因，还是因为目前网络上充斥着前端饱和的说法，这让不少人怀疑还能不能转行web前端，目前程序员行业前景很好，而web前端的前景也不差。不否认初级前端程序员供给泛滥，待遇恶化，发展遇冷。但是当你坚持到中高级web前端工程师时，就会越来越吃香了。这是因为前端技术栈的不断更新，效率提高，同样的前端人数，能完成比以前更多的职责范围。在不少企业，1个优秀的前端工程师就能搞定Web和移动端的开发，甚至负责一部分后端。因此只要你能忍受住寂寞，努力磨砺你的技术，那么在步入中高端web前端开发工程师后，就业薪资肯定是可以达到你的预期的。接下来，小编来跟大家分享一下2020年Web前端的发展趋势如何?熟悉web的小伙伴们都了解，在2018年是前端技术的发展相对稳定的一年，就前端主流技术框架的发展而言，前几年里发展极快，在填补原有技术框架空白和不足的同时也渐渐趋于成熟。未来前端在已经趋向成熟的技术方向上面将会慢慢稳定下来，并进入迭代优化阶段，例如语言标准、前端框架等。那么2020年Web前端的发展趋势如何?让我们一起来看一看 1.新规范的更新与稳定前端新标准和草案在不断更新，HTML、CSS、Javascript标准也在渐渐完善，尽管这些新的规范最终会淘汰旧的规范，新的项目也会以最新的标准作为开发依据，但要完全废弃旧规范

订阅移动互联网终端