2019年06月_1学习者1

09月 08月 07月 06月 05月 03月 02月

转载浏览器的组成

·外壳shell：User Interface（用户界面）、Browser engine（浏览器引擎）、Networking（网络）、UI Backend（UI 后端）、Date Persistence（数据持久化存储）用户界面－包括地址栏、后退/前进按钮、书签目录等，也就是你-所看到的除了页面显示窗口之外的其他部分浏览器引擎－可以在用户界面和渲染引擎之间传送指令或在客...

2019-06-30 22:48:27 423

原创淘宝顶部header的居中布局

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-06-29 17:09:04 1945

原创前端两个经典bug

1、margin塌陷bug<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...

2019-06-29 16:38:07 1068

原创 CSS之盒模型

怎么理解盒子模型？盒子模型是样式表（css）控制页面的很重要的概念。如果理解了盒子模型和其中每个元素的用法，才能熟练使用css的定位方法和技巧。所有的页面的元素都可以看成是一个盒子，占据一定的页面空间。占据的空间要比实际使用的空间要大得多。我们可以调整盒子的边框和距离，来调整盒子（页面和页面中的元素）的位置。盒子模型是由内容（content）、边框（border）、内边距（padding）...

2019-06-29 14:49:33 121

原创 css之文本溢出处理 | 背景图片处理

文本溢出处理单行文本用缩略符号——text-overflow:ellipsis;多行文本做截断策略——line-height * 行数 = height;text-overflow:hidden;背景图片处理相关属性1、background：设置对象的背景样式，是一个复合属性，可以用于同时设置背景色、背景图片、背景重复模式等属性。　　该复合属性可以分开写为以下几个属性：...

2019-06-29 14:20:26 891

转载 H5新增的标签和属性

声明Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的。在 HT...

2019-06-28 22:59:17 195

原创 html中内联元素和块级元素的区别（整理版）

块级元素和内联元素的主要区别块级元素内联元素（即行内元素）总是在新行上开始，独占一行默认情况下，宽度自动填满其父元素相邻的行内元素会排列再同一行里，直到一行排不下，才会换行，宽度随元素的内容而变化可以设置width,height属性设置width，height属性无效 ...

2019-06-28 16:56:08 1077

原创 CSS之浮动模型

浮动模型又叫流模型，什么是float（浮动）最早是为了适应报纸的排版，文字环绕图片的效果，后来经过使用和研究发展出一系列复杂的用法。CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。Float（浮动），往往是用于图像，但它在布局时一样非常有用。一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。浮动流为了说明什么是...

2019-06-28 11:16:33 634

原创 CSS之层模型

一：理解如果懂Photoshop的同事，那么层模型就像它的图层那样，上下图层互不影响，可以重叠组合出你想要的视觉。或者可以理解为楼层，同一栋大厦的不同楼层，再二维角度说，大家的经纬度（页面元素的位置）可以任意调整。二：使用在前端编码中，层模型有三种形式出现：1-绝对定位(position: absolute)2-相对定位(position: relative)3-固定定位(po...

2019-06-28 10:06:20 227

原创 2019年7月前CSDN最新排名

截止到2019年6月27日，CSDN排前的大神：排名第16：https://blog.csdn.net/hejishan排名第13：https://blog.csdn.net/21aspnet排名第11：https://blog.csdn.net/notbaron排名第10：https://blog.csdn.net/troubleshooter排名第9：https://...

2019-06-27 14:34:38 181

原创 css权重核心概念

1. 权重概念：　　权重，是一个相对的概念，是针对某一指标而言。某一指标的权重是指该指标在整体评价中的相对重要程度。　　权重系数，是表示某一指标项在指标项系统中的重要程度，它表示在其它指标项不变的情况下，这一指标项的变化，对结果的影响。2.css权重的理解：　　每一个css的选择器都有一个相对的重要程度值，也就是权重的值，简称“权值”；　　css通过css选择器的权重占比...

2019-06-27 14:14:54 472

转载 PHP API接口GET&&POST请求封装（通用）

GET/** * 通过URL获取页面信息 * @param $url 地址 * @return mixed 返回页面信息 */function get_url($url){ $ch = curl_init(); curl_setopt($ch, CURLOPT_URL,$url); //设置访问的url地址 curl_setopt($ch, CUR...

2019-06-24 11:56:34 6543

转载微信小程序获取当前时间戳、获取当前时间、时间戳加减

//获取当前时间戳 var timestamp = Date.parse(new Date()); timestamp = timestamp / 1000; console.log("当前时间戳为：" + timestamp); //获取当前时间 var n = timestamp * 1000; var date = ne...

2019-06-19 18:28:49 20100 1

原创微信小程序的userInfoReadyCallback理解

首先小程序的执行顺序是：app.onLaunch--->page.onLoad关于userInfoReadyCallback要明确三点： userInfoReadyCallback这个方法是在page.onload中定义的。如果userInfoReadyCallback方法被定义了，则说明page.onload比当前方法运行的早（page已经完成初始化），app...

2019-06-10 17:04:53 4501