speed | 易学教程

加速计

阅读更多关于加速计

// 过期的加速计类 UIAccelerometer 是不需要引入系统框架的 , //CoreMotionManager 需要引入 CoreMotion 框架 #import "ViewController.h" #import <CoreMotion/CoreMotion.h> #import "UIView+Extension.h" #import "AudioTool.h" @interface ViewController ()< UIAccelerometerDelegate > @property ( weak , nonatomic ) IBOutlet UIImageView *ball; // 过期的加速计对象 @property ( nonatomic , strong ) UIAccelerometer *accelerometer; @property ( nonatomic , strong ) CMMotionManager *manager; // 记录当前的速度 x 轴 Y 轴的速度 @property ( nonatomic , assign ) CGPoint speed; // 保存上一次的坐标 @property ( nonatomic , assign ) CGPoint prePoint; @end @implementation

各种轮播特效代码，无缝轮播与自动轮播

阅读更多关于各种轮播特效代码，无缝轮播与自动轮播

有时候做网页的时候会遇到特效，需要js来写，个人对js并不是很擅长，所以遇到需要用js写的特效都比较惆怅，把几组不同类型的代码保存下来，以后遇到就可以粘贴复制了，废话不多说了，下面步入正题先看一下运行的效果自动往上走的来看一下代码部分吧 html文件中 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>文字无缝滚动效果代码</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> <script src="http://www.jq22.com/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="js/scroll.js"></script>

【leetcode】1383. Maximum Performance of a Team

阅读更多关于【leetcode】1383. Maximum Performance of a Team

题目如下： There are n engineers numbered from 1 to n and two arrays: speed and efficiency , where speed[i] and efficiency[i] represent the speed and efficiency for the i-th engineer respectively. Return the maximum performance of a team composed of at most k engineers, since the answer can be a huge number, return this modulo 10^9 + 7. The performance of a team is the sum of their engineers' speeds multiplied by the minimum efficiency among their engineers. Example 1: Input: n = 6, speed = [2,10,3,1,5,8], efficiency = [5,4,3,9,7,2], k = 2 Output: 60 Explanation: We have the maximum performance of

点滴积累【JS】---JS小功能（JS实现侧悬浮浮动)

阅读更多关于点滴积累【JS】---JS小功能（JS实现侧悬浮浮动)

效果：思路：首先，加载onscroll控制滚动条。然后写缓存运动的方法，缓冲运动的方法是先计算出DIV缓冲的速度，并且将其取整，再进行运动判断什么时候到达终点。最后将其参数返回。再在onscroll里面调用此方法，并且将终点计算出来赋予此方法的参数。代码： 1 <head runat="server"> 2 <title></title> 3 <style type="text/css"> 4 #div1 5 { 6 width: 200px; 7 height: 200px; 8 background: #0000FF; 9 position: absolute; 10 right: 0; 11 bottom: 0; 12 } 13 </style> 14 <script type="text/javascript"> 15 window.onscroll = function () { 16 var oDiv = document.getElementById('div1'); 17 var DivScroll = document.documentElement.scrollTop || document.body.scrollTop; //获取移动高度 18 // oDiv.style.top = (document.documentElement

JS缓冲运动案例

阅读更多关于 JS缓冲运动案例

点击“向右”按钮，红色的#red区块开始向右缓冲运动，抵达到黑色竖线位置自动停止，再次点击“向右”#red区块也不会再运动。点击“向左”按钮，红色的#red区块开始向左缓冲运动，抵达到蓝色竖线位置自动停止，再次点击“向左”#red区块也不会再运动。 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>JS小案例：缓冲运动</title> <style> #red { width: 200px; height: 200px; background: red; position: absolute; top: 50px; left: 200px; } .black { position: absolute; width: 1px; height: 200px; left: 900px; background: black; top: 50px; } .blue { position: absolute; width: 1px; height: 200px; left: 200px; background: blue; top: 50px; } </style> <script> //补充代码 </script> </head> <body> <input type='button' value

JS弹幕代码分析

阅读更多关于 JS弹幕代码分析

现在许多直播软件和视频都有弹幕功能，让我们来看看并分析是怎么实现的。这边我主要分析下js的代码，想看源码的朋友送上链接， http://sandbox.xinfan.org/xdd... HTML代码如下（css代码就不展示了，想看的直接看源码吧）： <div id="main" class="container"> <p class="p0">啦啦啦啦啦啦啦</p> <p class="p1">啦啦啦啦啦啦啦</p> </div> <div class="footer"> <input id="ipt" class="ipt" type="text" placeholder="说点什么?"/> <button id="launch" class="launch" type="button" onclick="Leave()">发射</button> <button id="clear" class="clear" type="button">清屏</button> </div> </div> JS代码如下： var num = 2; //声明了num=2 var _p = document.getElementsByTagName("p"); //获取标签p. var main = document.getElementById("main"); //获取Id为mian的标签

性能之 dex2oat相关

阅读更多关于性能之 dex2oat相关

测试时应用的编译方式是否相同？是否都是speed profile状态另外测试的前置条件是否相同都是首次安装完应用后再测的? 因为speed profile是每天都会对热代码做一次所以如果两个手机使用应用的时间差异很大的话这个优化效果会差异很大？我们有让测试使用 dumpsys package 确认 statu=speed-profile 可以让他测完后通过adb shell cmd package dump-profiles xxx 把有差异项的profile文件导出来这样可以比对同个应用在两个手机上的profile是否差不多 dump后会有prof 文件导出来比较一下里面会记录该应用热路径的类和方法因为如果只是单独比较编译模式的话可能都是speed profile， Q上默认安装就是speed profile 但其实刚开始没有任何热代码所以效果等同于解释执行通过dump-profiles 可以详细看到到底有哪些热代码如果对比机同一个应用 prof里记录的热路径代码比我们多很多的话那会比我们快 adb shell cmd package compile -m speed-profile -f co.madseven.launcher 我们有让测试执行这个命令后再测试，这个也可能不一致吗? 这个是根据现有的profile文件

javascript学习-原生javascript的小特效（简单的运动效果）

阅读更多关于 javascript学习-原生javascript的小特效（简单的运动效果）

前些日子看了个视频所以就模仿它的技术来为大家做出几个简单的JS小特效一：运动特效（主要是通过改变元素的left,right,height,width,opacity来达到运动的效果）我们今天做一个利用计时器来创建一个匀速运动的效果，代码很简单。 1:首先我们先写出HTML的结构 <div id="div1"> <span id="share">share</span> </div> 2：给出样式 <style type="text/css"> body{margin: 0;padding: 0;} span{background: blue;width: 50px;height: 60px;position: absolute;right:-48px;color: #fff;top: 47px;} div{background: red;width: 200px;height: 150px;position: relative;left: -200px;} </style> 3：然后到了我们的JS部分 <script type="text/javascript"> window.onload=function(){ 页面内容完全载入的时候执行这个匿名函数 var div=document.getElementById("div1"); 获取div div.onmouseover

简单js点击实现爱心烟花效果

阅读更多关于简单js点击实现爱心烟花效果

作为一个前端的小白，在疫情期间无事可做，只好学习一些感兴趣的东西，很多人都说我们程序员不懂情调，于是我就写了这篇博客，用意在于我们程序员也是有情调的： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { padding: 0; margin: 0; } body { width: 100%; height: 100%; background-color: black; overflow: hidden; } </style> //上面是简单的一些页面样式 </head> <body> </body> <script> function getStyle(obj, attr) {//obj:元素对象，attr:css属性名 if (window.getComputedStyle) {//条件用属性做，不存在就是undefined return window.getComputedStyle(obj)[attr]; } else { return obj.currentStyle[attr]; } }

高性能WEB开发之Web性能测试工具推荐

阅读更多关于高性能WEB开发之Web性能测试工具推荐

WEB性能测试工具主要分为三种，一种是测试页面资源加载速度的，一种是测试页面加载完毕后页面呈现、JS操作速度的，还有一种是总体上对页面进行评价分析，下面分别对这些工具进行介绍，如果谁有更好的工具也请一起分享下。 Firebug : Firebug 是firefox中最为经典的开发工具，可以监控请求头，响应头，显示资源加载瀑布图： HttpWatch : httpwatch 功能类似firebug，可以监控请求头，响应头，显示资源加载瀑布图。但是httpwatch还能显示GZIP压缩信息，DNS查询，TCP链接信息，个人在监控http请求比较喜欢使用httpwatch， httpwatch包含IE和firefox插件。不过httpwatch专业版本是收费的，免费版本有些功能限制。 DynaTrace's Ajax Edition ： dynaTrace 是本人常使用的1个免费工具，该工具不但可以检测资源加载瀑布图，而且还能监控页面呈现时间，CPU花销，JS分析和执行时间，CSS解析时间的等。 Speed Tracer : speed trace 是google chrome的1个插件，speed trace的优势点是用于监控JS的解析执行时间，还可以监控页面的重绘、回流，这个还是很强的(dynaTrace也能有这个功能)。注：安装这个插件，需要安装 Google Chrome

订阅 speed