- 博客(21)
- 收藏
- 关注
RSS订阅原创 CSS/CSS3 布局
定位属性居中水平垂直居中/* 居中元素Add CSS*/position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);/*居中元素根据内容给出宽度，也就是说可以居中包裹的子元素，但子元素宽度如果宽度超出550px将自动换行。*/方式2：/* 居中元素Add CSS*/width: 600px;...
2018-08-31 00:07:27
226
原创 CSS-选择器
#id{} id选择器 #firstname 选择id="firstname" 的所有元素。.class{} 类选择器 .intro 选择class="intro" 的所有元素。element{} 标签选择器 div 选择所有div元素*{} 通配符选择器，选择所有元素。element element{} 层级选择器 div p 选择 <...
2018-08-31 00:00:15
137
原创 框架Bootstrap
Bootstrap 是目前最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。1 下载配置Bootstrap环境 官网 https://getbootstrap.com/ 中文译站 http://www.bootcss.com/ 2 搭建环境CND<!-- 兼容IE8以下的IE浏览器--><me...
2018-08-30 23:49:57
174
原创 WordPress
WordPress 是一个用PHP开发的博客平台，它不是一个框架，但如果拆分一下代码，可能可以充当一个不错的框架<!-- 评论模板：显示指定id的评论--><div><ol class="commentlist"><?php//Gather comments for a specific page/post 收集特定页面/博文的评论$co...
2018-08-30 23:21:57
331
原创 内联元素和块元素
1 内联元素/行内元素 ① 内联元素并在一行 ② 宽高由内容决定 ③ 元素换行会产生间距 ④ 默认带上下内边距 ⑤ 不支持样式：width、height、margin-top、margin-bottom 包括：文本元素（a、span、em、stong、无标签等）、图片/音频/视频、表单元素（input、select, textarea、button）等2 块元素/行元素 ...
2018-08-30 23:16:17
160
原创 固定顶部和固定底部
Add HTML<nav id="nav-box"></nav><section class="placeholder"></section><section class="placeholder2"></section><footer id="f
2018-08-28 23:00:48
554
原创 置顶按钮
Add HTML<main class="placeholder"></main><div id="topping"> 顶</div>Add CSS body { margin: 0; } .placeholder { wid...
2018-08-28 22:50:57
920
原创 动态页面
Add HTML<div class="box1"> <div class="text1">会动的</div></div><div class="box2"> <div class="text2">静止的</div&
2018-08-28 22:44:29
1215
原创 原生轮播图
原生js轮播图Add html<div id="slider-bar"> <div id="imgs-box"> <ul id="imgs-ul"> <li style="background-image:url(https://i.imgur.com/ndsCDtv.jpg) &
2018-08-28 22:30:32
152
原创 显示隐藏区域
Add HTML<a id="login">登录</a><div id="hidden-box"> <a id="close">×</a></div>Add CSS #hidden-box { position: absolute;
2018-08-28 22:05:50
290
原创 前端优化
1) HTML部分语义化HTML：好处在于可以使代码简洁清晰，支持不同设备，利于搜索引擎，便于团队开发； 减少DOM节点：加速页面渲染； 给图片加上正确的宽高值：这可以减少页面重绘，同时防止图片缩放； 防止src属性和link的href属性为空：当值为空时，浏览器很可能会把当前页面当成其属性值加载； 正确的闭合标签：如避免使用<div/>，浏览器会多一个将它解析成<d...
2018-08-28 21:45:46
150
原创 React是什么？
React是什么？React是Facebook内部的一个JavaScript类库，可用于创建Web用户交互界面。它引入了一种新的方式来处理浏览器DOM。开源时间：2013年3月
2018-08-27 14:11:25
614
原创 WebGL是什么
官网：https://www.khronos.org/webgl/WebGL是什么？WebGL（Web图形库）是一种JavaScript API，用于在任何兼容的Web浏览器中呈现交互式2D和3D图形，而无需使用插件。WebGL完全集成到浏览器的所有Web标准中，允许GPU加速物理和图像处理和效果的使用，作为网页画布的一部分。WebGL元素可以与其他HTML元素混合，并与页面的其他部分...
2018-08-27 12:07:40
4003
原创 ClientJS是什么？
官网：https://clientjs.org/ClientJS是什么？ClientJS利用许多不同的原生JavaScript函数、方法和开源资源来查找有关客户端的信息。ClientJS可以轻松地创建客户端对象，以便尽可能多地找到有关哪些设备连接到您的站点和产品的有用信息。您可以询问具体问题，例如“用户是否拥有iOS或Android设备？”或者还可以更直接的询问，“用户的设备是iPad...
2018-08-27 11:57:04
2268
转载 Model 蒙版
蒙版Add HTML<div class="container"> <button onclick="showModel()">弹出蒙板</button> <div id="myModel" onclick="closeModel()"> <div class=
2018-08-11 15:10:57
100
转载 Windows 10 部署 IIS
部署过程一、启用IIS功能1、打开windows功能：运行（win+R）->OptionalFeatures2、完全安装IIS功能（为了避免可能出现的不必要的错误），勾选所有功能下的子项目（不勾子项目默认是最小安装）。如下图红框所示： 3、安装完毕需要重启电脑。4、重启完毕后在浏览器输入localhost后回车，若出现欢迎页面则说明IIS已经成功安装。 二、添加网站...
2018-08-11 08:35:50
420
转载 JavaScript自动执行函数
JS中(function(){xxx})(); 这种写法是什么意思？自执行匿名函数：常见格式：(function() { /* code */ })(); 解释：包围函数（function(){})的第一对括号向脚本返回未命名的函数，随后一对空括号立即执行返回的未命名函数，括号内为匿名函数的参数。 作用：可以用它创建命名空间，只要把自己所有的代码都写在这个特殊的函数包装内，那么外部就不...
2018-08-09 12:45:39
689
转载 JavaScript定义函数的两种方式
定义函数的方式有两种：一种是函数声明，另一种就是函数表达式； 1.1 函数声明function functionName(arg){ //函数体} 关于函数声明，它有一个重要特征就是函数声明提升，意思就是在执行代码之前会先读取函数声明。这就意味着可以把函数放在调用它的语句后面。如下所示：helloworld(); //在代码执行之前会先读取...
2018-08-09 12:43:19
623
转载 webstorm新破Jie
感谢简书rexzx 提供的方法首先去官网下载产品，官方最新的就好，不需要去网页搜索什么破解版等野鸡版本，然后安装。 下载Jet Brains License ⬇️ :链接: https://pan.baidu.com/s/1pLWZEGz 密码: sc4w (这是2017 3.3版本的破解文件)链接: https://pan.baidu.com/s/1EX3MsjY_BGE87U6...
2018-08-08 08:43:10
1937
原创 鼠标滚动条触发动画
鼠标滚动到指定动画元素的相对位置时触发CSS动画Add HTML <div class="div1-wrap"> <div class="div1">触发动画</div> </div> <div class="div2-wrap"> <div class="di
2018-08-05 21:32:59
1497
原创 按钮
鼠标移入边框作动画Add HTML<a href="#" class="box">下载APP</a>Add CSS body{ background-color: silver; } a{ text-decoration: none; ...
2018-08-04 16:52:01
104
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人