图片响应式与优化

图片的响应式的纯 html 实现可以借助 srcset 和 sizes 属性以及 元素来实现。而且观察Chrome开发者工具的 Network项可以发现,任何时候当屏幕变化的时候,如果匹配到新的规则需要的图片改变了的话,浏览器会去加载需要的图片。demosrcset 和 sizes 属性srcset 属性接受一个或多个 image candidate string,每个值

如何快速构建一个简单的程序

首先我们通过内置的工程模板创建一个空工程:$ xmake create -P ./hellocreate hello ...create ok!:ok_hand:这个时候xmake将会产生一些工程文件,如下:$ cd ./hello$ tree ..├── src│   └── main.c└── xmake.lua这个简单的程序仅仅只是为了打印输出: hello xmak

自话蚁群算法(带简单模拟实验)

原文地址:http://breezedust.com/2016/07/10/zi-hua-yi-qun-suan-fa-jian-dan-mo-ni-shi-li/这算是填3年前的一个坑吧,已经懒癌晚期了,想必也还是要挣扎下,那今天先从蚁群算法这个坑说起,如果你是要寻找怎么优化蚁群算法,可以直接跳过本文,如果你还不了解什么是蚁群算法,或许本文能够提起你的兴趣。 如果你同

一些设计原则的汇总

几个简单易行的原则DRY. don’t repeat yourself.KISS. Keep it simple, stupidYAGNI. You ain't gonna need itclass design principlesSOLID(wiki, article): SRP, OCP, LSP, ISP, DIP.SRP(wiki, pdf): Single re

用nodejs做网站 - 2

git托管服务在我们写代码之前,我们需要去选择一个放代码的git托管服务,比如国外的GitHub或者国内的coding。我推荐这两家的原因是因为我现在正在使用它们,并且给我的感觉很不错。GitHub的名气很大,也更加稳定,但他的私有仓库是收费的,如果你不在意公开的你的代码,那么GitHub很合适。但如果你需要把代码私有化,那么就选coding,私有仓库免费,它们的服务在国内

atom使用全局配置ESLint

ESLint是一个Javascript静态检查工具,它可以帮你养成良好的编程习惯,使你的javascript代码达到国际化的水准。ESLint是所有Javascrpt静态检查工具里最晚诞生的一个,之前还曾经有过JSLint以及JSHint等工具,但JSLint和JSHint都是用的一套标准,在目前这个前端技术飞速发展的时代已经显得有点落伍。ESLint的好处是既提供了国际大

KVM虚拟机IO性能调优

KVM虚拟机IO性能调优我们知道OpenStack中nova组件能够支持很多种虚拟化方式,官方目前主推的KVM,面向KVM虚拟化支持的功能也是最多的,它能够和neutron组件有很好的结合。本文的重点主要讨论KVM虚拟机IO性能调优,但是需要提前说明的是不同的场景需要选用不同的策略,这里没有银弹。因为我不是专门做虚拟化技术的,所以本文只是把nova中的调优方法总结一下,至于

Canvas入门-利用Canvas画国旗

在这之前需要你懂得以下方法的使用:beginPath()moveTo()lineTo()closePath()具体用法可以参考我的上一篇文章 canvas入门-利用canvas制作一个七巧板矩形的绘制canvas提供了三种绘制矩形的方法:fillRect(x, y, width, height)绘制一个填充的矩形strokeRect(x, y, width, height)

一步步编写avalon组件03:切换卡组件

经过几个星期的升级, 我终于又腾出空来继续这个教程.本章主要是讲解avalon的插槽元素的使用,并且应用更强大的webpack.config。webpack 真是好强大,好灵活,我也是从社区那里学到这些新招数的!本章讲授的主体是切换卡,也就是tabs。切换卡的原理很好简单,就是存在一个点击区与一个显示区。点击区我们通常称之为buttons或triggers,显示区我们称之为

利用make运行和调试程序

xmake默认在编译完程序后,可以通过以下命令运行指定目标程序: xmake run [target] [arguments] ... 并且在linux/macosx下面,目前已经支持关联调试器,去直接调试指定目标了,只需要加上-d/--debug参数选项: xmake run -d [target] [arguments] ... 默认情况下,xmake在macosx下用

Vue-Cleave - 在Vue中使用CleaveJS格式化你的输入内容

项目地址:https://github.com/jrainlau/vue-cleaveWhat's CleaveJS?CleaveJS是最近github上的一个热门项目,在短短的一个多月中star数达到了2500+,且保持着强劲的上升势头。它的主要目的是Format input text content when you are typing格式化你的输入内容可以查看官方的

Javascript基础

Javascript基础简介JavaScript,一种直译式脚本语言,是一种动态类型、基于原型的语言,内置支持类别。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能。然而现在JavaScript也可被用于网络服务器,如Node.js。--维基百科javascript能做很多事情:

Javascript 类型检查

在 Javascript 中常见的类型检查手段主要有:typeof,instanceof,constructor和Object.prototype.toString。typeof 运算符typeof操作符返回的是类型字符串.typeof 12 // "number"typeof "hello" // "string"typeof true // "boolean"t

基于Bootstrap做定制,并与官方库保持更新的方法

bootstrap是一个很好的css框架,可以给项目提供一个良好的css框架基础,但是很多情况下我们需要对bootstrap做一些定制以适应项目的需求。定制bootstrap的方法有很多种,如果你想深入到bootstrap源码进行定制的话,那么本文是比较适合你的。下面讲一下如何用git管理你的bootstrap定制项目,并能够与bootstrap官方库保持更新的方法。git

Pokemon Go引爆AR?你们可能想多了

一、一夜成名的Pokemon GoPokemon Go于7月6日澳大利亚、新西兰上架,7月7日美国区上架。游戏一上架就得到全球玩家的热捧:半夜在闯警察局、摔进水沟,公园里站满来抓比卡丘的玩家等疯狂场景分分钟都在上演。游戏的火热迫使Niantic多次屏蔽非开放地区数据来维护服务器稳定,然而训练师们的热情依旧没有受到丝毫影响。Pokemon Go到底有多火?任天堂方面已经宣布P

简洁一长图:带你了解互联网金融的发展模式是什么?

本人是一名理工类毕业的学生,非互联网科班出身,时刻关注互联网的行业动态。我喜欢研究互联网产品,最近闲暇时间自己将对互联网的研究整理出了一份行业报告。下面展现的就是我这半个多月的成果,我对这个行业做了一个简单的梳理和总结,初写报告能力有限,还望大家多多包涵。P2P网贷近年来,国家监管部门对P2P网贷行业的各方面的监管不断增强,使得它能够快速发展日益繁盛。伴随着大众理财观念的不

凡是不能提高用户体验、企业效率的O2O都是耍流氓

一、o2o到家服务误区:物流成本、广告成本占交易比例过高现在很多o2o到家服务都走入了一个误区——没有注意到物流与广告成本。物流成本在传统行业中占10%,o2o却没有考虑这一刚性比例,这也是目前o2o持续烧钱、无法挣钱的原因。互联网本应是最精准、营销成本最低的,而现在这种烧钱现象却违反了商业本质。二、规模不等于效益融资之后,很多创业者都要冲规模、冲客户数量、冲日单量等,但是

想成为Facebook的数据分析师,先得具备这五大技能

不管是刚毕业的,还是之前从事别的行业想要转到互联网行业的人来说,如果能顺利搞定面试中的案例分析 (case analysis),基本就成功了一大半。以 Facebook analytics data scientist 的工作要求为例,基本上一半的要求是跟 technical 相关,例如 SQL 等,另一半则主要跟产品相关,考察的是产品思维 (product sense)

thinkphp,外部JS如何获取模板绑定的变量值

我是一只前端,最近初学thinkphp,刚遇到一个问题,觉得值得分享一下。欢迎吐槽 ~场景是这样的:我要用JS调用Controller里面的某个方法获取json数据,我便使用thinkphp的U方法,发现一直报错。首先,我们先弄清楚thinkphp的U方法。thinkphp函数详解-U方法代码是这样的://common.js里ajax获取远程数据remote: '{:U(\

伟大的空格分割符之争

作者:Erica Sadun,原文链接,原文日期:2016-05-02译者:Crystal Sun;校对:numbbbbb;定稿:Cee今天下午发生了一场激烈的争论:func foo>(x: T)对比func foo>(x: T)很明显,后者赢了。为什么?因为符合正字法(orthography)的规则(定稿注:来源于希腊语中的正确(Ortho)和书写方式(Graphia),