- 博客(20)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 去除表单输入类型为数字时出现的上下箭头
<input type="number">--------------------------------------------------------------input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance: none;}
2018-10-23 17:55:08
513
原创 jquery实现--自定义视频播放器
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g
2018-10-22 18:21:36
2847
1
原创 wiki viewer 仿版
参考：https://www.jianshu.com/p/d48ae4ca707e项目简介根据用户输入的文本检索维基百科的条目，显示前若干条结果，结果包含词条标题和内容摘要。技术点利用wikipedia的API检索维基百科数据库， API文档地址是http://www.mediawiki.org/wiki/API:Main_page API在线实验地址：https://en.w...
2018-10-17 19:30:51
653
原创 -webkit-appearance样式
说明：改变按钮和其他控件的外观，使其类似于原生控件。-webkit-appearance 是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。 此属性非标准且渲染效果在不同浏览器下不同，有些属性值甚至不支持，请慎用。语法：-webkit-appearance：none | button | button-bevel .....
2018-10-16 10:10:10
7116
原创 box-sizing布局
盒子模型关于CSS重要的一个概念就是CSS盒子模型。它控制着页面这些元素的高度和宽度。盒子模型多少会让人产生一些困惑，尤其当涉及到高度和宽度计算的时候。真正盒子的宽度(在页面呈现出来的宽度)和高度，需要加上一些其它的属性，例如： padding + border + width= 盒子的宽度 padding+ border + height = 盒子的高度 这看起来并不是那么直观...
2018-10-16 09:46:59
83
转载 sass用法
一、什么是SASSSASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。本文总结了SASS的主要用法。我的目标是，有了这篇文章，日常的一般使用就不需要去看官方文档了。二、安装和使用2.1 安装SASS是Ruby语言写的，但是两者的语法没有关系。不懂Ruby，照样使用。只是必须先安装Ruby，然后再安装SASS。假定...
2018-10-13 20:25:36
83
原创 pug使用方法
安装npm install pug-cli -g 全局安装开始监听pug -w ./ -o ./html -P-w 开始监听./html 放入文件夹-P 规范代码 基j基本语法 id 和 class 标签中的属性doctype htmlhtml head body input(typ...
2018-10-13 14:48:46
2792
1
原创 简单版-本地天气
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-10-10 21:13:59
150
原创 HTML5 Geolocation（地理定位）| 参考资料
http://www.runoob.com/html/html5-geolocation.htmlhttps://blog.csdn.net/DeepLies/article/details/77582307https://www.ibm.com/developerworks/cn/web/1208_wangjian_html5geo/#N10077https://www.renfei...
2018-10-10 20:15:54
144
原创 random quote machine | 随机格言 | fcc项目
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-10-09 19:30:11
313
原创 Ajax请求详解
ajax简介：Ajax 的全称是Asynchronous JavaScript and XML，意思是：异步 JavaScript 和 XML Ajax是使用XMLHttpRequest对象与服务器端通信的脚本语言 可以发送及接收各种格式的信息，包括JSON、XML、HTML和文本文件。 AJAX可以无需刷新页面而与服务器端进行通信。 允许你根据用户事件来更新部分页面内容。Ajax工...
2018-10-09 10:23:25
1176
原创 css弹性盒子 | flex布局讲解 | 实例
今天介绍常见布局的Flex写法。你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面，最多可以放置9个点。下面，就来看看Flex如何实现，从1个点到9个点的布局。你可以到codepen查看...
2018-10-07 18:53:03
3070
原创 css弹性盒子 | flex布局讲解
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地...
2018-10-07 18:52:02
152
原创 什么是浏览器内核
定义（1）内核又可以分成两部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎（2）它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机（3）浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同（4）JS 引擎则是解析 Javascr...
2018-10-07 14:17:05
9138
原创 css中display解析
常见属性值（1）inline（2）block（3）inline-block（4）none（5）flex（6）table行级元素特点（1）和其它元素在同一行上（2）元素的高度、宽度、行高及顶部和底部边距不可设置（3）元素的宽度就是它包含的文字或图片的宽度，不可改变块级元素特点（1）每个块级元素都从新的一行开始，并且其后的元素也另起一行（2）元素的高...
2018-10-07 13:40:49
621
原创 position属性( absolute | relative | static | fixed )详解
一，什么是文档流将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流。 只有三种情况会使得元素脱离文档流，分别是：浮动、绝对定位和相对定位。二，定位分类静态定位（static）html元素默认的定位方式，top, right, bottom, left 和 z-index 属性无效相对定位(relative) （1）相对定位相对的是它原本在文档流中...
2018-10-07 12:29:41
242
原创 什么是框架
框架（Framework）是一个框子——指其约束性，也是一个架子——指其支撑性。IT语境中的框架，特指为解决一个开放性问题而设计的具有一定约束性的支撑结构。在此结构上可以根据具体问题扩展、安插更多的组成部分，从而更迅速和方便地构建完整的解决问题的方案。（1）框架本身一般不完整到可以解决特定问题（2）框架天生就是为扩展而设计的（3）框架里面可以为后续扩展的组件提供很多辅助性、支撑性的方...
2018-10-06 17:12:22
162
转载 meta name="viewport" content="width=device-width,initial-scale=1.0" 解释
简单来说meta name="viewport" content="width=device-width,initial-scale=1.0" 解释 <meta name="viewport" content="width=device-width,initial-scale=1.0"> content属性值 : width:可视区域的宽度，值可为数字或关键...
2018-10-06 16:32:26
458
原创 了解CSS中的@import
我们知道，css文件引入方式有两种：1. HTML中使用link标签<link rel="stylesheet" href="style.css" />CSS中@import@import "style.css";第一种方式最为常见最为主流，第二种方式则很少见到有人这么写，因而也常被开发工程师所忽略。这篇文章就详细解剖之。语法@import语法有两种：...
2018-10-06 16:15:22
20662
1
原创 Font Awesome介绍
Font Awesome 是一套完美的图标字体库及CSS架构,主要目的是和 Bootstrap 搭配使用。Font Awesome为您提供可缩放的矢量图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。Font Awesome已经为你准备了将近500个常用icon图标（还在不断更新），能大能小，能随便修改颜色，完全开源，完全免费。可以让程...
2018-10-06 16:01:20
2788
fcc维基百科搜索页面 wiki viewer
2018-10-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人