备受开发者喜爱的Firefox 今天正式发布50版，桌面版和安卓版同时发布，官网在宣传其最新特性的时候号称最快，并附带一份浏览器测试结果，显示Firefox是目前最快的浏览器，比刚刚登上浏览器霸主的Chrome还快！
官方发布备忘录
https://www.mozilla.org/en-US/firefox/50.0/releasenotes/
New新特性
2024年09月14日
备受开发者喜爱的Firefox 今天正式发布50版，桌面版和安卓版同时发布，官网在宣传其最新特性的时候号称最快，并附带一份浏览器测试结果，显示Firefox是目前最快的浏览器，比刚刚登上浏览器霸主的Chrome还快！
官方发布备忘录
https://www.mozilla.org/en-US/firefox/50.0/releasenotes/
New新特性
2024年09月14日
点击右上方红色按钮关注“web秀”，让你真正秀起来
纯CSS制作一个评星组件，说出去都没人信，你信吗？
如果让你制作上面图的效果，你会怎么开发了？可以下发评论说说你的想法。今天就来看看纯CSS是如何实现这个效果的。
2024年09月14日
做过web前端开发的都知道，每个标签都自带样式，比如body自带margin，a标签自带下划线，li标签自带小圆点，但是你知道更具体的吗？以下的文档还原了w3c对每个标签最初的定义，收藏一下，对你一定有帮助。
@charset "utf-8";/*@charset "gb2312";*//**
* ============================================================================
* 版权所有: 切版
* 网站地址: http://www.qieban.cn
* 该文件为W3C为标签赋予最原始样式规则、制作参考无实际作用
* ----------------------------------------------------------------------------
**/
html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre { display: block } li { display: list-item } head { display: none } table { display: table } tr { display: table-row } thead { display: table-header-group } tbody { display: table-row-group } tfoot { display: table-footer-group } col { display: table-column } colgroup { display: table-column-group } td, th { display: table-cell } caption { display: table-caption } th { font-weight: bolder; text-align: center } caption { text-align: center } body { margin: 8px } h1 { font-size: 2em; margin: .67em 0 } h2 { font-size: 1.5em; margin: .75em 0 } h3 { font-size: 1.17em; margin: .83em 0 } h4, p, blockquote, ul, fieldset, form, ol, dl, dir, menu { margin: 1.12em 0 } h5 { font-size: .83em; margin: 1.5em 0 } h6 { font-size: .75em; margin: 1.67em 0 } h1, h2, h3, h4, h5, h6, b, strong { font-weight: bolder } blockquote { margin-left: 40px; margin-right: 40px } i, cite, em, var, address { font-style: italic } pre, tt, code, kbd, samp { font-family: monospace } pre { white-space: pre } button, textarea, input, select { display: inline-block } big { font-size: 1.17em } small, sub, sup { font-size: .83em } sub { vertical-align: sub } sup { vertical-align: super } table { border-spacing: 2px; } thead, tbody, tfoot { vertical-align: middle } td, th { vertical-align: inherit } s, strike, del { text-decoration: line-through } hr { border: 1px inset } ol, ul, dir, menu, dd { margin-left: 40px } ol { list-style-type: decimal } ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0 } u, ins { text-decoration: underline } br:before { content: "\A" } :before, :after { white-space: pre-line } center { text-align: center } :link, :visited { text-decoration: underline } :focus { outline: thin dotted invert } /* Begin bidirectionality settings (do not change) */ BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override } BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override } *[DIR="ltr"] { direction: ltr; unicode-bidi: embed } *[DIR="rtl"] { direction: rtl; unicode-bidi: embed } @media print { h1 { page-break-before: always } h1, h2, h3,
h4, h5, h6 { page-break-after: avoid } ul, ol, dl { page-break-before: avoid } }2024年09月14日
CSS硬件加速就是浏览器中用css开启硬件加速，使GPU (Graphics Processing Unit) 发挥功能，从而将浏览器的渲染过程交给GPU处理，而不是使用自带的比较慢的渲染器。这样就可以使得animation与transition更加顺畅。
2024年09月14日
实例
修改所有元素或其父元素的属性为初始值：
div {
background-color: yellow;
color: red;
all: initial;
}
定义和使用
all 属性用于重置所有属性，除了 unicode-bidi 和 direction。
2024年09月14日
实例
重写文本：
div
{
direction:rtl;
unicode-bidi:bidi-override;
}
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
| 属性 |
|---|
2024年09月14日
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../node_modules/vue/dist/vue.js"></script>
<script src="../node_modules/jquery/dist/jquery.js"> </script>
</head>
<script>
$(function () {
//保证页面加载完后才加载js，不然#app会报错找不到
//组件定义
const login = {
template:"<h2>vue的使用</h2>"
}
var vm = new Vue({
el:"#app",
data:{},
components:{ //组件的注册
login
}
})
})
</script>
<body>
<div id="app">
//组件的使用
<login></login>
</div>
</body>
</html>2024年09月14日
怀着很悲痛的心情写下了这篇教程，4月份，两次冲刺项目延期，加上Bug数量异常的多本组所有人，4月份绩效C。具体原因就不多说了
抱着随时被优化的态度，默默打开了vue.js文档，开始了这片文章。
怎么写？
这段时间不定时的翻过几遍vue文档，大致总结了一下基础内容，和组件相关的内容，发现就算看了十遍，如果没有实际用到项目里面去也是白搭，文档里面的东西都太基础了，也是只简单的运用，所以基础部分就一篇写完，后面在整理核心内容。