AlbenXie
AlbenXie

[Javascript] 插件封装

JavaScript插件封装主要分成两类：

* 类级别封装-相当于jQuery类的静态函数

* 对象级别封装


一.  类级别封装方法

1.单个方法封装

[html]  view plain  copy
  1. //封装  
  2. jQuery.alert = function(name) {  
  3.     alert(name);  
  4. }  
  5.   
  6. //调用$.alert('aa')或jQuery.alert('aa')  
  7. $.alert('Mike');  

2.多个方法封装，调用$.warn('aa')或者jQuery.warn('aa')

[html]  view plain  copy
  1. >  
  2. <html>  
  3. <head>  
  4. <script src="/jquery/jquery-1.11.1.min.js">  
  5. script>  
  6. <script>  
  7. $(document).ready(function(){  
  8.   $("p").click(function(){  
  9.        jQuery.warn('Mike');  
  10.   });  
  11.   
  12. });  
[html]  view plain  copy
  1. //封装  
  2. jQuery.extend({  
  3.   alert: function(name) {  
  4.       alert("alert:" + name);  
  5.   },  
  6.   warn: function(name) {  
  7.       alert("warn:" + name);   
  8.   }  
  9. });  
  10. script>  
  11. head>  
  12. <body>  
  13. <p>如果您点击我，我会消失。p>  
  14. <p>点击我，我会消失。p>  
  15. <p>也要点击我哦。p>  
  16. body>  
  17. html>  

3.域名调用，并封装多个方法

[html]  view plain  copy
  1. >  
  2. <html>  
  3. <head>  
  4. <script src="/jquery/jquery-1.11.1.min.js">  
  5. script>  
  6. <script>  
  7. $(document).ready(function(){  
  8.   $("p").click(function(){    
  9.        //调用  
  10.        jQuery.messager.warn('Mike');  
  11.   });  
  12.   
  13. });  
  14.   
  15. //封装  
  16. jQuery.messager = {  
  17.   
  18.   alert: function(name) {  
  19.       alert("alert:" + name);  
  20.   },  
  21.   warn: function(name) {  
  22.       alert("warn:" + name);   
  23.   }  
  24.   
  25. }  
  26.   
  27. script>  
  28. head>  
  29. <body>  
  30. <p>如果您点击我，我会消失。p>  
  31. <p>点击我，我会消失。p>  
  32. <p>也要点击我哦。p>  
  33. body>  
  34. html>  

二. 对象级别的插件开发

形式1：

[html]  view plain  copy
  1. >  
  2. <html>  
  3. <head>  
  4. <script src="/jquery/jquery-1.11.1.min.js">  
  5. script>  
  6. <script>  
  7. $(document).ready(function(){  
  8.   $("p").click(function(){   
  9.        //重要:$.extend(obj)扩展的为jQuery类的静态方法调用可采用如$.alert() 或直接alert()  
  10.        //$.fn.extend(obj)扩展的为对象的方法，因此调用不能用$.alert(),要直接alert()  
  11.        //调用  
  12.        alert('Mike');  
  13.        //报错  
  14.        //$.alert('Mike');  
  15.   });  
  16.   
  17. });  
  18.   
  19. //声明一个函数并立即执行函数，用$(形参)代替jQuery实参  
  20. $(function($) {  
  21.     $.fn.extend({  
  22.         alert: function(name) {  
  23.             alert(name);  
  24.         }  
  25.     });  
  26. }(jQuery));  
  27. script>  
  28. head>  
  29. <body>  
  30. <p>如果您点击我，我会消失。p>  
  31. <p>点击我，我会消失。p>  
  32. <p>也要点击我哦。p>  
  33. body>  
  34. html>  

形式2

[html]  view plain  copy
  1. >  
  2. <html>  
  3. <head>  
  4. <script src="/jquery/jquery-1.11.1.min.js">  
  5. script>  
  6. <script>  
  7. $(document).ready(function(){  
  8.   $("p").click(function(){   
  9.        //正确调用方式  
  10.        $('body').jAlert('Mike');  
  11.        //报错  
  12.        //$.jAlert('aa');  
  13.        //报错  
  14.        //jAlert('aa');   
  15.   });  
  16.   
  17. });  
  18.   
  19. //声明一个函数并立即执行函数，用$(形参)代替jQuery实参  
  20. $(function($) {  
  21.     //这种方式使得调用方式为$(element).jAlert('aaa'),其他方式$.jAlert('aa')或者jAlert('aa')都会出错  
  22.     $.fn.jAlert = function(name){  
  23.                 alert(name)  
  24.     }  
  25. }(jQuery));  
  26. script>  
  27. head>  
  28. <body>  
  29. <p>如果您点击我，我会消失。p>  
  30. <p>点击我，我会消失。p>  
  31. <p>也要点击我哦。p>  
  32. body>  
  33. html>  

3.options控制插件

[html]  view plain  copy
  1. >  
  2. <html>  
  3. <head>  
  4. <script src="/jquery/jquery-1.11.1.min.js">  
  5. script>  
  6. <script>  
  7. $(document).ready(function(){  
  8.   $("p").click(function(){   
  9.        //正确调用方式  
  10.        $(this).jAlert();  
  11.   });  
  12.   
  13. });  
  14.   
  15. //声明一个函数并立即执行函数，用$(形参)代替jQuery实参  
  16. $(function($) {  
  17.     $.fn.jAlert = function(options){  
  18.         var defaults = {  
  19.            color: '#fff',  
  20.            background: '#000'  
  21.         };  
  22.       options = $.extend({}, defaults, options);  
  23.        //$(this).css({'color': options['color')});  
  24.     $(this).css({'color': "" + options['color'], 'background': "" + options['background']});  
  25.        
  26.     };   
  27. }(jQuery));  
  28. script>  
  29. head>  
  30. <body>  
  31. <p>如果您点击我，我会消失。p>  
  32. <p>点击我，我会消失。p>  
  33. <p>也要点击我哦。p>  
  34. body>  
  35. html>  

3.暴露设置、暴露函数、私有设置、私有函数

暴露与暴露函数使得插件可扩展

暴露设置，用户使用时可设置如$.fn.hilight.defaults.color

暴露函数,用户可重写暴露的函数如$.fn.hilight.format = function(){}

有一点注意：

调用插件时$(element).hilight(), 则插件内操作元素如设置样式等，都是针对该element，在插件内通过$(this)获取element,

经过调试，如hilight插件，return this.each(function(...))是指对每个符合要求的element操作，如$('p'),对所有

标签操作，如果插件内不用return this.each,也会对标签内的所有

操作，但是方法只执行了一次

[html]  view plain  copy
  1. // 创建一个闭包      
  2. (function($) {      
  3.   // 插件的定义      
  4.   $.fn.hilight = function(options) {      
  5.     debug(this);      
  6.     // build main options before element iteration      
  7.     var opts = $.extend({}, $.fn.hilight.defaults, options);      
  8.     // iterate and reformat each matched element      
  9.     return this.each(function() {      
  10.       $this = $(this);      
  11.       // build element specific options      
  12.       var o = $.meta ? $.extend({}, opts, $this.data()) : opts;      
  13.       // update element styles      
  14.       $this.css({      
  15.         backgroundColor: o.background,      
  16.         color: o.foreground      
  17.       });      
  18.       var markup = $this.html();      
  19.       // call our format function      
  20.       markup = $.fn.hilight.format(markup);      
  21.       $this.html(markup);      
  22.     });      
  23.   };      
  24.   // 私有函数：debugging      
  25.   function debug($obj) {      
  26.     if (window.console && window.console.log)      
  27.       window.console.log('hilight selection count: ' + $obj.size());      
  28.   };      
  29.   // 定义暴露format函数      
  30.   $.fn.hilight.format = function(txt) {      
  31.     return '<strong>' + txt + 'strong>';      
  32.   };      
  33.   // 插件的defaults      
  34.   $.fn.hilight.defaults = {      
  35.     foreground: 'red',      
  36.     background: 'yellow'      
  37.   };      
  38. // 闭包结束      
  39. })(jQuery);       

你可能感兴趣的:(JS封装等思想)

  • 【Redis系列】Redis安装与使用 m0_74825409 面试学习路线阿里巴巴redis数据库缓存
    ???欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。推荐:kwan的首页,持续学习,不断总结,共同进步,活到老学到老导航檀越剑指大厂系列:全面总结java核心技术点,如集合,jvm,并发编程redis,kafka,Spring,微服务,Netty等常用开发工具系列:罗列常用的开发工具,如IDE
  • zemax光学设计坐标断点怎么使用？ 光学设计培训 光学设计光学光学工程计算机视觉数码相机
    在Zemax光学设计中，坐标断点（CoordinateBreaks）的使用涉及多个方面，包括理解坐标系、插入坐标断点、设置参数以及注意事项等。以下是对Zemax光学设计坐标断点使用的详细解释：一、理解Zemax坐标系Zemax使用的是右手坐标系，其中：大拇指方向代表Z轴；四指指向代表Y轴；四指弯曲指向手心方向代表X轴正向。在序列模式下，每个表面都是参考其前面的表面顶点坐标系，每个表面的厚度决定下一
  • 前端面试题常考汇总1 RayFars 前端
    JS部分1.解释JavaScript中的闭包，并举例说明其应用场景闭包是指函数能够记住并访问它的词法作用域，即使这个函数在词法作用域之外执行。应用场景：数据隐藏：通过闭包，可以创建私有变量，只通过特定的函数来访问和修改这些变量。回调函数和事件处理：闭包常用于设置回调函数，因为回调函数需要访问其外部函数的变量。functioncreateCounter(){letcount=0;returnfunc
  • 使用Qt+opencv实现游戏辅助点击工具-以阴阳师为例 虎式坦克我最爱 游戏
    注：本文章技术交流使用，不侵犯任何著作权。一.阴阳师辅助软件需要实现哪些功能?1.首先，对于肝绘卷拿角色而言，需要打困难28副本和结界突破循环刷绘卷碎片。这一功能让你每月免费悠闲地拿到最新角色，即使你是较新的玩家！2.有人喜欢打阴阳寮突破，因为结界卡可以合成勾玉，另外寮突破后给的寮勋章可以维持寮正常运转。3.御魂等副本，这款游戏的御魂是核心玩法。而且这只是一个辅助工具，不修改游戏内存，用来解放双手
  • 电池管理系统 (BMS) 功能安全 电子工程BMS锂电池电芯
    现今的电子设备，小至TWS耳机和可穿戴设备，大至电动汽车，都离不开锂离子或聚合物电池的供电。依据电子设备所需电力的大小，电池组可能由多个电池单元(电芯)排列而成。电池组的充电和放电、输入/输出电压和电流等状态都需要精密监控和测量，以保证电子设备的安全供电。这就需要一种专门监控电池组运行状态的电池管理系统(BMS)，用于电池组的监控、计算、通信和保护。监控：BMS可监控电池组的各种状态指标，包括电压
  • Kotlin 2.1.0 入门教程（二十一）数据类 xvch Kotlinkotlinandroid
    数据类数据类主要用于存储数据。对于每个数据类，编译器会自动生成一些额外的成员函数，这些函数支持将实例打印为易读的输出、比较实例、复制实例等操作。数据类使用data关键字标记：dataclassUser(valname:String,valage:Int)编译器会根据主构造函数中声明的所有属性，自动派生以下成员：equals()/hashCode()对。格式为User(name=John,age=4
  • 机柜机箱制冷风扇在使用过程中突然停止运转的原因 辉盈防爆散热风扇 单片机嵌入式硬件
    在机柜机箱的正常运行中，制冷风扇起着关键的散热作用，可一旦它在使用时突然停止运转，将会对机柜机箱内设备的稳定运行构成严重威胁。而导致这一现象出现的原因较为复杂，主要涵盖以下几个方面。从电源供应角度来看，这是一个常见的导致风扇停转的因素。电源连接松动是很容易出现的问题。机柜机箱在长期使用过程中，可能会因为震动等原因，使得风扇的电源线接口松动甚至脱落，从而切断了风扇的电力供应，使其停止运转。此外，电源
  • MySQL玩转指南：探秘Server层组件及权限校验实践 苹果苹果开花吧 Javamysql数据库mysql数据库后端java
    本文将带你揭开MySQLServer层的神秘面纱，逐一剖析连接器、查询缓存、分析器、优化器、执行器等关键组件的功能和作用。同时，还将重点介绍这些组件在权限校验方面的精彩表现。首先来看一下这张思维导图，对本文内容有个直观的认识。接下来进入正文。MySQLSQL语句执行流程示意图：从中你可以清楚地看到SQL语句在MySQL的各个功能模块中的执行过程。大体来说，MySQL可以分为Server层和存储引擎
  • html中用npm包 是谁眉眼 htmlnpm前端
    一.用webpack工具打包npm包到dist下js文件为浏览器能识别的文件1.创建一个文件夹html中引用打包后的js文件注意打包后的js文件是局部变量如果要在html中引入js中的变量先去js中把变量改成全局变量2.先初始化一个管理包的文件：输入npm命令“npminit-y3.输入npm命令安装webpack及webpack-cli，“npmiwebpackwebpack-cli-D”，然后
  • MYSQL——系统架构与查询、更新原理 庄小焱 数据库域mysql
    摘要本博文介绍mysql底层架构和SQL语句执行流程的相关原理，让大家更好的理解数据库的执行，帮助同学在后续的优化设计提供一个思路。一、Mysql系统架构图1.，mysql架构原理图MySQL可以分为Server层和存储引擎层两部分。Server层包括连接器、查询缓存、分析器、优化器、执行器等，涵盖MySQL的大多数核心服务功能ÿ
  • 基于图像处理的裂缝宽度检测系统-matlab 人工智能专属驿站 计算机视觉图像处理人工智能
    图像处理技术广泛地应用于桥梁、房屋、道路等工程施工中出现的表面裂缝,利用数字图像处理技术来测量结构物表面裂缝宽度是一种无损检测方法.基于图像处理的裂缝宽度检测系统需采用的图像处理算法有:（1）读取裂缝图像；（2）图像转化为灰度图像；（3）图像的增强；（4）平滑滤波；（5）阈值分割；（6）形态学去噪；（7）边缘检测(Canny算子)；（8）边缘坐标点的提取；结果见：源程序见：基于图像处理的裂缝宽度检
  • MySQL底层原理学习 jiqiren1994 #mysqlmysql数据库database
    一、MySQL体系架构MySQLServer架构自顶向下大致可以分网络连接层、服务层、存储引擎层和系统文件层。1.网络连接层客户端连接器（ClientConnectors）：提供与MySQL服务器建立的支持。目前几乎支持所有主流的服务端编程技术，例如常见的Java、C、Python、.NET等，它们通过各自API技术与MySQL建立连接。2.服务层（MySQLServer）服务层是MySQLSer
  • 小程序canvas 2d 自定义字体 rich@cai 微信小程序canvas小程序canvas
    开发工具：微信开发者工具Stable1.05.21020210注意：目前canvas2d开发工具看不到效果，需要真机预览才可以看到效果效果图：下面是动态加载网络字体的api:写的是一个全局加载的//app.jsApp({onLaunch(){//加载全局字体for(leti=0;i
  • ORB-SLAM2源码学习：System.cc：System::System SLAM系统的构造函数 PaLu-LvL 计算机视觉#ORB-SLAM2c++学习计算机视觉算法opencv
    前言ORB-SLAM2源码学习：rgbd_tum.cc源文件-CSDN博客之前我们在具体的实例的代码中初始化了一个SLAM的系统，现在让我们来看看这个SLAM的构造函数具体进行了什么操作。总的来说：该函数主要干了以下事情：1.初始化一些参数（列表初始化）2.加载并检查配置文件和词汇表3.创建一些对象如关键帧数据库、地图、绘制器等。4.启动并初始化多个线程：跟踪线程、本地建图线程、回环检测线程、可视
  • 如何选择最适合你的文档协同工具？ 项目管理
    在当今数字化时代，文档协同工具已成为企业提升工作效率和团队协作的关键。选择一款适合自身需求的文档协同工具不仅能够优化工作流程，还能显著提高团队的生产力。本文将深入探讨如何选择最适合你的文档协同工具，帮助你在众多选择中找到最佳方案。了解文档协同工具的核心功能文档协同工具的核心在于实现多人同时编辑和管理文档的能力。高质量的协同工具应具备实时协作、版本控制、权限管理等基本功能。此外，云端存储和同步功能也
  • 看板软件私有化：提升企业运营效率的关键一步 项目管理软件
    看板作为一种高效的项目管理工具，已被广泛应用于软件开发、产品设计、市场营销等各个领域。然而，对于许多企业来说，使用SaaS版本的看板软件存在数据安全、定制化需求、成本控制等方面的顾虑。看板软件私有化部署方案应运而生，为企业提供安全可靠、高度可定制的项目管理解决方案。一、数据安全：企业发展的生命线对于金融、医疗、政府等对数据安全要求极高的行业来说，数据泄露可能导致巨大的经济损失和声誉风险。看板软件私
  • 朴素贝叶斯模型在文本分类中的应用 Ash Butterfield nlp分类数据挖掘人工智能
    朴素贝叶斯（NaiveBayes）是一种基于贝叶斯定理的概率分类算法，广泛应用于文本分类任务中。它的核心思想是根据训练数据中不同类别的条件概率，预测新文本属于哪个类别。尽管其假设条件较为简单（假设特征之间相互独立），但朴素贝叶斯在许多实际应用中仍表现出色，特别是在处理文本分类任务时。本文将介绍朴素贝叶斯模型的基本原理、在文本分类中的应用以及其优缺点，并通过示例说明其具体实现。1.朴素贝叶斯模型的基
  • 京东详情 API 接口有什么应用与价值？ 前端后端运维数据挖掘api
    在电商行业蓬勃发展的今天，数据成为了驱动业务增长和创新的核心要素。京东作为国内知名的电商巨头，拥有海量的商品资源和丰富的业务数据。京东详情API接口就像是一把钥匙，为开发者、商家以及数据分析师打开了通往这些宝贵数据的大门。通过该接口，我们能够获取到京东平台上商品的详细信息，包括商品描述、价格、库存、评价等，这些数据在电商业务的各个环节都具有不可估量的应用价值。本文将深入探讨京东详情API接口的应用
  • 深入了解与全面使用DeepSeek：从基础到高级应用 一位卑微的码农 人工智能大数据java-eespringboot
    引言随着AI技术的发展，DeepSeek作为一款先进的智能助手，为用户提供了强大的文本生成、代码分析、数学公式处理等能力。本文将详细介绍DeepSeek的基础知识、安装配置、API调用方法以及高级应用技巧，帮助你充分挖掘这一工具的潜力。一、认识DeepSeek1.1DeepSeek简介DeepSeek是由深度求索公司开发的人工智能平台，它支持三种主要模式：基础模型（V3）、深度思考（R1）和联网搜
  • 由GPT支付等衍生的国际支付问题 程序员
    前言大约2023年1月，是笔者第一次接触openai的时间，用起来的感受就是爽，以至于那段时间都在高强度使用gpt辅助工作，同年2月，openai推出旗下产品的付费plus服务，增值业务包括：高峰时段免排队、快速响应以及优先获得新功能和改进，最初版本的plus笔者也购入使用过（图1）相信绝大部分用户一开始都卡在了这个页面，笔者当初也是，第一次找人整的代充，花了200？不太记得了，总之刚出的时候那代
  • 批量检测微信小程序封禁状态的 PHP 脚本示例 php
    代码解析：设置AppID列表：修改$appIds数组，将'appid1','appid2','appid3'替换为您的小程序AppID。状态检查流程：使用file_get_contents函数请求API，获取小程序的状态信息。解析API返回结果：通过json_decode解析JSON格式的响应，根据code字段判断小程序的封禁状态，并输出相应提示。错误处理：如果接口调用失败或返回格式错误，脚本将输
  • 批量检测微信小程序封禁状态的 PHP 脚本示例 php
    定义AppID列表：修改$appIds数组中的'appid1','appid2','appid3'为您的实际小程序ID。调用API检查状态：通过file_get_contents调用指定的API接口获取响应数据。解析和处理API响应：使用json_decode解析JSON数据，并根据code字段输出相应的状态信息。错误处理：脚本会处理接口调用失败或数据格式不正确的情况，并给出相应的提示。
  • 关于网页自动化工具DrissionPage进行爬虫的使用方法 web15117360223 面试学习路线阿里巴巴自动化爬虫运维
    目录一.简介二.使用1.安装方式2.基本用法3.模式4.元素交互4.SessionPage5.运行JS6.结语一.简介最近在学python的过程中，发现了一个好用的爬虫库DrissionPage——一个基于python的网页自动化工具。据具官方文档（官方网址：https://drissionpage.cn/）介绍：它既能控制浏览器，也能收发数据包，还能把两者合而为一。可兼顾浏览器自动化的便利性和r
  • Cameralink转SDI接口转换器 昆山森启智能科技有限公司
    1.概述Cameralink转SDI接口转换器（简称转换器）是基于FPGA设计的一款多功能视频处理设备，具有丰富的硬件资源和外围接口。转换器将Cameralink接口输入的图像数据转成SDI图像输出，同时还可实现数据格式转换，帧率变换，分辨率变换，OSD，缩放，开窗，增强等图像预处理功能。2.技术特性2.1主要功能a.支持Cameralink视频输入（支持多种分辨率默认1080p@30hz）b.支
  • JavaScript设计模式 -- 状态模式 鎈卟誃筅甡 javascript设计模式状态模式
    在软件开发中，很多对象的行为会随着其内部状态的变化而改变。如果将所有状态逻辑写在一个类中，代码不仅臃肿而且难以维护。**状态模式（StatePattern）**正是为了解决这个问题而设计的。通过将对象的状态封装成独立的状态类，并将状态相关的行为转移到这些状态类中，状态模式让对象在内部状态发生变化时自动切换行为，达到了将状态转换与行为实现分离的目的。本文将详细介绍状态模式的核心思想、基本结构与优缺点
  • 大客户管理的方法和策略 客户管理crm系统
    大客户管理的核心在于精准识别客户价值、提供个性化解决方案、建立长期互信关系，并通过数据优化决策。根据Gartner研究，80%的企业利润来自20%的大客户，而分层管理能提升30%的客户留存率。以精准分层为例，企业需根据客户贡献度、战略匹配度等维度划分优先级，例如，某全球500强企业通过RFM模型（最近消费、频率、金额）筛选出Top5%客户，针对性投入资源后，次年营收增长达18%。一、大客户分层与识
  • AQS 核心原理与高频面试题详解 java
    前言AQS（AbstractQueuedSynchronizer）是Java并发包（java.util.concurrent）中的核心基础类，它提供了一个框架来实现阻塞锁和相关的同步器（如信号量、CountDownLatch等）。AQS内部使用了一个FIFO的双向队列来管理线程，这个队列存储的是等待获取同步状态的线程节点。一、AQS的核心原理1.AQS的作用是什么？AQS是一个用于构建锁和同步器的
  • 红队内网攻防渗透：内网渗透之Windows内网信息收集：内网和域 HACKNOE 红队攻防内网渗透研究院web安全网络安全系统安全
    红队内网攻防渗透1.内网渗透之信息收集1.内网信息收集的目的2.本机信息收集网络配置查询操作系统及版本信息查看系统体系结构查看安装的软件及版本、路径等查询本机服务查询进程列表查毒软件查看启动程序信息查看计划任务查看主机开机时间查询用户列表获取本地管理员查看当前在线用户列出或断开本地计算机与所连的客户端之间的会话查看端口列表查看补丁列表查看共享连接保存当前主机上的所有WiFi信息查看本机共享列表查询
  • 什么是MVC？什么是SpringMVC？什么是三层架构？ m0_74824802 面试学习路线阿里巴巴mvc架构
    文章目录应用分层什么是MVC?什么是SpringMVC？三层架构三层架构和MVC的关系应用分层在讲解什么是MVC之前，先来理解一下什么是应用分层。应用分层是一种软件开发设计思想，将应用程序划分成N个层次，每个层次都分别负责自己的职责，多个层次之间来协同提供完整的功能，根据项目的复杂度，将项目分成三层或四层等。举个例子：比如，一个公司创始初期，创始人要身兼数职，既要做财务，又要做人事，又要做行政，但
  • MIPI转换芯片、ICN6211、ICN6202、MIPI转RGB、MiPI转LVDS、分辨率最高1080P、MIPI转双路LVDS 17633853662 视频编解码音视频实时音视频桥接模式
    MIPI转换芯片、ICN6211、ICN6202、MIPI转RGB、MiPI转LVDS、分辨率最高1080P、MIPI转双路LVDS1:ICN6211是一颗MIPI转RGB的桥接芯片如下图2:ICN6202是一颗MIPI转LVDS的桥接芯片如下图这两颗芯片主要应用在：手机、平板、老年机、车机等产品上。可以用在MTK、高通、RK、全志、英特尔等芯片上。发布的这两颗视频转换的芯片希望大家可以学习一下，
  • github中多个平台共存 jackyrong github
    在个人电脑上，如何分别链接比如oschina,github等库呢，一般教程之列的，默认 ssh链接一个托管的而已，下面讲解如何放两个文件 1） 设置用户名和邮件地址 $ git config --global user.name "xx" $ git config --global user.email "[email protected]"
  • ip地址与整数的相互转换(javascript) alxw4616 JavaScript
    //IP转成整型 function ip2int(ip){ var num = 0; ip = ip.split("."); num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]); n
  • 读书笔记-jquey+数据库+css chengxuyuancsdn htmljqueryoracle
    1、grouping ,group by rollup, GROUP BY GROUPING SETS区别 2、$("#totalTable tbody>tr td:nth-child(" + i + ")").css({"width":tdWidth, "margin":"0px", &q
  • javaSE javaEE javaME == API下载 Array_06 java
    oracle下载各种API文档： http://www.oracle.com/technetwork/java/embedded/javame/embed-me/documentation/javame-embedded-apis-2181154.html JavaSE文档： http://docs.oracle.com/javase/8/docs/api/ JavaEE文档： ht
  • shiro入门学习 cugfy javaWeb框架
    声明本文只适合初学者，本人也是刚接触而已，经过一段时间的研究小有收获，特来分享下希望和大家互相交流学习。 首先配置我们的web.xml代码如下，固定格式，记死就成 <filter>         <filter-name>shiroFilter</filter-name> &nbs
  • Array添加删除方法 357029540 js
         刚才做项目前台删除数组的固定下标值时，删除得不是很完整，所以在网上查了下，发现一个不错的方法，也提供给需要的同学。 //给数组添加删除             Array.prototype.del = function(n){
  • navigation bar 更改颜色 张亚雄 IO
    今天郁闷了一下午，就因为objective-c默认语言是英文，我写的中文全是一些乱七八糟的样子，到不是乱码，但是，前两个自字是粗体，后两个字正常体，这可郁闷死我了，问了问大牛，人家告诉我说更改一下字体就好啦，比如改成黑体，哇塞，茅塞顿开。       翻书看，发现，书上有介绍怎么更改表格中文字字体的，代码如下    
  • unicode转换成中文 adminjun unicode编码转换
      在Java程序中总会出现\u6b22\u8fce\u63d0\u4ea4\u5fae\u535a\u641c\u7d22\u4f7f\u7528\u53cd\u9988\uff0c\u8bf7\u76f4\u63a5这个的字符，这是unicode编码，使用时有时候不会自动转换成中文就需要自己转换了使用下面的方法转换一下即可。 /** * unicode 转换成 中文
  • 一站式 Java Web 框架 firefly aijuans Java Web
    Firefly是一个高性能一站式Web框架。 涵盖了web开发的主要技术栈。 包含Template engine、IOC、MVC framework、HTTP Server、Common tools、Log、Json parser等模块。 firefly-2.0_07修复了模版压缩对javascript单行注释的影响，并新增了自定义错误页面功能。 更新日志： 增加自定义系统错误页面功能
  • 设计模式——单例模式 ayaoxinchao 设计模式
    定义          Java中单例模式定义：“一个类有且仅有一个实例，并且自行实例化向整个系统提供。”   分析          从定义中可以看出单例的要点有三个：一是某个类只能有一个实例；二是必须自行创建这个实例；三是必须自行向系统提供这个实例。   &nb
  • Javascript 多浏览器兼容性问题及解决方案 BigBird2012 JavaScript
    不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题，毕竟这两中浏览器是占了绝大多数。 一、document.formName.item(”itemName”) 问题 问题说明：IE下，可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName&quo
  • JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误 bijian1013 junit4.11单元测试
            下载了最新的JUnit版本，是4.11，结果尝试使用发现总是报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing这样的错误，上网查了一下，一般的解决方案是，换一个低一点的版本就好了。还有人说，是缺少hamcrest的包。去官网看了一下，如下发现：    
  • [Zookeeper学习笔记之二]Zookeeper部署脚本 bit1129 zookeeper
    Zookeeper伪分布式安装脚本(此脚本在一台机器上创建Zookeeper三个进程，即创建具有三个节点的Zookeeper集群。这个脚本和zookeeper的tar包放在同一个目录下，脚本中指定的名字是zookeeper的3.4.6版本，需要根据实际情况修改)：   #!/bin/bash #!!!Change the name!!! #The zookeepe
  • 【Spark八十】Spark RDD API二 bit1129 spark
    coGroup package spark.examples.rddapi import org.apache.spark.{SparkConf, SparkContext} import org.apache.spark.SparkContext._ object CoGroupTest_05 { def main(args: Array[String]) { v
  • Linux中编译apache服务器modules文件夹缺少模块(.so)的问题 ronin47 modules
    在modules目录中只有httpd.exp，那些so文件呢？ 我尝试在fedora core 3中安装apache 2. 当我解压了apache 2.0.54后使用configure工具并且加入了 --enable-so 或者 --enable-modules=so (两个我都试过了) 去make并且make install了。我希望在/apache2/modules/目录里有各种模块，
  • Java基础-克隆 BrokenDreams java基础
            Java中怎么拷贝一个对象呢？可以通过调用这个对象类型的构造器构造一个新对象，然后将要拷贝对象的属性设置到新对象里面。Java中也有另一种不通过构造器来拷贝对象的方式，这种方式称为 克隆。         Java提供了java.lang.
  • 读《研磨设计模式》-代码笔记-适配器模式-Adapter bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 适配器模式解决的主要问题是，现有的方法接口与客户要求的方法接口不一致 * 可以这样想，我们要写这样一个类（Adapter）: * 1.这个类要符合客户的要求 ---> 那显然要
  • HDR图像PS教程集锦&心得 cherishLC PS
    HDR是指高动态范围的图像，主要原理为提高图像的局部对比度。 软件有photomatix和nik hdr efex。 一、教程 叶明在知乎上的回答： http://www.zhihu.com/question/27418267/answer/37317792 大意是修完后直方图最好是等值直方图，方法是HDR软件调一遍，再结合不透明度和蒙版细调。 二、心得 1、去除阴影部分的
  • maven-3.3.3 mvn archetype 列表 crabdave ArcheType
    maven-3.3.3 mvn archetype 列表 可以参考最新的：http://repo1.maven.org/maven2/archetype-catalog.xml   [INFO] Scanning for projects... [INFO]                
  • linux shell 中文件编码查看及转换方法 daizj shell中文乱码vim文件编码
    一、查看文件编码。     在打开文件的时候输入:set fileencoding     即可显示文件编码格式。 二、文件编码转换     1、在Vim中直接进行转换文件编码,比如将一个文件转换成utf-8格式       &
  • MySQL--binlog日志恢复数据 dcj3sjt126com binlog
    恢复数据的重要命令如下 mysql> flush logs; 默认的日志是mysql-bin.000001，现在刷新了重新开启一个就多了一个mysql-bin.000002                  
  • 数据库中数据表数据迁移方法 dcj3sjt126com sql
    刚开始想想好像挺麻烦的，后来找到一种方法了，就SQL中的 INSERT 语句，不过内容是现从另外的表中查出来的，其实就是 MySQL中INSERT INTO SELECT的使用   下面看看如何使用   语法：MySQL中INSERT INTO SELECT的使用 1. 语法介绍       有三张表a、b、c，现在需要从表b
  • Java反转字符串 dyy_gusi java反转字符串
           前几天看见一篇文章，说使用Java能用几种方式反转一个字符串。首先要明白什么叫反转字符串，就是将一个字符串到过来啦，比如"倒过来念的是小狗"反转过来就是”狗小是的念来过倒“。接下来就把自己能想到的所有方式记录下来了。 1、第一个念头就是直接使用String类的反转方法，对不起，这样是不行的，因为Stri
  • UI设计中我们为什么需要设计动效 gcq511120594 UIlinux
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯，就是让用户更加爽更加爽的用
  • JBOSS服务部署端口冲突问题 HogwartsRow java应用服务器jbossserverEJB3
    服务端口冲突问题的解决方法，一般修改如下三个文件中的部分端口就可以了。   1、jboss5/server/default/conf/bindingservice.beans/META-INF/bindings-jboss-beans.xml   2、./server/default/deploy/jbossweb.sar/server.xml   3、.
  • 第三章 Redis/SSDB+Twemproxy安装与使用 jinnianshilongnian ssdbreidstwemproxy
    目前对于互联网公司不使用Redis的很少，Redis不仅仅可以作为key-value缓存，而且提供了丰富的数据结果如set、list、map等，可以实现很多复杂的功能；但是Redis本身主要用作内存缓存，不适合做持久化存储，因此目前有如SSDB、ARDB等，还有如京东的JIMDB，它们都支持Redis协议，可以支持Redis客户端直接访问；而这些持久化存储大多数使用了如LevelDB、RocksD
  • ZooKeeper原理及使用 liyonghui160com
               ZooKeeper是Hadoop Ecosystem中非常重要的组件，它的主要功能是为分布式系统提供一致性协调(Coordination)服务，与之对应的Google的类似服务叫Chubby。今天这篇文章分为三个部分来介绍ZooKeeper，第一部分介绍ZooKeeper的基本原理，第二部分介绍ZooKeeper
  • 程序员解决问题的60个策略 pda158 框架工作单元测试
    根本的指导方针 1. 首先写代码的时候最好不要有缺陷。最好的修复方法就是让 bug 胎死腹中。 良好的单元测试 强制数据库约束 使用输入验证框架 避免未实现的“else”条件 在应用到主程序之前知道如何在孤立的情况下使用   日志 2. print 语句。往往额外输出个一两行将有助于隔离问题。 3. 切换至详细的日志记录。详细的日
  • Create the Google Play Account sillycat Google
    Create the Google Play Account Having a Google account, pay 25$, then you get your google developer account. References: http://developer.android.com/distribute/googleplay/start.html https://p
  • JSP三大指令 vikingwei jsp
    JSP三大指令   一个jsp页面中，可以有0~N个指令的定义！ 1. page --> 最复杂：<%@page language="java" info="xxx"...%>   * pageEncoding和contentType：     > pageEncoding：它
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他