属性继承~（总结类、持续更新系列）
属性继承
有时候你会发现给一个元素设置一些样式后，它的后代也跟着发生变化，这种扯淡的行为我们叫做属性继承。
那么问题来了，哪些属性可以继承，哪些又不可以呢？
可以继承的属性：1.color字体颜色（a除外，a是特殊的，...[2018/11/13]
纯CSS表头固定的实现代码_CSS教程_CSS
纯CSS实现表头固定之所以难，主要在两点。一是占有最大市场份额的IE6不支持position:fixed。另一个，是人们想破头都想在一起表格中实现这种效果。不过外国真的人用纯CSS实现了这种效果，动用了数量惊人的CSS hacks……我觉得，如果搞到代码如此难懂且难扩展...[2018/11/12]
使用CSS改变图片颜色的100种方法(值得收藏)_CSS教程_CSS
前言
“说到对图片进行处理，我们经常会想到PhotoShop这类的图像处理工具。作为前端开发者，我们经常会需要处理一些特效，例如根据不同的状态，让图标显示不同的颜色。或者是hover的时候，对图片的对比度，阴影进行处理。”
你以为这些是经过PS软件处理出来的？...[2018/11/12]
web前端（3）—— html标签及web页面结构
本节内容简单介绍下html都有哪些标签
还是百度首页，查看源代码看看：
我把源代码复制下来另存为html文件里：
注意：网页文件的后缀都是html或者htm
我这用的pycharm...[2018/11/12]
解决ie6中png图片格式不兼容问题
在IE6中对图片格式png24支持度不高，如果使用的图片格式是png24，则会导致透明效果无法正常显示
解决方法：
1.可以使用png8来代替png24，即可解决问题，但是使用png8代替png24以后，图片的清晰图会有所下降
2.使用JavaScript来解决该问题，需要向页面中引...[2018/11/12]
web前端（4）—— 常用标签1
标题标签h1~h6
顾名思义，这些就是把字体设置为大字体的，就如博客园的这个编辑器里的格式：
不信的话我们自己设置看看：好的，从本篇文章开始，我们需要动手了
<!DOCTYPE html>
<html lang="en"&...[2018/11/12]
web前端（6）—— 标签的属性，分类，嵌套
属性
HTML标签可以设置属性，属性一般以键值对的方式写在开始标签中
1.HTML标签除一些特定属性外可以设置自定义属性，一个标签可以设置多个属性用空格分隔，多个属性不区分先后顺序。
2.属性值要用引号包裹起来，通常使用双引号也可以单引号。
3.属性和属...[2018/11/12]
webpack开发工具
source map
用来调试打包后的代码
const path = require(''path'');
const HtmlWebpackPlugin = require(''html-webpack-plugin'');
const CleanWebpackPlugin =...[2018/11/12]
GIT 常用命令
学无止境，精益求精！ 十年河东，十年河西，莫欺少年穷！ 学历代表你的过去，能力代表你的现在，学习代表你的将来！ 本篇博客是转发的别人的，原文地址：http: www.ruanyifeng.com/blog/2015/12/git-cheat-sheet.html 很久没写博客了，都是工...[2018/11/12]
基于Vue实现图片在指定区域内移动
当图片比要显示的区域大时，需要将多余的部分隐藏掉，我们可以通过绝对定位来实现，并通过动态修改图片的left值和top值从而实现图片的移动。具体实现效果如下图，如果我们移动的是div 实现思路相仿。
此处需要注意的是
我们在移动图片时，需要通过draggable="false" 将图...[2018/11/11]
从项目中学习HTML+CSS
最近由于工作原因以及自己的懈怠，已经很久都没有更新过博客了。通过这段时间，我发现坚持一件事情是真的很难，都说万事开头难，但是在放弃这件事上好像开头了后面就顺理成章的继续下去了。中间即使不怎么情愿也在努力的每周更新博客，但是自从9月份以来，第一次因为工作需要加班而断更之后，后面好像很容易找到理由断更...[2018/11/11]
重构一段基于原生JavaScript的表格绘制代码
为了在CardSimulate项目中方便的显示技能和效果列表，决定重构以前编写的一段JavaScript代码——att表格绘制库，这段代码的作用是将特定的JavaScript数据对象转化为表格，支持精细的样式设置和一些复杂报表功能并且提供了自由的扩展性。可以用较新的Chro...[2018/11/11]
web前端篇（1）——了解什么是前端，以及与后端的关系web前端篇（1）——了解什么是前端，以及与后端的关系
简介
1.什么是web前端
说这个之前，我们先了解web前端工程师是干什么的，百度百科的解释：
Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开...[2018/11/11]
sass和stylus1px解决方案
1.sa
1 @charset "utf-8";
2 /**
3 * @module 背景与边框
4 * @description 为元素添加边框（包括1px边框）
5 * @method border
6 * @version 2.0.0
7 * @param ...[2018/11/11]
一个简单的动态页面（我的第一个博客）
2018-11-10
今天是我第一次写博客，因为没经验嘛，我就随便写写，我也希望自己以后能坚持写下去，不为别的，就为了自己能够更好地学习编程，能够追随行业大牛的脚步，从此赢取白富美，走上人生巅峰（额，理想远大呵！）
好吧，步入正题，因为目前在学java,加了一些培训机构的群...[2018/11/11]
web前端篇（2）—— 前端技术介绍
前端技术
前文了解了什么是前端，那么前端技术到底有哪些呢？最核心的就这三个：
html/html5
c c 3
javascript
什么是HTML
HyperText Markup Language，超文本标记语言...[2018/11/11]
028、HTML 标签3表单标签插入组件028、HTML 标签3表单标签插入组件
内容：表单标签插入组件(经常使用) ##############################################################
form表单标签和input组件
<form>
用户名称：<input type="text" name=...[2018/11/10]
028、HTML 标签2超链接，框架标签028、HTML 标签2超链接，框架标签
内容：超链接，框架标签 ##############################################################
<!-- 超链接 -->
<a href="https: www.baidu.com">baidu.com<...[2018/11/9]
html&css学习笔记----YJZJZQA
HTML表单：
（??：本文部分代码需要在W3School平台上运行）
表单用于搜集不同类型的用户输入
Content 元素：<form>*,<input>,<fieldset...[2018/11/9]
vue2中使用transition
最终效果为 div元素从右向左出现， 然后从左向右消失。
transition标签包裹要移动的元素：
c 样式：
其中：
1： 为div元素显示时的状态
2： 为di...[2018/11/9]
css文本两端对齐的实现代码_CSS教程_CSS
在做表单时我们经常遇到让上下两个字段对齐的情况，比如姓名， 手机号码， 出生地。这样我们就要用到 text-align， text-justify样式了。
text-align直接设为justify就行了，text-justify的情况就复杂了，可能有人对它还不熟悉。IE的取值如下：
...[2018/11/9]
CSS多级菜单的实现代码_CSS教程_CSS
这是一个相当炫的功能，让网页看起来像桌面程序，如window的开始菜单。实现原理基本和纯CSS相册差不多，但要注意的事项比较多，让我们一步步来吧。
先来一个非常简单的一级菜单与悬停效果。
<ul id="menu">
<li>
...[2018/11/9]
CSS未知高度垂直居中的实现_CSS教程_CSS
本文主要介绍了CSS未知高度垂直居中的实现，分享给大家，具体如下：
<!doctype html>
<html lang="en">
<head>
<meta charset="ut...[2018/11/9]
让盒子的高跟随设备的宽而定
c 样式布局时，
背景图，外盒子，内图片，
盒子的宽100%； 不能将高度写死，
希望高度跟随设备的宽而定：
外层相对定位，高度为零，padding-top:100%;
内层绝对定位，宽高100%，将外层撑开。
[2018/11/9]
前端(2)：CSS
一、CSS
CSS（cascading style sheet，层叠样式表）定义如何显示HTML元素。
当浏览器读到一个样式表，它会按照这个样式表来对文档进行格式化（渲染）。
1、CSS语法
每个CSS样式由两个部分组成：选择器 + 声...[2018/11/9]
css定位实现星级展示没有交互
<div cla ="star_evaluate">
<span cla ="star star_10"></span>
</div>
.star_evaluate{
position: relative...[2018/11/9]
Javascript 对象 - 数学对象
数学对象
JavaScript中提供了math对象，math对象包含一些常用的属相和方法。Math对象与Array对象、String对象、Data对象不同，没有构造函数，因此不能创建Math对象。可直接通过Math对象 . 属性名或者Math对象 . 方法...[2018/11/9]
判断文本是否溢出/hover显示全部判断文本是否溢出/hover显示全部
前言
在工作中我们经常会遇到，文字过多，需要用省略号，并且鼠标hover的时候 还需要 显示全部的文字的需求。
正文
文字过多需要用省略号的实现：上代码啦
.ellipsis {
width: 100%;
text-overflow: ellipsis;
...[2018/11/9]
HTML之表单
表单：
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
表单使用表单标签 <form> 来设置:
<form>
.
inpu...[2018/11/9]
不得不提的前端性能优化
对于广大的前端开发人员来说，网站构建本是家常便饭；其中也不得不涉及到性能优化的问题。之前也有接触过，今天总结一下这方面的技巧，下面是我的一下认知，欢迎探讨：
Number One:加载优化
减少HTTP请求。
因为手机浏览器同时响应请求为4个请求（Android支持4个...[2018/11/8]
CSS选择器
###CSS选择器 CSS3选择器规范地址： https: www.w3.org/TR/2011/REC-c 3-selectors-20110929/ CSS3选择最新选择器规范: https: www.w3.org/TR electors !---问题---! 1.c 的全...[2018/11/8]
一步一步实现web程序信息管理系统之一----登陆界面实现一步一步实现web程序信息管理系统之一----登陆界面实现
一步一步实现web程序信息管理系统
在web程序中特别是信息管理系统，登陆功能必须有而且特别重要。每一个学习程序开发或以后工作中，都会遇到实现登陆功能的需求。而登陆功能最终提供给客户或展现给客户的最基本的就是2个文本框一个按钮用户名与密码，外加一个登陆按钮。本篇记录一下登陆功能的前端界面的实现。
...[2018/11/8]
页面中添加锚点的几种方式
本文档创建时间:2018-11-7 15:52:28
方法一,使用a标签添加
通过设置a标签的href属性,跳转到页面中指定id标签的位置
a标签的href属性值前要增加#来作为标识,表示是在当前页面的内部跳转
简单的案例:
1 <html>
2 <...[2018/11/8]
www
www基本概念
万维网(World Wide Web)是将互联网中的信息以超文本形式展现的系统，也叫做web,可以显示www信息的客户端叫做web浏览器
1. URI(Uniform Resource Identifier) 访问信息的手段与位置
2. HTML(HyperText Mark...[2018/11/8]
HTML元素HTML元素
HTML 文档是由 HTML 元素定义的。
HTML 元素
HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
开始标签元素内容结束标签
<p>
This is a paragraph
</p>
<a href=...[2018/11/8]
HTML标题HTML标题
在 HTML 文档中，标题很重要。
HTML 标题
标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。
<h1> 定义最大的标题。<h6> 定义最小的标题。
实例
<h1>This is a heading&...[2018/11/8]
java工程师_基础_阶段一_HTML笔记篇
一.了解HTML语言
html：超文本标记语言。
二.HTML整体结构 <html>
<head>
</head>
<body>
</body>
</html>
三.字体标签及表单元素
1.标题
<h...[2018/11/8]
转-超链接a的target属性转-超链接a的target属性
超链接a的target属性
<a>标签的target意思很明确就是在哪里打开目标文档。
第一种情况：
...[2018/11/8]
项目小结：手机邮箱正则，URL各种判断返回页面，input输入框输入符合却获取不到问题
1.手机邮箱正则
近两年出来很多新号码，听说199什么的都有了- -导致以前的正则不能用了....这就很难过，总是过一段时间出一种新号码。因此，我决定使用返朴归真的手机正则。
手机正则：var reg=/^1[0-9]\d{9}$/;
邮箱正则：var mailReg = /^[a-zA-Z...[2018/11/6]
最新Vue全家桶+SSR+Koa2全栈开发美团网最新Vue全家桶+SSR+Koa2全栈开发美团网
第1章 课程导学 这门课主讲以Vue SSR+Koa2全栈技术为目标，最终实现美团网项目。本章节旨在告诉大家我们会用到哪些技能、教学方法、课程内容分布、学习方法等。备注：我们会涉及Vue2.5、Nuxt、Koa2、element-ui、Mongodb等 1-1 课程导学 第2章 Vue基础知识...[2018/11/6]
微信小程序下拉框
微信小程序组件里没有下拉框，正好要用到，记下来以后参考
wxml代码
<view cla =''top''>
<view cla =''top-text''> 选择接收班级</view>
<!-- 下拉框 -->
<...[2018/11/6]
你所不知道的 CSS 阴影技巧与细节
关于 CSS 阴影，之前已经有写过一篇，box-shadow 与 filter:drop-shadow 详解及奇技淫巧，介绍了一些关于 box-shadow 的用法。
最近一个新的项目，CSS-Inspiration，挖掘了其他很多有关 CSS 阴影的点子，是之前的文章没有...[2018/11/6]
css画一个提示框
用c 画一个如下图的提示框：
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title&...[2018/11/6]
HTML之列表
列表有三种类型：
有序列表：列表项使用数字来标记
无序列表：列表项使用粗体圆点（典型的小黑圆圈）进行标记。
自定义列表：自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
一、有序列表格式：
...[2018/11/6]
html.div
使用div构造简单的信息图片
html:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>zhwTest</title> <link rel="...[2018/11/6]
HTML之表格
表格：
表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平...[2018/11/6]
htnl 定位
相对定位
相对定位：position:relative;
相对定位：相对定位是相对于元素在文档中的初始位置——首先它出现在它所在的位置上（即不设置position时的位置，然后通过设置垂直或水平位置，让这个元素“相对于”它的原始起点进行移动；
注意，在使用相对定位时，无论是否...[2018/11/6]
CSS面试知识整理（未完待续）CSS面试知识整理（未完待续）
手写clearfix
.clearfix:after {
content: '''';
display: table;
clear: both;
}
.clearfix {
*zoom: 1;
}
flex布局
.container {...[2018/11/6]
HTML的简介
HTML 教程- (HTML5 标准)
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
在本教程中，您将学习如...[2018/11/5]
经验首页