- jquery动态控制checkbox选中状态
骑仕泡泡
RunJS演示代码$(document).ready(function(){varstr="1,2,3";$(str.split(",")).each(function(i,dom){$(":checkbox[value='"+dom+"']").prop("checked",true);$(":checkbox[id='"+dom+"']").prop("checked",true);});})
- 2020-07-15 文字超出隐藏变成。。。鼠标移入以悬浮框展示
赵坤阿
当文字超出宽度变成。。。大家应该都会我就把代码贴上RunJS演示代码#zka{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:200px;}onload=function(){zka.onmouseover=function(){this.title=this.innerHTML;}}赵坤阿张云雷刘筱亭秦霄贤孟鹤堂雷佳
- css面试题——九宫格
weixin_30897079
前端ViewUI
逛博客时看到一css面试题,感觉还是比较经典的,所以动手做了一下来自一淘的WEB前端的面试题,题目要求如下:使用HTML+CSS实现如图布局,border-width:5px,格子大小是50px*50px,hover时边框变成红色,需要考虑IE6+和语义化的结构。题目不难,主要还是考察面试者对CSS灵活运用程度。查看Demo:http://sandbox.runjs.cn/show/no0kubo
- js特效篇---标签页
交大小丑
MaterilaDesign水波纹-RunJShttp://runjs.cn/code/gkarvkda
- 5、手机输入法遮挡输入框解决方法
草中玉
技术手机输入法
一参考资料二HTML三CSS四JS一、参考资料RunJs:http://runjs.cn/code/pigebxdj二、HTMLkeyboardTitle三、CSS.bodyer{position:relative;//关键padding:0rem;margin:0rem;background-color:#888888;transition:top1s;-moz-transition:top1s
- bootstrap去掉水平滚动条,小屏自适应表格实现方法
viqecel
css及js相关
bootstrap的表格及单元格的宽度会随着浏览器大小而自动压缩.但是通过#no-more-tables的css插件,则可以实现2列垂直排列的效果,比如原来是这样的修改后是这样的演示地址https://sandbox.runjs.cn/show/zbmvnzwm注意事项,每个td上要加data-title属性,table标签上要加table的class样式完整代码CodeCompanyPriceC
- runjs在vue2项目中的使用
BUG创建者
javascriptvue.js开发语言
安装run.js插件安装chalkconst{run}=require('runjs')constchalk=require('chalk')constconfig=require('../vue.config.js')constrawArgv=process.argv.slice(2)constargs=rawArgv.join('')if(process.env.npm_config_prev
- 常用网站
_NineSun旭_
free-programming-books-zh_CN这是github上的一个开源项目,大量免费的计算机编程类中文书籍。收集了从编程语言到操作系统各个方面的中文在线免费书籍和教程。leetcode、牛客网刷题网站RunJs各种demo程序员工具箱
- CSS 实现自适应文本的头像
前端csscss3
欢迎关注我的公众号:前端侦探Ant-design中有一个这样的头像组件,当字符串较长时,字体大小可以根据头像宽度自动调整,效果如下当然,这里是通过JS根据字符数量自动缩放文本实现的而现在,仅仅通过CSS也能达到类似的效果,一起看看吧你也可以提前访问线上demo:CSSavator(runjs.work)一、CSS容器尺寸单位实现这个效果需要借助容器尺寸单位。这些单位是跟随CSS容器查询一起出现的,
- 重学ReactJS系列文章之前言
本书目的本书名叫《重学React》,作者枫林,runjs.work开发者。为何要重新学?重学的目的,是为了系统地、全面地了解React相关技术。从React刚推出(2014年),到现在的React18,站长本人几乎是一路使用React做项目产品过来的。包括本站(runjs.work),也是用React打造。但是,尽管已经用了这么多年,我对React的了解,始终是似懂非懂。经常碰到一些坑,实际上官网
- RunJS Chrome Plugin V1.0.6发布
RunJSEditorv1.0.6-2022/7/24feat:调试窗口feat:html类型支持markdownfeat:javascript类型支持typescript1.调试窗口打开lodash/momentjs之类的工具库文档时,咱们可以边看文档,边在RunJS中写示例打印相应结果,无需打开浏览器自带的debug工具。点击保存按钮,或者按Ctrl+S保存示例。下次打开同一个网址时,RunJ
- RunJS Pro功能简介
RunJS是一个类似Codepen的轻量级前端编辑器,定位于专业的前端代码笔记工具。经过三个多月的开发与用户反馈,核心功能已能满足React/Vue/Angular等各种前端Demo代码的需要。RunJS团队已帮助Segmentfault社区用户解决了工作学习中遇到了25+问题,详见这里。RunJS团队将会深度服务于Pro用户,以用户的需求为己任,不断推陈出新,做一个让用户满意的兼具实用与优质体验
- 前端收藏分享网站
lightningsoul
html5css3jsViewUI
https://developer.mozilla.org/zh-TW/runjs.cnhttp://blog.csdn.net/touch_android/article/details/7236764(推荐18个基于HTML5Canvas开发的图表库)
- 几款好用的前端开发编辑器推荐安利
目录一,VSCode二,SublimeText!三,webStrom四,Atom五,Brackets六,HBuilder七,CodePen八,runJs一,VSCode微软出厂的高颜值编辑器VSCode官网1.加载大文件几乎秒开,运行速度很快2.跨平台的文本编辑器,内置了对许多主流语言的支持3.非常方便的管理插件,可以快速找到适合自己的前端插件4.完全免费(非常推荐)二,SublimeText!S
- Angularjs下拉联动(2)
ZZES_ZCDC
上次联动的代码是在网上看到的,可能无法实现我的要求这次是根据后台要求,自己写的一个联动,当然没有请求接口,就是单独写个固定值演示地址:http://runjs.cn/detail/dta6edch演示只提供了第一个选项的联动,后面没写,最后的属性“开关”和“温度”都写了,为了突出不同1.联动的思路1.首先是选择总类别2.总类别选择后,会关联出设备3.设备选择后,会关联出属性4.属性选择后,会根据属
- 居中解决方案荟萃
前端进阶之旅
原文链接http://blog.poetries.top/2016/11/12/CSS-center-methods/关注公众号获取更多资讯在线预览http://sandbox.runjs.cn/show/oljhupi9水平居中方案方案一:text-align+inline-block水平居中#parent1{text-align:center;background:#ddd;margin-bo
- 基于G6实现的流成工具
zyghhhh
记录一下,原地址为https://www.jianshu.com/p/e28c70a3605c代码:效果:http://runjs.cn/detail/92edwvz9下例代码中与原文相比砍掉了方向布局插件:统一分层布局::-webkit-scrollbar{display:none;}html,body{overflow:hidden;}新增圆新增矩形删除自定义形1自定义形2自定义形3添加直线添
- 本地与在线图片转Base64及图片预览
weixin_34015566
git
查看效果:http://sandbox.runjs.cn/show/tgvbo9nq本地图片转Base64(从而可以预览图片):functionlocalImgLoad(){varsrc=this.files[0];varself=$(this);varread=newFileReader();read.onload=function(e){varhtml="";self.parent().app
- 屌爆了的两个在线编辑网站runjs和jsbin
weixin_33863087
游戏
作者:zccstHTML5+css3做的小游戏http://timelineapp.pointstone.org/coreball/game.html切图工具:http://kuaiqie.coding.io/2014-6-10在线检测浏览器支持http://caniuse.com/http://kangax.github.io/compat-table/es5/在线编辑1,runjs强大的在线编
- jsrun和runjs 哪家强?
qq_35602590
runjs是oschina旗下的一个项目,主色调以暗黑色,网站建成历史较长runjs.cn域名可追溯到2012年08月29日,成立至今,runjs已处于无人运营状态,oschina将其精力投放于旗下更具商业潜力的众包平台、码云等产品,加上runjs并不出色的用户体验,和runjs不具备达到期望的商业性目的,现在runjs沦为oschina的边缘产品.jsrun作为后起之秀,以良好的用户体验和清新的
- 看看这个和runjs类似的网站jsrun
qq_35602590
在阅读到http://blog.csdn.net/qq_35602590/article/details/51908059这一文章后,有幸了解到jsrun,。这个和runjs类似的网站jsrun,从域名上来看,也真的是很类似,但仔细一用后发现这两个网站功能也很类似,但是会有一种完全不同的体验。我是先知道了runjs的,后来才知道的jsrun,在用了jsrun之后,那种相逢恨晚的感觉。因为jsrun
- 前端技术点扫盲
bugknightyyp
记事本
异步加载JS的框架:国外的像基于jQuery的RequireJs,YUILoader,LabJs,RunJs,国内也有淘宝的SeaJs,豆瓣的DoJs,in.js(介绍地址http://www.websbook.com/javascript/ybjzJSdkj_In_jsjs_20528.html)等,这些都是一些十分优秀的模块加载器。兼容ie678处理动画的框架excanvas.jsGoogle
- css中伪元素before或after中content的特殊用法attr
front_end_fan
cssCSS3
前言今天主要讲讲用纯css制作精美的半边文字和鼠标移上去显示tip的效果!知识点回顾关于伪类及伪元素,我前面文章已经经过。content除了上面的用法之外,还可以如下写:content:attr(data-haorooms);获取哪个属性。我们就是利用这个知识点。纯css制作精美鼠标移上去显示tips效果看如下案例:src="http://sandbox.runjs.cn/show/n5n4flr
- js三元表达式
xlj3
js
RunJS演示代码#div1{border:1pxsolidblack;width:300px;height:200px;display:block;position:absolute;margin-top:10px;background-color:yellow;}window.οnlοad=function(){btn1.οnclick=function(){div1.style.displa
- 1.跨浏览器通讯之iframe 以及window.open
艾特猫
HTML5
同一域名下通讯:1.iframe之间通讯:效果以及代码:http://sandbox.runjs.cn/show/3ntvrlml2.BOM对象实现通讯:效果以及代码:http://sandbox.runjs.cn/show/owl7v6pm3.HTML5WebWorkersHTML5实现iframe:域名为http://localhost:8080下的页面:发送消息document.getEle
- CSS3鼠标滑过彩色按钮动画特效
MR_Teen
css/csshack
网上看到几个不错的特效,特意收藏一下。基础的css3应用展示也可以访问我的runjs代码分享查看详情width="100%"height="700px;"scrolling="no"src="http://sandbox.runjs.cn/show/8a4s5rg8">用iframe嵌入的展示。参考信息和代码来源:CSS3鼠标滑过彩色按钮动画特效http://www.htmleaf.com/Dem
- Openlayers利用原生Canvas绘制闪烁样式
WilsonOnIsland
开源WebGIS
背景项目需要地图上实现不断报警的闪烁样式,之前是通过Overlay来处理的,但Overlay遮挡要素,无法很好的触发事件,所以就转而使用Canvas原生实现。过程主要参考:openlayers4中闪烁点的实现、canvas-flashMarker-RunJS。改造原flashMarker的使用原本的做法是通过构造新的对象newFlashMarker(map,citys),每次构造新增一个Canva
- web前端开发项目资源网站,私家珍藏!
weixin_33940102
1.CodePen:codepen.io/网站里有很多很酷的特效,而且可以看到效果的源代码,也可以看到实现效果,是一个非常不错的前端开发学习资源网站。这个是CodePen网站里的一个效果的源码截图,是不是很酷呀!2.RunJS:runjs.cn/点击广场,则可以看到很多开发者分享的一些效果源码,如果你想找资源,做项目,这个网站绝对是一个不错的选择。3.BestCSSButtonGenerat:ww
- JavaScript版拼图小游戏
weixin_34038293
慕课网上准备开个新的jQuery教程,花了3天空闲时间写了一个Javascript版的拼图小游戏,作为新教程配套的分析案例拼图游戏网上有不少的实现案例了,但是此源码是我自己的实现,所以不做太多的比较在线预览(Chrome):http://sandbox.runjs.cn/show/pcwfu7i5拼图游戏其实挺简单,主要是涉及到一些细节的处理,以下是我的自己在实现中涉及到的问题:图片的切割与拼接如
- jQuery插件mmGrid的使用
_遇见_
杂七杂八的工具
mmGrid介绍这个链接是对mmGrid的基本介绍http://www.jq22.com/demo/mmGrid-master20150916/examples/index.html这个链接有些完整的小demohttp://runjs.cn/detail/fldvteke?p=4mmGrid简单使用html代码如下:js代码varservice_list=$('#serviceList').mmG
- java线程的无限循环和退出
3213213333332132
java
最近想写一个游戏,然后碰到有关线程的问题,网上查了好多资料都没满足。
突然想起了前段时间看的有关线程的视频,于是信手拈来写了一个线程的代码片段。
希望帮助刚学java线程的童鞋
package thread;
import java.text.SimpleDateFormat;
import java.util.Calendar;
import java.util.Date
- tomcat 容器
BlueSkator
tomcatWebservlet
Tomcat的组成部分 1、server
A Server element represents the entire Catalina servlet container. (Singleton) 2、service
service包括多个connector以及一个engine,其职责为处理由connector获得的客户请求。
3、connector
一个connector
- php递归,静态变量,匿名函数使用
dcj3sjt126com
PHP递归函数匿名函数静态变量引用传参
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Current To-Do List</title>
</head>
<body>
- 属性颜色字体变化
周华华
JavaScript
function changSize(className){
var diva=byId("fot")
diva.className=className;
}
</script>
<style type="text/css">
.max{
background: #900;
color:#039;
- 将properties内容放置到map中
g21121
properties
代码比较简单:
private static Map<Object, Object> map;
private static Properties p;
static {
//读取properties文件
InputStream is = XXX.class.getClassLoader().getResourceAsStream("xxx.properti
- [简单]拼接字符串
53873039oycg
字符串
工作中遇到需要从Map里面取值拼接字符串的情况,自己写了个,不是很好,欢迎提出更优雅的写法,代码如下:
import java.util.HashMap;
import java.uti
- Struts2学习
云端月影
最近开始关注struts2的新特性,从这个版本开始,Struts开始使用convention-plugin代替codebehind-plugin来实现struts的零配置。
配置文件精简了,的确是简便了开发过程,但是,我们熟悉的配置突然disappear了,真是一下很不适应。跟着潮流走吧,看看该怎样来搞定convention-plugin。
使用Convention插件,你需要将其JAR文件放
- Java新手入门的30个基本概念二
aijuans
java新手java 入门
基本概念: 1.OOP中唯一关系的是对象的接口是什么,就像计算机的销售商她不管电源内部结构是怎样的,他只关系能否给你提供电就行了,也就是只要知道can or not而不是how and why.所有的程序是由一定的属性和行为对象组成的,不同的对象的访问通过函数调用来完成,对象间所有的交流都是通过方法调用,通过对封装对象数据,很大限度上提高复用率。 2.OOP中最重要的思想是类,类是模板是蓝图,
- jedis 简单使用
antlove
javarediscachecommandjedis
jedis.RedisOperationCollection.java
package jedis;
import org.apache.log4j.Logger;
import redis.clients.jedis.Jedis;
import java.util.List;
import java.util.Map;
import java.util.Set;
pub
- PL/SQL的函数和包体的基础
百合不是茶
PL/SQL编程函数包体显示包的具体数据包
由于明天举要上课,所以刚刚将代码敲了一遍PL/SQL的函数和包体的实现(单例模式过几天好好的总结下再发出来);以便明天能更好的学习PL/SQL的循环,今天太累了,所以早点睡觉,明天继续PL/SQL总有一天我会将你永远的记载在心里,,,
函数;
函数:PL/SQL中的函数相当于java中的方法;函数有返回值
定义函数的
--输入姓名找到该姓名的年薪
create or re
- Mockito(二)--实例篇
bijian1013
持续集成mockito单元测试
学习了基本知识后,就可以实战了,Mockito的实际使用还是比较麻烦的。因为在实际使用中,最常遇到的就是需要模拟第三方类库的行为。
比如现在有一个类FTPFileTransfer,实现了向FTP传输文件的功能。这个类中使用了a
- 精通Oracle10编程SQL(7)编写控制结构
bijian1013
oracle数据库plsql
/*
*编写控制结构
*/
--条件分支语句
--简单条件判断
DECLARE
v_sal NUMBER(6,2);
BEGIN
select sal into v_sal from emp
where lower(ename)=lower('&name');
if v_sal<2000 then
update emp set
- 【Log4j二】Log4j属性文件配置详解
bit1129
log4j
如下是一个log4j.properties的配置
log4j.rootCategory=INFO, stdout , R
log4j.appender.stdout=org.apache.log4j.ConsoleAppender
log4j.appender.stdout.layout=org.apache.log4j.PatternLayout
log4j.appe
- java集合排序笔记
白糖_
java
public class CollectionDemo implements Serializable,Comparable<CollectionDemo>{
private static final long serialVersionUID = -2958090810811192128L;
private int id;
private String nam
- java导致linux负载过高的定位方法
ronin47
定位java进程ID
可以使用top或ps -ef |grep java
![图片描述][1]
根据进程ID找到最消耗资源的java pid
比如第一步找到的进程ID为5431
执行
top -p 5431 -H
![图片描述][2]
打印java栈信息
$ jstack -l 5431 > 5431.log
在栈信息中定位具体问题
将消耗资源的Java PID转
- 给定能随机生成整数1到5的函数,写出能随机生成整数1到7的函数
bylijinnan
函数
import java.util.ArrayList;
import java.util.List;
import java.util.Random;
public class RandNFromRand5 {
/**
题目:给定能随机生成整数1到5的函数,写出能随机生成整数1到7的函数。
解法1:
f(k) = (x0-1)*5^0+(x1-
- PL/SQL Developer保存布局
Kai_Ge
近日由于项目需要,数据库从DB2迁移到ORCAL,因此数据库连接客户端选择了PL/SQL Developer。由于软件运用不熟悉,造成了很多麻烦,最主要的就是进入后,左边列表有很多选项,自己删除了一些选项卡,布局很满意了,下次进入后又恢复了以前的布局,很是苦恼。在众多PL/SQL Developer使用技巧中找到如下这段:
&n
- [未来战士计划]超能查派[剧透,慎入]
comsci
计划
非常好看,超能查派,这部电影......为我们这些热爱人工智能的工程技术人员提供一些参考意见和思想........
虽然电影里面的人物形象不是非常的可爱....但是非常的贴近现实生活....
&nbs
- Google Map API V2
dai_lm
google map
以后如果要开发包含google map的程序就更麻烦咯
http://www.cnblogs.com/mengdd/archive/2013/01/01/2841390.html
找到篇不错的文章,大家可以参考一下
http://blog.sina.com.cn/s/blog_c2839d410101jahv.html
1. 创建Android工程
由于v2的key需要G
- java数据计算层的几种解决方法2
datamachine
javasql集算器
2、SQL
SQL/SP/JDBC在这里属于一类,这是老牌的数据计算层,性能和灵活性是它的优势。但随着新情况的不断出现,单纯用SQL已经难以满足需求,比如: JAVA开发规模的扩大,数据量的剧增,复杂计算问题的涌现。虽然SQL得高分的指标不多,但都是权重最高的。
成熟度:5星。最成熟的。
- Linux下Telnet的安装与运行
dcj3sjt126com
linuxtelnet
Linux下Telnet的安装与运行 linux默认是使用SSH服务的 而不安装telnet服务 如果要使用telnet 就必须先安装相应的软件包 即使安装了软件包 默认的设置telnet 服务也是不运行的 需要手工进行设置 如果是redhat9,则在第三张光盘中找到 telnet-server-0.17-25.i386.rpm
- PHP中钩子函数的实现与认识
dcj3sjt126com
PHP
假如有这么一段程序:
function fun(){
fun1();
fun2();
}
首先程序执行完fun1()之后执行fun2()然后fun()结束。
但是,假如我们想对函数做一些变化。比如说,fun是一个解析函数,我们希望后期可以提供丰富的解析函数,而究竟用哪个函数解析,我们希望在配置文件中配置。这个时候就可以发挥钩子的力量了。
我们可以在fu
- EOS中的WorkSpace密码修改
蕃薯耀
修改WorkSpace密码
EOS中BPS的WorkSpace密码修改
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 201
- SpringMVC4零配置--SpringSecurity相关配置【SpringSecurityConfig】
hanqunfeng
SpringSecurity
SpringSecurity的配置相对来说有些复杂,如果是完整的bean配置,则需要配置大量的bean,所以xml配置时使用了命名空间来简化配置,同样,spring为我们提供了一个抽象类WebSecurityConfigurerAdapter和一个注解@EnableWebMvcSecurity,达到同样减少bean配置的目的,如下:
applicationContex
- ie 9 kendo ui中ajax跨域的问题
jackyrong
AJAX跨域
这两天遇到个问题,kendo ui的datagrid,根据json去读取数据,然后前端通过kendo ui的datagrid去渲染,但很奇怪的是,在ie 10,ie 11,chrome,firefox等浏览器中,同样的程序,
浏览起来是没问题的,但把应用放到公网上的一台服务器,
却发现如下情况:
1) ie 9下,不能出现任何数据,但用IE 9浏览器浏览本机的应用,却没任何问题
- 不要让别人笑你不能成为程序员
lampcy
编程程序员
在经历六个月的编程集训之后,我刚刚完成了我的第一次一对一的编码评估。但是事情并没有如我所想的那般顺利。
说实话,我感觉我的脑细胞像被轰炸过一样。
手慢慢地离开键盘,心里很压抑。不禁默默祈祷:一切都会进展顺利的,对吧?至少有些地方我的回答应该是没有遗漏的,是不是?
难道我选择编程真的是一个巨大的错误吗——我真的永远也成不了程序员吗?
我需要一点点安慰。在自我怀疑,不安全感和脆弱等等像龙卷风一
- 马皇后的贤德
nannan408
马皇后不怕朱元璋的坏脾气,并敢理直气壮地吹耳边风。众所周知,朱元璋不喜欢女人干政,他认为“后妃虽母仪天下,然不可使干政事”,因为“宠之太过,则骄恣犯分,上下失序”,因此还特地命人纂述《女诫》,以示警诫。但马皇后是个例外。
有一次,马皇后问朱元璋道:“如今天下老百姓安居乐业了吗?”朱元璋不高兴地回答:“这不是你应该问的。”马皇后振振有词地回敬道:“陛下是天下之父,
- 选择某个属性值最大的那条记录(不仅仅包含指定属性,而是想要什么属性都可以)
Rainbow702
sqlgroup by最大值max最大的那条记录
好久好久不写SQL了,技能退化严重啊!!!
直入主题:
比如我有一张表,file_info,
它有两个属性(但实际不只,我这里只是作说明用):
file_code, file_version
同一个code可能对应多个version
现在,我想针对每一个code,取得它相关的记录中,version 值 最大的那条记录,
SQL如下:
select
*
- VBScript脚本语言
tntxia
VBScript
VBScript 是基于VB的脚本语言。主要用于Asp和Excel的编程。
VB家族语言简介
Visual Basic 6.0
源于BASIC语言。
由微软公司开发的包含协助开发环境的事
- java中枚举类型的使用
xiao1zhao2
javaenum枚举1.5新特性
枚举类型是j2se在1.5引入的新的类型,通过关键字enum来定义,常用来存储一些常量.
1.定义一个简单的枚举类型
public enum Sex {
MAN,
WOMAN
}
枚举类型本质是类,编译此段代码会生成.class文件.通过Sex.MAN来访问Sex中的成员,其返回值是Sex类型.
2.常用方法
静态的values()方