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

化学元素

化学元素(Chemical element)就是具有相同的核电荷数(即核内质子数)的一类原子的总称。从哲学角度解析,是原子的电子数目发生量变而导致质变的结果。[1]  化学元素(英语:Chemical element),指自然界中一百多种基本的金属和非金属物质,它们只由一种原子组成,其原子中的每一核子具有同样数量的质子,用一般的化学方法不能使之分解,并且能构成一切物质。 一些常见元素的例子有氢,氮和碳。到2012年为止,总共有118种元素被发现,其中94种是存在于地球上。拥有原子序数大于83(即铋之后的元素)都是不稳定,并会进行放射衰变。 第43和第61种元素(即锝和钷)没有稳定的同位素,会进行衰变。可是,即使是原子序数高达95,没有稳定原子核的元素都一样能在自然中找到,这就是铀和钍的自然衰变。[1]

自适应缩放图文列表

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;

论省略号...的4种写法

line-height: 20px;prg2 { display: -webkit-box;prg3的省略号,是目前比较合理的。javascript的方式,灵活简便,唯独增加了些许js的代码量。毕竟不是使用的css属性。 JavaScript 结构 // 立即执行函数,将shortLine函数挂到window上,这样就可以直接调用了 (function (w) { var shortLine = function (pragrafsClass, number) { // 获取需要展现省略号的那些段落的class元素 var prgs = document.getElementsByClassName(pragrafsClass);

ES6几个好用的数组操作方法

ES6几个好用的数组操作方法 Array.from() :将json数组格式转换成数组 // 这是json数组的格式,注意: // key 必须是数字 // json 的结尾必须写明 json 的长度 let json = { '0' : '123456', '1' : '123456', '2' : '123456', length:3 } // 将json数组转换成数组的格式 let arr = Array.from(json) console.log(arr) find() 示例方法,用于查找数组内的某个元素 let arr = ['liu','yuan','wai']; let list = arr.entries(); console.log(list.next().

CSS calc计算属性

CSS calc计算属性 calc()是css3的一个新增的功能,用来指定元素的长度,你可以使用calc()给元素的border、margin、pading、font-size和width等属性动态的设置值。 calc()语法 . margin: auto; } #main { border: 8px solid #B8C172; width: 75%; width: -webkit-calc(25% - 10px * 2 - 8px * 2 - 20px);CSS3 calc() test…… test…… test1…… test2…… test3…… footer

《H5匠人手册》2:H5视觉创意

《H5匠人手册》2:H5视觉创意 视觉设计在H5设计制作中非常重要,好的视觉设计不仅能将主题表达得淋漓尽致,还能产生强烈的视觉感染力,最终引发用户的传播行为。 在H5实现的具体流程中,视觉设计师的工作内容包括: 一、H5创意视觉表现 视觉设计师在进行H5创意之前,在了解具体需求的同时,要明确项目运营目的和用户的需求。 常见的运营目的:增加日活跃用户量、拉

Java 23种设计模式之 访问者模式

Java 23种设计模式之 访问者模式 定义:封装某些作用于某种数据结构中各元素的操作,它可以在不改变数据结构的前提下定义作用于这些元素的新的操作。 类型:行为类模式 类图: 访问者模式可能是行为类模式中最复杂的一种模式了,但是这不能成为我们不去掌握它的理由。我们首先来看一个简单的例子,代码如下: class A { public void method1(){ System.out.println("我是A");

Webpack操作指南

bundle.js', path: path.resolve(__dirname, 'release') } 执行打包命令 npm run dev webpack打包输出几个bundle文件并不是由模块依赖树决定,而是根据打包配置文件中的output决定。即使src/index.js文件引入了src/print.js文件,仍会将后者打包输出为单独的bundle。 清理打包文件 安装依赖 npm install clean-webpack-plugin --save-dev 编辑打包配置文件 webpack.dev.config.js const CleanWebpackPlugin = require('clean-webpack-plugin');

CSS3动画实现

CSS3动画实现 1. transform 通过transform转换,我们能够对元素进行移动(translate)、旋转(rotate)、伸缩(scale)、翻转(skew)。转换是使元素改变形状、尺寸和位置的一种效果。 浏览器支持 Internet Explorer 10、Firefox 以及 Opera 支持 transform 属性。Chrome 和 Safari 需要前缀 -webkit-。 注释:Internet Explorer 9 需要前缀 -ms-。 1.1 2D 转换 2D转换方法: translate(); skew()翻转 transform:skewX(45deg);width: 100px;

iOS 12 官方UI模板

iOS 12 官方UI模板 iOS 12系统已经出来,某些界面设计已经做出新的更新,为了让设计师能快速按照 iOS 的标准来设计 APP,苹果官方已经分享出相应的 UI 元素,通过这些模板,可以快速实现标准的 iOS 界面,用来设计 iPhone X/XS/XR都很不错。 如果是新手,对规范不熟悉的话,也建议下载这些UI素材来参考设计,而且是来自官方,界面也齐全,推荐下载学习或直接使用。 下载地址,

以全新的Office图标风格来迎接工作的新时代

以全新的Office图标风格来迎接工作的新时代 我们最后一次更新Office的图标是在2013年,那一年,“自拍”这个词还是牛津词典的年度热门词汇,用emojis表情都会被认为是时髦的代表。 显然,从那以后发生了太多的变化,包括人们做事的方式。 现如今,来自不同行业,不同地区和不同年龄层的10亿多人在不同平台和设备上使用Office。他们在比以往任何时候都要快的节奏里,需要

flask_sqlalchemy 中的 paginate 实现分页

flask_sqlalchemy 中的 paginate 实现分页 在使用flask进行开发的过程是不免要涉及到分页功能的开发,我使用的是flask_sqlalchemy,对于继承自flask_sqlalchemy.Model的类,都有一个paginate(page=None, per_page=None, error_out=True, max_per_page=None)方法来获得一个flask_sqlalchemy.Pagination对象。 下面我们来简单说明一下paginate和Pagination的使用。 paginate paginate(page=None, per_page=None, error_out=True

移动端是怎么做适配的?

} 可以使用媒体查询查询不同尺寸时,应执行的样式内容。 @media(max-width:768px){ a{ . document.write(" html{ font-size: " + htmlWidth + "px} ") 这时,就可以使用rem的单位来进行书写宽度单位了。1em = 设备宽度(浏览器的宽度) 当设备尺寸变化的时候,页面的比例是没有变化的,可以很好的适不同移动端尺寸的效果。 使用示例 div{ width:0.5rem;

Redis 和 Springboot基础整合

Redis 和 Springboot基础整合 思路 使用string存储。如果需要存储对象,建议将对象转为json字符串再存储。 环境 框架 Springboot spring-boot-starter-parent版本:1.set(key, value);put(key, hashKey, value); } /** * 将元素value从一个集合移到另一个集合 * * @param key * @param value * @param destKey * @return */ public Boolean sMove(String key, String value, String destKey) { return redisTemplate.opsForSet().score(key, value);

UI自动化测试框架 ---TestCafe

UI自动化测试框架 ---TestCafe 因某个机会轻轻碰了一下TestCafe,感受到其强大,这里写个文档 运行结果: image.png test的前置条件 test.before(fun(t)):该test运行之前运行 test.after(fun(t)):该test运行之后运行 Demo fixture(`beforeeach test1`) . 参数化/数据驱动 其实就是创建一个对象,用for .@#$', } // 等等可能性的cases,这里随便造两个作为data driver ];browsers([ 'chrome', 'firefox' ]) // 错误自动截图 .

python selenium三种等待方式及详解

until(可执行方法, 超时时返回的信息) 这里需要特别注意的是until或until_not中的可执行方法method参数,很多人传入了WebElement对象,如下: WebDriverWait(driver, 10).

Python中random模块

Python中random模块 random模块中几个函数的简单说明 1、random.random()随机生成一个实数,范围在(0,1)。 2、random.uniform(a, b)生成一个指定范围的随机浮点数。 3、random.randint(a ,b)生成一个指定范围内的整数。 4、random.randrange(start, stop [

Python 五点搞定作用域

Python 五点搞定作用域 转自:Python中国开发者社区 1、块级作用域想想此时运行下面的程序会有输出吗?执行会成功吗? 块级作用域if1==1:name="lzl"print(name)foriinrange(10):age=iprint(age 1、块级作用域 想想此时运行下面的程序会有输出吗?执行会成功吗? #块级作用域 if 1 == 1: name = "lzl" print(name) for i in range(10): age = i print(age) 我们先看下执行结果 C:/Users/L/PycharmProjects/s14/preview/Day8/作用域/

lambda

lambda 一、引入lambda 定义:lambda就是简化了匿名内部类 使用前提:安装JDK 8 通过一个Example一步一步来达到lambda表达式的相关 : 筛选出集合内大于50的数 普通Java代码实现 public static void main(String[] args) { List list = new ArrayList ();filter(i - i 50). } } } 总结 1.匿名类的正常写法 Checker checker = new Checker() { @Override public boolean check(Integer i) { return i 50; //TODO 转换任意类型的Stream list.stream().