前端性能优化指南(1)

此文主要描述 html / css / js / react 即时渲染和网络加载优化方面的知识，webpack常用优化方法和HTTP Server等优化请关注《前端性能优化指南(2) 》
如果之后发现有其它要点值得梳理，会继续更新本文...

目录

目录
➣ HTML/CSS 性能优化方面
- 1. 网络层面
- 2. 渲染层面
➣ Javascript 性能优化方面
- 1. 网络层面
  - 1）压缩JS代码资源
- 2. 渲染层面
➣ React 性能优化方面
- 1. 网络层面
- 2. 渲染层面
结语

》思维导图：

     前端性能优化是个很大的概念，涉及HTTP协议、浏览器渲染原理、操作系统和网络、前端工程化和Js底层原理等各个方面。通过建立思维导图可以让我们很好的将各个优化方面组织和联系起来。
     按照优化原理的不同则可以将其分为网络层面优化和渲染层面的优化，网络层面的优化更多体现在资源加载时的优化，而渲染层的优化更多体现在运行时优化。
     例如优化浏览器缓存策略以减少HTTP请求传输量、图片和其它静态资源的压缩、服务器端启用Gzip压缩、使用CDN、图片懒加载、延迟脚本Defer和异步脚本Async等属于网络层面的优化。另一方面，减少页面的回流和重绘、使用React.Fragment减少界面dom层级、使用骨架屏、函数节流和去抖、React长列表组件优化、通过事件冒泡机制实现事件委托等就属于渲染层面的优化。

➣ HTML/CSS 性能优化方面

1. 网络层面

1）抽离内联样式内联脚本

内联资源不利于浏览器缓存，造成重复的资源请求
内联资源会造成HTML臃肿，不利于HTTP传输
内联资源的下载和解析可能会阻塞导致界面渲染，导致界面白屏
内联资源不好管理和维护

2）defer脚本和async脚本

HTML在解析时遇到声明的


    
        你可能感兴趣的:(前端性能优化指南(1))
        
            
                
                    Redis的安装及配置
                        尘鹄
redis学习之路redis数据库缓存
                        redis的安装及配置1.安装依赖2.下载redis官方压缩包并安装3.修改redis.conf配置文件4.编辑redis系统服务文件本文使用的系统为Rocky8.10,其操作与CentOS8和RedHat8一样,读者可根据自己的版本进行灵活修改代码Redis是一个开源的内存数据库,提供了多种不同类型得到数据结构,很多的业务场景中的问题都可以很自然地映射到这些数据结构上。除此之外，通过复制持久化和
                    
                    WebSocket协议里客户端发送给服务器的数据会用4字节的掩码循环异或的分析
                        cdcdhj
nodejswebsocket服务器网络
                        首先，我需要回顾WebSocket协议中对掩码处理的具体要求。根据RFC6455，客户端发送到服务器的帧必须使用掩码，而服务器发送的帧不需要掩码。掩码是4字节的，应用于有效载荷数据，每个字节依次与掩码的对应字节异或，循环使用掩码。例如，第一个字节与掩码的第0个字节异或，第二个与第1个，第三个与第2个，第四个与第3个，第五个又回到第0个，依此类推。用户提供的unmask函数看起来是正确的，因为它确实
                    
                    java笔记——Map循环指南
                        啊健的影子
java笔记python
                        一、遍历Map的三种方法Java中的Map是一种以键值对形式存储数据的容器，常用的实现类有HashMap、LinkedHashMap和TreeMap。遍历Map是我们在使用Map时最常遇到的问题之一，下面介绍三种常用的遍历方法。1.通过entrySet遍历Mapmap=newHashMap();map.put(1,"one");map.put(2,"two");map.put(3,"three")
                    
                    从零开始掌握哈夫曼树：数据压缩与Python实现详解
                        吴师兄大模型
python数据结构哈夫曼树哈弗曼编码数据压缩算法开发语言
                        系列文章目录01-从零开始掌握Python数据结构：提升代码效率的必备技能！02-算法复杂度全解析：时间与空间复杂度优化秘籍03-线性数据结构解密：数组的定义、操作与实际应用04-深入浅出链表：Python实现与应用全面解析05-栈数据结构详解：Python实现与经典应用场景06-深入理解队列数据结构：从定义到Python实现与应用场景07-双端队列（Deque）详解：Python实现与滑动窗口应
                    
                    WebSocket协议解析 : 双向实时通信的利器
                        氦客
网络websocket网络协议HTTP全双工实时通信局域网工作原理
                        1.WebSocket是什么WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket允许客户端和服务器之间进行实时的双向通信。这意味着服务器可以主动推送数据到客户端，而不需要客户端每次都发送请求来获取数据。这种通信方式通过长连接实现，即连接建立后，可以持续进行数据传输，直到一方主动关闭连接。1.1什么是实时通信?传统的通信方式，比如电子邮件或者普通的网页浏览，通常都会存在
                    
                    基于AI的养老服务信息平台毕业设计：技术实现与论文分析（含程序，论文）
                        码农Q103237121Q
人工智能课程设计
                        图1摘要：随着人口老龄化的不断加剧，养老服务需求日益增长，传统的养老服务模式已难以满足当前社会的需求。为此，本文设计并实现了一个基于AI的养老服务信息平台，旨在为老年人提供更加智能化、个性化的养老服务。本文首先深入分析了老年人的生活需求，明确了系统的功能需求，包括健康监测、紧急救援、生活辅助、社交娱乐及养老院挑选与入住服务等多个方面。在系统设计方面，采用模块化设计思想，将系统划分为多个功能模块，并
                    
                    C语言数组之字符数组
                        椒绿个屁
c语言算法数据结构
                        C语言主要内容数组字符数组数组字符数组概念元素类型为char字符型的数组，字符数组往往是用来存储字符串数组的。需要注意的一点是，我们C语言中的字符是字节字符。字节字符：也就是1个字符占一个字节，在C语言中，我们使用char表示字节。测试题：chara='A';//正确charb='1';//正确charc=65;//正确，char支持两种赋值形式，一种是字符，一种是数值，如果是数值表示ASCII码
                    
                    js 12
                        小箌
javascript前端css
                        css.carousel{position:relative;width:100%;max-width:600px;margin:0auto;}.images{display:flex;overflow:hidden;}.imagesimg{width:100%;display:block;}.dots{text-align:center;position:absolute;bottom:10px
                    
                    JS(70-89)
                        小箌
javascript开发语言学习
                        01_内置对象-Math介绍：Math对象是JavaScript提供的一个“数学”对象作用：提供了一系列做数学运算的方法Math对象包含的方法有：random：生成0-1之间的随机数（包含0不包括1）ceil：向上取整floor：向下取整max：找最大数min：找最小数pow：幂运算abs：绝对值生成任意范围随机数介绍：Math.random()随机数函数，返回一个0-1之间，并且包括0不包括1的
                    
                    JS(1-69)
                        小箌
javascript开发语言学习
                        01_JS介绍1.1JS是什么1.JavaScript（是什么？)是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。2.作用（做什么？)网页特效（监听用户的一些行为让网页作出对应的反馈)表单验证（针对表单数据的合法性进行判断）数据交互（获取后台的数据，渲染到前端服务端编程（node.js)3.JavaScript的组成（有什么？)ECMAScript:规定了js基础语法核心知识。口比如：变
                    
                    BSD协议栈：UDP输入
                        skaiuijing
TCP/IP协议栈udp网络协议网络
                        UDP输入输入函数的目标是把UDP数据报放到合适的插口缓存内，然后唤醒该插口上因输入阻塞的所有进程或线程（唤醒需要依靠操作系统的IPC机制）。分为三个步骤：1.确认消息并简单处理输入的数据2.处理目的地址是单播类型的数据报：提交给单个socket即可3.处理目的地址是广播或多播类型的数据报：需要找到所有需要提交的socket处理输入的代码如下：代码主要是验证数据报长度，有两个参数：ip_len与u
                    
                    Zookeeper 和 Redis 哪种更好？
                        离别情诗雨
zookeeperredis分布式
                        目录前言：什么是Zookeeper和Redis？1.核心定位与功能2.关键差异点(1)一致性模型(2)性能(3)数据容量(4)高可用性3.适用场景使用Zookeeper的场景使用Redis的场景4.替代方案5.如何选择？6.常见误区7.总结前言：什么是Zookeeper和Redis？这个问题看起来有点笼统，需要先了解他们的具体用途和区别。首先，我得确认用户的使用场景是什么？因为这两个工具虽然都是分
                    
                    ffmpeg源码分析：avformat_open_input()
                        风雨兼程8023
ffmpegffmpeg
                        目录一、avformat_alloc_context()二、init_input()2.1av_probe_input_format2()2.2av_probe_input_buffer2()2.3io_open三、read_header()本文简单分析FFmpeg中一个常用的函数：avformat_open_input()。该函数用于打开多媒体数据并且获得一些相关的信息。它的声明位于libavf
                    
                    如何查看自己电脑是什么架构
                        F——
运维学习运维安全
                        1.win+R打开运行，输入msinfo32，回车。2.弹出系统信息面板，“系统类型”显示架构类型；如果显示“基于x64的电脑”，则你的操作系统是64位的，通常对应的是AMD架构；如果显示“基于ARM的电脑”，则你的操作系统是ARM架构的。
                    
                    【为什么有些公司禁止使用@Transactional声明式事务？】
                        @Corgi
Java面试题面试题事务Transactional
                        为什么有些公司禁止使用@Transactional声明式事务？1.长事务问题2.嵌套调用混乱3.可读性和维护性下降4.统一事务管理需求5.示例说明6.结论有些公司禁止使用@Transactional声明式事务，主要出于以下几个原因：1.长事务问题如果一个方法中存在较多耗时的操作，很容易引发长事务的问题。长事务会带来锁的竞争和性能的消耗，同时也会导致数据库连接池耗尽，影响程序的正常执行。例如，在事务
                    
                    Java中List、Set、Map 之间的区别是什么？
                        伟主教
java基础篇javalistwindows
                        在Java中，List、Set和Map是三种常见的集合接口，它们有不同的特性和使用场景。以下是它们之间的主要区别：1.List定义：List是一种有序的集合，允许包含重复的元素。实现类：常见实现类有ArrayList、LinkedList、Vector等。特点：元素按插入顺序排列。可以通过索引访问元素。允许添加重复的元素。常用方法：add(Ee)：添加元素。get(intindex)：通过索引获取
                    
                    Centos使用Mysql
                        SYS_MHPY
Linuxcentosmysqllinux
                        文章目录1连接数据库2执行SQL脚本1连接数据库mysql-uusername-p[root@localhost~]#mysql-uusername-p2执行SQL脚本source/path/to/example.sql;
                    
                    python如何无密码登录_服务器之间实现免密登录的简易教程
                        行者无疆0123
python如何无密码登录
                        今天这篇文章主要是教会大家如何实现服务器之间的免密登录。1、先在所有服务器上执行命令：ssh-keygen-tdsa-P''-f~/.ssh/id_dsamaster服务器slave1服务器slave2服务器2、而后在所有服务器上执行命令：cat~/.ssh/id_dsa.pub>>~/.ssh/authorized_keysmaster服务器slave1服务器slave2服务器3、之后将每台服务
                    
                    银河麒麟V10安装docker和docker-compose
                        lj907722644
DockerLinuxdocker容器运维
                        1.说明系统镜像使用的是Kylin-Server-V10-SP3-2403-Release-20240426-x86_64.iso如果是在VMware中安装这个系统，需选择Ubuntu，如果选Centos会有问题。尝试使用在线方式安装docker，报了很多错误，比较麻烦，建议使用离线方式安装。下面是离线包下载路径，根据服务器架构信息下载对应的安装包。本文将介绍离线安装的方式。docker安装包下载
                    
                    DRF框架使用djangorestframework-simplejwt实现自定义用户类的token校验
                        lj907722644
PythonpythondjangojwtDRFsimplejwt
                        1.安装simplejwt库并修改settings.py安装simplejwtpipinstalldjangorestframeworkpipinstalldjangorestframework-simplejwt修改settings.py注册应用INSTALLED_APPS=[...'rest_framework','rest_framework_simplejwt',]设置jwt鉴权REST_
                    
                    DRF框架使用djangorestframework-simplejwt实现自定义用户类的登录逻辑
                        lj907722644
Pythonpythondjangosimplejwttoken
                        1.token校验生成并校验token，参考上一篇文章：https://blog.csdn.net/u013071014/article/details/144562716?spm=1001.2014.3001.55022.新建role、menu子模块新建role、menu这两个子模块在PyCharm->Tools->Runmanage.pyTask中执行命令#创建role子模块startappr
                    
                    nexus部署及配置https访问
                        lj907722644
NexusDockerhttps网络协议httpdocker数据仓库
                        1.使用docker-compose部署nexusdocker-compose-nexus.ymlversion:"3"services:nexus:container_name:my-nexusimage:sonatype/nexus3:3.67.1hostname:my-nexusnetwork_mode:hostports:-8081:8081deploy:resources:limits:
                    
                    python读取bashrc变量不生效问题
                        鸭梨山大哎
linuxpythonpython开发语言
                        修改/etc/environment然后重启终端即可/etc/environment是Linux系统中用于设置全局环境变量的配置文件。它通常用于定义系统范围内所有用户和进程共享的环境变量。与用户级别的配置文件（如.bashrc或.bash_profile）不同，/etc/environment中的环境变量对所有用户和会话生效。1./etc/environment的作用全局生效：在/etc/envi
                    
                    tk grid布局
                        鸭梨山大哎
pythonpython
                        tkinter是Python的标准GUI库，用于创建图形用户界面。grid是tkinter中一种常用的布局管理器，它允许你以网格（行和列）的方式排列控件。grid布局非常灵活，适合创建复杂的界面。1.基本用法grid布局的核心思想是将窗口划分为行和列的网格，然后将控件放置在这些网格中。每个控件可以占据一个或多个单元格。示例：简单的网格布局importtkinterastkroot=tk.Tk()#
                    
                    yum repolist命令
                        鸭梨山大哎
linuxlinuxyum
                        显示所有仓库[root@mypc01soft]#yumrepolistall已加载插件：fastestmirrorLoadingmirrorspeedsfromcachedhostfile*base:mirrors.163.com*epel:epel.01link.hk*extras:mirrors.ustc.edu.cn*updates:mirrors.ustc.edu.cn源标识源名称状态C7
                    
                    Ubuntu系统的基础操作与使用指南
                        小村学长毕业设计
ubuntulinux运维
                        Ubuntu系统的基础操作与使用指南Ubuntu，作为一款开源、免费且广受欢迎的操作系统，以其稳定的性能、丰富的软件资源和友好的用户界面，成为了众多开发者、学生以及日常用户的首选。本文旨在详细介绍Ubuntu系统的基础操作和使用方法，帮助初学者快速上手并高效利用这一强大的操作系统。一、安装Ubuntu1.准备工作在安装Ubuntu之前，你需要准备一张Ubuntu安装盘（如USB启动盘）或直接从官方
                    
                    iOS 中使用 FFmpeg 的高级功能 - 滤镜（Filters）
                        陈皮话梅糖@
FFmpeg音视频高阶技术讲解iosffmpeg
                        FFmpeg提供了强大的滤镜功能，可以对音视频进行各种处理，例如裁剪、缩放、添加水印、调整颜色、添加特效等。1.FFmpeg滤镜基础知识1.1什么是滤镜（Filters）？滤镜是FFmpeg提供的一种功能，用于对音视频流进行处理。滤镜链（FilterChain）是多个滤镜的组合，按顺序对输入流进行处理。滤镜图（FilterGraph）是一个复杂的滤镜链，可以包含多个输入和输出。1.2常见的滤镜滤镜
                    
                    C语言.h头文件的写法
                        佩佩(@ 。 @)
c语言开发语言
                        头文件的内容#ifndef__SEQUENCE_LIST_H//定义以防止递归包含#define__SEQUENCE_LIST_H//(1)、其它头文件#include#include#include#include//(2)、宏定义(函数、变量、常量)//(3)、自定义类型(结构体、联合体、枚举、函数指针类型等...)//顺序表的管理结构体typedefstructsequence_list{i
                    
                    ssm毕业设计基于SSM框架的中医养生系统设计与实现[文档+开题+PPT
                        IT实战课堂
课程设计
                        选题推荐——以防找不到我们，点击上方订阅专栏✌✌\Java毕设实战项目Python毕设项目源代码asp.net毕业设计项目Uniapp安卓毕业设计项目node.js毕业设计项目python毕业设计微信小程序毕业设计项目php毕业设计文末获取源码联系一、项目介绍1.1研究背景现在大家正处于互联网加的时代，这个时代它就是一个信息内容无比丰富，信息处理与管理变得越加高效的网络化的时代，这个时代让大家的生
                    
                    CentOS 8 配置bond
                        清风 001
AI大模型底层建设网络
                        CentOS8网络配置的详细步骤和对应的配置文件内容。1.配置聚合网卡（Bonding）配置intranet聚合网卡在/etc/sysconfig/network-scripts/目录下创建ifcfg-intranet文件，内容如下：TYPE=BondNAME=intranetDEVICE=intranetONBOOT=yesBOOTPROTO=noneIPADDR=10.2.1.22PREFIX
                    
                                Enum 枚举
                                    120153216
enum枚举
                                    原文地址：http://www.cnblogs.com/Kavlez/p/4268601.html Enumeration 
于Java 1.5增加的enum type...enum type是由一组固定的常量组成的类型，比如四个季节、扑克花色。在出现enum type之前，通常用一组int常量表示枚举类型。比如这样： 
public static final int APPLE_FUJI = 0
                                
                                Java8简明教程
                                    bijian1013
javajdk1.8
                                            Java 8已于2014年3月18日正式发布了，新版本带来了诸多改进，包括Lambda表达式、Streams、日期时间API等等。本文就带你领略Java 8的全新特性。  
一.允许在接口中有默认方法实现 
        Java 8 允许我们使用default关键字，为接口声明添
                                
                                Oracle表维护 快速备份删除数据
                                    cuisuqiang
oracle索引快速备份删除
                                    我知道oracle表分区，不过那是数据库设计阶段的事情，目前是远水解不了近渴。 
当前的数据库表，要求保留一个月数据，且表存在大量录入更新，不存在程序删除。 
为了解决频繁查询和更新的瓶颈，我在oracle内根据需要创建了索引。但是随着数据量的增加，一个半月数据就要超千万，此时就算有索引，对高并发的查询和更新来说，让然有所拖累。 
为了解决这个问题，我一般一个月会进行一次数据库维护，主要工作就是备
                                
                                java多态内存分析
                                    麦田的设计者
java内存分析多态原理接口和抽象类
                                          “  时针如果可以回头，熟悉那张脸，重温嬉戏这乐园，墙壁的松脱涂鸦已经褪色才明白存在的价值归于记忆。街角小店尚存在吗？这大时代会不会牵挂，过去现在花开怎么会等待。 
      但有种意外不管痛不痛都有伤害，光阴远远离开，那笑声徘徊与脑海。但这一秒可笑不再可爱，当天心
                                
                                Xshell实现Windows上传文件到Linux主机
                                    被触发
windows
                                    经常有这样的需求，我们在Windows下载的软件包，如何上传到远程Linux主机上？还有如何从Linux主机下载软件包到Windows下；之前我的做法现在看来好笨好繁琐，不过也达到了目的，笨人有本方法嘛； 
我是怎么操作的： 
1、打开一台本地Linux虚拟机，使用mount 挂载Windows的共享文件夹到Linux上，然后拷贝数据到Linux虚拟机里面；（经常第一步都不顺利，无法挂载Windo
                                
                                类的加载ClassLoader
                                    肆无忌惮_
ClassLoader
                                    类加载器ClassLoader是用来将java的类加载到虚拟机中，类加载器负责读取class字节文件到内存中，并将它转为Class的对象（类对象），通过此实例的 newInstance()方法就可以创建出该类的一个对象。 
  
其中重要的方法为findClass(String name)。 
  
如何写一个自己的类加载器呢？ 
首先写一个便于测试的类Student
                                
                                html5写的玫瑰花
                                    知了ing
html5
                                    <html>  
<head>  
<title>I Love You!</title>  
<meta charset="utf-8" />  
</head>  
<body>  
<canvas id="c"></canvas>  

                                
                                google的ConcurrentLinkedHashmap源代码解析
                                    矮蛋蛋
LRU
                                    原文地址： 
http://janeky.iteye.com/blog/1534352 
简述 
ConcurrentLinkedHashMap 是google团队提供的一个容器。它有什么用呢？其实它本身是对 
 
ConcurrentHashMap的封装，可以用来实现一个基于LRU策略的缓存。详细介绍可以参见 
 
http://code.google.com/p/concurrentlinke
                                
                                webservice获取访问服务的ip地址
                                    alleni123
webservice
                                    1. 首先注入javax.xml.ws.WebServiceContext, 
@Resource 
 private WebServiceContext context; 
 
 
2. 在方法中获取交换请求的对象。 
 
 
javax.xml.ws.handler.MessageContext mc=context.getMessageContext();
com.sun.net.http
                                
                                菜鸟的java基础提升之道——————>是否值得拥有
                                    百合不是茶

                                    1，c++，java是面向对象编程的语言，将万事万物都看成是对象；java做一件事情关注的是人物，java是c++继承过来的，java没有直接更改地址的权限但是可以通过引用来传值操作地址，java也没有c++中繁琐的操作，java以其优越的可移植型，平台的安全型，高效性赢得了广泛的认同，全世界越来越多的人去学习java，我也是其中的一员 
  
  
 java组成：
                                
                                通过修改Linux服务自动启动指定应用程序
                                    bijian1013
linux
                                    Linux中修改系统服务的命令是chkconfig (check config)，命令的详细解释如下:  chkconfig

功能说明：检查，设置系统的各种服务。

语　　法：chkconfig [ -- add][ -- del][ -- list][系统服务] 或 chkconfig [ -- level  <</SPAN>
                                
                                spring拦截器的一个简单实例
                                    bijian1013
javaspring拦截器Interceptor
                                    Purview接口 
package aop;

public interface Purview {
    void checkLogin();
} 
Purview接口的实现类PurviesImpl.java 
package aop;

public class PurviewImpl implements Purview {
	
    public void check
                                
                                [Velocity二]自定义Velocity指令
                                    bit1129
velocity
                                    什么是Velocity指令 
在Velocity中，#set,#if, #foreach, #elseif, #parse等，以#开头的称之为指令，Velocity内置的这些指令可以用来做赋值，条件判断，循环控制等脚本语言必备的逻辑控制等语句，Velocity的指令是可扩展的，即用户可以根据实际的需要自定义Velocity指令 
  自定义指令(Directive)的一般步骤 
&nbs
                                
                                【Hive十】Programming Hive学习笔记
                                    bit1129
programming
                                     第二章 Getting Started 
1.Hive最大的局限性是什么？一是不支持行级别的增删改(insert, delete, update)二是查询性能非常差(基于Hadoop MapReduce）,不适合延迟小的交互式任务三是不支持事务2. Hive MetaStore是干什么的？Hive persists table schemas and other system metadata.
                                
                                nginx有选择性进行限制
                                    ronin47
nginx 动静　限制
                                    http {
    limit_conn_zone $binary_remote_addr zone=addr:10m;
    limit_req_zone $binary_remote_addr zone=one:10m rate=5r/s;...

    server {...
       location ~.*\.(gif|png|css|js|icon)$ {
   
                                
                                java-4.-在二元树中找出和为某一值的所有路径 .
                                    bylijinnan
java
                                    
/*
	 * 0.use a TwoWayLinkedList to store the path.when the node can't be path,you should/can delete it.
	 * 1.curSum==exceptedSum:if the lastNode is TreeNode,printPath();delete the node otherwise

                                
                                Netty学习笔记
                                    bylijinnan
javanetty
                                    本文是阅读以下两篇文章时： 
 
http://seeallhearall.blogspot.com/2012/05/netty-tutorial-part-1-introduction-to.html 
 
http://seeallhearall.blogspot.com/2012/06/netty-tutorial-part-15-on-channel.html 
我的一些笔记 
 
===
                                
                                js获取项目路径
                                    cngolon
js
                                    //js获取项目根路径，如： http://localhost:8083/uimcardprj 
function getRootPath(){ 
    //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp 
    var curWwwPath=window.document.locati
                                
                                oracle 的性能优化
                                    cuishikuan
oracleSQL Server
                                       在网上搜索了一些Oracle性能优化的文章，为了更加深层次的巩固[边写边记]，也为了可以随时查看，所以发表这篇文章。 
    1.ORACLE采用自下而上的顺序解析WHERE子句，根据这个原理，表之间的连接必须写在其他WHERE条件之前，那些可以过滤掉最大数量记录的条件必须写在WHERE子句的末尾。（这点本人曾经做过实例验证过，的确如此哦！
                                
                                Shell变量和数组使用详解
                                    daizj
linuxshell变量数组
                                    Shell 变量 
定义变量时，变量名不加美元符号（$，PHP语言中变量需要），如： 
your_name="w3cschool.cc" 
注意，变量名和等号之间不能有空格，这可能和你熟悉的所有编程语言都不一样。同时，变量名的命名须遵循如下规则： 
 
 首个字符必须为字母（a-z，A-Z）。 
 中间不能有空格，可以使用下划线（_）。 
 不能使用标点符号。 
 不能使用ba
                                
                                编程中的一些概念，KISS、DRY、MVC、OOP、REST
                                    dcj3sjt126com
REST
                                    KISS、DRY、MVC、OOP、REST （1）KISS是指Keep It Simple,Stupid（摘自wikipedia），指设计时要坚持简约原则，避免不必要的复杂化。 （2）DRY是指Don't Repeat Yourself（摘自wikipedia），特指在程序设计以及计算中避免重复代码，因为这样会降低灵活性、简洁性，并且可能导致代码之间的矛盾。 （3）OOP 即Object-Orie
                                
                                [Android]设置Activity为全屏显示的两种方法
                                    dcj3sjt126com
Activity
                                    1. 方法1：AndroidManifest.xml 里，Activity的 android:theme  指定为" @android:style/Theme.NoTitleBar.Fullscreen" 示例:   <application      
                                
                                solrcloud 部署方式比较
                                    eksliang
solrCloud
                                    solrcloud 的部署其实有两种方式可选，那么我们在实践开发中应该怎样选择呢？ 第一种：当启动solr服务器时，内嵌的启动一个Zookeeper服务器，然后将这些内嵌的Zookeeper服务器组成一个集群。  第二种：将Zookeeper服务器独立的配置一个集群，然后将solr交给Zookeeper进行管理 
  
谈谈第一种：每启动一个solr服务器就内嵌的启动一个Zoo
                                
                                Java synchronized关键字详解
                                    gqdy365
synchronized
                                    转载自：http://www.cnblogs.com/mengdd/archive/2013/02/16/2913806.html 
 
多线程的同步机制对资源进行加锁，使得在同一个时间，只有一个线程可以进行操作，同步用以解决多个线程同时访问时可能出现的问题。 
同步机制可以使用synchronized关键字实现。 
当synchronized关键字修饰一个方法的时候，该方法叫做同步方法。 
当s
                                
                                js实现登录时记住用户名
                                    hw1287789687
记住我记住密码cookie记住用户名记住账号
                                    在页面中如何获取cookie值呢? 
如果是JSP的话,可以通过servlet的对象request 获取cookie,可以 
参考:http://hw1287789687.iteye.com/blog/2050040 
如果要求登录页面是html呢?html页面中如何获取cookie呢? 
直接上代码了 
页面:loginInput.html 
代码: 
<!DOCTYPE html PUB
                                
                                开发者必备的 Chrome 扩展
                                    justjavac
chrome
                                    Firebug：不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench 
ChromeSnifferPlus：Chrome 探测器，可以探测正在使用的开源软件或者 js 类库https://chrome.google.com/webstore/detail/chrome-sniffer-pl
                                
                                算法机试题
                                    李亚飞
java算法机试题
                                           在面试机试时，遇到一个算法题，当时没能写出来，最后是同学帮忙解决的。 
       这道题大致意思是：输入一个数，比如4,。这时会输出： 
          &n
                                
                                正确配置Linux系统ulimit值
                                    字符串
ulimit
                                    在Linux下面部 署应用的时候，有时候会遇上Socket/File: Can’t open so many files的问题；这个值也会影响服务器的最大并发数，其实Linux是有文件句柄限制的，而且Linux默认不是很高，一般都是1024，生产服务器用 其实很容易就达到这个数量。下面说的是，如何通过正解配置来改正这个系统默认值。因为这个问题是我配置Nginx+php5时遇到了，所以我将这篇归纳进
                                
                                hibernate调用返回游标的存储过程
                                    Supanccy2013
javaDAOoracleHibernatejdbc
                                    注：原创作品，转载请注明出处。 
 
 
    上篇博文介绍的是hibernate调用返回单值的存储过程，本片博文说的是hibernate调用返回游标的存储过程。 
    此此扁博文的存储过程的功能相当于是jdbc调用select 的作用。 
 
1，创建oracle中的包，并在该包中创建的游标类型。 
 
---创建oracle的程
                                
                                Spring 4.2新特性-更简单的Application Event
                                    wiselyman
application
                                    1.1 Application Event 
 
  Spring 4.1的写法请参考10点睛Spring4.1-Application Event  
  请对比10点睛Spring4.1-Application Event  
  使用一个@EventListener取代了实现ApplicationListener接口,使耦合度降低;  
  
1.2 示例 
 
 包依赖 
  
<p
                                
                
            
        
    


    
        
            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他
        
    


    
        
            首页 -
            关于我们 -
            站内搜索 -
            Sitemap -
            侵权投诉
        
        版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.