响应式开发 (就是利用媒体查询针对不同宽度的设备进行布局和样式的设置,从而设配不同设备的目的) 响应式布局容器响应式需要一个父级作为布局容器,来配合子级元素来实现变化效果 原理:不同屏幕下,通过媒体查询来改变这个布局容器的大小,再改变里面子元素的排列方式和大小,从而实现不同屏幕下,看到不同的页面布局和样式变化 Bootstrap的基本使用**Bootstrap使用方式1.创建文件夹结构(html.css.js.图片.boorstrap库等)2.创建html骨架3.引入相关样式文件4.书写内容 B

  1 导言 1.1 编制目的 该文档为选用Appium作为移动设备原生(Native).混合(Hybrid).移动Web(Mobile Web)应用UI自动化测试的相关自动化测试人员.开发人员等提供参考. 1.2 预期读者 自动化测试人员.测试代表.开发人员等. 2 概述 2.1 Appium设计哲学 不需要为了自动化而且重新编译或修改测试app: 不应该让移动端自动化测试限定在某种语言和某个具体的框架:也就是说任何人都可以使用自己最熟悉最顺手的语言以及框架来做移动端自动化测试: 不要为了移动

做移动端收集电子签名项目的时候发现了一些坑: 1. 移动端的手指按下.移动.抬起事件跟PC端的鼠标按下.移动.弹起事件是不一样的 2. canvas它的属性宽高和样式宽高是不一样的,通过CSS来设置canvas的宽高会导致一些奇怪的问题 3. canvas的间距(如果有)会造成手指落点和实际绘画的点有偏移,所以在开始绘画的时候要先把画笔移动到正确的位置 <canvas id="ESCanvas" width="400" height="400&quo

总结用vue+vue-cli+淘宝lib-flexible做移动端自适应方案: 1.安装淘宝lib-flexible npm install lib-flexible --save 2.在入口文价main.js中引用flexible import 'lib-flexible' 3.由于在开发中rem和px手动转换比较麻烦,所以建议安装px2rem这个工具 3.1安装px2rem工具 npm install px2rem-loader --save-dev 3.2在vue-cli生成的文件中,找到

最近一直在做移动端微信公众号项目的开发,也是我首次用vue来开发移动端项目,前期积累的移动端开发经验较少.经过这个项目的锻炼,加深了对vue相关知识点的理解和运用,同时,在项目中所涉及到的微信api(微信分享,微信支付),百度地图api(如何实例化地图,给地图添加自定义覆盖物,给地图添加自定义标注,对地图进行缩放,拖拽等)的相关使用,开阔了自己的知识眼界:现将我开发过程中积累的相关经验与大家进行分享,希望和大家一起学习和进步.... vux:Vue 移动端 UI 组件库的使用: vue-lazy

最近在用vue2.0做微信公众号相关的前端开发,经过这次开发实践,现将项目中用到的相关比较实用的插件及遇到的相关问题进行整理,希望和大家共同交流...... cssrem:一个CSS值转REM的VSCode插件: lib-flexible:移动端弹性布局适配解决方案: vue-touch:移动端相关点击,滑动,拖动,多点触控等事件封装: vee-validate:适用于vue项目中表单验证插件: better-scroll :可能是目前最好用的移动端滚动插件; fastclick:解决移动端cl

最近一直在做移动端微信公众号项目的开发,也是我首次用vue来开发移动端项目,前期积累的移动端开发经验较少.经过这个项目的锻炼,加深了对vue相关知识点的理解和运用,同时,在项目中所涉及到的微信api(微信分享,微信支付),百度地图api(如何实例化地图,给地图添加自定义覆盖物,给地图添加自定义标注,对地图进行缩放,拖拽等)的相关使用,开阔了自己的知识眼界:现将我开发过程中积累的相关经验与大家进行分享,希望和大家一起学习和进步.... vux:Vue 移动端 UI 组件库的使用: vue-lazy

最近做了一个统计项目,这个统计项目大致的需求是统计接口的访问速度.客户端会调用一个接口来记录接口的访问情况,我的需求就需要分析这些数据,然后做出个统计报表. 需求实现 最初的时候想着每天把这些接口访问情况的信息存储到mysql中,然后根据这些访问情况做个分析再做报表.然后第一个问题就来了,信息包含太多字段了,如果我将每个信息解析成mysql表的一个字段,那么这个字段很长,而且还有一个致命缺陷,不容易扩展.如果将所有字段都存储为一个json,然后存储到text字段呢,又没法建立索引了.所以这种情况

花费了一个月时间,终于在新养车之家项目中成功部署了vue2服务端渲染(SSR),并且使用上了Vuex 负责状态管理,首屏加载时间从之前4G网络下的1000ms,提升到了现在500-700ms之间,SSR的优势有很多,现在让我来跟你细细道来. 技术栈 服务端:Nodejs(v6.3) 前端框架 Vue2.1.10 前端构建工具:webpack2.2 && gulp 代码检查:eslint 源码:es6 前端路由:vue-router2.1.0 状态管理:vuex2.1.0 服务端通信:axi

最近新调到一个项目,由原来的pc端,调到移动端,一切都是那么的不一样,在得知即将调到移动端的时候,听说我们的技术要用到vue,Aladdin,还有es6,有点懵... 我做了以下准备工作: 1,买了本阮老师的es6入门 2,下了vue学习视频,招朋友要各种vue的资料,然后加各种vue技术qq群 3,寻找对应项目的网站,嘿嘿,找到了饿了么的官网 4,准备mac本 5,招同时要对应项目的代码 6,发现原来的编辑器不能用了(webstorm),换编辑器 7,.... 到了新项目组,发现自己准备的还是

有一个移动端的项目要求用jquery+bootstrap,其中有一个轮播图,需求是要求可以手触滑动,但是bootstrap中没有写手触滑动的方法,自己琢磨着写了出来,供大家参考. $(function () { let $carousels = $('#carouselExampleSlidesOnly'); let start, // 初始值 end; // 结束值 $carousels.on('touchstart', function (e) { start = e.originalEve

SSE ( Server-sent Events )是 WebSocket 的一种轻量代替方案,使用 HTTP 协议. 严格地说,HTTP 协议是没有办法做服务器推送的,但是当服务器向客户端声明接下来要发送流信息时,客户端就会保持连接打开,SSE 使用的就是这种原理. 一.SSE 能做什么? 理论上, SSE 和 WebSocket 做的是同一件事情.当你需要用新数据局部更新网络应用时,SSE 可以做到不需要用户执行任何操作,便可以完成. 举例我们要做一个统计系统的管理后台,我们想知道统计数据的

Flexible到今天也有几年的历史了,解救了很多同学针对于H5页面布局的适配问题.而这套方案也相对而言是一个较为成熟的方案.简单的回忆一下,当初为了能让页面更好的适配各种不同的终端,通过Hack手段来根据设备的dpr值相应改变<meta>标签中viewport的值: 从而让页面达么缩放的效果,也变相的实现页面的适配功能.而其主要的思想有三点: 根据dpr的值来修改viewport实现1px的线 根据dpr的值来修改html的font-size,从而使用rem实现等比缩放 使用Hack手段用r

一.WebSocket是HTML5出的东西(协议),也就是说HTTP协议没有变化,或者说没关系,但HTTP是不支持持久连接的(长连接,循环连接的不算) 首先HTTP有1.1和1.0之说,也就是所谓的keep-alive,把多个HTTP请求合并为一个,但是Websocket其实是一个新协议,跟HTTP协议基本没有关系,只是为了兼容现有浏览器的握手规范而已,也就是说它是HTTP协议上的一种补充可以通过这样一张图理解 <img src="https://pic1.zhimg.com/6651f2

1.离线人脸识别本地部署 详情请阅读百度人脸识别官网 2.nodejs做socket通信的客户端 为什么不直接通过调用c++编译的exe获得人脸识别结果? 原因:exe运行时会加载很多模型而消耗很多时间,导致不能实时得到人脸识别结果:而用socket通信则只需执行一次加载模型的过程,后面的请求只需直接进行人脸识别检测而只用100多毫秒得到结果. 1)nodejs将canvas得到的视频帧的base64字符串转换成图片 var image = query.image; var base64Data

在此之前,我先说我之所以要改变网站PC移动双端不同样式的原因. 首先我的网站用到了bootstrap响应式布局,这是我网站的PC端导航栏: 这是我网站的移动端导航栏,看着就难受: 我用谷歌浏览器F12调试,发现了一个东西: 它的意思是说在宽度大于或等于768px时执行的样式代码,刚刚好这也是移动端样式和PC端样式的分水岭,随之我写了: 贴代码: @media (max-width:768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-

前言 自从Oracle收购Sun之后,对Java收费或加强控制的尝试从未间断,谷歌与Oracle围绕Java API的官司也跌宕起伏.虽然Oracle只是针对Oracle JDK8的升级收费,并释放了OpenJDK一直开源这份善意,但是如果没有各个大非Oracle的JVM.JDK和众多其它基于JVM的语言,Oracle这份善意能维持到什么时候可不好说. 大厂要从JVM和JDK的层面早做打算,而广大中小企业,就只能先从Java语言的层面,先找到Oracle以外的备胎.自从被谷歌钦定为Android

1.对要测试的系统进行分析,明确需要对哪一块做压力测试.比如:淘宝网站双十一期间,秒杀跟支付,此模式用户操作中占比比较大 再比如:游戏,登录--开始战斗--结束战斗这种混合模式在用户操作中占比较大 那么就可以针对这种占比比较大的模式进行压力测试 2.明确了要测试的点后,如何对这些测试点进行施压呢? 第一种方式可以通过写脚本产生压力机器人对服务器进行发包收包操作: 第二种方式就是借助一些压力测试工具如:JMeter或LoadRunner 3.如何对这些测试点进行正确的施压呢? 那么就需要用压力测试

参考:http://www.cnblogs.com/thinksasa/archive/2013/02/26/2934206.html http://blog.csdn.net/alongken2005/article/details/8056910 socket_accept()是服务端接受客户端请求,一旦有一个客户端链接上来的话,则这个函数会返回一个新的socket资源,这个资源是与客户端通信的资源. socket_accept()是阻塞的,会一直卡在那里. 发现情况:一旦客户端断开链接了,

记录一下今天工作中的一个小失误. 今天用Feign搭建服务消费者的时候,考虑消费者不需要再提供服务给其他服务,所以不需要注册到注册中心(eureka)中.结果把registerWithEureka和fetchRegistry都关掉了,服务调用时报错:com.netflix.client.ClientException: Load balancer does not have available server for client: XXXXXX. 看报错信息,负载均衡器没有找到可用的服务,Fei

#include<sys/socket.h> #include<sys/types.h> #include<sys/stat.h>//包含文件的全部结构,属性 #include<stdlib.h> #include<stdio.h> #include<string.h> #include<unistd.h> #include<error.h> #include<netinet/in.h> #incl