大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

SOLID(数据库解决方案提供商)

全球领先的高可用实时数据库解决方案提供商Solid™ Information Technology。 Solid公司于1992年在芬兰首都赫尔辛基成立,致力于提供创新性的数据管理解决方案,使网络用户可以随时随地获取数据,就如同拨打电话时可以听到电话铃声一样。 Solid™ Information Technologysolid的DB关系数据库为各个行业的业务系统提供高性能、永不间断的数据管理平台,已经被全球超过300 万个关键任务系统所采用, 其高性能、高可靠性经过了十多年的应用检验,并且在电信、金融等行业的各种应用中积累了丰富的成功经验。

css实现边框动画

css实现边框动画 1、css实现边框动画 效果如图: body,div{ margin: 0; padding: 0; box-sizing: border-box; } .box{ width: 300px; height: 200px; padding: 20px; margin: 50px auto; color: #fff; background-color: #f60; } .border-box{ position: relative; width: 100%; height: 100%; padding: 20px; } .border-box::before

表格单元格内的两端对齐

表格单元格内的两端对齐 前端入坑纪 49 许久未更,最近做了个表格。碰到了两端对齐的坑(以前看到过,后来忘了。果然好记性不如烂笔头),今天来分享下~ 好,详解如下! OK,first things first! github项目地址 性冷淡表格 HTML 结构 姓名 休泽 职业 修业 就是这么简单的一个表格,这里的span是整个效果的灵魂,mark CSS 结构 table { width: 300px; height: 30px; display: inline-block;

自适应缩放图文列表

margin: 0;imgWrp { width: 0; background-repeat: no-repeat; flex-flow: row nowrap; } li p { width: 70% } li以display:flex来展现,这样的话,里面的div和p这类子元素可以很好的控制,比float好用多了。 flex-flow控制子元素的方向和是否换行, justify-content: space-around;设定子元素的主轴排列方式,align-items: center;

又一个css3 loading 打转的圆

又一个css3 loading 打转的圆 前端入坑纪 52 上回写过一篇《一直打转的圆圈》的css3 loading 效果,用的是障眼法. 今天来分享真正的环形圆圈来做, 其实是border啦,哈哈 好,详解如下! OK,first things first! github项目地址 你就是个圆 HTML 结构 就是只用一个div, 任性不, O(∩_∩)O哈哈~ CSS 结构 body{ background-color: aliceblue;circle{ border: 8px solid rgba(218, 141, 218, 0.5); width: 100%; left: -8px;

让渐变成为滚动的进度条吧

bar{ height: 30px; infinite 可以让动画一直循环不停。 这里的 widtheft 2s linear infinite,仅仅是展示效果,请略过 3.@keyframes backgroundPosition 这个是条纹动起来的原理,简单说,便是背景的x轴上的位置,从0px走到60px。 好了,到此,本文告一段落!感谢您的阅读!祝你身体健康,阖家幸福! 打开支付宝首页搜 625097528 领红包,领到大红包的小伙伴赶紧使用哦! 支持你我,扫一扫红包

React 中合并单元格的正确写法

React 中合并单元格的正确写法 用表格进行页面布局,页面布局在各种浏览器的的兼容性, 都非常好, 而在react中使用表格布局, 合并单元格的写法比较特殊, 博主查了很久才找到正确的写法, 在这里分享一下 效果图 源码 react组件文件 import React, { Component } from 'react';/App.css';App { text-align: center; } td { border: 1px solid #AB3319; width: 30px;title { color: #444444; font-size: 20px; border-collapse: collapse;

CSS画心形、蛋形、菱形、八卦、三角、圆形、对话框、平行四边形

CSS画心形、蛋形、菱形、八卦、三角、圆形、对话框、平行四边形 各图形的html代码均为 ,替换class名称即可 圆形 .circle { width: 100px; height: 100px; border: 1px solid #ccc; border-radius: 50%; background: coral; } 蛋形 .egg { width: 126px; height: 180px; background-color: #eee; box-shadow: 0px 2px 5px #ccc; display: block; border-radius: 50% 50% 50% 50%/60% 60% 40% 40%; } 心形 .heart { width: 100px; height: 90px; position: relative; } .heart:

matplotlib做图中常用的辅助函数

matplotlib做图中常用的辅助函数 matplotlib可能是Python语言中最常用的绘图库了,使用它可以较为容易的做出印刷品质的专业图形,此外,matplotlib的定制程度也很高,可以满足各式各样的绘图要求,能够限制你做图能力只是你的想像力而已。然而,也正因为matplotlib的定制性,相关API较为底层,所以为了做出复杂的图形,常常需要写很多行代码,显然不够经济。为了节省画图的时

IE浏览器下透明背景元素hover无效

IE浏览器下透明背景元素hover无效 本文来源于 捷搜索 问题: IE下透明背景元素,鼠标移到文字上才会触发hover,当移到文字旁边的背景上不会触发hover,如下案例(代码+效果图): 1536128629714760.png ul{ position: absolute; z-index: 999999; } ul li a{ display: block; line-height: 60px; width: 100px; color: white; border-bottom: 3px solid #ffda00;

【CSS】多行文本超出部分省略号

【CSS】多行文本超出部分省略号 css.jpg 多行文本超出部分用省略号代替: HTML 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 CSS div { width: 100px; height: 65px; 必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。 -webkit-box-orient 必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 。 text-overflow,可以用来多行文本的情况下,用省略号“…”隐藏超出范围的文本 。

2018-09-04画太极

2018-09-04画太极 第一种方法:笨方法 不停画圆即可实现。 HTML部分 JS Bin Css部分 body{ background-color: #444; } #YinYang{ width:200px; height: 200px; border: 1px solid black; border-radius: 50%; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,1) 51%, rgba(0,0,0

手风琴效果 transition使用

手风琴效果 transition使用 手风琴效果 *{ margin: 0; } ul{ list-style: none; width: 960px; height: 300px; border: 1px solid seagreen; margin: 90px auto; overflow: hidden; } ul li{ float: left; width: 160px; /*添加动画效果*/ transition: all 0.3s; } /*所有的li都变小*/ ul:hover li{ width: 60px; } /*当前的li变大*/ ul li:hover{ width: 600px;动画前.png 动画后.png

jQuery实现点击图标div循环放大缩小功能

jQuery实现点击图标div循环放大缩小功能 很基础的一个功能,点击左下角的图标按钮,地图的整个div会变大,变大预览之后,再次点击图标按钮,地图的整个div会变小,恢复原样,两个图标在地图界面的放大和缩小时间不断的切换图标状态(箭头向里面,或者箭头向外面) 图片.#scale { background: #FFFFFF url('. width: 26px; } #updmap { border: 1px solid #1E90FF;css({ "width": "400px", "height": "200px", });

vue2.0移动端自定义性别选择提示框

vue2.0移动端自定义性别选择提示框 这篇文章主要是简单的实现了vue2.0移动端自定义性别选择的功能,很简单但是经常用到,于是写了一个小小的demo,记录下来。 效果图: 图片.png 实现代码: 男 女 export default { data() { return { param: '1' //设置默认值为1,即设置第一个单选框为选中状态 } }, methods: { } }; background: fff; border-bottom: 1px solid #f1ebeb;boy input{ text-align: center;

【CSS】带边框的三角形

【CSS】带边框的三角形 34840-106.jpg image.png 思路是将2个三角形叠加起来,外层的三角形稍微大一些。 思路和《【CSS】内圆角》这个笔记的 “方法一” 类似。http://www.jianshu.com/p/6e61856cf143 这个笔记最后会补充《【CSS】画三角形》这个笔记里记漏的一点。http://www.jianshu.com/p/2c04549a8aae HTML代码: CSS代码: . left: -90px; 对应:上下 左右 如果只设置三个值,如:border-width: 1px 2px 3px;

【CSS】画三角形

【CSS】画三角形 270924-106.jpg 用CSS画三角形,利用border属性,把一个边设置成看到的样式,其他两边或三边用transparent方法变成透明。 image.png HTML代码: CSS代码: div { width: 0; border-top: 70px solid red; border-top: 50px solid transparent; height: 100px; background: #15A892; border-top: 20px solid #1574A8; border-right: 20px solid #E94E65; border-bottom: 20px solid #E9D24E; border-left: 20px solid #A81574;

【CSS】多重边框

【CSS】多重边框 90507-106.jpg 要设置多重边框,最要用到的是box-shadow这个样式。 box-shadow 的作用是添加投影。 div { width: 300px; height: 300px; margin: 100px auto; border: 10px solid #036;好以上参数就行。box-shadow: 5px 5px 10px #888; } image.png 如果需要设置多重边框,可以用逗号分隔语法,这样就可以创建任意数量的投影了。box-shadow: 0 0 0 10px #9c0 , 0 0 0 20px #ffc, 0 0 0 30px #9cf; outline-offset: -16px;

被埋没的布局属性table和tabel-cell

被埋没的布局属性table和tabel-cell 学习iview这个ui框架的时候,很好奇下面这个组件是怎么实现的。 image.png 我们先来看一个简单的例子 Loremibus, culpa ipsum sunt? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione temporibus recusandae deleniti, voluptatem magnam accusamus quod animi eum debitis dicta rem, minus quas quo, itaque error, amet tenetur earum. Est!这里是减去300px和margin-right: 10px;

ionic4 -- angular 跳转页面

/** * When using a router, it specifies the transition direction when navigating to another page using `href`. Default value is: `"button"` */ 'type': 'submit' | 'reset' | 'button'; } 也就是在代码里面如此写: 进入页面 那么我们就可以在点击此button过后即可跳转到刚才建立的detail页面去了 3、自定义跳转 怀旧时期的ionic 是 navcontroller.push(component) 进行跳转指定页面,那么我们新版本如何跳转呢? 首先看看官方文档

横向显示(css)

横向显示(css) 1.效果 demo.png 2.html JS Bin 姓名 姓名 姓名 姓名 姓名 姓名 3.css ul{ border:1px solid blue; list-style:none; } ul li{ float: left; border:1px red solid;clearfix::after{ content:''; display: block;