html

移动端上传预览压缩图片

一、功能和问题解析图片上传,在移动端可以使用input为file,通过base64上传图片移动端file有兼容上的问题移动端端图片都是几M,必须压缩二、功能的实现和问题的解决初始页面布局 .add{ width: 100%; height: 100%; text-align: center; border: 1p

前端开发者应该知道的 CSS 小技巧

一些小技巧让你的CSS技术更专业1,使用:not()去除导航上不需要的边框2,为body添加行高3,垂直居中任何元素4,逗号分离的列表5,使用负nth-child选择元素6,使用SVG图标7,文本显示优化8,在纯CSS幻灯片上使用max-height9,继承box-sizing10,表格单元格等宽11,使用Flexbox摆脱边界Hack12,使用属性选择器选择空链接使用:n

《JavaScript 闯关记》之初探

当学习一门新的编程语言的时候,应该边学边做,反复演练以加深理解。因此,你需要一个 JavaScript 解释器。幸运的是,每一个 Web 浏览器都包含一个 JavaScript 解释器。可以通过在 HTML 文件里写一个 元素来嵌入 JavaScript 代码,当浏览器加载 HTML 文件的时候,它会自动执行这段代码。如果运行的是一小段 JavaScript 代码,则不必

和BEM的战斗:10个常见问题及如何避免

无论你是刚刚发现BEM或者已经是个中熟手(作为web术语来说),你可能已经意识到它是一种有用的方法。如果你还不知道BEM是什么,我建议你在继续阅读这篇文章之前去BEM website了解一下它,因为我会假设你对这种CSS的方法有一个基础的理解。本文旨在对那些已经是BEM的爱好者或是想要去更有效率的使用它或是非常好奇并且想去学习它的人有所帮助。现在,我对BEM是一个优雅的命名

Magi.Cache介绍

转载请注明出处:https://github.com/thx/magix/...在前端开发过程中,我们经常会在内存中缓存一些数据,其实javascript的缓存比较简单,只需要声明一个变量或把一些数据挂到某个对象上即可,比如我们要实现一个对所有的ajax请求缓存的方法,简单实现如下:var cache={};var request=function(url,callback

一个前端写的php博客系统2--前台展示+后台登录

部署的演示地址我的博客地址: http://www.weber.pub 可以查看到具体的站点展示github 地址:https://github.com/baiyuming/byblog前台首页展示首页的侧边预留的位置是给后面的统计,热门之类的版块预留位置。。。控制器文章列表展示要考虑到文章数量增多后分页展示,那么我们要统计文章数量,使用 count() 计算文章总数,然后

模板引擎Jade

前言:node.js的模板引擎有多种,如:ejs,Handlebars,jade。一开始首先学习了ejs,但是发现其有一个很大的弊端,那就是它不能继承(由于之前用的全部是thinkphp的模板,所以用起来非常别扭,只能进行include,而不能extend),于是转为jade,将html做了一层抽象的模板引擎。安装jade利用npm全局安装:$ npm install ja

小白上学のcanvas零基础

元素看起来和 元素很相像,唯一的不同就是它并没有 src 和 alt 属性。实际上, 标签只有两个属性—— width和height。当没有设置宽度和高度的时候,canvas会初始化宽度为300像素和高度为150像素。该元素可以使用CSS来定义大小,但在绘制时图像会伸缩以适应它的框架尺寸:如果CSS的尺寸与初始画布的比例不一致,它会出现扭曲。元素有一个做 getConte

最初,唯有时光记得

回顾Retrospect to the past and look into the future最近在积极地学习webview,原本打算整理一下写成一篇文章。无奈时间有限,暂时没有把握把webview要学习的知识写清楚,个人也还在摸索中。此外从周末开始迁移自己的文章到gitbook上,加上处于实习的尾声,突然发现这周可能无法完成,突然有些慌,把自己写的gitbook的序拿