Solid

CSS实现任意角度扇形

生来就可爱ヽ(ⅴ<●) 提交于 2020-10-04 03:57:07
  参考之前思路: conic-gradient :圆锥形渐变存在兼容性问题,无法使用,要不然其实实现效果也蛮好的 <div class = " precoss " > <div class = " skew " ></div> </div> .precoss{ width 26px height 26px border:2px solid rgba( 22 , 143 , 202 , 1 ); border -radius: 50 % ; margin - right 10px position relative overflow hidden font -size 0 .skew{ position absolute top - 1px left - 1px width 28px height 28px border -radius: 50 % ; background: conic -gradient(#168fca 0 , #168fca 50 %, #fff 50 %, #fff 100 % ); } }   所以放弃,只能自己手写,参考第2种思路 <div class = " precoss " v- if = " item.progress <= 50 " > <div class = " skew1 " ></div> <div class = " skew2 "

JS实现轮播图特效(带二级导航)

北慕城南 提交于 2020-10-03 01:50:12
按照国际惯例先放效果图 index.html <! DOCTYPE html > < html lang ="en" > < head > < meta charset ="UTF-8" > < title > demo </ title > < link rel ="stylesheet" href ="css/style.css" > </ head > < body > < div class ="main" id ="main" > < div class ="menu-box" ></ div > <!-- 子导航 --> < div class ="sub-menu hide" id ="sub-menu" > < div class ="inner-box" > < div class ="sub-inner-box" > < div class ="title" > 手机、配件 </ div > < div class ="sub-row" > < span class ="bold mr10" > 手机通讯: </ span > < a href ="" > 手机 </ a > < span class ="ml10 mr10" > / </ span > < a href ="" > 手机维修 </ a > < span class ="ml10 mr10" >

CSS基本语法及页面引用

喜夏-厌秋 提交于 2020-10-02 21:07:38
css基本语法及页面引用 (1)css基本语法 css的定义方法是: 选择器 { 属性:值; 属性:值; 属性:值;} 选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性每个属性有一个或多个值。代码示例: /* css注释 ctrl+shift+"/" */ div{ width:100px; height:100px; color:red } (2)css页面引入方法(三种方法) 外联式:通过link标签,链接到外部样式表到页面中。 <link rel="stylesheet" type="text/css" href="css/main.css"> 嵌入式:通过style标签,在网页上创建嵌入的样式表。 <style type="text/css"> div{ width:100px; height:100px; color:red } ...... </style> 内联式:通过标签的style属性,在标签上直接写样式。 <div style="width:100px; height:100px; color:red ">......</div> (3)css文本设置 常用的应用文本的css样式: color 设置文字的颜色,如: color:red; font-size 设置文字的大小,如:font-size:12px; font-family 设置文字的字体

何时使用虚拟析构函数?

醉酒当歌 提交于 2020-10-02 10:51:19
问题: I have a solid understanding of most OO theory but the one thing that confuses me a lot is virtual destructors. 我对大多数面向对象理论有扎实的了解,但令我困惑的一件事是虚拟析构函数。 I thought that the destructor always gets called no matter what and for every object in the chain. 我以为无论链中的每个对象是什么,析构函数总是被调用。 When are you meant to make them virtual and why? 您打算何时将它们虚拟化?为什么? 解决方案: 参考一: https://stackoom.com/question/1vyl/何时使用虚拟析构函数 参考二: https://oldbug.net/q/1vyl/When-to-use-virtual-destructors 来源: oschina 链接: https://my.oschina.net/stackoom/blog/4304481

【计算机图形学与多媒体】 2019年-中国计算机学会推荐国际学术会议和期刊目录(七)

旧街凉风 提交于 2020-10-02 08:43:04
1.中国计算机学会推荐国际【 学术期刊 】 计算机图形学与多媒体 (1)A类 序号 刊物简称 刊物全称 出版社 网址 1 TOG ACM Transactions on Graphics ACM http://dblp.uni-trier.de/db/journals/tog/ 2 TIP IEEE Transactions on Image Processing IEEE http://dblp.uni-trier.de/db/journals/tip/ 3 TVCG IEEE Transactions on Visualization and Computer Graphics IEEE http://dblp.uni-trier.de/db/journals/tvcg/ (2)B类 序号 刊物简称 刊物全称 出版社 网址 1 TOMCCAP ACM Transactions on Multimedia Computing, Communications and Application ACM http://dblp.uni-trier.de/db/journals/tomccap/ 2 CAGD Computer Aided Geometric Design Elsevier http://dblp.uni-trier.de/db/journals/cagd/ 3 CGF

C#实践设计模式原则SOLID

孤者浪人 提交于 2020-10-02 05:12:54
理论跟实践的关系,说远不远,说近不近。能不能把理论用到实践上,还真不好说。   通常讲到设计模式,一个最通用的原则是SOLID: S - Single Responsibility Principle,单一责任原则 O - Open Closed Principle,开闭原则 L - Liskov Substitution Principle,里氏替换原则 I - Interface Segregation Principle,接口隔离原则 D - Dependency Inversion Principle,依赖倒置原则 嗯,这就是五大原则。 后来又加入了一个:Law of Demeter,迪米特法则。于是,就变成了六大原则。   原则好理解。怎么用在实践中? 为了防止不提供原网址的转载,特在这里加上原文链接: https://www.cnblogs.com/tiger-wang/p/13525841.html 一、单一责任原则 单一责任原则,简单来说就是一个类或一个模块,只负责一种或一类职责。 看代码: public interface IUser { void AddUser () ; void RemoveUser () ; void UpdateUser () ; void Logger () ; void Message () ; } 根据原则,我们会发现,对于

了解HTML锚点

巧了我就是萌 提交于 2020-09-30 15:58:03
概念  <a> 元素 (或HTML锚元素, Anchor Element)通常用来表示一个锚点/链接。但严格来说,<a>元素不是一个链接,而是超文本锚点,可以链接到一个新文件、用id属性指向任何元素。如果没有<a>元素没有href属性的话,可以作为原本链接位置的占位符,常用于home链接   [注意]任何文档流内容都可以被嵌套,只要不是交互内容类别(如按钮、链接等) 属性 href   href属性表示地址,共包括以下3种:   1、链接地址 <a href= " http://www.baidu.com " >百度</a>   2、下载地址 <a href= " test.zip " >下载测试</a>   3、锚点     (1)href:#id名 <a href= " #test " >目录</a> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <div id= " test " style= " height: 200px;width: 200px; border: 1px solid black;margin-bottom: 300px; " >内容</div>     (2)href:页面地址#id名 <a href= " http://baike.baidu

怎么实现员工和工资大数据分析,echarts+js实现

帅比萌擦擦* 提交于 2020-09-30 03:36:48
前言 现如今市场上的人事系统五花八门,可做了大数据分析的人事系统少之又少,最近本人花了一个星期好好研究了大数据展示方面的内容,图表主要用的是echarts来实现的,官网地址:https://echarts.apache.org/zh/index.html 下面两张图片展示出我实现的员工和工资的大数据分析界面: 员工大数据分析中心 工资大数据分析中心 如何实现漂亮的图表 地图实现 首先引入js文件,去官网可以下载到这几个文件,引入到项目中就好了。 < script type ="text/javascript" src ="~/showdata/js/jquery.js" ></ script > < script type ="text/javascript" src ="~/showdata/js/echarts.min.js" ></ script > < script type ="text/javascript" src ="~/showdata/js/china.js" ></ script > < script type ="text/javascript" src ="~/showdata/js/area_echarts_hr.js" > 图层引入 < div class ="map4" id ="map_1" ></ div > 地图实现的js $(function

怎么实现员工和工资大数据分析,echarts+js实现

这一生的挚爱 提交于 2020-09-30 02:35:41
前言 现如今市场上的人事系统五花八门,可做了大数据分析的人事系统少之又少,最近本人花了一个星期好好研究了大数据展示方面的内容,图表主要用的是echarts来实现的,官网地址:https://echarts.apache.org/zh/index.html 下面两张图片展示出我实现的员工和工资的大数据分析界面: 员工大数据分析中心 工资大数据分析中心 如何实现漂亮的图表 地图实现 首先引入js文件,去官网可以下载到这几个文件,引入到项目中就好了。 < script type ="text/javascript" src ="~/showdata/js/jquery.js" ></ script > < script type ="text/javascript" src ="~/showdata/js/echarts.min.js" ></ script > < script type ="text/javascript" src ="~/showdata/js/china.js" ></ script > < script type ="text/javascript" src ="~/showdata/js/area_echarts_hr.js" > 图层引入 < div class ="map4" id ="map_1" ></ div > 地图实现的js $(function

CSS样式更改——字体设置Font&边框Border

[亡魂溺海] 提交于 2020-09-30 01:03:26
上篇文章主要讲述了CSS样式更改中的背景Background,这篇文章我们来谈谈字体设置Font&边框Border的基础用法。 ###1.字体设置Font ####1).字体系列 <div style='font-family: sans-serif normal'></div> 可用字体: Serif Sans-serif Monospace Cursive Fantasy Times Courier ####2).字体风格 <div style='font-style:normal'></div> 文本倾斜: normal 文本正常显示 italic 文本斜体显示 oblique 文本倾斜显示 ####3).字体变形 <div style='font-variant:small-caps'></div> normal 显示标准字体。 small-caps 显示小型大写字母的字体。 ####4).字体加粗 <div style='font-weight:normal'></div> normal 标准的字符 bold 粗体字符 bolder 更粗的字符 lighter 更细的字符 也可以使用数字表示,范围为100~900 ####5).字体大小 <div style='font-size:60px'></div> smaller 变小 larger 变大 length 固定值