明媚呀
明媚呀

第六届360前端星计划_前端性能优化

主讲人

  • 饶占平
  • 360大前端团队
  • 奇舞团前端工程师

一、RALL模型

使用RALL模型评估性能

  1. RALL模型：以用户为中心的性能模型，每个网络应用都具有与生命周期有关的四个方面，而且这些方面以不同的方式影响着性能。
    第六届360前端星计划_前端性能优化_第1张图片
  2. 延迟与用户反应
    第六届360前端星计划_前端性能优化_第2张图片
  3. 响应：50ms处理事件
  • 目标：在100ms内响应用户输入
  • 指导
    50ms内处理用户输入事件，确保100ms内反馈用户可视的响应。
    对于开销大的任务可分隔任务处理，或放到worker进程中执行，避免影响用户交互。
    处理时间超过50ms的操作，始终给与反馈（进度和活动指示器）
  1. 50ms or 100ms
    第六届360前端星计划_前端性能优化_第3张图片
  2. 动画：10ms 一帧
  • 目标
    10ms或更短的时间内生成一帧
    在这里插入图片描述
    视觉平滑
  • 指导
    1）在动画这样的高压点，尽量不要处理逻辑。提高达到60fps的机会
    2）动画类型：
    滚动。包括甩动，及用户开始滚动，然后放开，页面继续滚动
    视觉动画。包括入口和出口、补间和加载指示器
    拖拽动画通常跟随用户交互，包括地图平移和缩放
  1. 空闲时间最大化
  • 目标：最大化空闲时间以增加页面在100ms内响应用户输入的几率
  • 指导
    利用空闲时间完成推迟的工作
    空闲时间期间用户交互优先级最高
  1. 加载：5s呈现交互内容
  • 目标
    首屏加载连续3G缓慢的中档移动设备5s内呈现可交互内容
    非首屏加载应该在2s内完成
  • 指导
    1）测试用户常用设备和网络连接情况的性能
    2）优化关键渲染路径以解除阻止渲染
    3）启用渐进式渲染和在后台执行一些工作
    4）影响加载性能的因素：网络速度、硬件、解析JavaScript
  1. 关键指标
  • 响应：在100ms内响应用户输入
  • 动画：动画或滚动时，10ms产生一帧
  • 空闲时间：主线程空闲时间最大化
  • 加载：在1000ms内呈现交互内容
  • 以用户为中心

二、工具篇

评估性能的工具

  1. Lighthouse
  2. WebPageTest
  3. Chrome DevTools

三、实战篇

  1. 浏览器渲染流程
  • JavaScript（实现动画、操作DOM等）
  • Style（Render Tree）
  • Layout（盒模型，确切的位置和大小）
  • Paint（栅格化）
  • Composite（渲染层合并）
  1. 浏览器渲染场景
    第六届360前端星计划_前端性能优化_第4张图片

你可能感兴趣的:(第六届360前端星计划)

  • 第六届360前端星计划_web标准：前端的原力 lhang_91ad
    主讲人李松风360前端技术专家奇舞团主要内容：web标准概述web标准介绍web标准概述Web是WorldWideWeb（万维网）的简称。WorldWideWeb由TimBerners-Lee在1989年发明。Web标准是构成Web基础、运行和发展的一系列标准的总称。Web标准并不是由一家标准组织制定。Web标准介绍http发展：IETFInternetEngineringTaskForceIT成
  • 第六届360前端星计划_前端工程化 lhang_91ad
    前端工程化主讲人田东东360前端技术专家奇舞团一、什么是前端工程化？目标技术原因目标：在前端领域，利用不断进步经验积累带来的各种方案，来解决在项目中的开发测试维护阶段遇到的种种抵消和繁琐的问题各种工具如下：⼯程化里的技术⼯程化是⼀种思想，技术是⼀种实践。技术会随着时代进步不断地演进和改变，在不同的时期，都会有不同的技术来承载和践⾏着⼯程化思想。思想的落地离不开⾏动和实践，技术虽然会过时，但是实践必
  • 第六届360前端星计划_前端代码的自我修养 明媚呀 第六届360前端星计划
    主讲人：孙磊一、如何衡量代码质量的好坏衡量代码质量的唯一有效标准：WTF/min——RobertC.Martin代码的自我修养代码规范格式流程化二、代码规范yarnglobaladdeslint{"extends":"eslint:recommended","rules":{//enableadditionalrules"indent":["error",4],"linebreak-style":
  • 第六届360前端星计划_Web前端点播直播入门 明媚呀 第六届360前端星计划前端360前端星计划2020web
    主讲人：胡尊杰一、什么是视频了解媒体数据存储和应用的基础原理。格式与内容文件扩展名≈媒体封装格式(媒体容器类型)媒体封装格式≠音视频编码格式(使用了谁家的编码器)文件内容：1)头信息(格式、时长、帧率、码率、分辨率…)2)索引信息3)视频数据4)音频数据5)附加增强数据…视频数据显示器颜色呈现基于RGB(红绿蓝)颜色空间模型视频领域大多基于YUV颜色空间做抽样存储帧内预测&帧间预测复用进一步有效的
  • 第六届360前端星计划_JS 动画原理与实现 明媚呀 第六届360前端星计划JS动画原理与实现js360前端星计划暑期实习
    主讲人：吴亮一、动画动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类JavaScript动画操作DOMCanvasCSS动画transitionanimationSVG动画SMILJS动画的优缺点优点：灵活度、可控
  • 第六届360前端星计划_前端性能优化 明媚呀 第六届360前端星计划
    主讲人饶占平360大前端团队奇舞团前端工程师一、RALL模型使用RALL模型评估性能RALL模型：以用户为中心的性能模型，每个网络应用都具有与生命周期有关的四个方面，而且这些方面以不同的方式影响着性能。延迟与用户反应响应：50ms处理事件目标：在100ms内响应用户输入指导50ms内处理用户输入事件，确保100ms内反馈用户可视的响应。对于开销大的任务可分隔任务处理，或放到worker进程中执行，
  • 第六届360前端星计划_小程序，大世界 明媚呀 第六届360前端星计划
    主讲人刘观宇360奇舞团PC小程序框架一、简介⼩程序解决了什么问题H5：开发速度较快，各个平台的一致性较好，执行起来会有较长的白屏时间，对于系统接口访问有局限。APP：体验上优势较大，开发成本较高，各个平台会有较大的差异。小程序：相对于H5，小程序除第一次加载，小程序的layout和资源均从本地运行，不经过网络，大大提高了启动速度，减少了白屏加载时间，小程序代码经过审核，宿主APP可以比较放心的把
  • 第六届360前端星计划_Node.js 基础入门 明媚呀 第六届360前端星计划
    主讲人：李喆明一、什么是Node.jsNode.js：Node.js®isaJavaScriptruntimebuiltonChrome’sV8JavaScriptengine.https://nodejs.org与JavaScript的区别基于异步I/O相关接口基于node_modules和require的模块依赖提供C++addonAPI与系统交互Node.js可以干什么？Web服务端：Web
  • 第六届360前端星计划_前端常用的 HTTP 知识 明媚呀 第六届360前端星计划http360前端星计划前端
    主讲人：李成银一、HTTPHTTP在浏览器网络中的位置HTTP是应用层协议联网细节交给了通用的传输协议：TCP/UDP3.请求/响应报文请求：返回：请求类型状态码常见状态码URL受限字符：%/.#?;:$+@&=以及非US-ASCⅡ字符集字符://:@:/;?#http://:/?#ftp://:@:/;Header分类1）通用Date:Tue,3Oct201902:16:00GMTConnect
  • 第六届360前端星计划_前端工程化浅析 明媚呀 第六届360前端星计划
    主讲人田东东燕山大学硕士研究生360搜索前端团队首届前端星计划毕业生一、什么是前端工程化？⼯程化的目标在前端领域，利用技术不断进步和经验逐步积累带来的各种⽅案，来解决在项目的开发、测试、维护阶段中遇到的种种低效和繁琐的问题。⼯程化里的技术⼯程化是⼀种思想，技术是⼀种实践。技术会随着时代进步不断地演进和改变，在不同的时期，都会有不同的技术来承载和践⾏着⼯程化思想。思想的落地离不开⾏动和实践，技术虽然
  • 第六届360前端星计划_Web标准：前端的原力 明媚呀 第六届360前端星计划
    主讲人：李松峰一、Web标准概述Web是WorldWideWeb（万维网）的简称。WorldWideWeb由TimBerners-Lee在1989年发明。Web标准：是构成Web基础、运行和发展的一系列标准的总称。Web标准并不是由一家标准组织制定。二、Web标准介绍IETF（互联网工程任务组）：HTTP/0.9：最简单的通信协议，只有GET方法；https://www.w3.org/Protoc
  • 第六届360前端星计划_正则的三个应用场景 明媚呀 第六届360前端星计划第六届360前端星计划前端正则表达式
    主讲人：王峰一、正则表达式的创建和使用创建正则表达式的两种方式1）使用正则表达式字面量[a-z]：小写字母a-z；\d：0-9+：限定符，限定\d重复一次到多次；i：修饰符，忽略大小写；constreg=/[a-z]\d+[a-z]/i;优点简单方便不需要考虑二次转义缺点子内容无法重复使用（[a-z]用两次写两次）过长的正则导致可读性差2）使用RegExp构造函数constalphabet='[a
  • 第六届360前端星计划_深入CSS 明媚呀 第六届360前端星计划
    主讲人赵文博360前端技术专家奇舞团一、选择器的特异度(Specificity)提出问题：哪条规则生效？拉森火山国家公园.title{color:blue;}articleh1{color:red;}解决问题：选择器的特异度(Specificity)可以看成122>22，所以第一个选择器的优先级更高。高优先级选择器会覆盖低优先级选择器相同属性的值，可以利用此特性实现CSS代码的复用。公共的样式复用
  • 第六届360前端星计划_HTML与前端 明媚呀 第六届360前端星计划
    主讲人赵文博360前端技术专家奇舞团一、什么是前端解决GUI人机交互问题跨终端PC/移动浏览器客户端VR/AR等Web技术栈二、前端技术栈JavaScript（行为）CSS（样式）HTML（内容）JavaScript、CSS、HTML运行在浏览器中，通过http协议与服务器端通信，获取前端代码渲染页面，浏览器也可以把用户填写的内容通过HTTP协议，提交到服务器。三、前端应该关注哪些方面？功能（核心
  • 第六届360前端星计划_JavaScript 从入门到放弃 明媚呀 第六届360前端星计划
    主讲人：月影思考：如何写“好”JavaScript——前端工程师的最佳实践套路模式什么才是好的JS代码？一、各司其职JavaScript：行为CSS：表现HTML：结构尽量做到职责分离关灯吃面：版本1黑夜与白天的切换HTML代码：今天回到家，煮了点面吃，一边吃面一边哭，泪水滴落在碗里，没有开灯。CSS代码：html,body{margin:0;padding:20px;width:100%;hei
  • 第六届360前端星计划_了解CSS 明媚呀 第六届360前端星计划
    主讲人赵文博360前端技术专家奇舞团一、CSS是什么CascadingStyleSheets用来定义页面元素的样式设置字体和颜色设置位置和大小添加动画效果h1{/*选择器*/color:white;/*color：属性white：属性值*/font-size:14px;/*font-size:14px;声明（Declaration）*/}二、在页面中使用CSS外链（推荐）：利于维护。嵌入内联（不推
  • 第六届360前端星计划_CSS进阶 明媚呀 第六届360前端星计划
    主讲人赵文博360前端技术专家奇舞团一、transform变形对元素进行平移、旋转、缩放、倾斜translaterotatescaleskewtransform不会对其它元素布局产生影响transform：translate实现旋转：rotate缩放：scaletransform：skewX3D变形：近大远小二、transition过渡指定从一个状态到另一个状态时如何过渡动画的意义：告诉用户发生了
  • 奇舞团面试官被群面，这里的17道面试题你也遇到过吗？ 奇舞周刊
    你体验过群面前端大佬吗？你有群面前端牛人的机会吗？不要怀疑，星计划的同学经历过！第六届360前端星计划上上周在云端顺利完成！受疫情影响，今年的星计划只能在线上进行，参加星计划的学生在线上课，所有课程均已录制好在奇舞学院学习。为了更好的帮助星计划的同学，我们每天都有线上班会，班会内容主要是学生提问，讲师(月影、文博等)解答。刚开始大家还有点拘谨，后来熟悉之后便开始用他们遇到的各种各样的面试题来提问讲
  • 前端星计划优秀笔记[HTML&CSS] 奇舞周刊
    第六届360前端星计划已经在线开课啦！！！小编今天看到了星计划同学们昨天的学习笔记，想把看到的部分比较优秀的笔记分享给大家，希望我们能不断进步，在前端学习的道路上一起（手拉手[想啥呢]）向前走。同时呢，欢迎大家来奇舞学院（https://study.qiyun.360.cn）跟前端星的同学一起学习，一起成长为前端届最靓的崽，当快乐可爱的FEer～前端星计划优秀作业月亮不睡我不睡组吴静https:/
  • 第六届360前端星计划汇总 明媚呀 第六届360前端星计划csshtmljs360前端星计划第六届
    Day1第六届360前端星计划_HTML与前端第六届360前端星计划_了解CSS第六届360前端星计划_深入CSS第六届360前端星计划_CSS进阶Day2第六届360前端星计划_JavaScript从入门到放弃第六届360前端星计划_Web标准：前端的原力第六届360前端星计划_前端常用的HTTP知识Day3第六届360前端星计划_正则的三个应用场景第六届360前端星计划_Node.js基础入门
  • 第六届360前端星计划_前端常用的 HTTP 知识 lhang_91ad
    主讲人李成银360前端技术专家奇舞团浏览器在网页中的位置http在浏览网页中位值.PNG请求过程http协议.PNGHTTP是应用层协议联网细节交给了通用的传输协议：TCP/UDPhttp格式：头信息，请求头和响应头response：页面内容格式简单请求格式：响应格式请求类型：请求类型描述GET获取一个资源内容POST新增一个资源PUT更新资源内容DELETE删除资源OPTIONS根据返回判断是否
  • 第六届360前端星计划_前端性能优化 lhang_91ad
    前端性能优化主讲人饶占平360前端技术专家奇舞团分为三部分：RAIL模型定义标准工具篇实践篇RAIL模型评估性能以用户为中心的性能模型，每个网络应用语气声明周期有关的四个部分，而且这些方面以不同的方式影响性能。responseanimationidleload评估影响用户体验因素也是这4个rail模型从内容上分为：指导推荐的性能评估标准；性能评估标准，往往依赖于硬件，随时间改变目标倾向恒定指标，人
  • 第六届360前端星计划_JS 动画原理与实现 lhang_91ad
    JS动画原理与实现主讲人吴亮360前端技术专家奇舞团动画动画的基本原理:定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类:JavaScript动画操作DOMCanvasCSS动画transitionanimationSVG动画S
  • 第六届360前端星计划_正则的三个应用场景 lhang_91ad
    正则的三个应用场景主讲人王峰360前端技术专家奇舞团正则表达式的创建和使用三个应用场景正则与数值正则与颜色正则与URL正则表达式的创建和使用正则表达式的表示：使用正则表达式字面量constreg=/[a-z]\d+[a-z]/i;优点简单方便不需要考虑二次转义缺点子内容无法重复使用过长的正则导致可读性差使用RegExp构造函数constalphabet='[a-z]';constreg=newRe
  • 第六届360前端星计划_JavaScript 从入门到放弃 lhang_91ad
    主讲人月影360前端技术专家奇舞团各司其职关灯吃面例子：版本一light.onclick=function(evt){if(light.style.backgroundColor!=='green'){document.body.style.backgroundColor='#000';document.body.style.color='#fff';light.style.backgroundC
  • redis学习笔记——不仅仅是存取数据 Everyday都不同 returnSourceexpire/delincr/lpush数据库分区redis
    最近项目中用到比较多redis，感觉之前对它一直局限于get/set数据的层面。其实作为一个强大的NoSql数据库产品，如果好好利用它，会带来很多意想不到的效果。（因为我搞java，所以就从jedis的角度来补充一点东西吧。PS：不一定全，只是个人理解，不喜勿喷）   1、关于JedisPool.returnSource(Jedis jeids)   这个方法是从red
  • SQL性能优化-持续更新中。。。。。。 atongyeye oraclesql
    1 通过ROWID访问表--索引 你可以采用基于ROWID的访问方式情况,提高访问表的效率, , ROWID包含了表中记录的物理位置信息..ORACLE采用索引(INDEX)实现了数据和存放数据的物理位置(ROWID)之间的联系. 通常索引提供了快速访问ROWID的方法,因此那些基于索引列的查询就可以得到性能上的提高. 2 共享SQL语句--相同的sql放入缓存 3 选择最有效率的表
  • [JAVA语言]JAVA虚拟机对底层硬件的操控还不完善 comsci JAVA虚拟机
         如果我们用汇编语言编写一个直接读写CPU寄存器的代码段，然后利用这个代码段去控制被操作系统屏蔽的硬件资源，这对于JVM虚拟机显然是不合法的，对操作系统来讲，这样也是不合法的，但是如果是一个工程项目的确需要这样做，合同已经签了，我们又不能够这样做，怎么办呢？ 那么一个精通汇编语言的那种X客，是否在这个时候就会发生某种至关重要的作用呢？ &n
  • lvs- real 男人50 LVS
    #!/bin/bash # # Script to start LVS DR real server. # description: LVS DR real server # #.  /etc/rc.d/init.d/functions VIP=10.10.6.252 host='/bin/hostname' case "$1" in sta
  • 生成公钥和私钥 oloz DSA安全加密
    package com.msserver.core.util; import java.security.KeyPair; import java.security.PrivateKey; import java.security.PublicKey; import java.security.SecureRandom; public class SecurityUtil {
  • UIView 中加入的cocos2d，背景透明 374016526 cocos2dglClearColor
    要点是首先pixelFormat:kEAGLColorFormatRGBA8，必须有alpha层才能透明。然后view设置为透明glView.opaque = NO;[director setOpenGLView:glView];[self.viewController.view setBackgroundColor:[UIColor clearColor]];[self.viewControll
  • mysql常用命令 香水浓 mysql
    连接数据库 mysql -u troy -ptroy 备份表 mysqldump -u troy -ptroy mm_database mm_user_tbl > user.sql 恢复表（与恢复数据库命令相同） mysql -u troy -ptroy mm_database < user.sql 备份数据库 mysqldump -u troy -ptroy
  • 我的架构经验系列文章 - 后端架构 - 系统层面 agevs JavaScriptjquerycsshtml5
    系统层面： 高可用性 所谓高可用性也就是通过避免单独故障加上快速故障转移实现一旦某台物理服务器出现故障能实现故障快速恢复。一般来说，可以采用两种方式，如果可以做业务可以做负载均衡则通过负载均衡实现集群，然后针对每一台服务器进行监控，一旦发生故障则从集群中移除；如果业务只能有单点入口那么可以通过实现Standby机加上虚拟IP机制，实现Active机在出现故障之后虚拟IP转移到Standby的快速
  • 利用ant进行远程tomcat部署 aijuans tomcat
    在javaEE项目中，需要将工程部署到远程服务器上，如果部署的频率比较高，手动部署的方式就比较麻烦，可以利用Ant工具实现快捷的部署。这篇博文详细介绍了ant配置的步骤（http://www.cnblogs.com/GloriousOnion/archive/2012/12/18/2822817.html），但是在tomcat7以上不适用，需要修改配置，具体如下： 1.配置tomcat的用户角色
  • 获取复利总收入 baalwolf 获取
           public static void main(String args[]){         int money=200;         int year=1;         double rate=0.1; &
  • eclipse.ini解释 BigBird2012 eclipse
    大多数java开发者使用的都是eclipse，今天感兴趣去eclipse官网搜了一下eclipse.ini的配置，供大家参考，我会把关键的部分给大家用中文解释一下。还是推荐有问题不会直接搜谷歌，看官方文档，这样我们会知道问题的真面目是什么，对问题也有一个全面清晰的认识。 Overview 1、Eclipse.ini的作用 Eclipse startup is controlled by th
  • AngularJS实现分页功能 bijian1013 JavaScriptAngularJS分页
            对于大多数web应用来说显示项目列表是一种很常见的任务。通常情况下，我们的数据会比较多，无法很好地显示在单个页面中。在这种情况下，我们需要把数据以页的方式来展示，同时带有转到上一页和下一页的功能。既然在整个应用中这是一种很常见的需求，那么把这一功能抽象成一个通用的、可复用的分页（Paginator）服务是很有意义的。   &nbs
  • [Maven学习笔记三]Maven archetype bit1129 ArcheType
    archetype的英文意思是原型，Maven archetype表示创建Maven模块的模版，比如创建web项目，创建Spring项目等等.   mvn archetype提供了一种命令行交互式创建Maven项目或者模块的方式，   mvn archetype   1.在LearnMaven-ch03目录下，执行命令mvn archetype:gener
  • 【Java命令三】jps bit1129 Java命令
    jps很简单，用于显示当前运行的Java进程，也可以连接到远程服务器去查看   [hadoop@hadoop bin]$ jps -help usage: jps [-help] jps [-q] [-mlvV] [<hostid>] Definitions: <hostid>: <hostname>[:
  • ZABBIX2.2 2.4 等各版本之间的兼容性 ronin47
    zabbix更新很快，从2009年到现在已经更新多个版本，为了使用更多zabbix的新特性，随之而来的便是升级版本，zabbix版本兼容性是必须优先考虑的一点 客户端AGENT兼容 zabbix1.x到zabbix2.x的所有agent都兼容zabbix server2.4：如果你升级zabbix server，客户端是可以不做任何改变，除非你想使用agent的一些新特性。 Zabbix代理（p
  • unity 3d还是cocos2dx哪个适合游戏？ brotherlamp unity自学unity教程unity视频unity资料unity
    unity 3d还是cocos2dx哪个适合游戏？ 问：unity 3d还是cocos2dx哪个适合游戏？ 答：首先目前来看unity视频教程因为是3d引擎，目前对2d支持并不完善，unity 3d 目前做2d普遍两种思路，一种是正交相机，3d画面2d视角，另一种是通过一些插件，动态创建mesh来绘制图形单元目前用的较多的是2d toolkit，ex2d，smooth moves，sm2，
  • 百度笔试题：一个已经排序好的很大的数组，现在给它划分成m段，每段长度不定，段长最长为k，然后段内打乱顺序，请设计一个算法对其进行重新排序 bylijinnan java算法面试百度招聘
    import java.util.Arrays; /** * 最早是在陈利人老师的微博看到这道题： * #面试题#An array with n elements which is K most sorted，就是每个element的初始位置和它最终的排序后的位置的距离不超过常数K * 设计一个排序算法。It should be faster than O(n*lgn)。
  • 获取checkbox复选框的值 chiangfai checkbox
    <title>CheckBox</title> <script type = "text/javascript"> doGetVal: function doGetVal() { //var fruitName = document.getElementById("apple").value;//根据
  • MySQLdb用户指南 chenchao051 mysqldb
    原网页被墙，放这里备用。 MySQLdb User's Guide Contents Introduction Installation _mysql MySQL C API translation MySQL C API function mapping Some _mysql examples MySQLdb
  • HIVE 窗口及分析函数 daizj hive窗口函数分析函数
    窗口函数应用场景： （1）用于分区排序 （2）动态Group By （3）Top N （4）累计计算 （5）层次查询 一、分析函数 用于等级、百分点、n分片等。 函数             说明 RANK()     &nbs
  • PHP ZipArchive 实现压缩解压Zip文件 dcj3sjt126com PHPzip
    PHP ZipArchive 是PHP自带的扩展类，可以轻松实现ZIP文件的压缩和解压，使用前首先要确保PHP ZIP 扩展已经开启，具体开启方法就不说了，不同的平台开启PHP扩增的方法网上都有，如有疑问欢迎交流。这里整理一下常用的示例供参考。 一、解压缩zip文件 01 02 03 04 05 06 07 08 09 10 11
  • 精彩英语贺词 dcj3sjt126com 英语
    I'm always here              我会一直在这里支持你                &nb
  • 基于Java注解的Spring的IoC功能 e200702084 javaspringbeanIOCOffice
                                      
  • java模拟post请求 geeksun java
    一般API接收客户端（比如网页、APP或其他应用服务）的请求，但在测试时需要模拟来自外界的请求，经探索，使用HttpComponentshttpClient可模拟Post提交请求。 此处用HttpComponents的httpclient来完成使命。 import org.apache.http.HttpEntity ; import org.apache.http.HttpRespon
  • Swift语法之 ---- ?和!区别 hongtoushizi ?swift!
    转载自： http://blog.sina.com.cn/s/blog_71715bf80102ux3v.html   Swift语言使用var定义变量，但和别的语言不同，Swift里不会自动给变量赋初始值，也就是说变量不会有默认值，所以要求使用变量之前必须要对其初始化。如果在使用变量之前不进行初始化就会报错： var stringValue : String //
  • centos7安装jdk1.7 jisonami jdkcentos
    安装JDK1.7 步骤1、解压tar包在当前目录 [root@localhost usr]#tar -xzvf jdk-7u75-linux-x64.tar.gz 步骤2：配置环境变量 在etc/profile文件下添加 export JAVA_HOME=/usr/java/jdk1.7.0_75 export CLASSPATH=/usr/java/jdk1.7.0_75/lib
  • 数据源架构模式之数据映射器 home198979 PHP架构数据映射器datamapper
    前面分别介绍了数据源架构模式之表数据入口、数据源架构模式之行和数据入口数据源架构模式之活动记录，相较于这三种数据源架构模式，数据映射器显得更加“高大上”。   一、概念 数据映射器（Data Mapper）：在保持对象和数据库（以及映射器本身）彼此独立的情况下，在二者之间移动数据的一个映射器层。概念永远都是抽象的，简单的说，数据映射器就是一个负责将数据映射到对象的类数据。 &nb
  • 在Python中使用MYSQL pda158 mysqlpython
    缘由 　　近期在折腾一个小东西须要抓取网上的页面。然后进行解析。将结果放到 数据库中。 　　了解到 Python在这方面有优势，便选用之。 　　由于我有台 server上面安装有 mysql，自然使用之。在进行数据库的这个操作过程中遇到了不少问题，这里 记录一下，大家共勉。 　　 python中mysql的调用 　　 百度之后能够通过MySQLdb进行数据库操作。
  • 单例模式 hxl1988_0311 java单例设计模式单件
    package com.sosop.designpattern.singleton; /* * 单件模式：保证一个类必须只有一个实例，并提供全局的访问点 * * 所以单例模式必须有私有的构造器，没有私有构造器根本不用谈单件 * * 必须考虑到并发情况下创建了多个实例对象 * */ /** * 虽然有锁，但是只在第一次创建对象的时候加锁，并发时不会存在效率
  • 27种迹象显示你应该辞掉程序员的工作 vipshichg 工作
    1、你仍然在等待老板在2010年答应的要提拔你的暗示。 2、你的上级近10年没有开发过任何代码。 3、老板假装懂你说的这些技术，但实际上他完全不知道你在说什么。 4、你干完的项目6个月后才部署到现场服务器上。 5、时不时的，老板在检查你刚刚完成的工作时，要求按新想法重新开发。 6、而最终这个软件只有12个用户。 7、时间全浪费在办公室政治中，而不是用在开发好的软件上。 8、部署前5分钟才开始测试。
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他