html5+css如何实现中间大两头小的轮播效果html5+css如何实现中间大两头小的轮播效果
国际惯例，先上效果
好了，话不多说，上去就是一顿撸。
c :
<style>
*{margin: 0;padding: 0}
.wrap{
}
.container{
width: 100%...[2018/12/10]
利用CSS绘制任意角度的扇形示例代码_CSS教程_CSS
前言
扇形制作原理，底部一个纯色原形，里面2个相同颜色的半圆，可以是白色,内部半圆按一定角度变化，就可以产生出扇形效果
效果图
示例代码：
<html>
<head>
<meta charset="UTF-8&quo...[2018/12/10]
用css实现圆形波浪效果图
在移动端经常看到一些圆形波浪图来显示金额，刚开始我认为这种效果只能用canvas写的，后来发现用c 也可以。
原理：我们都知道让块元素的border-radius:50%会变成圆形，如果少于50%呢，其实就变成不规则的圆形。我们可以利用这个特征，用伪类加上transform动画来实现波浪效...[2018/12/7]
HTML中令人惊喜的全局属性
1、acce key 属性 ： 规定激活元素的快捷键。
浏览器支持：几乎所有浏览器均 acce key 属性，除了 Opera。
定义和用法
acce key 属性规定激活（使元素获得焦点）元素的快捷键。
提示和注释
注释：以下元素支持 acce key 属性：<a>, ...[2018/12/7]
前端（三）之选择器高级与盒模型
前端之 CSS 选择器高级与盒模型
前言
先回顾昨日的内容，昨天讲了 w3c 的整个架构，由结构层>布局层>内容层三部分组成，了解了 CSS 的三种引入方式，行间式最简单直接；内联式解耦合，可读性强；外联式适合团队高效开发，耦合性低，复用性强，了解了三种选择器，并且 id 选择器>...[2018/12/7]
详解vue全局组件与局部组件使用方法
这篇文章主要为大家详细介绍了vue全局组件与局部组件的使用方法，具有一定的参考价值，对此有需要的朋友可以参考学习下。如有不足之处，欢迎批评指正。
vue全局／局部注册，以及一些混淆的组件main.js入口文件的一些常用配置， 在入口文件上定义的public.vue为全局组...[2018/12/7]
css选择器（一）基本选择器
基本选择器
1、通用元素选择器
*表示应用到所有的标签。
*{
padding:0px;
margin:0px;
}
2、元素/标签选择器
匹配所有p标签的元素
p{
color:red;
background:yellow;
}
...[2018/12/7]
HTML简单概述
HTML概述
一、HTML定义
HTML(HyperText Markup Language)超文本标记语言，写给浏览器的语言，目前网络上应用最广泛的语言。
目前已更新到HTML5，HTML添加了一些新的语义化标签及新特性，放弃了一些就标签。
主流浏览器：IE、Firefox、Chrome...[2018/12/7]
HTML的学习笔记
一、HTML基本构造
<html>（告知浏览器其自身是一个HTML文档）
<head>（定义文档的头部）
<title>这是网页的标题</title>（定义文档的标题）
</head>
<body>...[2018/12/7]
CSS的三种引入方式
内联： 在元素中添加style属性添加样式，只能作用于当前元素，不能复用。 内部：在head里面添加style标签 可以当前页面复用 不能多页面复用 外部：写在单独的c 文件里面 通过link标签引入，可以多页面复用 内联优先级最高内部和外部优先级一样，后执行的覆盖前面执行的[2018/12/6]
Bootstrap -- 初见 Bootstrap
Bootstrap -- 初见 Bootstrap
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。
自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。
...[2018/12/6]
REM在edge浏览器中不重新计算解决
经过多分析和排查，此问题解决的方案
第一种：
在CSS样式中添加
body { font-size:100% }
如果不起作用，可以尝试将引用的REMjs放在head内引用[2018/12/6]
谈谈前端工程化是个啥？
目前来说，Web业务日益复杂化和多元化，前端开发已经由以WebPage模式为主转变为以WebApp模式为主了。现在随便找个前端项目，都已经不是过去的拼个页面+搞几个jQuery插件就能完成的了。工程复杂了就会产生许多问题，比如：如何进行高效的多人协作？如何保证项目的可维护性？如何提高项目的开发质量？...[2018/12/6]
纯css实现元素下出现横线动画（background-image）
效果图：
html：
<div cla =''site_bar''>首页</div>
c :
.site_bar{
background-image : linear-gradient(red,red);
background-positi...[2018/12/6]
angular学习—组件 - 全栈工程--学无止境angular学习—组件 - 全栈工程--学无止境
组件：
vue组件：xxx.vue
react组件：xxx.js+xxx.c
angular组件：xxx.ts+xxx.c +xxx.html
angular的装饰器：
@ngModule:angular的一个模块化。装饰angular的app.module.ts文件内的A...[2018/12/6]
前端（二）之 CSS
前端之 CSS
前言
昨天学习了标记式语言，也就是无逻辑语言。了解了网页的骨架是什么构成的，了解了常用标签，两个指令以及转义字符；其中标签可以分为两大类：
一类是根据标签内容可以分类单双标签，单标签指的是不需要字内容，标签就可以代表所有功能；双标签：主内容可以包含文本，也可以包含子标签（具有作用...[2018/12/6]
CSS盒模型的介绍CSS盒模型的介绍
CSS盒模型的概念与分类
CSS盒模型就是一个盒子，封装周围的HTML元素，它包括内容content、边框border、内边距padding、外边距margin。
CSS盒模型分为标准模型和IE模型；
...[2018/12/6]
csscss
--------------------属性选择器-------------------------
/*1.E[attr]:查找指定的拥有attr属性的E标签。如查找拥有style属性的li标签*/
li[style]{
text-decoration...[2018/12/6]
CSS Sticky Footer实现代码_CSS教程_CSS
本文介绍了CSS Sticky Footer实现代码，分享给大家，具体如下：
上图所显示的效果就是sticky Footer，当页面主题内容不够长时，footer定位在窗口的底部，当页面主题内容超出窗口后，footer显示在页面的最底部
以下给出几种实现方案：
1. FlexBo...[2018/12/6]
web模拟终端博客系统
本文由QQ音乐前端团队发表
前段时间做了一个非常有意思的模拟终端的展示页：http: ursb.me/terminal/（没有做移动端适配，请在PC端访问），这个页面非常有意思，它可以作为个人博客系统或者给 Linux 初学者学习终端命令，现分享给大家~
开源地址：airingursb/t...[2018/12/5]
html前端学习
html ：
1、相当于没有穿衣服的人，一套浏览器认识的规则，
2、开发者：
学习html规则
开发后台程序： -写html文件(充当模板) -数据库获取数据，然后替换到html文件的指定位置（web框架） 3、本地测试 ...[2018/12/5]
html常用标签
1、em trong pan
<span> 正常字体内容，设置与普通字体不同的样式
<em> 斜体，表示强调语义
<strong> 加粗字体，表示强调语义
例子：
<p>第一段</...[2018/12/5]
vue 之 css module的使用方法
前言
最近学习webpack看到了一个新鲜的东西，之前都是通过scoped来区别类名，秉着任何时候学习都不晚的心情，作为小白的我也想揭揭c module的神秘面纱。
c module目的为所有类名重新生成类名，有效避开了c 权重和类名重复的问题。相比于scoped为类名添加一个ha...[2018/12/5]
footer固定在页面底部的实现方法总结footer固定在页面底部的实现方法总结
方法一：footer高度固定+绝对定位 HTML代码： <body><header>头部</header><main>中间内容</main><footer>底部信息</footer></body> CSS...[2018/12/3]
三栏布局（二）-------上下宽高固定，中间自适应
上一篇写的是左右宽高固定，中间自适应，根据上一篇的内容，总结了下上下宽高固定，中间自适应的几种布局方式，话不多说，直接上代码。
<!DOCTYPE html>
<html>
<head>
<title>上中下三栏布局</title&...[2018/12/3]
自定义装点博客的“门面”（不定期更新）
初来乍到，算是一个博客园的新人，受了园里许多前辈的启发正在一点点定制自己的小空间。
也希望我的文章能够成为大家DIY的启发，就算是抛砖引玉了。效果可以直接在我的博客中看到，所以不另外贴图了。
引入js文件与c 文件
引入js文件需要先申请js权限，语言诚恳一点几个小时(?)就可以拿到权限了。...[2018/12/3]
EasyUI动态改变输入框widthEasyUI动态改变输入框width
function changeEUIBoxWidth(id, width){
$(''#''+id).parent().find($(''span:eq(0)'')).c (''width'',width+''px'');
$(''#''+id).parent().chi...[2018/12/3]
关于CSS和JS中用到的各种Height和Width的问题
自己记不住,列一下关于CSS和JS中用到的各类有关Height和Width属性的介绍对比.
所属类别属性名意义其他
浏览器模型
Screen.height
浏览器窗口所在的屏幕的高度（单位像素）
1.除非调整显示器的分辨率，否则这个值可以看作常量，不会发生变化。
2.显示器的分辨率与浏...[2018/12/3]
Css中display:inline-block用法详解
display:block就是将元素显示为块级元素
block元素的特点是：
总是在新行上开始；
高度，行高以及顶和底边距都可控制；
宽度缺省是它的容器的100%，除非设定一个宽度
<div>, <p>, <h1>, <form>...[2018/12/3]
--------------------------三栏布局之左右宽度固定，中间自适应----------------------------------------------------三栏布局之左右宽度固定，中间自适应--------------------------
常见的页面布局有
1、左右宽度固定，中间自适应；
2、上下高度固定，中间自适应；
3、左宽度固定，右自适应；
4、上高度固定，下自适应，
下边是我看过网上的视频后写出来的三栏布局-左右宽高固定，中间自适应；
1 <!DOCTYPE html><!-- html ...[2018/12/3]
关于css3属性选择器详解
什么是属性选择器
指对带有指定属性的HTML元素设置样式，有以下几种：
1.element[attribute]
2.element[attribute = "value"]
3.element[attribute ~= "value"] ...[2018/12/3]
[js常用]页面滚动的顶部,指定位置或底部,平滑滚动
js平滑滚动到顶部、底部、指定地方
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js平滑滚动到顶部、底部、指定地方<...[2018/12/3]
分享一个本人打造的公众号吸粉、推广方案。
Hello 大家好！又要跟大家见面了，上次实在太无聊了，就在博客园跟大家讲述了本人职业生涯以来的一些工作经历，同时也分享了一些工作上的心得，没想到引起那么多朋友的共鸣，也鼓舞了很多初入职场的朋友和有相同经历的朋友，在这里真的很感谢博客园提供这么好的平台，可以让每一位园友尽情倾吐。
这次我是分享我...[2018/12/3]
CSS元素（文本、图片）水平垂直居中方法
1、text-align:center;
2、margin:0 auto;
3、display:inline-block; + text-align:center;
4、position:relative; + float:left;
5、line-height
6、上下...[2018/12/3]
关于HTML框架(frameset)的一些基本用法
frameset
定义
W3C是这样定义frameset框架的，通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。注意，这是HTML框架，不是前端框架，与node.js，vue.js等不同。
垂直切割
属性为cols。例如：
...[2018/12/3]
第一篇博客
测试一下 https: www.cnblogs.com/fswhq/p pringboot_html.html
看到的3d图片旋转效果
奇怪，在编辑页面是可以的，发布之后的页面上就不行了，style中的部分样式不见了。。。
...[2018/11/30]
JS之ClassName属性使用
一、style与cla Name属性的对比
在前面的style属性学习中,知道了通过style属性可以控制元素的样式,从而实现了行为层通过DOM的style属性去干预变现层显示的目地,但是这种就是不好的,而且为了实现通过DOM脚本设置的样式，你就不得不花时间去研究JavaScript函数,去寻找...[2018/11/30]
HTML DOM 知识点整理（一）—— Document对象
一、DOM对象
DOM对象整体包括：
HTML DOM Document对象
HTML DOM 元素对象
HTML DOM 属性对象
HTML DOM 事件对象
HTML DOM Console 对象
CSS Style Declaration 对象
二、 Document对象详...[2018/11/30]
js字符串如何倒序
1.
var reverse = function( str ){
var newStr = '''', i = str.length;
for(; i >= 0; i--) {
newStr += str.charAt(i);
}
return newStr;
};
reverse(...[2018/11/30]
百度智能小程序弹窗组件wcPop|智能小程序自定义model弹窗模板
百度智能小程序自定义弹窗组件wcPop|百度小程序model对话框|智能小程序弹窗界面模板
最近百度也推出了自己的智能小程序，如是就赶紧去试了下，官方提供的api还不是狠完整。而且官方提供的弹窗组件也不能满足一些复杂展示场景，所以就自己动手封装了个智能小程序弹窗wcPop自定义模板插件。
百度...[2018/11/30]
css实现一个元素高度固定宽度按比例显示效果_CSS教程_CSS
用padding-top百分比可以实现宽度固定高度按比例展示，现在的需求是对一个video视频的盒子div高度是固定的，宽度如何按比例展示？
解决后效果如图：
红框标注的即是我在上面高度比例固定的范围内宽度自适应的效果；
c 代码：
.content {
...[2018/11/30]
css制作tips提示框，气泡框，制作三角形的实现_CSS教程_CSS
有时候我们的页面会需要这样的一些提示框或者叫气泡框，运用c ，我们可以实现这样的效果。
为了实现上面的效果，我们首先要理解如何制作三角形。
当我们给一个DIV不同颜色的边框的时候，我们可以得到下面的效果。
.triangle{
border-top:20px ...[2018/11/30]
详解为什么设置overflow为hidden可以清除浮动带来的影响_CSS教程_CSS
1.问题起源
在平时的业务开发写CSS中，为了满足页面布局，元素的浮动特性我们用的不能再多了。使用浮动的确能够解决一些布局问题，但是也带了一些副作用影响，比如，父元素高度塌陷，我们有好几种可以清除浮动的方法，最常用的就是设置父元素的overflow:hidden这个属性，每次在写代码的时候总是...[2018/11/30]
html+css 实现简易导航栏功能_CSS教程_CSS
二话不说直接上代码（萌新：实在也没什么好说的）
<!DOCTYPE html>
<html lang="en" xmlns="http: www.w3.org/1999/xhtml">
<head>
...[2018/11/30]
关于css中line-height(行高)设置无效的问题的解决方法_CSS教程_CSS
关于c 中line-height(行高)设置无效的问题
我们先写下这一串代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8&...[2018/11/30]
CSS设置table下tbody的滚动条的实现_CSS教程_CSS
今天碰到一个关于对tabel的表的滚动事件，需求是表头不动，改变的是tbody，如果tbody里面的内容过多，让其进行滚动事件。
首先想到的就是利用c 中overflow-y:scroll; 来进行内容的滚动，但是在处理tabel的display状态时，就将tabel表的布局给打乱了，如果给t...[2018/11/30]
css实现两栏固定中间自适应的方法_CSS布局实例_CSS
1、利用绝对定位和margin
此方法的原理说将左右两侧进行定位，让其脱离文档流。 中心区域自然流动到它们下面，再为其设置margin值
此方法页面元素结构可以顺序可以随意变动，注意top值需要进行处理，不然可能会出现对不齐现象
HTML
<div id=''cont...[2018/11/30]
自己使用的css3新特性
1.shadow:阴影
1 .c 1{
2 text-shadow:5px 2px 6x rgba(64,64,64,0.5);
3 }
2.font-face:可以加载服务器端的字体，本地不用安装这个字体就可以显示。
3.transform：允许对元素进行旋转、缩放、移动或倾斜。
4...[2018/11/29]
css flex梳理，打通任督二脉
挺早就接触了c 的flex布局，深入使用也就是在近期移动端开发。老来多健忘，只能自己梳理一下知识点，当做温故知新吧。
，请原谅小白的才疏学浅，写的不到位的地方请指正。
flex属性用于设置或检索弹性盒模型对象的子元素如何分配空间。也就是说当某个div使用了flex后，div也就成为了f...[2018/11/29]
ueditor笔记ueditor笔记
一、ueditor是什么
UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码。
二、ueditor的下载
下载网址：https: uedit...[2018/11/29]
经验首页