骑猴上树
骑猴上树

spin.js无图片实现loading进度条,支持但非依赖jquery（亲试，很好用）

转自：http://www.2cto.com/kf/201308/238662.html

特点：
1.无图片，无外部CSS
2.无依赖（支持jQuery,但非必须）
3.高度可配置
4.分辨率无关
5.旧版本IE不支持时，采用VML支持
6.使用关键帧动画，采用setTimeout()
7.兼容各种主流浏览器，包括IE6
8.MIT认证

spin.js动态创建进度条，可用来替换使用ajax加载gif图片

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<body>  
<div id= "myspin" ></div>  
<script src= "spin.js" ></script>  
<script>  
var opts = {  
lines: 13, // 画的线条数  
length: 20, // 每条线的长度  
width: 10, // 线宽  
radius: 30, // 线的圆角半径  
corners: 1, // Corner roundness (0..1)  
rotate: 0, // 旋转偏移量  
direction: 1, // 1: 顺时针, -1: 逆时针  
color: '#000' , // #rgb or #rrggbb or array of colors  
speed: 1, // 转速/秒  
trail: 60, // Afterglow percentage  
shadow: false , // 是否显示阴影  
hwaccel: false , // 是否使用硬件加速  
className: 'spinner' , // 绑定到spinner上的类名  
zIndex: 2e9, // 定位层 (默认 2000000000)  
top: 'auto' , // 相对父元素上定位，单位px  
left: 'auto' // 相对父元素左定位，单位px  
};  
var target = document.getElementById( "myspin" );  
var spinner = new Spinner(opts).spin(target)  
</script>  
</body>  
<body>
<div id= "myspin" ></div>
<script src= "spin.js" ></script>
<script>
var opts = {
lines: 13, // 画的线条数
length: 20, // 每条线的长度
width: 10, // 线宽
radius: 30, // 线的圆角半径
corners: 1, // Corner roundness (0..1)
rotate: 0, // 旋转偏移量
direction: 1, // 1: 顺时针, -1: 逆时针
color: '#000' , // #rgb or #rrggbb or array of colors
speed: 1, // 转速/秒
trail: 60, // Afterglow percentage
shadow: false , // 是否显示阴影
hwaccel: false , // 是否使用硬件加速
className: 'spinner' , // 绑定到spinner上的类名
zIndex: 2e9, // 定位层 (默认 2000000000)
top: 'auto' , // 相对父元素上定位，单位px
left: 'auto' // 相对父元素左定位，单位px
};
var target = document.getElementById( "myspin" );
var spinner = new Spinner(opts).spin(target)
</script>
</body>


spin（）方法初始化必须的HTML元素，并开始动画，如果目标元素作为一个参数传递，spinner将被作为第一

个子节点，添加到父节点，水平、垂直居中。


手动定位：
默认是水平、垂直居中，我们可以手动配置，初始化参数中的top和left.将会相对目标元素定位。

为了手动插入spinner到DOM节点中，调用spin()方法，不带任何参数，使用el属性访问HTML元素。如下：
var spinner = new Spinner().spin();
target.appendChild(spinner.el);
返回的是一个相对定位，高度为0的DIV[class="spinner"]元素，spinner的中心被定位到这个div的左上角。


你可能感兴趣的:(loading,spin.js)

  • Vicky的ScalersTalk第六轮新概念朗读持续力训练Day73 20210411 Vicky_b9de
    练习材料：ModerncavemenPart-3ˈmɒdənˈkeɪvmənpɑːt-3Theyplungedintothelake,andafterloadingtheirgearonaninflatablerubberdinghy,letthecurrentcarrythemtotheotherside.Toprotectthemselvesfromtheicywater,theyhadtow
  • 小程序的三种弹框showToast、showModal、showLoading 前端-文龙刚 小程序小程序
    小程序常用的三种弹框有：showToast：消息提示框showModal：模态对话框showLoading：加载框第一：showToast：消息提示框默认的样式自定义icon图标具体代码如下：wx.showToast({title:'成功',//提示内容icon:'loading',//图标（success成功图标、error失败图标、loading加载图标、none不显示图标）image:'..
  • 小程序将图片保存到本地 前端-文龙刚 小程序小程序javascript开发语言
    wx.downloadFile({//先将图片下载下来url:canvasToTempFilePath,//图片地址success:function(res){//图片保存本地操作wx.saveImageToPhotosAlbum({filePath:res.tempFilePath,success:function(data){wx.hideLoading()wx.showToast({titl
  • 源码到class字节码的编译流程 & 字节码到内存的Java类加载流程 Tinty0o0 java开发语言
    类加载：字节码—>内存Java类的加载流程是一个复杂但有序的过程，它确保了类文件能够被正确地加载到Java虚拟机（JVM）中，并被正确地初始化和使用。这个过程主要包括以下几个阶段：1.加载（Loading）加载阶段是类加载过程的第一个阶段。在这个阶段，JVM通过类加载器（ClassLoader）完成以下三件事情：通过一个类的全限定名（包括包名和类名）来获取定义此类的二进制字节流。将这个字节流所代表
  • centos7-安装docker-compose 报错/lib64/libc.so.6: version `GLIBC_2.28‘ not found wangying202 dockerdockercentos
    新增安装的centos7虚拟机，按要求需要安装docker-compose，遇到了使用docker-compose命令时报错“[11798]ErrorloadingPythonlib‘/tmp/_MEIztwHzf/libpython3.9.so.1.0’:dlopen:/lib64/libc.so.6:version‘GLIBC_2.28’notfound(requiredby/tmp/_MEI
  • JVM 架构 : 运行时数据区 & 内存结构 光剑书架上的书
    JVM:JavaVirtualMachine架构JVMArchitectureRuntimeDataArea/MemoryStructureClassloaderClassloaderisasubsysteminJVM,whichisprimarilyresponasibleforloadingthejavaclasses,thereare3differentclassloaders:Bootst
  • TS axios封装 小白小白从不日白 TypeScript前端typescript
    方式一service/request/request.tsimportaxiosfrom'axios'import{ElLoading}from'element-plus'importtype{AxiosRequestConfig,AxiosInstance,AxiosResponse}from'axios'importtype{ILoadingInstance}from'element-plus
  • 16. MyBatis的延迟加载机制是什么？如何配置？有哪些优缺点？ 这孩子叫逆 Mybatis笔记oracle数据库mybatis
    延迟加载（LazyLoading）是MyBatis提供的一种机制，用于优化数据库查询性能。在启用延迟加载时，某些关联对象或集合只有在被实际访问时才会触发数据库查询，而不是在主对象加载时立即加载。这种机制可以减少不必要的数据库查询，特别是在处理多表关联关系时非常有用。延迟加载的配置在MyBatis中，延迟加载可以通过配置文件中的设置来启用。主要有以下几个步骤：1.启用全局延迟加载在MyBatis的全
  • pythongui入门实例大全详细教程全_python简单进阶之GUI：PySimpleGUI案例 weixin_39779739
    python简单进阶之GUI：PySimpleGUI案例雁陎•2020年04月23日Loading...请注意，本文编写于217天前，最后修改于217天前，其中某些信息可能已经过时。>这是简单进阶教程系列第二篇，本系列文章主要介绍那些可以很快上手的进阶库。阅读本文前，请确保你对PySimpleGUi库有基本了解如果没有的话，请参考*使用教程：[https://www.sitstars.com/ar
  • error while loading shared libraries: libmysqlclient.so.18 进击的CJR linuxadb
    这个错误提示表示在运行程序时，找不到libmysqlclient.so.18共享库文件。为了解决这个问题，你可以按照以下步骤进行操作：确认是否安装了MySQL开发库：首先，确保你的系统已经安装了MySQL开发库。可以使用以下命令来检查：yumlistinstalled|grepmysql-devel如果没有安装，可以使用以下命令来安装：sudoyuminstallmysql-devel确认共享库文
  • 前端工程化——脚手架及自动化构建 Jelly-JK 前端工程化javascriptnode.jshtml
    定义一切以提高效率、降低成本、质量保证为目的的手段，都属于工程化前端工程化主要解决的问题传统语言或语法的弊端无法使用模块化/组件化重复性的机械工作代码风格统一、质量保证依赖后端服务接口的保证整体依赖后端项目工程化的表现体现在项目的整个流程：创建项目创建项目结构创建特定类型文件编码格式化校验校验代码风格编译/构建/打包预览/测试WebServer/MockLiveReloading/HMRSourc
  • django报错汇总 Yogurt bottle djangopython后端
    1.django.core.exceptions.ImproperlyConfigured:ErrorloadingMySQLdbmodule__init__.py文件中添加以下代码：importpymysqlpymysql.install_as_MySQLdb()2.index()takes0positionalargumentsbut1wasgiven#视图函数必须要传入一个参数request
  • 【机器人工具箱Robotics Toolbox开发笔记（二）】Matlab中机器人工具箱的下载与安装 DRobot 机器人工具箱RoboticsToolbox开发笔记机器人笔记matlab
    Matlab机器人工具箱（RoboticsToolbox）可从PeterCorke教授提供的网站上免费下载。网址为：http://www.petercorke.com/Robotics_Toolbox.html。图1网站所提供的机器人工具箱版本在DownloadingtheToolbox栏目中单击here按钮进入下载页面，然后在该页面中填写国家、组织和身份等信息，进入机器人工具箱的下载页面。如图1
  • 首屏加载缓慢之添加loading效果问题 乐辞 前端
    我在做用户体验界面时一方面是要提高网页的加载速度，另一方面也可以加载引导动画转移用户注意力，让用户觉得快。来讲一下首屏优化---加loading动画。一般情况下，首屏加载都比较慢。因为chunk-vendors.xxx.js的体积比较大，没有加载之前页面会白屏，这样用户的体验就很差，我们可以在白屏时用动画替代。给入口index.html文件中(public/index.html)中的在根元素内加上
  • IOS 动画 动态变换背景色和大小 SkTj
    1importUIKit23classViewController：UIViewController{45overridefuncviewDidLoad(){6super.viewDidLoad()7//Doanyadditionalsetupafterloadingtheview,typicallyfromanib.8letrect=CGRect(x：40,y：80,width：240,heig
  • Django1.8无法连接mysql的问题Did you install mysqlclient or MySQL-python 纵横千里，捭阖四方 pythonmysql数据库database
    使用Django1.8创建新项目时，经常出现一个奇怪的问题ErrorloadingMySQLdbModule'DidyouinstallmysqlclientorMySQL-python?'即使将这两个使用pipinstall给安装了还是无法启动，这时候应该做的是：pipinstallpymysql然后在工程目录下的__init__.py文件里添加importpymysqlpymysql.inst
  • 多态性（Polymorphism） MHP小喇叭 java开发语言
    多态性（Polymorphism）是面向对象编程的三大特性之一（封装、继承、多态）。在编程中，多态性允许我们以统一的方式处理不同类型的对象。多态性通常通过方法的重写（Overriding）和重载（Overloading）来实现，但在面向对象编程的上下文中，我们主要关注与继承相关的多态性。多态性的定义多态性是指不同的对象对同一消息做出不同的响应。换句话说，多态性允许我们将父类类型的引用指向子类对象，
  • Vue3+elementplus实现图片上传下载（最强实践） J不A秃V头A 前端vue.js前端javascript
    图片上传子组件：实现照片的上传，预览，以及转成以逗号隔开的图片地址，即时监听，并发送消息到父组件。Loading...import{computed,ref,watch}from'vue';import{upload}from'@/api/file'import{ElMessage}from'element-plus'importemitterfrom'@/utils/emitter'//上传文件
  • Guava Cache的使用 coderlong javaCache
    缓存在Guav中的应用GuavaCache与ConcurrentMap很相似，但也不完全一样。最基本的区别是ConcurrentMap会一直保存所有添加的元素，直到显式地移除。相对地，GuavaCache为了限制内存占用，通常都设定为自动回收元素。在某些场景下，尽管LoadingCache不回收元素，它也是很有用的，因为它会自动加载缓存。通常来说，GuavaCache适用于：你愿意消耗一些内存空间
  • 在项目中遇到难点以及如何解决 滑楼村大恶霸 okhttp
    1.如何防止重复提交一般使用的是防抖和节流，节流函数通过控制每次时间执行的时间间隔，控制短时间多次执行方法。防抖函数是推迟每次事件执行的时间减少不必要的查询。但是网络慢的时候，还是会重复提交，没有显示状态，用户不知道有没有真的提交。所以就给按钮添加一个加载状态，查了发现el-button自带了loading属性，传参的时候传一个submit函数，是一个Promise,promise状态改变的时候把
  • java guava local cache +Map深浅拷贝 ZHEXI_Coding free java/jsjava
    笔者使用guava的localcache遇到一个坑，查了很长时间，最终顺利解决。1.问题阐述1.定义缓存privateLoadingCache>liveCenterLRFeatureCache;2.获取缓存处：Mapfeature=this.liveCenterLRFeatureCache.getUnchecked(anchorFeatureKey))3.操作从缓存中获取的数据3.1使用处对map
  • OSError: [WinError 126] 找不到指定的模块---caffe2_detectron_ops_gpu.dll 努力的小柚 python运行问题pythonpytorch
    代码复现记录：问题：OSError:[WinError126]找不到指定的模块。Errorloading"C:\Anaconda\Anaconda3\envs\TIN\lib\site-packages\torch\lib\caffe2_detectron_ops_gpu.dll"oroneofitsdependencies.在搜索很多关于无法查找到caffe2_detectron_ops_gpu
  • OSError: [WinError 126] 找不到指定的模块。 Error loading “D:\software\python310\lib\site-packages\torch\lib.. 是小白_鸭 pycharmidepython
    pycharm项目运行报OSError:[WinError126]找不到指定的模块。Errorloading"D:\software\python310\lib\site-packages\torch\lib\fbgemm.dll"oroneofitsdependencies.解决方法资源下载链接解决方法下载libomp140.x86_64.dll，放到D:\software\python310\
  • 解决Pycharm下载torch报错：OSError: [WinError 126] 找不到指定的模块。 毕业回老家 python开发语言
    错误全称：OSError:[WinError126]找不到指定的模块。Errorloading"D:\ProgramFiles\Python\Python311\Lib\site-packages\torch\lib\fbgemm.dll"oroneofitsdependencies.解决：在路径“D:\ProgramFiles\Python\Python311\Lib\site-packages
  • 解决OSError: [WinError 126] 找不到指定的模块。 Error loading “E:\Environment\Python\Python310\lib\site-packages Jack_pirate python开发语言
    原文链接：解决OSError:[WinError126]找不到指定的模块。Errorloading“D:\Anaconda3\Lib\site-packages\torch\lib\fbgemm_lamacleaneroserror:[winerror126]找不到指定的模块。-CSDN博客在卸载visiostudio之后就出现一系列怪事，首先pytorch在import的时候就会报错缺少fbge
  • nvm install 16.15.0 : The process cannot access the file because it is being used by another process Faith-J nvmnode.jsnpm
    nvminstall16.15.0:TheprocesscannotaccessthefilebecauseitisbeingusedbyanotherprocessC:\Windows\System32>nvminstall16.15.0Downloadingnode.jsversion16.15.0(64-bit)...CompleteDownloadingnpmversion8.5.5...
  • IOS MKMapCamera三维地图 SkTj
    1overridefuncviewDidLoad(){2super.viewDidLoad()3//Doanyadditionalsetupafterloadingtheview,typicallyfromanib.45letmapView=MKMapView(frame：self.view.bounds)6mapView.mapType=MKMapType.standard78letcenter
  • javascript设计模式---单例模式 知道了啊 javascript设计模式单例模式
    JavaScript设计模式—单例模式单例模式又称为单体模式，并提供一个访问它的全局访问点，也就是说，第二次使用同一个类创建的对象的时候，应该得到和第一次创建的对象完全相同的对象特点一个类只能生成一个实例对象提供一个全局访问点来获取这个实例案例window和documentVuex，Redux和Router全局loading缺点确保在整个应用中，只有一个实例存在，而且该实例需要被全局访问时。但是使
  • vue项目vant下拉刷新，上拉加载，实现切换Tab页面数据下拉加载更多（分页） 番茄小酱001 VUE2vue.js前端javascriptsvn前端框架
    1、html结构//原本这里我是写在上面的van-tab里面嵌套的，结果调用接口的时候会有bug(切换tab时接口的分页数据total为20条，结果渲染30条出来)所展示的内容2、data参数data(){return{pageNo:1,pageSize:10,loading:false,finished:false,active:'',listName:["Tab","所展示","的","内容"
  • centos中yum安装时提示Cannot find a valid baseurl for repo: base/7/x86_64 出现仓库源问题 Zww0891 服务器BUGcentoslinux运维
    引言centos中yum安装时报Cannotfindavalidbaseurlforrepo:base/7/x86_64错误如下已加载插件：fastestmirrorLoadingmirrorspeedsfromcachedhostfileCouldnotretrievemirrorlisthttp://mirrorlist.centos.org/?release=7&arch=x86_64&re
  • 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其他