Solid

一、基本选择器 1.* 通配符(通用选择器) 2.id选择器 3.class选择器(类选择器) 4.标签选择器(元素选择符) 5.群组选择器 (选择符1,选择符2{...}) 二、层次选择器（关系选择器） 1.后代选择器 语法： E F eg: .box a{color:red;}　　 匹配.box中所有的子元素a 2.子代选择器 语法： E>F eg: .box>a{color:red;}　　 匹配.box中第一级子元素a 3.相邻兄弟选择器 语法： E+F eg: .box+h3{background:pink;}　　 匹配.box后面紧邻的那一个h3元素 注：相邻兄弟选择器能匹配到的元素有且仅有一个，并且是E元素后面紧邻的F元素 4.通用兄弟选择器 语法： E~F eg: .box~h3{border:2px solid blue;}　　 匹配.box后面所有兄弟元素h3 注：通用兄弟选择器可以匹配到多个其后的兄弟元素 三、动态伪类选择器 1.E:link 链接没有被访问过时的状态 2.E:visited 链接访问过后的状态 3.E:hover 鼠标滑过时的状态 4.E:active 鼠标按下时的状态 （爱恨原则： L o V e HA te） 5.E:focus 当获取到焦点时的状态 eg: input:focus{border:2px solid red;} 当获取焦点时

Verilog以及VHDL区域热度对比 写在前面 正文 常识讨论 数据分析 写在最后 参考资料 交个朋友 写在前面 个人微信公众号：FPGA LAB 个人博客首页 [1] 正文 对于FPGA或者ASIC的初学者来说，选择哪种语言貌似应该根据自身的需求而定，例如实验室项目需要使用哪种语言，或者实验室师兄师姐使用了哪种语言，或者导师推荐你学习哪种原因，这都是硬性需求了，因为你需要完成项目的接手，所以必须根据要求而来！ 常识讨论 但如果你没有这些顾虑呢？该如何做出选择？ 这时，您应该注意几点。 VHDL是强类型的。这使初学者更难犯错误，因为编译器不允许您编写有效的代码。Verilog是弱类型的。它允许您编写错误的代码，但更为简洁。 Verilog看起来更像C之类的软件语言。这使熟悉C的人更容易阅读和理解Verilog的工作。 VHDL需要大量输入。Verilog通常只需要较少的代码即可完成相同的操作。 VHDL是非常确定的，因为在某些情况下Verilog是不确定的。 当然，这里并不是评论Verilog或者VHDL的优劣的，对于语言的选择是根据需求而定的！有人喜欢用Verilog，自然喜欢它的优点，也能包它的缺点，VHDL也是如此！ 例如1995年OVI主题演讲时，时任Cadence首席执行官的Joe Costello，认为： VHDL is one of the biggest

<div class="htmledit_views"> <p><span style="font-size:24px;">一、为什么要用小表驱动大表</span></p> <p><span style="font-size:14px;">1、驱动表的定义<br></span></p> <p><span style="font-size:24px;"></span></p> <p style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;border:0px;"> <span style="font-size:14px;">当进行多表连接查询时， [驱动表] 的定义为：</span></p> <p style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;border:0px;"> <span style="font-size:14px;">1）指定了联接条件时，满足查询条件的记录行数少的表为[驱动表]</span></p> <p style="margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;border:0px;

本文由“壹伴编辑器”提供技术支 前言 咳咳，上篇文章 《为什么选择 TypeScript ？》 得到了许多朋友的认可，让我动力满满，以后要加油写出更多好文章分享给大家鸭！ 客套话就不再多说了哈哈，今天给大家带来的是 高斯模糊 在 Shader 中的实现！ > 这里预告一下，Shader 入门系列文章 《一起学 Shader》 已经在积极筹划中（文件夹已经建好了），感兴趣的小伙伴关注一下啦~ 本文由“壹伴编辑器”提供技术支 预览 模糊前 模糊后 深度模糊后 本文由“壹伴编辑器”提供技术支 正文 高斯模糊 在我们开始讨论代码之前，我们要先稍微了解以下几点... > 下面的讲解比较笼统，水平不够，请见谅！ 高斯模糊是什么？ 高斯模糊（Gaussian Blur），也叫高斯平滑，是一种生活中比较常见的图像处理效果。 经过高斯模糊处理的图像看起来就像是在一块 毛玻璃 后面，也就是俗称的“毛玻璃效果”。 高斯模糊也常用于处理噪点过高的图像，使图像看起来更平滑。 （神秘的微笑） — ▼ — 实现原理是什么？ 从数学的角度来看，高斯模糊的处理过程就是图像与其 正态分布 做 卷积 。 - 正态分布 正态分布（Normal distribution）是一种概率分布，主要特征为 集中性 、 对称性 和 均匀变动性 等。 因正态分布又称高斯分布（Gaussian distribution）

点击 上方蓝字 ，和我一起学技术 。 今天是 算法与数据结构的第15篇 ，也是动态规划系列的第4篇。 之前的几篇文章当中一直在聊背包问题，不知道大家有没有觉得有些腻味了。虽然经典的文章当中背包一共有九讲，但除了竞赛选手，我们能理解到 单调优化 就已经非常出色了。像是带有依赖的背包问题，和混合背包问题，有些剑走偏锋，所以这里不多做分享。如果大家感兴趣可以自行百度背包九讲查看，今天我们来看一个有趣的问题，通过这个有趣的问题，我们来了解一下在 树形结构 当中做动态规划的方法。 这个问题题意很简单，给定一棵树，并不一定是二叉树，树上的 树枝带有权重 ，可以看成是长度。要求树上最长的链路的长度是多少？ 比如我们随手画一棵树，可能丑了点，勿怪： 如果让我们用肉眼来看，稍微尝试一下就能找到答案，最长的路径应该是下图当中红色的这条： 但是如果让我们用算法来算，应该怎么办呢？ 这道题其实有一个非常巧妙的办法，我们先不讲，先来看看动态规划怎么解决这个问题。 树形DP 动态规划并不只是可以在数组当中运行，实际上只要满足动态规划的 状态转移的条件和无后效性 就可以使用动态规划，无论在什么数据结构当中。树上也是一样的，明白了这点之后，就只剩下了两个问题，第一个是状态是什么，第二个问题是状态之间怎么转移？ 在之前的背包问题当中，状态就是背包当前用的体积，转移呢就是我们新拿一个物品的决策

一 实现页面的布局 1. 首先在components里建一个login.vue < template > < div class =login_container > 登陆组件 </ div > </ template > < script > export default { } </ script > < style > </ style > 登陆组件 2. 路由的设置 router下的index.js import Vue from 'vue' import VueRouter from 'vue-router' // 导入login路劲 import login from '@/components/login' Vue.use(VueRouter) export default new VueRouter({ /* 设置路由 */ routes:[ { path: '/',redirect:'/login'}, { path: '/login',component: login} ] }) 路由的设置 3. App.vue < template > < div id ="app" > // ********* < router-view ></ router-view > </ div > </ template > < script > export default {

2020-01-13 08:54:05 vue使用element写东西让我感觉到了特别的方便，但是一遇到问题的话，那是真还好，网上基本上都有一些小demo或详解，今天我这里给大家分享下我写的一个简单的登陆跳转的页面 html代码 账号，密码和确认密码 <template> <div class="Land"> <div class="topzi">图书管理后台登陆</div> <el-form :model="ruleForm2" status-icon :rules="rules2" ref="ruleForm2" label-width="100px" class="demo-ruleForm"> <el-form-item prop="name" label="姓名"> <el-input v-model="ruleForm2.name"></el-input> </el-form-item> <el-form-item label="密码" prop="pass"> <el-input type="password" v-model="ruleForm2.pass" auto-complete="off"></el-input> </el-form-item> <el-form-item label="确认密码" prop="checkPass"> <el-input

1.什么是 CSS 预处理器 CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性，无需考虑浏览器的兼容性问题，例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧，可以让CSS 更见简洁，适应性更强，代码更直观等诸多好处。 2.基本语法区别: 在使用 CSS 预处理器之前最重要的是理解语法，幸运的是基本上大多数预处理器的语法跟 CSS 都差不多。 首先 Sass 和 Less 都使用的是标准的 CSS 语法，所以可以很方便的将已有的 CSS 代码转为预处理器代码，默认 Sass 使用 .sass 扩展名，而 Less 使用 .less 扩展名。 /* style.scss or style.less */ h1 { color: #0982C1; } 这是一个再普通不过的，不过 Sass 同时也支持老的语法，就是不包含花括号和分号的方式： /* style.sass */ h1 color: #0982c1 而 Stylus 支持的语法要更多样性一点，它默认使用 .styl 的文件扩展名，下面是 Stylus 支持的语法： /* style.styl */ h1 { color: #0982C1; } /* omit brackets */ h1 color: #0982C1; /* omit colons and semi-colons

一、table固定表头滚动（不兼容IE） 使用scrollTop监听滚动 如下例 1、html < div class ="tabflow" id ="flowtable-cont" > < table > < thead >< tr >< th > 年度 </ th >< th > 起降架次(万架) </ th >< th > 旅客吞吐(万人) </ th >< th > 货邮吞吐(万吨) </ th ></ tr ></ thead > < tbody > < tr >< td > 2011 </ td >< td > 512 </ td >< td > 600 </ td >< td > 376 </ td ></ tr > < tr >< td > 2012 </ td >< td > 504 </ td >< td > 593 </ td >< td > 397 </ td ></ tr > < tr >< td > 2013 </ td >< td > 562 </ td >< td > 562 </ td >< td > 381 </ td ></ tr > < tr >< td > 2014 </ td >< td > 705 </ td >< td > 464 </ td >< td > 302 </ td ></ tr > < tr >< td > 2015 <

看了element-ui的table实现方法 https://element.eleme.cn/2.0/#/zh-CN/component/table 然后发现也是用了<colgroup> 精髓就是在这<colgroup>： <!-- <colgroup> <col style="width: 10%" /> </colgroup> 这个闭合标签<colgroup></colgroup>是什么意思呢？ <colgroup></colgroup>这个标签的意思就是用来拼接表格的作用，也就是说第一个table和第二个table拼接在一起， 然而内部<col/>这个标签的作用是：这个标签用来表示我们thead内部的th/td数量， 也就是我们所说的列数，那么每一列的宽度尺寸我们就直接赋值给这个<col/>标签就可以了， 是不是很方便，加上这个标签就可以轻松实现固定表头，tbody做拉抽屉的效果了，另外我们thead内部有多少列， 我们就要在<colgroup></colgroup>内部写入的<col/>与thead内部的th/td数量相等 --> <colgroup> <col style="width: 10%" /> <col style="width: 10%" /> <col style="width: 10%" /> <col style="width: 15%" />