引言: 我发现自己最近有点走偏了,越来越多的将学习的精力放在编程上,而渐渐的忽略了HTML这个简单又不简单的标记语言上。相信大家应该也有这样的经历。觉得HTML这种东西很简单不需要花费太多精力就能使用,但是时间久了我发现…
分类:html5
从ES6重新认识JavaScript设计模式(二): 工厂模式
1 什么是工厂模式? 工厂模式是用来创建对象的一种最常用的设计模式。我们不暴露创建对象的具体逻辑,而是将将逻辑封装在一个函数中,那么这个函数就可以被视为一个工厂。工厂模式根据抽象程度的不同可以分为:简单工厂,工厂方法和抽…
vue express mongodb 电商项目(二)
最近花了几天时间把原来写的这个商城项目又改进了一点 部署到企鹅云 粗略的把项目打包了一下,然后部署到了腾讯云,试一下效果,既然都丢上去了,那也就留一个线上体验的地址 我看资料都要搞个nginx,我在云主机上也按了一个,但…
textarea文域高度自适应
textarea高度自适应 <textarea>文本域高度随内容自动变化,不会出现滚动条,可以有多种方法,除了用js动态设置它的高度值以外还有其它更简单的方法。 可以用div标签模拟textarea,将div…
窥探原理:实现一个简单的前端代码打包器 Roid
roid roid 是一个极其简单的打包软件,使用 node.js 开发而成,看完本文,你可以实现一个非常简单的,但是又有实际用途的前端代码打包工具。 如果不想看教程,直接看代码的(全部注释):点击地址 为什么要写 ro…
html5系列:form 2.0 新结构
以往的一个form表单,结构比较死板,所有的form元素都必须处在<form>和</form>之间才有效,这会造成一些麻烦,比如说:像bootstrap这种使用<div>来控制布局的框…
Web端裁剪图片方法
由于在Web端,JavaScript不能直接处理本地文件,因此可以在后台裁剪图片,或者利用html5的canvas来处理。 方法1:传送到后台剪切 步骤1:上传图片到后台,向前端返回图片URL 利用input标签,将文件…
html5手机页面的那些meta
一、普通手机页的设置1.<meta name=”viewport” content=””/>说明:屏幕的缩放 content的几个属性: width viewp…
html2canvas 如何生成高清图片
需求我的需求是在手机页面讲一段html转成图片让用户可以保存,所以之前那段html则不需要显示了。 正常渲染使用html2canvas正常渲染出来在手机上显示非常的模糊。代码如下: var dom = $("#id");…
JavaScript_Html5_LocalStorage项目demo
项目中localStorage实用 项目中h5本地存储的一个小实用,本意使用cookie,但发现chrome调试被禁用,便用了localStorage. 此需求是一贴吧搜索页,在新用户第一次点击搜索框时为搜索页面,老用户…
HTML5 原生拖放
发展 原生拖放的发展大致可分为三个阶段:IE4、IE5+、HTML5。 IE4 是最早在网页中引入 JavaScript 拖放功能的,当时只有图像和选中的文本可以拖放,并且只有文本框是有效的放置目标。IE5 拖放功能进一…
前端面试之Html篇
1 . doctype(文档类型) 的作用是什么? ☆ 对文档进行有效性验证: 它告诉用户代理和校验器这个文档是按照什么DTD 写的。这个动作是被动的, 每次页面加载时,浏览器并不会下载DTD 并检查合法性,只有当手动校…