Shadow

所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 1.1 盒子模型 在学习盒子模型之前，先来看一个生活中的例子。假如墙上排列着几幅画。对于每幅画来说，都有一个边框，在英文中称为border；每个画框中，画和边框通常都会有一定的距离，这个距离称为内边距，在英文中称为padding；每一幅画间也不是紧挨着的，也存在一些距离称为外边距，在英文中称为margin。 在CSS中，一个独立的盒子模型由content（页面内容）、border（边框）、padding（内边距）、margin（外边距）四部分组成 1.content：位于最中间，页面的主要显示内容，也就是这幅画的本身 2.border：位于内边距外面，如果没有内边距就是包着内容的外框。它一般具有一定的厚度，也就是这幅画的画框 3.padding：位于边框内部的空隙，是内容与边框的距离，也就是画框和图之画之间的空隙 4.margin：位于边框内部空隙，边框外面周围的距离，也就是每幅画之间的空隙 1.1.1 边框 边框（border）有三个属性，分别是color（颜色）、width（粗细）和style（样式）。在网页中设置边框样式时

本博客主题分享，算不上特别好看吧，但是比博客园原来的好看一些，我自己觉得！不接受反驳 选择主题为：（然后保存） 页面定制css代码 /*溢出隐藏设置*/ #topics, #mainContent { overflow: visible; } #postDesc { float: none; } #gotop-fixed .call i{ display: inline-block !important; line-height: 20px !important; } #gotop-fixed .call{ background-color: #457CE6 !important; } #gotop-fixed .goTop{ background-color: #457CE6 !important; opacity: 0.8; } @media screen and (max-width: 500px){ body{ color: red; } #page_begin_html a{ display: none; } } #header { height:37px; width:100%; background-color:#ffffff !important; transition:height 0.3s; -moz-transition:height 0.3s; /*

简介 老是使用命令行工具在现代化社会好像已经跟不上节奏了，尤其是在做JIT分析时，使用LogCompilation输出的日志实在是太大了，让人望而生畏。有没有什么更加简便的方法来分析JIT日志呢？快来和小师妹一起来学习JITWatch吧。 什么是JIT 小师妹，F师兄，JIT就是Just In Time compilers。能不能再总结一下JIT到底是做什么的呢？ 当然没问题，JIT主要有两个作用，第一个作用大家应该已经知道了，就是在运行时将byte code编译成为机器码，提高程序的执行速度。 第二个作用就是在运行时对代码进行优化，同样的也对性能进行提升。 JIT中有两种编译器，C1代表的是Client Compiler,C2代表的是Server Compiler。 其中C1只是简单的编译，而C2在收集到更多信息之后，会进行更加深入的编译和优化。 常见的优化手段有：Loop unrolling, Inlining, Dead Code Elimination,Escape analysis, Intrinsics, Branch prediction等。 JDK8中会默认启动分层编译。你也可以使用-XX:+TieredCompilation来手动启动它。 JITWatch简介 小师妹：F师兄

阻止谷歌下记住密码 当我们将input框的类型设置为密码框的时候，就会出现下面这种效果，不仅样式不统一，有的时候，密码框的上面并不是用户名，而是其他的内容，也会被强制显示为用户名： 首先需要解决样式问题： #app input:-webkit- autofill { -webkit-text-fill-color: #fff ! important; -webkit-box-shadow: none ! important; background - color: transparent; background - image: none; transition: background -color 999999s ease- in -out, color 999999s ease- in - out; } 其次，阻止谷歌自带的记住密码： 回车重定向 单个el-input获得焦点时，点击键盘回车，会触发路由重定向。 解决方法：@submit.native.preven t阻止表单默认事件 日期时间框的默认值在IE无法清除 element的日期框添加默认值后，在ie下，默认的清空按钮无法清空默认日期值： 数据应该是已经清空了，但是DOM没有刷新，所以需要强制刷新DOM： 自定义表头 <template> <div> <el-table- column v - for ="(item,

区块链作为一种崭新的、颠覆性的技术，是国内外活跃的研究领域和毕业设计选题方向。本文列出最新的一组区块链方面的论文，希望可以对选择区块链毕业设计的同学们有所帮助，这是 汇智网 编辑整理的区块链毕业设计论文系列中的第19篇。 区块链开发教程链接： 以太坊 | 比特币 | EOS | Tendermint | Hyperledger Fabric | Omni/USDT | Ripple 本文整理了最新的可用于区块链毕业设计的参考论文，如果需要访问区块链毕业设计必读 论文系列的最新文章，可以持续关注我们的 博客 ， 或加入QQ群： 532241998 。 1、基于区块链和物联网的移动设备能耗实时监测 随着物联网的快速发展，在不久的将来，电子设备就会自带物联网特性，这使得对设备能耗的跟踪成为可能，从而能够生成位置无关的能耗计费账单。 本论文提出了一种去中心化的计量架构，可以支持具备IoT能力的设备监测其自身能耗。在这一架构当中，设备的能耗数据发送给聚合器，聚合器负责验证信息并提供基于区块链的安全数据存储，保护数据不受外部操纵。实验结果表明，本文提出的架构支持设备的移动性和位置无关的能耗监测。 论文PDF下载： Real-Time Energy Monitoring in IoT-enabled Mobile Devices 2、从拜占庭副本到区块链：共识算法只是开始

  华为HMS全球应用创新大赛正式启动，邀请全球开发者集成HMS Core，通过华为独特的“芯-端-云”能力为用户提供创新应用体验。华为为本次大赛特设100万美元创新激励奖金，激发全球应用开发者创新动力。优胜参赛者还有机会获得华为应用市场推广资源、华为云资源，以及优先参与华为开发者联盟各类活动等奖励。   HMS Core作为华为“芯-端-云”开放能力合集，面向开发者提供核心服务能力，比如机器学习、HiAI、AR引擎等领先能力。截至2020年3月，全球已有140多万开发者加入HMS生态，全球接入HMS Core的应用数量超过6万。华为消费者云服务总裁张平安在启动仪式上表示，“我们希望通过覆盖全球的华为应用市场，让每一个创新应用都能触达全球6.5亿华为终端用户，共享创新成果。”   全球开发者利用华为开放的能力、集成开发环境和工具，能够实现一点接入、全球全场景全终端智慧分发，在5G+AI智慧时代为用户带来了更多的应用创新体验。AppGallery Connect作为华为提供的应用一站式服务平台，为开发者提供覆盖“创意-开发-分发-运营-分析”全生命周期的64项服务，例如在运营阶段面向开发者开放更多能力，赋能开发者以自定义方式进行社区运营、活动运营、自定义礼包、Push通知等精细化运营，推动拉新促活，加速应用创新，创造更多社会价值。   大赛启动仪式上

简介 逃逸分析我们在JDK14中JVM的性能优化一文中已经讲过了，逃逸分析的结果就是JVM会在栈上分配对象，从而提升效率。如果我们在多线程的环境中，如何提升内存的分配效率呢？快来跟小师妹一起学习TLAB技术吧。 逃逸分析和栈上分配 小师妹：F师兄，从前大家都说对象是在堆中分配的，然后我就信了。上次你居然说可以在栈上分配对象，这个实在是颠覆了我一贯的认知啊。 柏拉图说过：思想永远是宇宙的统治者。只要思想不滑坡，办法总比困难多。别人告诉你的都是一些最基本，最最通用的情况。而师兄我告诉你的则是在优化中的特列情况。 小师妹：F师兄，看起来JVM在提升运行速度方面真的做了不少优化呀。 是呀，Java从最开始被诟病速度慢，到现在执行速度直追C语言。这些运行时优化是必不可少的。还记得我们之前讲的逃逸分析是怎么回事吗？ 小师妹：F师兄，这个我知道，如果一个对象的分配是在方法内部，并且没有多线程访问的情况下，那么这个对象其实可以看做是一个本地对象，这样的对象不管创建在哪里都只对本线程中的本方法可见，因此可以直接分配在栈空间中。 对的，栈上分配的对象因为不用考虑同步，所以执行速度肯定会更加快速，这也是为什么JVM会引入栈上分配的原因。 再举一个形象直观的例子。工厂要组装一辆汽车，在buildCar的过程中，需要先创建一个Car对象，然后给它按上轮子。 public static void main

前言   各位应用程序开发者有没有在后台收到过家长们的反馈？ 希望能够提供一个开关，采取一些措施保护小孩的眼睛，因为现在小孩子的近视率越来越高，和他们长时间近距离盯着屏幕有很大的关系。最近有一个海外的客户通过集成了ML kit 实现了防范小朋友眼睛离屏幕过近，或者玩游戏时间过长的父母类控制类功能。 场景   父母需要这个功能防止小朋友眼睛距离屏幕过近，或者小朋友看屏幕时间过长。 开发前准备 在项目级gradle里添加华为maven仓   打开AndroidStudio项目级build.gradle文件   增量添加如下maven地址： buildscript { { maven {url 'http://developer.huawei.com/repo/'} } } allprojects { repositories { maven { url 'http://developer.huawei.com/repo/'} } } 在应用级的build.gradle里面加上SDK依赖 dependencies { implementation 'com.huawei.hms:ml-computer-vision-face:1.0.4.300' implementation 'com.huawei.hms:ml-computer-vision-face-shape-point

经过前面的基础教程，现在我们应该能理解大部分功能了。现在罗列些实际工作中的应用 脚本的流程如下图： 1.这样我们就可以在 Pre-request Script 里添加解析 json 代码 2.Send 由 Run 来触发，也可以用 newman 来触发 3.Test 里加上断言语句 多测试用例 // Pre-request Script uri = request.url.split('}}')[1] pm.environment.set("iteration-uri", uri) if (data && data[uri]) { var keys = Object.keys(request.data) var iteration_keys = Object.keys(data[uri]) for (var index in iteration_keys) { let key = iteration_keys[index] if (arrHasValue(key, keys)) { pm.collectionVariables.set(key, data[uri][key]) console.log('key: ' + key + ',value: ' + data[uri][key]) } else { console.log('keys has not ' + key) } }

我们始终建议在开发Solidity智能合约时尽量不要使用汇编。但在少数情况下可能并没有其他选择，因此还是需要学习一些Solidity汇编开发的知识。在这个教程中，我们将学习如何在Solidity汇编开发中使用动态字节数组。 用自己熟悉的语言学习 以太坊DApp开发 ： Java | Php | Python | .Net / C# | Golang | Node.JS | Flutter / Dart 1、使用Remix编辑器 首先，让我们将这个简单的合约粘贴到 remix编辑器 中： pragma solidity ^0.5.10; contract AssemblyArrays { bytes testArray; function getLength() public view returns (uint256) { return testArray.length; } function getElement(uint256 index) public view returns (bytes1) { return testArray[index]; } function pushElement(bytes1 value) public { testArray.push(value); } function updateElement(bytes1 value, uint256