这篇文章主要就介绍两种前端的人脸识别框架(Tracking.js和JqueryFaceDetection) 技术特点 Tracking.js是使用js封装的一个框架,使用起来需要自己配置许多的东西,略显复杂 JqueryFaceDetection是使用jquery封装的框架,只留下一个接口,比较方便 使用说明 如何下载js文件我就不说了,可以直接百度 Tracking.js Tracking.js需要先引入tracking-min.js,然后根据你的需求在选择性的引入eye-min.js,fac

WebP介绍 WebP 是 Google 推出的一种同时提供了有损和无损两种压缩方式的图片格式,优势体现在其优秀的图像压缩算法,能够带来更小的图片体积,同时拥有更高的的图像质量.根据官方说明,WebP 在无损压缩的情况下能比 PNG 减少26%的体积,有损压缩的情况能比 JPEG 减少25%-34%的体积. 下图可以看出,相对于传统的图片格式,WebP 格式存在浏览器兼容性方面的问题.本文通过工程化的手段来实现 WebP 格式的自适应加载. 传统做法 为了在前端项目里用上 WebP 格式,并且兼

有些话别在憋在心里太久了,容易伤身体,总得找个借口吐槽一下,今日不小心看到园有关于互联网发函趋势的文章,作为一名ASP.NET程序员,自然要说说什么是趋势,机会找到了,好高兴. http://zzk.cnblogs.com/s?t=b&w=%E4%BA%92%E8%81%94%E7%BD%91%E5%8F%91%E5%B1%95%E8%B6%8B%E5%8A%BF 作为一名野路子土鳖,蒙微软宠幸,学会了ASP.NET WEB 开发,里里外外,前端后端,遗憾是的,我的c#始终没学太好,在复杂数据结

需求:当前已经完成java web项目开发,java web项目前端使用自适应框架(bootstrap),想使用最简单方式生成一个安卓apk,无需进行安卓开发(类似于手机浏览器访问一样) 要求:项目已经部署在外网服务器上 工具:HBuilder 8.0(http://www.dcloud.io/) 步骤: 1.创建移动App 2.manifest.json更改页面入口(主要部分).图标配置.启动图等 注:使用最简单方式访问,页面入口还是index.html,但进入后,直接用window.onlo

最近一直没有时间更新是因为一直在更新自己使用的框架. 之后会慢慢带来对之前使用的spring+mvc+mybatis的优化. 会使用一些新的特性,实现一些新的功能. 我会尽量分离业务,封装好再拿出来. 这次带来的是全局异常捕获. PS:使用的是spring4.3.7版本 实现的功能 首先描述实现的功能:因为在项目中,我们不可否认的会出现异常,而且这些异常并没有进行捕获.经常出现的bug如空指针异常等等. 在之前的项目中,如果我们没有进行任何配置,那么容器会自动打印错误的信息,如果tomcat的4

来源:http://www.mamicode.com/info-detail-1129829.html 现在Hybrid app是一中非常火热的开发模式,在国内对应的开发工具也乱象丛生,有WeX5.crossApp.ExMobi.Appcan.apicloud.HBuilder等. 其中WeX5只是在PhoneGap外面套了一层壳子,内部的UI都是通过大量的css,js实现的,页面切换也大量采用webapp模式,类似于JQuery Mobile中的框架,太过偏向于webapp,性能得不到较好的体

Nginx篇 基本介绍 Nginx是一款轻量级的 Web服务器 / 反向代理服务器 / 电子邮件(IMAP/POP3)代理服务器,主要的优点是: 支持高并发连接,尤其是静态界面,官方测试Nginx能够支撑5万并发连接 内存占用极低 配置简单,使用灵活,可以基于自身需要增强其功能,同时支持自定义模块的开发 使用灵活:可以根据需要,配置不同的负载均衡模式,URL地址重写等功能 稳定性高,在进行反向代理时,宕机的概率很低 支持热部署,应用启动重载非常迅速 基础使用 Windows版 安装 文件下载地址

明火烟雾目标检测项目部署 目录 明火烟雾目标检测项目部署 1. 拉取Docker PyToch镜像 2. 配置项目环境 2.1 更换软件源 2.2 下载vim 2.3 解决vim中文乱码问题 3. 运行项目 3.1 拷贝项目到容器中 3.2 安装项目所需的工具包 3.3 启动项目 4.搭建项目镜像 4.1 Docker commit搭建 4.2 Dockerfile搭建 5.发布项目镜像 这个项目是我去年负责的项目,当时还有一些小问题没有完全解决,同时也受限于当时的知识储备,就一直搁置到现在.在

原文链接:http://www.phpbiji.cn/article/index/id/107/cid/6.html Viewport Resizer下载 谷歌前端自适应开发工具 在前端开发过程中,随着移动端手持设备的普及,避免不了要适应各种大小的屏幕,所以测试工作在开发中尤为重要: 设定各个分辨率的浏览器在目前各大浏览器中都有展现,但是用起来都比较不方便,所以我们推荐一款谷歌的自适应插件 Viewport Resizer 下载地址: http://pan.baidu.com/s/1eSunB9

前端常问的面试题,题目:假设高度一定,请写出三栏布局,左右宽度300px,中间自适应. 看到这里我希望你能停下来思考几分钟, 1分钟~2分钟~3分钟~4分钟~5分钟! 好了,那么你想出了几种答案呢? 下面提供这道题的五种解决方案: 首先要写好整个页面的布局(初始化等) <style> html * { padding: 0; margin: 0; } .layout { margin-top: 20px; } .layout article div { min-height: 100px; }

写phpd的我. 近期公司要弄个app关键是没有web开发,而我有比較闲,那就扛枪上阵吧. 响应式布局,web端的?php我一直都是用tp框架,对于web首先想到的是bootstrap框架.仅仅是简单了解过,没真正实践啊.bootstrap比我想象的要好用的多.关键是.关键来了-- app端是仅仅有手机的,pc基本上木有.那就是说仅仅能依照手机端开发,那么boostrap响应式布局就不适用于app了(反正我是做了一套半成品,被推翻了).不能愉快的工作了.好不淡定的时间. .百度.百又问问同事.发

题目:假设高度已知,请写出三栏布局,其中左栏.右栏宽度各为300px,中间自适应. [题外话:日常宣读我的目标===想要成为一名优雅的程序媛] 一.分析 1. 题目真的像我们想得这么简单吗? 其实不然,这道题可以有多种方案,面试官想要通过这个题目考察面试者对CSS的掌握程度,是否善于思考.总结. 比较容易想到的两种方法是: 浮动 绝对定位 但如果只给出这两个答案,还没到及格线. 2. 进阶 flex table cell 网格布局---grid [下文第二部分,有相应的代码及实现效果演示] 3.

原文链接:http://caibaojian.com/mobile-responsive-example.html 互联网上的自适应方案到底有几种呢?就我个人实践所知,有这么几种方案:· 固定一个某些宽度,使用一个模式,加上少许的媒体查询方案使用flexbox解决方案使用百分比加媒体查询使用rem淘宝最近开源的一个框架和网易的框架有同工之异.都是采用rem实现一稿解决所有设置自适应.在没出来这种方案之前,第一种做法的人数也不少.类似以下说到的拉钩网.看一下流云诸葛的文章. 1. 简单问题简单解决

说出来,还请各位看官不要笑 - -.哥们至今不是很清楚页面的自适应和移动前端页面开发有什么区别 .有幸哪位看官清楚这些的话,希望能不吝赐教 .A.meta        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />        不允许缩放   

一.宽度自适应 语法:width:100%; 注: a)块状元素的默认宽度为100% b) 当给元素设置宽度为100%时,继承父元素的宽度 c) 通常使用宽度自适应实现通栏效果 二.高度自适应 语法:height:auto;(等同于不给元素设置高度) 三.最小高度,最大高度,最小宽度,最大宽度 1.最小高度 语法: min-height:数值+单位; 注:IE6不识别min-height属性,解决方案如下: 方案一: min-height:100px; _height:100px; 方案二: m

border属性是在实际的应用中使用频率比较高的一个属性,除了作为边框使用,利用border属性的一些特征以及表现方式,可以在实现一些比较常见的效果(如等高布局,上下固定内容滚动布局和绘制CSS图标等),利用css3新增的属性值(如使用图片填充边框)可以实现一些更复杂的效果. 本文不介绍border的属性的基本应用方法,将直接介绍如何通过border属性实现一些常见的效 利用border画三角形和梯形等多边形 在CSS中,常见的平面图形为矩形以及圆形.但是难免有些情景需要我们利用CSS去绘制三角

一.引入页面几种方法   1.IFrame引入,看看下面的代码    <iframe   frameborder=0   border=0   width=300   height=300   src="b.htm" mce_src="b.htm"></iframe>  这种高度需要限制是个问题,但经过我不懈努力终于找到了iframe自适应高度方法: <iframe name="lanrentuku" src=&qu

未完待续...... 一.运动原理 通过连续不断的改变物体的位置,而发生移动变化. 使用setInterval实现. 匀速运动:速度值一直保持不变. 多物体同时运动:将定时器绑设置为对象的一个属性. 注:物体每次运动都应该把之前的定时器清除掉. 二.边界处理 遇到边界是应该停止掉还是反弹,方向相反. 改变物体运动方向:将物体的速度值取反. 三.加速减速 加速:速度越来越快. 减速:速度越来越慢. 四.抛物线 水平方向有一速度,垂直方向有一速度,并做自由落体. 五.透明度的变换 难点:处理低版本I

1.map在浏览器的兼容性相对来说是比较好的,这是我在项目中的一个处理方法 推荐到下面网站去画map http://imagemap-generator.dariodomi.de/ 2.画完去github上拉一下代码 https://github.com/stowball/jQuery-rwdImageMaps 这个库非常好用,支持自适应.注意图片的大小设置与画第一点画map的大小保持一致.

一. 在HTML的头部加入meta标签 在HTML的头部,也就是head标签中增加meta标签,告诉浏览器网页宽度等于设备屏幕宽度,且不进行缩放,代码如下: <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0"> 简单分析一下这一行代码的含义:width=device