RED

less、sass、stylus

家住魔仙堡 提交于 2020-12-18 07:55:23
less、sass、stylus 它们是三种类似的样式动态语言,属于css预处理语言,它们有类似css的语法,为css赋予了动态语言的特性、如变量、继承、运算、函数等。这么做是为了css的编写和维护。 它们使用的文件分别是: .less、 .scss、*.styl,这些文件是不能再网页上直接使用的,最终要编译成css文件来使用,编译的方法有软件编译,或者用nodejs程序。 less、sass编译软件: http://koala-app.com/index-zh.html less中文网址: http://lesscss.cn/ less语法: 1、注释 // 不会被编译的注释 /* 会被编译的注释 */ 2、变量 @w:200px; .box{ width:@w; height:@w; background - color:red; } 3、混合 .border{ border:1px solid #ddd; } .box(@w:100px,@h:50px,@bw:1px){ width:@w; height:@h; border:@bw solid #ddd; } .box{ .border; background - color:red; } 4、匹配模式 .p(r){ postion:relative; } .p(a){ postion:absolute; } .p(f){

常见content-type对应表

狂风中的少年 提交于 2020-12-17 21:32:48
常使用的几种   种类 文件扩展名 Content-Type(Mime-Type) 2003 Excel .xls application/vnd.ms-excel 2010 Excel .xlsx application/vnd.openxmlformats-officedocument.spreadsheetml.sheet 文本文件 .txt text/plain 图片 .png/.jpg/.gif image/* 页面 .htm/.html text/html 视频 .avi/ .mpg/ .mpeg/ .mp4 video/* 音频 .mp3/ .wav/ audio/* PDF .pdf application/pdf Office 文件扩展名 Content-Type(Mime-Type) .doc application/msword .dot application/msword .docx application/vnd.openxmlformats-officedocument.wordprocessingml.document .dotx application/vnd.openxmlformats-officedocument.wordprocessingml.template .docm application/vnd.ms-word.document

纯前端导出Excel表格

谁说我不能喝 提交于 2020-12-17 15:50:39
< html > < head > < p style ="font-size: 20px;color: red;" > 使用a标签方式将json导出csv文件 </ p > < button onclick ='tableToExcel()' > 导出 </ button > </ head > < body > < script > function tableToExcel(){ // 要导出的json数据 var jsonData = [ { name: ' 路人甲 ' , phone: ' 123456789 ' , email: ' 000@123456.com ' }, { name: ' 炮灰乙 ' , phone: ' 123456789 ' , email: ' 000@123456.com ' }, { name: ' 土匪丙 ' , phone: ' 123456789 ' , email: ' 000@123456.com ' }, { name: ' 流氓丁 ' , phone: ' 123456789 ' , email: ' 000@123456.com ' }, ] // 列标题,逗号隔开,每一个逗号就是隔开一个单元格 let str = `姓名,电话,邮箱\n`; // 增加\t为了不让表格显示科学计数法或者其他格式 for (let i = 0

web前端----html表单操作

旧时模样 提交于 2020-12-17 06:34:30
form表单 功能: 表单用于向服务器传输数据,从而实现用户与Web服务器的交互 表单能够包含input系列标签,比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含textarea、select、fieldset和 label标签。 表单属性 action: 表单提交到哪.一般指向服务器端一个程序,程序接收到表单提交过来的数据(即表单元素值)作相应处理,比如https://www.sogou.com/web method: 表单的提交方式 post/get默认取值就是get 注意啦!!!! from表单:实现用户与web服务器的交互 以键值对的形式发过去{"":"haiyan","":"123"} 如果没有name属性,你的数据是不过去的 name:键名 请求server端的方式: get:请求会放在url后面 username=yaun&password =123 post:请求会放在请求体里 关于 url的内容 url: https://www.baidu.com(协议:域名(也是ip+端口)) url: http:127.0.0.1:8800/blog/addBlog(协议:ip:端口/) url: http:127.0.0.1:8800/blog/addBlog?username = yuan http:协议 127.0.0.1:8800:ip地址与端口 blog

常见的查找算法(五):树表查找之二 ---- 红黑树

三世轮回 提交于 2020-12-17 05:46:00
红黑树 是每个节点都带有 颜色 属性的 二叉查找树 ,颜色为 红色 或 黑色 。在二叉查找树强制一般要求以外,对于任何有效的红黑树我们增加了如下的额外要求: 节点是 红色 或 黑色 。 根 是 黑色 。 所有叶子 都是 黑色 (叶子是NIL节点)。 每个 红色节点 必须有两个 黑色 的 子节点 。(从每个 叶子 到 根 的所有路径上 不能有 两个 连续的 红色节点。) 从 任一节点 到 其每个叶子 的所有 简单路径 都包含 相同数目 的黑色节点。 下面是一个具体的红黑树的图例: 旋转 旋转 是一种能 保持二叉搜索树性质 的搜索树局部操作。其中两种旋转分别为 左旋 和 右旋 : 在某个结点 x 上进行 左旋 时,假设它的右孩子为y而不是树的 T.nil 结点;x为其右孩子而不是 T.nil 结点的树内任意节点。 左旋 以 x 到 y 的链为“支轴”进行,使得 y 成为该子树的 新的根节点 ,x 成为 y 的左孩子,y 的左孩子变成 x 的右孩子; 右旋 与此相反。 左旋代码: 1 /** 2 * 左旋 3 * 左旋示意图(对节点x进行左旋): 4 *    px px 5 *    / / 6 *    x y 7 *    / \ --(左旋)--> / \ 8 *   lx y x ry 9 * / \    / \ 10 * ly ry    lx ly 11 * 12 *

滤波器简介:FIR与IIR

孤者浪人 提交于 2020-12-16 09:18:19
滤波器简介:FIR与IIR 转载于: 滤波器简介:FIR与IIR 关于本博文的说明: 本博文为翻译文章,主要分享数字滤波器相关知识,包括有限脉冲响应数字滤波器(finite impulse response, FIR)和无限脉冲响应数字滤波器(infinite impulse response, IIR). 原文为‘Introduction to Filters: FIR versus IIR’,由Siemens Phenom发布,原文链接为 https://community.plm.automation.siemens.com/t5/Testing-Knowledge-Base/Introduction-to-Filters-FIR-versus-IIR/ta-p/520959 1. 引言 滤波器在数据采集和分析中具有很多应用. 它们通过减小或放大某些频率来改变时间信号的频率成分. 例如,如图1所示,低通滤 波器以三种不同的方式影响信号中的频率成分:一些频率成分保持不变,而其它频率成分的幅度变小或从信号中完全移除. Figure 1: A low pass filter passes low frequencies unaltered (left) and removes high frequencies (right).. 滤波器还可以放大特定的频带

2019年牛客多校第三场 F题Planting Trees(单调队列)

拜拜、爱过 提交于 2020-12-15 09:56:51
题目链接 传送门 题意 给你一个$n\times n$的矩形,要你求出一个面积最大的矩形使得这个矩形内的最大值减最小值小于等于$M$。 思路 单调队列滚动窗口。 比赛的时候我的想法是先枚举长度然后再枚举左端点,最后用单调队列来做,然后$T$成傻逼,赛后看大佬们的代码发现我的做法比先枚举左端点再枚举右端点多很多状态(譬如在每次长度变化的时候我的写法会从最左边开始枚举,而先枚举左端点的做法则不会再反复考虑左边的情况)。 我们先固定左端点,然后在枚举右端点的时候用两个数组记录$[L,R]$中每一行的最大值、最小值,然后用单调队列来维护矩形中最大值减最小值小于等于$M$的面积,这也算是一个板子题了,比赛的时候没过还是因为思维僵化$+$刷题太少啊。 代码实现如下 #include <set> #include <map> #include <deque> #include <queue> #include <stack> #include <cmath> #include <ctime> #include <bitset> #include <cstdio> #include <string> #include <vector> #include <cassert> #include <cstdlib> #include <cstring> #include <iostream>

Flutter之路由管理(页面跳转)

放肆的年华 提交于 2020-12-14 13:27:37
路由:核心是 路由映射表 . 如:名字 detail 映射到 DetailPage 页面等 在Flutter中,路由管理主要有两个类:Route和Navigator. Route 一个页面要想被路由统一管理,必须包装为一个Route Navigator 管理所有的Route的Widget,通过一个Stack来进行管理. MaterialApp、CupertinoApp、WidgetsApp它们默认是有插入Navigator的,在需要的时候,只需要直接使用即可. Navigator.of(context) Navigator常用方法: // 路由跳转:传入一个路由对象 Future<T> push<T extendsObject>(Route<T> route) // 路由跳转:传入一个名称(命名路由) Future<T> pushNamed<T extendsObject>( String routeName, { Object arguments, }) // 路由返回:可以传入一个参数 bool pop<T extendsObject>([ T result ]) 命名路由 命名路由是将名字和路由的映射关系,在一个地方进行统一的管理 有了命名路由,就可以通过 Navigator.pushNamed() 方法来跳转到新的页面 命名路由的位置 放在MaterialApp的

以题目为鉴,如何做数学笔记

纵饮孤独 提交于 2020-12-13 10:48:42
<style > fieldset.wh{color:###; font-size:18px; line-height:45px} </style> <p style="text-indent:2em; line-height:40px;" class="wh" ><font size=4>在数学学习中我们少不了和例题打交道,认真学习例题,研究例题,咀嚼例题的一字一句,从例题中提炼方法、总结思路,对于提高我们自己的数学素养有很大的帮助,不过有些学生还是不太会例题的学习方法,不知道从哪些方面总结提炼,本博文试着做个示范,不妥之处,烦请告知。 </font></p> 例题样例 <p style="text-indent:2em;" class="wh" ><font color=blue size=4>这是一道对许多学生而言都有难度的数学题目,使用到的方法比较多,有些思路我们不一定能想的到,以此题为例,我们来看看,如果做笔记对提高我们的数学素养更快一些。</font></p> <fieldset class="wh"> <font color=red>已知二次函数$f(x)=ax^2+bx+c$的图象经过点$(-2,0)$,且不等式$2x≤f(x)≤\cfrac{1}{2}{x}^{2}+2$对一切实数$x$都成立。</br> (Ⅰ)求函数$f(x)$的解析式;</br> (Ⅱ

DarkMode(3):sass函数实实现深色模式操作

谁都会走 提交于 2020-12-13 08:45:16
上文《DarkMode(2):深色模式解决方案——css颜色变量实现Dark Mode》,完全基于样色抽离变量,然后使用预处理其,生成两套样式。切换样式文件。 sass自定义函数与mixin指令实现暗黑模式 其实还是变量抽离,只是不是两个variable 变量文件,而是一个map文件。 首先声明函数 @mixin themeify { @each $theme-name, $theme-map in $themes { $theme-map: $theme-map !global; body[data-theme=#{$theme-name}] & { br/>@content; } } } @function themed($key) { @return map-get($theme-map, $key); } 样式代码 button { @mixin background($color) { @include themeify { background: themed($color) } } color: themify(accent-200); &:hover { background-color: themify(primary-100, 0.5); } } js切换样式 document.body.dataset.theme = newValue; 当然