1.还在用Zipkin分布式服务链路追踪?谷歌来试试这个吧!
2.手把手教你10分钟快速搭建webrtc
3.如何在spring中查找项目源代码？
4.nestjs和eggjs哪个好？
5.ueditor外部粘入表格时表格样式浏览器不兼容

还在用Zipkin分布式服务链路追踪?来试试这个吧!

       微服务架构的兴起，为全球企业带来了转型的源e源机遇与挑战。微服务的码g码双刃剑效应，在带来诸多优势的谷歌同时，亦对运维、源e源性能监控及错误排查提出了严峻考验。码g码个人简历网页版源码面对大型项目中服务节点的谷歌繁多与请求链路的复杂，分布式系统的源e源APM管理系统应运而生，旨在帮助理解系统行为，码g码分析性能问题，谷歌快速定位和解决问题。源e源

       APM系统，码g码全称Application Performance Monitor，谷歌是源e源用于监控和管理应用程序性能的工具。谷歌的码g码Dapper论文，作为最早的APM系统原型，为开发者和运维团队提供了强大支持。基于Dapper原理，Pinpoint、SkyWalking等出色APM框架相继问世。SpringCloud官网也集成了一套基于Zipkin的系统：Spring Cloud Sleuth。

       APM系统的基本原理主要围绕Google Dapper设计的几个核心概念：Span（请求的基本工作单元）与Trace（一次完整的调用链路，包含多个Span的树状结构，具有唯一的TraceID）。通过spanId、parentId，请求的每个链路得以串联。每次请求从发起至服务器开始，源码定律至返回response结束，每个span共享相同的唯一标识trace_id。

       在选择APM框架时，主要需考虑以下几方面：探针的性能、收集器的可扩展性、全面的调用链路数据分析能力、对开发的透明性以及对应用拓扑的完整展现。Zipkin、Pinpoint与SkyWalking等框架各有优劣，SkyWalking凭借其在探针性能、开发透明性与数据分析能力上的优势，以及部署的便利性，成为了中小型企业的理想选择。

       SkyWalking是一款提供分布式追踪功能的系统，自年起发展成为完整的APM解决方案。它适用于追踪、监控和诊断分布式系统，特别是在使用微服务架构、云原生或容积技术的场景。SkyWalking提供了分布式追踪与上下文传输、应用实例与服务性能指标分析、根源分析、应用拓扑分析、应用和服务依赖分析、慢服务检测、性能优化等主要功能。

       其特色包括多语言探针或类库支持、源码办公Java自动探针，无需修改源码即可追踪和监控程序、社区提供的其他多语言探针、.NET Core与Node.js支持、多种后端存储选择、与OpenTracing API协同工作、轻量级、完善功能的后端聚合与分析、现代化Web UI、日志集成以及应用、实例和服务的告警。

       为了使用SkyWalking，需要先确保Linux环境中的Elasticsearch服务已启动，并开放相应端口。安装过程分为三步：下载安装包、安装Skywalking的OAP服务和WebUI、部署微服务探针。在完成安装后，通过访问WebUI（默认端口为）可查看服务实例的性能监控、服务拓扑图、请求链路追踪信息与表格视图。

       本文内容由黑马程序员Java培训学院编写并发布，欢迎转载，但需注明作者及出处，以尊重版权。

手把手教你分钟快速搭建webrtc

       搭建Webrtc步骤详解：

       为了快速搭建Webrtc，我们参考了logan的quasar源码GitHub项目，提供了Android和H5客户端，以及Java搭建的信令服务器。首先，基于Android的示例可以使用webrtc_android项目，而iOS端的开发将在后续补充。在PC端，我们利用H5和Java搭建的信令服务器进行点对点通信。

       搭建流程如下：

       **NAT检测与流媒体中继**

       使用谷歌官方提供的coturn作为STUN服务，完成NAT检测与流媒体中继。

       **使用自研信令服务器（Java Springboot）

**       为了实现客户端之间的通信，我们使用Java Springboot开发信令服务器。

       **客户端开发

**       客户端已经开发了安卓与H5（基于谷歌浏览器），实现了app-to-app、app-to-PC、PC-to-PC的点对点通信，目前尚不支持多人视频通话。

       **注意事项

**

       **PC的H5使用adapter.js实现屏幕共享

**       在PC端的H5应用中，通过使用谷歌提供的adapter.js可以实现屏幕共享功能，同时在具备摄像头或麦克风的条件下，也能实现视频通话。

       **浏览器兼容性测试

**       当前测试结果显示，Chrome浏览器支持良好，理论上Firefox浏览器也应兼容。对于Safari浏览器，可能需要打开特定设置进行测试，由于缺少苹果设备，该测试尚未完成。notability源码

       Webrtc的原理与架构

       Webrtc是由谷歌主导的开源流媒体传输和编解码框架。其主要架构包括：

       **NAT类型检测服务器

**

       **流媒体中继服务器

**

       **信令交换服务器

**

       **客户端流媒体编解码

**       客户端使用谷歌开源的编解码库进行音视频编解码。

       搭建环境

       搭建Webrtc所需的环境包括：服务器（CentOS 7.9，JDK 1.8），PC端（Windows ，JDK 1.8），以及安卓端（Android 9.0）。

       安装与配置步骤

       **安装依赖

**       使用命令安装所需的软件包。

       **获取并编译coturn服务

**       从GitHub下载coturn源码，进行编译与安装，并配置服务器。

       **生成证书与配置服务器

**       生成服务器证书，并配置coturn服务以启动。

       测试与验证

       **使用ICE测试

**       在Chrome或Firefox浏览器中进行ICE测试，验证STUN服务器的正常运行。

       **搭建信令服务器

**       使用Java Springboot搭建信令服务器，完成客户端间的通信。

       **客户端配置与测试

**       在客户端配置信令服务器地址和coturn服务器参数，进行点对点通信测试。

       优化与扩展

       **兼容性优化

**       优化客户端对音频共享的支持，提高兼容性。

       **多人视频通话功能

**       开发多人视频通话功能，实现更多场景下的实时通信。

       **动态密码功能

**       实现动态密码功能，增强通信的安全性。

       学习资源与实践

       欲深入了解Webrtc的开发与实践，可访问FFmpeg/WebRTC/RTMP/NDK/Android音视频流媒体高级开发的学习资源，免费获取更多音视频学习资料包、大厂面试题、技术视频和学习路线图。

如何在spring中查找项目源代码？

       工具如何查找源代码

       1、首先打开电脑的ie浏览器进去，如下图所示。进入ie浏览器首页后，点击查看，如下图所示。在查看菜单下选择源，如下图所示。最后打开源就看到本网页的源代码了，在最下方，如下图所示。

       2、第二种方法就是根据浏览器状态栏或工具栏中的点击“查看”然后就用一项“查看源代码”，点击查看源代码即可查看此网页的源代码源文件。

       3、首先打开谷歌浏览器(GoogleChrome)，任意打开一个网页(例如百度)，在浏览器右上角的菜单中找到更多工具开发者工具并打开(也可以直接按F打开)。

       4、要查看基于SpringBoot的Java项目的代码，您需要进行以下步骤：查看项目结构：您可以在部署项目的位置找到项目文件夹。打开项目文件夹并查看项目结构。

       5、可以设置路径映射和搜索路径，帮助工具查找实验中引用的文件。

怎么通过快捷方式找到原文件?

       1、具体操作方法是：打开Word软件，选择“文件”-“信息”-“管理文档”-“恢复未保存的文档”。

       2、通过快捷方式找到源文件。将光标选中快捷方式。点击右键弹出菜单栏。点击最下方的属性。点击左下方打开文件所在位置选项。找到该文件的源文件。

       3、在那个快捷方式那里，右键，属性，然后选择下面那里的“打开文件位置”，然后把那个“原文件”拖到桌面就可以了。

       4、文件变成快捷方式怎么恢复？在桌面或文件夹中找到有问题的快捷方式，右键单击并选择“删除”，然后重新创建一个新的快捷方式。

绝对路径不管源文件在什么位置都可以非常精确地找到

       1、绝对路径是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。完整的描述文件位置的路径就是绝对路径，以web站点根目录为参考基础的目录路径。

       2、我们可以根据该路径明确地找到所对应的文件(夹)。

       3、绝对路径：一般是指文件在所在盘符的位置，而且是从盘符开始算起，如某文件位于“C：\ProgramFiles\JiangMin”下面，那么这个路径就是它的绝对路径。

       4、绝对路径是指目录下的绝对位置，直接到达目标位置。物理路径指的是某一台计算机本地的路径，以盘符开头，例如C：\、D：\temp等等。

       5、绝对路径：就是文件在本地硬盘上的真正路径即URL和物理路径。相对路径：相对与某个基准目录的路径(一般针对web目录而言，包含Web的相对路径）。

计算机中路径相关的查找器是什么?

       路径查找器协议就是为了支持模块和已初始化包的导入，也为了给命名空间包提供组成部分，路径条目查找器必须实现find_spec()方法。find_spec()接受两个参数，即要导入模块的完整限定名称，以及（可选的）目标模块。

       第一个查找器就是简单的在package.preload表中查找加载器。第二个查找器用于查找Lua库的加载库。它使用储存在package.path中的路径来做查找工作。查找过程和函数package.searchpath描述的一致。

       ai路径查找器是一款关于查找ai路径的选择器，ai路径查找器分割不了是查找器的分割方式没选对。查找器（finger）是告诉你姓名及其电子邮件地址的程序。

       元路径就是程序开发中最小的单元。当指定名称的模块在sys.modules中找不到时，Python会接着搜索sys.meta_path，其中包含元路径查找器对象列表。这些查找器按顺序被查询以确定它们是否知道如何处理该名称的模块。

怎么在相册里选中一张片后获得它的绝对路径

       1、首先确定源文件在什么位置，如果的文件名和源文件在同一级，可以直接引用。

       2、首先，打开手机桌面，点击打开相册，然后进入下一步。其次，进入图库后，以“相册”文件夹为例，在显示的相册中找到需要查找的照片，如下图所示，然后进入下一步。

       3、你好，保存手机里的照片应该到图找就可以找到。

       4、编辑”（或长按要移动的照片）--选择“剪切”--返回到要移入的文件夹中--点击“粘贴”；整个文件夹移动：操作方法：文件管理--长按要移动的相册--剪切--返回到要移入的文件夹中--点击右下角的“粘贴”。

西马移动硬盘中文件的源位置在哪里查找

       验，建议大家用下列方法试一下：方法一：移动硬盘盘符X--右键属性--工具--查错--开始检查，在“自动修复文件系统错误”前打钩，然后点击“开始”，检查完毕后，打开移动硬盘即可显示其中的所有文件。

       双击原来系统盘所在分区。进入之后，双击“用户”文件夹。进入文件夹之后，接着双击“Administrator”文件夹。进入之后找到“桌面”文件夹并点击打开。进入之后就可以看到存放在桌面的文件了。

       移动硬盘里的文件总是提示不在目录里解决办法：打开我的计算机，在需要修复的磁盘上单击右键，选择属性。在弹出的属性窗口中点击工具选项卡，在查错里面点击开始检查。

       点击“RecovertoLocalDrive”后面的“Browse”按钮，在弹出的窗口中选择好目标目录即可。

nestjs和eggjs哪个好？

       nestjs为什么不火

       å› ä¸ºæ“ä½œä¸ç®€ä¾¿

       Nest.js是用于构建高效且可伸缩的服务端应用程序的渐进式Node.js框架。支持Typescript、面向AOP编程、支持typeorm、Node.js版的spring、构建微服务应用。

       Nest.js是用于构建高效且可伸缩的服务端应用程序的渐进式Node.js框架。支持Typescript、面向AOP编程、支持typeorm、Node.js版的spring、构建微服务应用。

       å¹´å‰ç«¯æœ€ç«çš„技术是什么？

       æˆ‘认为的年前端开发者最应该掌握的一些比较火爆的技术与知识点。

       1，前端框架和语言层面

       9月份Vue3.0发布，声称对TypeScript有着更好的开发体验，通过从不同框架级别TS支持上，我们可以看出社区的整个风向从年的大家都去学习应用TS，变成了大家如何把TS用的更好这个方向上来了。

       æ‰€ä»¥æˆ‘认为今年TypeScript的火热程度还是应该排名很靠前的，我今年也使用TypeScript重构了Daruk的服务框架推出了2.0版本，让TS开发者拥有更好的TS开发体验。

       æŽ¥ä¸‹æ¥å°±æ˜¯ä¸¤å¤§é‡ç£…框架的更新历程对比，Vue3前面说了一句。而React也在十月也发布了React的release版本。这两大主流框架的频繁更新，也说明了社区和作者都在一同演化。

       åœ¨Vue3中除了更好的支持TS外，还更新了CompositionAPI。而React主要是集中精力在升级体验上，虽然没有新的Feature但是提升了和解决了很多之前版本潜在的问题。

       è¦è¯´å“ªä¸ªæœ€ç«è¿˜æ˜¯è¦çœ‹ä¸ªäººå®žé™…的使用场景和喜好，但是年来看还没有别的框架可以与之一战。

       2，大前端相关技术栈

       ä»Šå¹´åŸºäºŽChromium的微软edge浏览器也已经推出。google在web端的发展产生了对开发者深刻的影响。Chrome+也已经发布多个版本，提供了一系列的新特性，比如CoreWebVitals标准，DesktopPWA等都值得我们去关注。

       æˆ‘们说完了浏览器相关的那点技术之后，再聊聊大前端相关的一些技术实践，比如Flutter。

       å¾ˆå¤šå‰ç«¯åœ¨ä»Šå¹´å·²ç»ä»Žweb开发转型为Flutter开发，学习和使用Dart技术来构建UI，这是很多大厂的前端工程师正在经历的事情（包括我的部门也在尝试这个事情），这个趋势应该在未来几年还会持续。

       å®¢æˆ·ç«¯electron在今年也有着长足的进展，一年内多次更新版本一路到了.1.5。随着疫情影响，国内在线教育的又一波兴起。很多桌面软件，网课软件都在采用这个技术来进行开发，市场上的岗位也开始变多，electron技术可以说在今年也有火的趋势。

       ç„¶åŽæˆ‘们再看看BFF层，nestjs依然坚挺，越来越多的人开始跳过学习express和koa开始学习更丰富的web框架了，比如egg或者我的daruk，开发者已经在慢慢形成共识，在webframework的路上开始越走越远，裸写nodejsweb服务的时代已经开始慢慢褪去。

       ä¸å¾—不提的还有serverless在前端的普及，在年到达了一个新的高潮。阿里云，腾讯云，头条云等等国内的互联网厂商也都开始大玩serverless概念。从对内服务开始转向对外服务，普及的势头很猛，也有落地的趋势和场景。今年的D2同样也有serverless的专场，可见受重视程度非比寻常。

       3，工程化提效和个人素质提升

       å†ç¦»æˆ‘们近一些的推动生产力的技术，比如据我所知在用CI/CD和pipeline管理上线流程的公司越来越多，这种去年还可以出去吹一吹的东西，今年也逐步变成了业界标配基础能力，如果不会的同学可要抓紧学习了。

       å¹´å‰å¤§å®¶éƒ½ç–¯ç‹‚吐槽面试刷medium题目没用，而年后大家开始默认面试某些公司都至少要刷到medium程度的题目。这对很多前端来说是一个心智和素质的提升与转变，大家在接触新技术的同时，也慢慢发现，前端整个职业环境的变化，越来越多的公司对人的整体综合素质要求变高了。

eggjs为什么口碑不好

       è´¨é‡é—®é¢˜ã€‚eggjs为什么口碑不好的原因是质量问题，因为eggjs质量差，售价高。口碑，指众人口头的颂扬，泛指众人的议论；群众的口头传说，相当于一种大众嘴边经常提起的事情或组织。

NG全家桶全栈项目实践总结

       Angular在国内使用的人并不像国外那么多，基本都是外企在用，但其框架的思想却仍可以为我们所借鉴，在某些问题没有思路的时候可以参考ng相关的处理，ng处理方式和思维确实比较超前，但也因此而曲高和寡。本文旨在通过ng全家桶项目（前端Angular+后端NestJS7）的实践来总结对于ng架构中一些亮点的关注与思考，Angular和Nest在前后端框架的处理上同出一脉，对比起来更有借鉴意义。

       [目录结构]

       [目录描述]

       æ•´ä¸ªå‰ç«¯é¡¹ç›®æ˜¯åŸºäºŽangular脚手架生成的，其基本目录结构是在src的app下进行相关组件和页面的模块开发，main.ts和index.html是整个单页应用的主入口，根目录下angular.json用于配置相关的打包编译等环境配置参数

       [实践分享]

       [目录结构]

       [目录描述]

       åŽç«¯é¡¹ç›®æ˜¯åŸºäºŽnestjs框架的大型后台项目配置，api模块主要是对外输出的接口，auth、filters、guard、interceptors、middlewares、pipes等是对于需要的模块进行统一的收集处理，main.ts是主入口文件，用于启动及相关配置等，app.module.ts是用来收集所有模块的导入，ng基于模块的方式可以起到非常好的隔离效果

       [实践分享]

       é¦–先，对于没有用过ng的同学科普一下，angular其实分为两个大版本，一个是angular1.x的，也就是ng1，也就是现在还有的angularjs，另一个版本是ng2以后的版本，ng2之后被谷歌收购后，完全重写了框架，唯一和1.x相通的估计也就剩那几个思想还在了：模块化、依赖注入、双向绑定、MVC，对于1.x感兴趣的同学可以去看Vue的1.x的版本，基本算是简化版的ng1.x，Vue2之后就和后来的ng分道扬镳了，vue2主要是以发布订阅来替代依赖注入的思路，扯远了...(ps:想看ng1版本的可以看这个地址，居然还有更新...angularjs官方仓库)，这里分析的主要是Ng，ng8之后除了引入Ivy(Ivy架构官方介绍)这个编译渲染器之外，其实改动不大，主要就是在优化以及废除和新建一些api等等。Ng的源码很庞大，goggle自研了一个bazel自动化构建工具，ng自然也是靠这个构建的，对bazel感兴趣的同学，可以看这个Google软件构建工具Bazel原理及使用方法介绍，我这里就不展开所有的源码，整体的核心大框架如下：

       nestjs是nodejs的web应用的一个大的集成，它最初是基于express封装的一个后端框架，后来将服务端各种理念都使用js实现了一下，虽然不能和成熟的服务端语言框架如java等进行媲美，但是服务端所需要的东西基本都具备了，对于有需求想要使用js来开发后端的同学是个不错的选择，个人认为简单的bff，比如想自己模拟的开发个后台接收请求，选择node直接写或者使用express、koa就可以，对于有一定的中间层给前端处理，可以选用阿里的egg，对于如何基于egg构建中间层，可以看看这篇文章如何为团队定制自己的Node.js框架？（基于EggJS），对于大型的服务端，尤其是前端是以ng为主栈的，可以优先考虑使用nestjs；其次对于io较多而计算较少的（js本身的特质），或者服务端需要与c++配合的，大型服务端应用也可以使用nest。nest默认是不采用微服务的形式的，nest将不同的平台封在了不同的platform下，这里只分析普通的以express为platform的形式，对于喜欢微服务的同学，可以对比和java的springcloud的区别，这里就不做表述了，其整体的核心结构大致如下：

       è¿™é‡Œä¸»è¦åœ¨å¯¹ä¾èµ–注入的实现做一个简单的理解分享，其思路是一脉相承的，对于理解后端理念的依赖注入有很好的理解，这也正是后端前端化的一个体现，也是最早的MVC框架向后来的MVVM框架过度的一个历史过程，依赖注入方式对于最早的前端框架还是有纪念意义的，但是对于ng全家桶来说，这算是其基本哲学的一个基本面

       bAngular/b

       å…ˆæ¥çœ‹ä¸€ä¸‹ng是如何实现injector的，这里重点在于使用了抽象类来重载不同函数的使用，对于provider循环依赖的处理，利用了一个Map数据结构来区分不同的Provider

       bNest/b

       å†æ¥çœ‹ä¸€ä¸‹ï¼Œnest的实现，不同于ng的实现，nest是利用参数和继承父类参数来确定整个的循环依赖关系的，其没有使用重载来实现，但都对循环依赖做了处理，其基本思路是一致的。

       æ€»ç»“：从nest和ng对injector的实现可以看出，虽然都是注射器的实现，但是由于呈现方式的不同，因而在实现方式上也会有所不同，对于ts而言，选用interface还是抽象类，确实可以借鉴java的模式思路，对于习惯js的我们来说，对于整个数据类型的扩展（如：抽象类、接口）等是需要向后端借鉴的。整体来说，对于依赖注入的实现最关键的就是在于处理provider的整个依赖问题，这两者都是采用token的方式来区分对待到底是属于哪一个provider，然后对于特殊的相关依赖循环的问题做对应的处理

       ng整个生态体系在国内应用的并不广，但并不妨碍其作为前端理念的扩展先行者的这样一个角色，个人认为其在隔离性以及系统性方面都是要优于vue和react的，因而对于目前比较流行的微前端框架(ps:对于ng的微前端应用，可以参考这篇文章【第期】使用Angular打造微前端架构的ToB企业级应用)，个人觉得在沙箱隔离等系统融合方面确实可以借鉴一下ng的某些思路，或许正是由于这个原因，它才是三大框架中最先上ts的，也有可能整个ng的开发者更像是传统的软件工程师，对于整个开发要做到定义数据、定义模型、系统设计等等，对于大型项目而言，这样确实会减少很多因bug而需要重复修改的时间，但是对于小型项目，个人认为还是vue更合适。虽然对于国内，ng基本已经属于明日黄花了，但是它的一些理念及设计思路确实还是值得借鉴的，在这个内卷的时代，各大应用都在向着高级化、大型化发展，说不定哪天ng又在国内重回巅峰了呢，虽然很难~~哈哈哈，各位加油！

北大青鸟设计培训：node编程开发技术的发展趋势？

       node技术成为web前端领域的主流开发工具可以说本身就是一个美丽的误会，当初这个技术被开发出来使用的时候主要是为了解决后端的问题才出现的。

       ä»Šå¤©ï¼ŒæµŽå—java课程培训机构就一起来了解一下node技术的发展历程和未来的发展趋势。

       a)Node8进入LTS时代Node.js大的变化是进入Node8时代，它是一个稳定的长期支持版本(LTS)，除了性能提升外，还有以下几个要点。

       Async/Await支持。

       å…¶å®žåœ¨Node.jsv7.6就可以通过flag支持了，在node8里直接落地。

       é€šè¿‡Async函数可以更好的进行异步流程控制，远离CallbackHell。

       åœ¨Async函数里，你可以通过await调用Promise，以及通过co包裹的generator，可以说，向前是完美的Async函数，向后也完美兼容各种遗留代码，称为异步终极解决方案不为过。

       ES6模块支持。

       é€šè¿‡vue/react、webpack、babel和typescript等火爆发展，es6模块得到了广泛普及和应用，在Node.jsv8.5可以通过--experimental-modules来开启这个体验版特性。

       å½“然，你想在Node.js更早版本里使用ES6模块，可以采用@std/esm模块。

       HTTP2支持。

       åœ¨Node.jsv8.8就开始默认启用了，':

        customCss.push('li.list-'+p+'-paddingleft-1{ padding-left:px}');

        customCss.push('li.list-'+p+'-paddingleft-2{ padding-left:px}');

        customCss.push('li.list-'+p+'-paddingleft-3{ padding-left:px}');

        break;

        case 'cn1':

        customCss.push('li.list-'+p+'-paddingleft-1{ padding-left:px}');

        customCss.push('li.list-'+p+'-paddingleft-2{ padding-left:px}');

        customCss.push('li.list-'+p+'-paddingleft-3{ padding-left:px}');

        break;

        case 'cn2':

        customCss.push('li.list-'+p+'-paddingleft-1{ padding-left:px}');

        customCss.push('li.list-'+p+'-paddingleft-2{ padding-left:px}');

        customCss.push('li.list-'+p+'-paddingleft-3{ padding-left:px}');

        break;

        case 'num':

        case 'num1':

        customCss.push('li.list-'+p+'-paddingleft-1{ padding-left:px}');

        break;

        case 'num2':

        customCss.push('li.list-'+p+'-paddingleft-1{ padding-left:px}');

        customCss.push('li.list-'+p+'-paddingleft-2{ padding-left:px}');

        break;

        case 'dash':

        customCss.push('li.list-'+p+'-paddingleft{ padding-left:px}');

        break;

        case 'dot':

        customCss.push('li.list-'+p+'-paddingleft{ padding-left:px}');

        }

        }

        customCss.push('.list-paddingleft-1{ padding-left:0}');

        customCss.push('.list-paddingleft-2{ padding-left:'+me.options.listDefaultPaddingLeft+'px}');

        customCss.push('.list-paddingleft-3{ padding-left:'+me.options.listDefaultPaddingLeft*2+'px}');

        //如果不给宽度会在自定应样式里出现滚动条

        utils.cssRule('list', 'ol,ul{ margin:0;pading:0;'+(browser.ie ? '' : 'width:%')+'}li{ clear:both;}'+customCss.join('\n'), me.document);

        });