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

首页 > top

top（词语释义）

英文单词，名词词义：顶部；山顶；头顶。形容词词义：最高的; 顶上的; 头等的; 最大的。动词词义：形成顶部; 达到…的顶端; 处于…的最前头; 领导。

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

h5页面适配iPhone X的方法

h5页面适配iPhone X的方法 项目接近尾声，测试时突然想起还有iphoneX需要适配，虽然页面都是自适应，但是由于iPhone X的特殊性，还是需要特殊对待。因为这个h5项目嵌入在原生项目中，适配就会有有种方式：1. //为底下圆弧的高度 34px } 2.媒体查询 @media screen and (device-width:375px) and (device-height:812px){ //在这里做iPhone X的判断 // #app { //margin-top: 88px;

监听 scroll 使元素产生吸顶效果

监听 scroll 使元素产生吸顶效果 一、判断滚动像素值 1.1 window.scrollY（别名：pageYOffset） 返回文档 top: 50px; 目前这个属性兼容性不是很好，暂不建议在生产环境中使用（2018年09月12日16:54:54）。 参考 position - CSS：层叠样式表 | MDN CSS中position属性介绍(新增sticky)

JS事件截流 / 防抖

JS事件截流 / 防抖 JS事件截流 在使用scroll，resize，mousemove等方法的时候，由于触发次数过于频繁，一般会使用一个节流的方法来实现方法的调用 //首先定义一个全局函数 let timeOutId = null; //定义一个延时定制器的回掉函数 function callBack(){ const top = warpper.getBoundingClientRect(). } //回调函数延迟50毫秒触发 timeOutId = setTimeout(callBack,50); },false);

【CSS】百度百科状态栏

font-family:arial,tahoma,'Microsoft Yahei','\5b8b\4f53',sans-serif; background-color:#f3f3f3; background:#24619c; border-top:1px solid #5895d5; border-bottom:1px solid #3b92e9; background:#459df5; display: flex; height: calc(100% - 1px);nav-content-box li { width: 120px;nav-content-box li:hover{ background:#19508b; } ul.nav-content-box li ul li a { color: #a2c9f0; } HTML与CSS 目录：HTML与CSS 上一篇：【CSS】省略号 下一篇：【CSS】图片动画特效（相框）

LeetCode #807. Max Increase to Keep City Skyline p

LeetCode #807. Max Increase to Keep City Skyline p Question In a 2 dimensional array grid, each value grid[i][j] represents the height of a building located there. We are allowed to increase the height of any number of buildings, by any amount (the amounts can be different for different buildings).= 50. All heights grid[i][j] are in the range [0, 100].

js -- 操作练习

js -- 操作练习 1、下拉框实现左边移动选项到右边，右边移动选项到左边 左选右移 王昭君 杨玉环 貂蝉 西施 孔丘 朱熹 董仲舒 王阳明 李尔 庄周 var obeauty = document.getElementById('beautfull') var ohero = document.getElementById('heroes') function rmove(){ var moveValue = obeauty.options[obeauty.selectedIndex].2、飘动广告 飘动广告 div{ position: fixed; top: 0px; left: 0px;

top命令详解

top命令详解 1. Top 命令输出: 首先，让我们了解一下输出。top命令会显示系统的很多信息。我们需要理解不同部分输出的意义：默认运行时，top命令会显示如下输出： image 默认显示 前几行水平显示了不同系统参数的概括，接下来是进程和它们在列中的属性。 1.1 系统运行时间和平均负载： image 显示运行时间 top命令的顶部显示与uptime命令相似的输出。 这些字段显示： 当前时间

查看当前占用CPU或内存最多进程

查看当前占用CPU或内存最多进程 ps ps aux | sort -k4nr | head -10 -A 所有进程均显示出来 -a 不与terminal有关的所有进程 -u 有效使用者相关的进程 -x 通常与a一起用，可列出较完整信息 USER PID

wsl(ubuntu)上使用 gitbook 生成 pdf 电子书:解决中文乱码问题

wsl(ubuntu)上使用 gitbook 生成 pdf 电子书:解决中文乱码问题 gitbook上有很多电子书, 有些没有提供下载 pdf 功能, 在网上搜了下, 可以使用 gitbook 命令行工具来生成 pdf mobi epub 格式的文件. 这里在 windows 子系统 ubuntu 的 shell 环境 安装 npm sudo apt-get install npm gitbook 命令行工具 sudo npm install gitbook-cli -g {% note warnig %} 加了 -g 参数后, 注意要加 sudo, 否则报错 {% endnote %} npm ERR! code EACCES npm ERR!

JVM性能调优监控工具jps、jstack、jmap、jhat、jstat、hprof使用详解

info("Thread [" + getName() + "] is idle waiting..."); schedulerThreadState = PollTaskSchedulerThreadState.IdleWaiting; long now = System.currentTimeMillis(); long waitTime = now + getIdleWaitTime(); synchronized(sigLock) { try { if(!halted.get()) { sigLock.wait(timeUntilContinue); } } catch (InterruptedException ignore) { } } 它是轮询任务的空闲等待代码，上面的sigLock.wait(timeUntilContinue)就对应了前面的Object.wait()。

FabricJS 前端绘图库使用总结(一)

新建canvas对象的时候，可以指定宽高： canvas = new fabric.Canvas(canvasElement, { selection: false, width: 800, height:600 }); canvas.add(line); 画圆的例子(顶点和半径是在选项里的),这里left和top其实就是(x,y)，应该是借用了css里的命名。 var circle = new fabric.Circle({ radius: 2, left: left, top: top, originX: 'center', originY: 'center', fill: rgba(0,200,0,0.8), strokeWidth: 1, stroke: rgba(255,0,0,0.8), selectable: false };

鼠标经过时边框样式左上角右上角动画

鼠标经过时边框样式左上角右上角动画 html: css: .industry . width: 270px; z-index: 99; top: 0px;stry-bottom { position: absolute; right: 0px;stry-left { height: 0;industryList li").mouseenter(function () { $(this).animate({ "width": "100%", }, 500).css("background", "#ff0000");children("div:odd").mouseleave(function () { $(this).

七夕快到了！表白小程序制作详解，撩翻你的女神！

double l = rd.Next(0, (int)(maxW - w)); } } } 好了，一个表白小程序就弄好了，生成解决方案之后，就可以在工程文件中找到.exe的程序，提取出来，发给对方即可。 tips：程序中的图片，自己替换，在项目中添加现有项，选择图像格式，在选中你找到的图片，点击确认即可。 感谢阅读 喜欢小编文章的，可以点个订阅，小编都会不停更新文章，分享前端学习知识，以及程序员员的趣事！

小程序红包雨

tempIndex += 2; // 获取手机屏幕宽高 wx.getSystemInfo({ success: function (res) { that.setData({ windowWidth: res.windowWidth, windowHeigh: res.windowHeight, top: res.windowHeight - 100 //设置红包初始位置 }) } }) //建立临时红包列表 var packetList = []; } // 更新红包列表数据 that.setData({ packetList: packetList }) } }, 1000) console.log("数据" + that.data.showInter) }, //点击图片 tapImages: function (event){ var score = Math.ceil(Math.random() * 100);

一张图助你快速记忆CSS所有属性

一张图助你快速记忆CSS所有属性 CSS的属性很多，有许多人都抱怨说要怎麼才能快速记忆CSS的属性呢.(闪烁) 常用字体：(font-family) "Courier New", Courier, monospace,"Times New Roman", Times, serif, Arial, Helvetica, sans-serif,Verdana 背景属性：(background) 色彩 background-color:#FFFFFF;) repeat fixed left top; text-bottom; inline-table; table-column; border-width:; 简写方法 border：width style color; clip:rect(12px,auto,12px,auto) (裁切)

科研工具 | linux常用基本命令汇总

科研工具 | linux常用基本命令汇总 简单记录平时可能会用到的命令，便于随时翻阅。 当然也随时更新~~~ 一 linux常用命令 nvidia-smi: 查看显卡 watch_nvidia_smi：实时查看显卡状态 cat /usr/local/cuda/version.txt: 查看cuda wget: 用于下载文件 touch: 用于创建文件 mkdir: 创建目录 mv: 为文件或目录改名

React-Native 拖拽列表，滑动删除。

/common/Utils' const EXPROTHEIGHT = 20; export default class CustomScrollView extends Component { constructor(props){ super(props); this.state={ data:[ {name:'五花肉',}, {name:'青椒',}, {name:'红椒',}, ], } this.itemHight = 50; this.interval = 5; this.countHeigth = this.itemHight+this.interval; // interval为中间的间隙。 this.scrollOffsetY = 0; this.items = []; this.order = []; this.ViewHeight = (this.state.data.length)*this.countHeigth Utils.size.height-20-Utils.statusBarHeight?

微信小程序仿APP section header 悬停效果

微信小程序仿APP section header 悬停效果 美好的心情.jpeg 很多APP都有这么一个效果，列表头在滚动到顶部时会悬停在顶部，比如在iOS开发中UITableview设置 style 属性设置为 Plain ，这个tableview的section header在滚动时会默认悬停在界面顶端。 那么我们怎么在微信小程序也实现这么一个效果呢？ 首先写一个非常简单列表： wxml代码 这里是header 这是section-header {{item}} wxss代码 .