最新消息:前端博客、web前端博客、Angularjs、javascript、jQuery、HTML5、CSS3

前端探讨

探讨前端前沿技术、笔记;前方高能预警,需注意姿势。

如何get新技能,在未来css中使用grid风格布局

7年前 (2017-07-06) 1650浏览

grid网格属性是css3中新增的,方便构建各种网格布局需求。grid有点像tables,可以做到行、列页面布局和对齐。在语义化、页面流加载达到更优的效果。 基础示例 HTML <div class="wrapper"> <...

css中calc的正确使用方式

7年前 (2017-07-05) 2449浏览

CSS3 calc()函数允许我们对属性值执行数学运算。 例如,声明一个元素宽度的静态像素值,而不是使用calc()来指定宽度是添加两个或多个数值的结果。 .foo { width: calc(120px + 50px); } 像SASS这样的CSS...

JS基础积累持续更新

7年前 (2017-04-25) 1981浏览

JS基础积累持续更新篇 /** * [检测是否手机带区号 description] * @param  {[type]}  str [description] * @return {Boolean}     [description] */ ...

前端面试题汇总-基础篇

7年前 (2017-04-11) 1768浏览

「 CSS篇 」 1)CSS 盒子模型,绝对定位和相对定位 2)清除浮动,什么时候需要清除浮动,清除浮动都有哪些方法 3)如何保持浮层水平垂直居中 4)position 和 display 的取值和各自的意思和用法 5)样式的层级关系,选择器优先级,...

canvas像素点实现镜像翻转

7年前 (2017-03-29) 2869浏览

最近开发扫地机项目网站,后台实现清扫记录展示,地图和坐标需要转换才能正确显示。机器中的世界是跟我们现实图中相反的,需要Y轴翻转。网上搜罗下,大部分是小平翻转。最后在找到类似的原理的代码(https://www.deanhan.cn/mirror.ht...

表格插件dataTable使用篇

7年前 (2017-03-07) 1669浏览

很多时候,我们显示的数据都是从后返回的,数据格式也是约定好的。但是后台人员为了节省资源,提高性能,读取数据时会把空数据不输出。这种情况下,使用dataTable插件就会出现错误提示,如(DataTables warning: table id=dat...

Javascript前端面试题

7年前 (2017-02-13) 1634浏览

在网上看到了一些Javascript的面试题就整理了下来,后续看到再继续补充。 面试题按类型来分,主要涉及到“技术”与“非技术”两大类,技术类别下涉及到的子类别有: 移动 & PC端布局类 JavaScript 核心基础类 衍生框架类 项...

google文本转语音(tts)接口示例

7年前 (2017-01-18) 2306浏览

使用此接口可以获得google翻译,语音播放等。关键是Google翻译TK参数的生成或获取,在这,我在github上找一个生成TK参数的js脚本。   function VL(a) { var b = a.trim(); ...

客户端存储概述

7年前 (2016-12-15) 2111浏览

直接在浏览器中存储数据有很多好处,主要是快速和网络无关地访问“数据库”。 目前有四种活动方法(加上一种已弃用),用于在客户端存储数据 – Cookies Local Storage Session Storage IndexedDB W...

js实现视频上传截取缩略图

7年前 (2016-11-14) 10080浏览

之前有个需求,上传视频时需要保存一份缩略图。以前的做法都是同时上传视频和缩略图,后台参考了网络文案。在现代浏览器可以使用HTML5的API,实现JS截取缩略效果。 HTML部分: 代码示例   <style&g...