自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Web分享

持之以恒,水滴石穿

原创 重学js之作用域

最近读了《你不知道的JavaScript》之后,发现自己之前的js似乎白学了。书上的很多点我竟然都不清楚。很多场景是我平时遇到过的,但是自己没有深究为什么,偷个懒就让这些知识盲点从我面前飘过去了。 ...

2019-09-30 17:18:43

阅读数 3

评论数 0

原创 CSS的3D世界

Web 技术飞速发展,但是绝大数技术人员并没有跟上其脚步,博主就是其中一员。当我们还在琢磨上一代技术时,那些技术前沿的弄潮儿开始打造新一代技术。这里聊一聊非高频却十分炫酷的 3D 技术,使用 CSS3 即可实现。 二维与三维 在说到三维之前,我们先聊一聊二维。 二维很好理解,即平面。我们使用 x...

2019-08-18 23:50:49

阅读数 15

评论数 0

原创 深入浅出CSS3动画

早在 2001 年 W3C 就完成了 CSS3 的工作草案,但是在 2013 年之后各大浏览器才开始逐步兼容 CSS3 的属性,到现在如果进行移动端 Web 应用的开发,那你不用考虑直接使用 CSS3 中的新属性即可。CSS3 中有很多特别棒的新属性,这里我们聊一聊其中的动画属性。 动画前世今生 ...

2019-08-10 16:21:37

阅读数 26

评论数 0

原创 Cordova进阶学习笔记

在上一篇博客里,主要讲了如何搭建 Cordova 环境以及运行 Cordova 项目。这篇博客主要讲一讲如何开发一个 Cordova 项目。 项目目录结构 一个全新的项目一般包含如下文件: hooks:这里一般是钩子触发时执行的脚本 node_modules:不用多说,npm 依赖包 platf...

2019-08-07 00:31:30

阅读数 13

评论数 0

原创 Cordova入门学习笔记

古人有云“活到老,学到老”。果不其然,在学校里我们一直在学习,步入社会开始工作后学习也不会停止。需求是不断变化的,能够解决问题才是王道。故唯有不断学习新的技能才能不被时代拉下。 Cordova简介 Cordova 是一款老牌的基于 HTML,CSS 和 JavaScript 的移动端跨平台框架,它...

2019-08-05 23:28:22

阅读数 10

评论数 0

原创 入门 Nuxt.js(二)

在前一篇文章中,我已经介绍了 Nuxt.js 的一些特点和简单的安装使用,这篇文章主要用来介绍这个框架的目录结构和最为重要的服务端渲染。 目录结构 服务端渲染 ...

2019-06-01 11:38:13

阅读数 47

评论数 0

原创 入门 Nuxt.js(一)

Vue 开发所遇到的问题 尽管 vue 是一款简单易用的框架,但是从头开始使用 vue 去构建一个生产环境所用的应用,还是有诸多不便。 Building from scratch is difficult(从零开始构建非常困难) No standard folder structure(没有标准...

2019-05-10 00:00:52

阅读数 49

评论数 0

原创 原生 js 实现滚动内容自动切换 Tab

原生 js 实现滚动内容自动切换 Tab

2019-05-06 23:54:10

阅读数 528

评论数 0

原创 记头条的一次笔试

四月初收到了头条的笔试邀请,打开链接后发现跳到了牛客网。面试前心中很是忐忑,毕竟大厂,而自己面试经验又不多。 最后做下来,发现自己确实还有很多不足,尤其是手撸代码这一块。有些 js 方法就是记不住,比如日期获取年,下意识写了 date.getYear(),其实是不对的,应该是 date.getFu...

2019-04-17 19:12:07

阅读数 52

评论数 0

原创 块级元素垂直居中

如果是文本,我们可以使用 line-height 将其垂直居中。但如果是块级元素,就不能这么做了。尽管如此,我们还是有很多方法可以将一个块级元素垂直居中。 绝对定位 2D 转换 弹性盒子布局 绝对定位 如果块级元素高度和宽度已知,利用绝对定位和负边距,就可以实现垂直居中。 <d...

2019-03-24 00:31:45

阅读数 590

评论数 0

原创 深入浅出 TypeScript

什么是 TypeScript TypeScript 是 JavaScript 类型的超集,它可以编译为纯 JavaScript。 TypeScript 可以在任何浏览器、任何计算机和操作系统上运行,并且是开源的。 TypeScript 由微软开发,截至到目前,最新的 TypeScript 版本为 ...

2019-03-09 22:32:30

阅读数 171

评论数 0

原创 深入 Object 对象函数

大多数 js 初学者对面向对象的了解可能都很浅,很多情况可能就是使用一些事件和简单的运算。但是如果想深入 js,那么面向对象的知识必不可少。 举个例子,如果你想看某个开源前端库的源码,没有扎实的 js 面向对象知识,那你看那些代码一定很痛苦,因为开源库的作者大多将 js 面向对象的知识玩到了极致。...

2018-11-18 13:45:30

阅读数 294

评论数 0

原创 性能优化之 CDN

CDN 简介 CDN 全称是 Content Delivery Network,内容分发网络。尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输更快、更稳定。 CDN 原理 在网络各处放置节点服务器,构成在现有的互联网基础之上的一层智能虚拟网络。CDN 系统能实时的根据网络...

2018-11-17 21:05:23

阅读数 396

评论数 0

原创 性能优化之 DNS

DNS 简介 DNS 即域名服务解析器。当我们在浏览器地址栏我们输入网址时,第一步要做的就是 DNS 解析。它会将网址转换为 IP 地址。 DNS 优化 如果我们要加快我们网站的速度,那么最绝对的事情就是移除 DNS 这一步,但是显然不可能。所以需要想别的方法,但主要从两个角度考虑: 减少 D...

2018-11-13 22:00:19

阅读数 294

评论数 0

原创 JavaScript 类型判断和转换

如果要写出高质量的 JavaScript 代码,那么你一定要非常熟悉 JavaScript 的类型判断和转换。因为只有在写代码时对方法的参数进行必要的判断以及适当的转换才能让我们的程序变得健壮。 类型判断 类型介绍 提到类型判断,那么我们一定得先知道 JavaScript 所支持的数据类型吧。ES...

2018-11-07 00:51:12

阅读数 54

评论数 0

原创 浏览器兼容性小结

文章目录浏览器介绍兼容性说明常见问题默认样式问题描述解决方法IE6 margin bug问题描述解决方法IE6 和 IE7 默认行高问题描述解决方法图片标签默认间距问题描述解决方法透明度属性问题描述解决方法盒模型问题描述解决方法兼容性技巧CSS HackPostCSS特点使用Polyfill本质 ...

2018-11-05 00:20:41

阅读数 140

评论数 0

原创 RequireJS 详解

简介 一个复杂的应用,其编程语言也必须要有模块机制,方能更好的组织代码。在前端 js 模块中,RequireJS 是一个非常小巧的 JavaScript 模块载入框架,是 AMD 规范最好的实现者之一。 特点 异步加载模块 当我们引入 js 文件时,不会阻塞浏览器对 html 文档的渲染。 按依赖...

2018-10-28 22:49:55

阅读数 16102

评论数 0

原创 HTTPS 原理及部署

HTTP 和 HTTPS 如果你之前了解过计算机网络,那么你一定听说过 HTTP 协议。HTTP 协议的全称为 HyperText Transfer Protocol,即超文本传输协议。 HTTP 协议位于 OSI 七层网络模型中的第七层——应用层。Web 服务器上的所有资源的传输都遵守该协议,用...

2018-10-10 23:49:05

阅读数 72

评论数 0

原创 手机端网页开发兼容性指南

毫无疑问,随着微信的崛起,移动端网页开发又进一步,需求量不断攀升。但是智能手机市场的丰富多彩,百花齐放,导致移动端的网页开发和传统的 PC 端网页开发有所不同。 很多人可能正迈向手机端网页开发,但又听说手机端网页开发有着这样或那样的,所以有些忐忑。 这里,博主用近年来开发手机端页面的经历,来告诉大...

2018-09-29 00:06:32

阅读数 1295

评论数 0

原创 响应式设计入门

简介 响应式布局就是让一个网站可以兼容不同分辨率的设备,给用户更好的视觉体验。 特点 优点:解决了设备之间的差异化展示,让不同的设备达到最优的视觉体验。 缺点:兼容性代码多,工作量加大,页面加载速度受影响。 原则 移动优先:在设计初期就要考虑页面如何在多终端显示; 渐进增强...

2018-08-09 23:50:09

阅读数 88

评论数 0

提示
确定要删除当前文章?
取消 删除