- 如何向他人请教一个前端问题
刘叶青
参考文章:http://www.dianbo.org/9238/stone/tiwendezhihui.htm问别人代码前,先把代码放到http://js.jirengu.com/?js,output,然后写完以后把链接给别人,不要给别人截图一段代码或者复制粘贴
- Markdown 的语法
d182836bbae5
#Markdown的语法1.标题几号就用#表示2.段落p3.-无序列表-无序列表4.1.有序列表2.有序列表3.有序列表5.```vara=1varb=2前后三个点用来写代码```6.`vara=1同一行用前后两个点`7.[这是链接的名字在前端展示](只是对应的链接https://jirengu.com)8.时,则元素A的子元素会超出该元素A的父元素比如:元素A是黄色部分假设元素A的子元素高度设置6000px示例链接:http://js.jirengu.com/lovucaxena/1/edit?html,css,output
- 什么是同源策略?什么是跨域?什么是 JSONP,什么是 CORS,
逆风飘游的鱼
同源策略(SameoriginPolicy)浏览器出于安全方面的考虑,只允许与同域下的接口交互。同域指的是?同协议:如都是http或者https同域名:如都是http://jirengu.com/a和http://jirengu.com/b同端口:如都是80端口突破同源策略===跨域跨域策略:jsonp,postMessage,CORS1.什么是JSONPHTML中script标签可以加载其他域下
- css左中右三栏布局方法
青花_490e
实现左中右三栏布局,中间宽度自适应:1、float方法:http://js.jirengu.com/pewigawuko/1/edit2、绝对定位:http://js.jirengu.com/ligenanevo/1/edit?html,css,output3、flex布局:http://js.jirengu.com/vifohumehi/1/edit4、table布局:http://js.jir
- 2021-03-12(html)
锴一的开发日记
发明者李爵士,2017年获得图领奖一.英文课堂看书的三上原则“马上,枕上,厕上”两个在线编程网站js.jirengu.com,生成代码,保存快照,你想要的效果,现在的效果codesandbox.io在线验证代码html起手式doctype是文档类型lang是languagehead中一般写的是看不见的元素二.html基本标签1.章节标签标题h1~h6章节section文章aritcle段落p头部h
- 浏览器之跨域
倾国倾城的小饼干
同源策略:浏览器出于安全方面的考虑,只允许与本域下的接口交互,不同源的客户端脚本在没有明确授权的情况下,不能读写对方的资源。定义是指浏览器不能执行其他网站的脚本,它是由浏览器的同源策略造成的,是浏览器对js实施的安全限制。本域指的是:同协议:如都是http或https同域名:如都是http://jirengu.com/a和http://jirengu.com/b同端口:如都是80端口跨域就是访问的
- 正则表达式
Long_Dark
1.什么是贪婪模式和非贪婪模式?贪婪模式一般情况下,正则表达式在匹配过程中会尽可能多的匹配`nihao"hello"jirengu"world"`.match(/".*"/g);//[""hello"jirengu"world""]非贪婪模式让正则表达式尽可能少的匹配,就是说一旦成功匹配不再继续尝试。在量词后加上+即可`nihao"hello"jirengu"world"`.match(/".*?
- CSS居中方案汇总全家桶
临安linan
水平居中垂直/垂直居中是前端开发中常见的需求,今天就总结一下各式各样的水平/垂直居中,为方面描述,以下代码中外层div统一类名为.wrapper。以下代码均在http://js.jirengu.com/?html,css,js,output上运行并展示1.水平居中1.1内联元素水平居中在内联元素的外层div上用text-align:center.wrapper{text-align:center;
- BFC
zzyo96
BFC(Blockformattingcontext)块级格式化上下文BFC功能就是包住里面的东西,即使是浮动的满足其中之一的都是建立了一个BFC满足其中之一的都是建立了一个BFC如何回答面试官千万别解释什么是BFC,一解释就错用例子回答什么是BFC功能1:爸爸管儿子用BFC包住浮动元素。(这TM不是清除浮动,.clearfix才是清除浮动)http://js.jirengu.com/rozaxu
- 跨域
一休小施主
同源策略浏览器处于安全的考虑,只允许与本域下的借口交互。不同源的客户端脚本在没有明确授权的情况下,不能读写对方的资源。同源:同协议:如都是http或者https同域名:如都是http://jirengu.com/a和http://jirengu.com/b同端口:如都是80端口跨域的方法:JSONP:JSONP是通过script标签加载数据的方式去获取数据当做JS代码来执行提前在页面上声明一个函数
- 初探jQuery
949nb
jQueryAPI的实现自己模拟jQuery的一个API预览:http://js.jirengu.com/paluxujewu/1/edit?html,js,outputwindow.jQuery=function(nodeOrSelector){varnodes={}//给nodes声明一个空的对象if(typeofnodeOrSelector==='string'){//判断传入的nodeOr
- JS之同源策略和跨域
饥人谷_Tom
同源策略(SameOriginPolicy)浏览器处于安全方面的考虑,只允许与本域下的接口交互。不同源的客户端脚本在没有明确授权的情况下,不能读写对方的资源。本域指的是:同协议:都是http或https同域名:如http://a.com/js和http://a.com/css(域名必须完全相同)同端口:如都是80端口或8080端口不同源的例子:http://jirengu.com/main.js和
- 滚动监听
阿鲁提尔
原型图在线地址http://js.jirengu.com/neliz代码HTML:菜单1菜单2菜单3内容1内容2内容3//needScanPosition就是跳转的项目JS:(function($){vartab_t={width:$('.pageContentScan_box').get(0).offsetWidth,height:$('.pageContentScan_box').get(0)
- 用一个点击别处关闭浮层来分析事件冒泡
Nelson_sylar
代码当点击【点我】按钮时,浮层不会显示是因为事件冒泡,同时触发了show()和hide(),为了避免这种情况可以用setTimeout的方式短暂延迟执行时间,事件冒泡过后,再加入执行队列http://js.jirengu.com/lular/1/edit?html,css,js,output再来一个事件冒泡的例子,点击中间圆圈,周围会逐个上色http://js.jirengu.com/liwup/
- Markdown Online PPT
yhryhryhr-
powerpointjavascript前端框架
目录MarkdownOnlinePPT主题选择怎样制作一个WebPPT标题页上传图片更多设计部署与启动公布参考代码MarkdownOnlinePPT项目源码:GitHub-jirengu/new-oneslide:一个markdown制作PPT在线应用预览链接:miemiePPT主题选择首先,他有非常多的主题选择与配色并且也有非常多种类的动画切换,但最最重要的这些效果全部由markdown语法完成
- 进阶13 JSONP 跨域
饥人谷_哈噜噜
题目1:什么是同源策略浏览器出于安全方面的考虑,只允许与本域下的接口交互。不同源的客户端脚本在没有明确授权的情况下,不能读写对方的资源。本域指的是?同协议:如都是http,https,file,ssh,mailto,tel同域名:如都是http://jirengu.com/a和http://jirengu.com/b同端口:如都是80端口不同源的例子:http://jirengu.com/main
- CSS常用工具(保持更新中)
一只小前端
查找某个样式的浏览器兼容:www.caniuse.com使用方法:直接输入想查找的样式名字想要做到什么样式,就使用Google搜索:CSSxxx(样式属性的名字)generator在线代码效果预览:www.jsbin.com(不翻墙可能很卡)或者js.jirengu.com
- JavaScript笔记之跨域
PingerL
在了解跨域之前,我们先了解下什么是同源策略1.什么是同源策略?同源策略/SOP(Sameoriginpolicy)是一种约定,由Netscape公司1995年引入浏览器,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个ip地址,也非同源。同源:http://jirengu.com/
- 同源&跨域(JSONP,CORS,降域,PostMessage)
弹指一挥间_e5a3
同源策略浏览器出于安全方面的考虑,只允许与本域下的接口交互。不同源的客户端脚本在没有明确授权的情况下,不能读写对方的资源。本域指的是?同协议:如都是http或者https同域名:如都是http://jirengu.com/a和http://jirengu.com/b同端口:如都是80端口同源:http://jirengu.com/a/b.js和http://jirengu.com/index.ph
- Task10
村里第一帅
题1http://js.jirengu.com/fexeporiro/1/edit?html,css,output题2http://js.jirengu.com/wubehozemo/2/edit
- 同源策略
e81bcd463937
同源策略浏览器出于安全方面的考虑,只允许与本域下的接口交互。不同源的客户端脚本在没有明确授权的情况下,不能读写对方的资源。正常情况下只有同源发的请求浏览器才会接受.H}$JAA%3945MBU4R0VR883W.jpg本域指的是?同协议:如都是http或者https同域名:如都是http://jirengu.com/a和http://jirengu.com/b同端口:如都是80端口如:http:/
- SVG
李奕锦liyijin
公众号svg介绍1.gif动画2.左滑效果3.图片跳转网页链接代码链接http://js.jirengu.com/gekapanojo/1/edit?html
- 封装一个函数,实现请求失败重传
杭州程序员小陈
一个异步请求/操作模拟代码如下constrequest=(url)=>newPromise((resolve,reject)=>{setTimeout(()=>{Math.random()>0.8?resolve(url+'ok'):reject(url+'fail')},1000)})request('https://jirengu.com').then(data=>console.log(da
- 封装一个 ajax 函数,能实现如下方法调用
Kinderzhu
functionajax(options){//补全}ajax({url:'http://api.jirengu.com/weather.php',data:{city:'北京'},onsuccess:function(ret){console.log(ret)},onerror:function(){console.log('服务器异常')}})functionajax(opts){varurl
- css写作规范
饥人谷_DanaeJJ
一、书写规范1.去掉小数点前面的02.有些属性可以缩写3.每个样式属性后面加上分号参考文章:http://www.cnblogs.com/liyunhua/p/4537058.html二、垂直居中的几种实现方式(1)上下padding垂直居中http://js.jirengu.com/lovuk/2/edit?html,css,output(2)绝对定位垂直居中http://js.jirengu.
- JD.page
村里第一帅
http://js.jirengu.com/laxovehajo/1/edit?html,css,output
- 重构
郑无穷大
基本原则:1、易读性;2、如果不是性能瓶颈,就不要为了性能而改写代码3、复杂性守恒原则:无论你怎么写代码,复杂性都是不会消失的推论:如果逻辑很复杂,那么代码看起来就应该是复杂的。如果逻辑很简单,代码看起来就应该是简单的。程序员三大难题变量命名缓存失效循环边界命名1、注意词性重构:用对象组织代码http://js.jirengu.com/mimazaboke/1/edit?html,js,outpu
- 京东商城动画
饥人谷_momo
http://js.jirengu.com/zukaxonuze/1/editJSBin京东商城span{display:inline-block;/*loading动画名称4sanimation-duration属性定义动画完成一个周期所需要的时间,以秒或毫秒计infinite循环次数,无限linear线性播放*/animation:loading4sinfinitelinear;}span:n
- CSS sprite 及鼠标悬停变换(CSS常见样式2)
闻金听凤
目的:实现连接中效果http://js.jirengu.com/yezahtml中创建块级元素注意引入外部CSS样式!创建CSS文件.logo{width:100pxheight:100pxbackground:url(图片路径)background-size:100px}创建悬停状态.logo:hover{background-position:0-99px}在html中引入css样式...@i
- HQL之投影查询
归来朝歌
HQLHibernate查询语句投影查询
在HQL查询中,常常面临这样一个场景,对于多表查询,是要将一个表的对象查出来还是要只需要每个表中的几个字段,最后放在一起显示?
针对上面的场景,如果需要将一个对象查出来:
HQL语句写“from 对象”即可
Session session = HibernateUtil.openSession();
- Spring整合redis
bylijinnan
redis
pom.xml
<dependencies>
<!-- Spring Data - Redis Library -->
<dependency>
<groupId>org.springframework.data</groupId>
<artifactId>spring-data-redi
- org.hibernate.NonUniqueResultException: query did not return a unique result: 2
0624chenhong
Hibernate
参考:http://blog.csdn.net/qingfeilee/article/details/7052736
org.hibernate.NonUniqueResultException: query did not return a unique result: 2
在项目中出现了org.hiber
- android动画效果
不懂事的小屁孩
android动画
前几天弄alertdialog和popupwindow的时候,用到了android的动画效果,今天专门研究了一下关于android的动画效果,列出来,方便以后使用。
Android 平台提供了两类动画。 一类是Tween动画,就是对场景里的对象不断的进行图像变化来产生动画效果(旋转、平移、放缩和渐变)。
第二类就是 Frame动画,即顺序的播放事先做好的图像,与gif图片原理类似。
- js delete 删除机理以及它的内存泄露问题的解决方案
换个号韩国红果果
JavaScript
delete删除属性时只是解除了属性与对象的绑定,故当属性值为一个对象时,删除时会造成内存泄露 (其实还未删除)
举例:
var person={name:{firstname:'bob'}}
var p=person.name
delete person.name
p.firstname -->'bob'
// 依然可以访问p.firstname,存在内存泄露
- Oracle将零干预分析加入网络即服务计划
蓝儿唯美
oracle
由Oracle通信技术部门主导的演示项目并没有在本月较早前法国南斯举行的行业集团TM论坛大会中获得嘉奖。但是,Oracle通信官员解雇致力于打造一个支持零干预分配和编制功能的网络即服务(NaaS)平台,帮助企业以更灵活和更适合云的方式实现通信服务提供商(CSP)的连接产品。这个Oracle主导的项目属于TM Forum Live!活动上展示的Catalyst计划的19个项目之一。Catalyst计
- spring学习——springmvc(二)
a-john
springMVC
Spring MVC提供了非常方便的文件上传功能。
1,配置Spring支持文件上传:
DispatcherServlet本身并不知道如何处理multipart的表单数据,需要一个multipart解析器把POST请求的multipart数据中抽取出来,这样DispatcherServlet就能将其传递给我们的控制器了。为了在Spring中注册multipart解析器,需要声明一个实现了Mul
- POJ-2828-Buy Tickets
aijuans
ACM_POJ
POJ-2828-Buy Tickets
http://poj.org/problem?id=2828
线段树,逆序插入
#include<iostream>#include<cstdio>#include<cstring>#include<cstdlib>using namespace std;#define N 200010struct
- Java Ant build.xml详解
asia007
build.xml
1,什么是antant是构建工具2,什么是构建概念到处可查到,形象来说,你要把代码从某个地方拿来,编译,再拷贝到某个地方去等等操作,当然不仅与此,但是主要用来干这个3,ant的好处跨平台 --因为ant是使用java实现的,所以它跨平台使用简单--与ant的兄弟make比起来语法清晰--同样是和make相比功能强大--ant能做的事情很多,可能你用了很久,你仍然不知道它能有
- android按钮监听器的四种技术
百合不是茶
androidxml配置监听器实现接口
android开发中经常会用到各种各样的监听器,android监听器的写法与java又有不同的地方;
1,activity中使用内部类实现接口 ,创建内部类实例 使用add方法 与java类似
创建监听器的实例
myLis lis = new myLis();
使用add方法给按钮添加监听器
- 软件架构师不等同于资深程序员
bijian1013
程序员架构师架构设计
本文的作者Armel Nene是ETAPIX Global公司的首席架构师,他居住在伦敦,他参与过的开源项目包括 Apache Lucene,,Apache Nutch, Liferay 和 Pentaho等。
如今很多的公司
- TeamForge Wiki Syntax & CollabNet User Information Center
sunjing
TeamForgeHow doAttachementAnchorWiki Syntax
the CollabNet user information center http://help.collab.net/
How do I create a new Wiki page?
A CollabNet TeamForge project can have any number of Wiki pages. All Wiki pages are linked, and
- 【Redis四】Redis数据类型
bit1129
redis
概述
Redis是一个高性能的数据结构服务器,称之为数据结构服务器的原因是,它提供了丰富的数据类型以满足不同的应用场景,本文对Redis的数据类型以及对这些类型可能的操作进行总结。
Redis常用的数据类型包括string、set、list、hash以及sorted set.Redis本身是K/V系统,这里的数据类型指的是value的类型,而不是key的类型,key的类型只有一种即string
- SSH2整合-附源码
白糖_
eclipsespringtomcatHibernateGoogle
今天用eclipse终于整合出了struts2+hibernate+spring框架。
我创建的是tomcat项目,需要有tomcat插件。导入项目以后,鼠标右键选择属性,然后再找到“tomcat”项,勾选一下“Is a tomcat project”即可。具体方法见源码里的jsp图片,sql也在源码里。
补充1:项目中部分jar包不是最新版的,可能导
- [转]开源项目代码的学习方法
braveCS
学习方法
转自:
http://blog.sina.com.cn/s/blog_693458530100lk5m.html
http://www.cnblogs.com/west-link/archive/2011/06/07/2074466.html
1)阅读features。以此来搞清楚该项目有哪些特性2)思考。想想如果自己来做有这些features的项目该如何构架3)下载并安装d
- 编程之美-子数组的最大和(二维)
bylijinnan
编程之美
package beautyOfCoding;
import java.util.Arrays;
import java.util.Random;
public class MaxSubArraySum2 {
/**
* 编程之美 子数组之和的最大值(二维)
*/
private static final int ROW = 5;
private stat
- 读书笔记-3
chengxuyuancsdn
jquery笔记resultMap配置ibatis一对多配置
1、resultMap配置
2、ibatis一对多配置
3、jquery笔记
1、resultMap配置
当<select resultMap="topic_data">
<resultMap id="topic_data">必须一一对应。
(1)<resultMap class="tblTopic&q
- [物理与天文]物理学新进展
comsci
如果我们必须获得某种地球上没有的矿石,才能够进行某些能量输出装置的设计和建造,而要获得这种矿石,又必须首先进行深空探测,而要进行深空探测,又必须获得这种能量输出装置,这个矛盾的循环,会导致地球联盟在与宇宙文明建立关系的时候,陷入困境
怎么办呢?
 
- Oracle 11g新特性:Automatic Diagnostic Repository
daizj
oracleADR
Oracle Database 11g的FDI(Fault Diagnosability Infrastructure)是自动化诊断方面的又一增强。
FDI的一个关键组件是自动诊断库(Automatic Diagnostic Repository-ADR)。
在oracle 11g中,alert文件的信息是以xml的文件格式存在的,另外提供了普通文本格式的alert文件。
这两份log文
- 简单排序:选择排序
dieslrae
选择排序
public void selectSort(int[] array){
int select;
for(int i=0;i<array.length;i++){
select = i;
for(int k=i+1;k<array.leng
- C语言学习六指针的经典程序,互换两个数字
dcj3sjt126com
c
示例程序,swap_1和swap_2都是错误的,推理从1开始推到2,2没完成,推到3就完成了
# include <stdio.h>
void swap_1(int, int);
void swap_2(int *, int *);
void swap_3(int *, int *);
int main(void)
{
int a = 3;
int b =
- php 5.4中php-fpm 的重启、终止操作命令
dcj3sjt126com
PHP
php 5.4中php-fpm 的重启、终止操作命令:
查看php运行目录命令:which php/usr/bin/php
查看php-fpm进程数:ps aux | grep -c php-fpm
查看运行内存/usr/bin/php -i|grep mem
重启php-fpm/etc/init.d/php-fpm restart
在phpinfo()输出内容可以看到php
- 线程同步工具类
shuizhaosi888
同步工具类
同步工具类包括信号量(Semaphore)、栅栏(barrier)、闭锁(CountDownLatch)
闭锁(CountDownLatch)
public class RunMain {
public long timeTasks(int nThreads, final Runnable task) throws InterruptedException {
fin
- bleeding edge是什么意思
haojinghua
DI
不止一次,看到很多讲技术的文章里面出现过这个词语。今天终于弄懂了——通过朋友给的浏览软件,上了wiki。
我再一次感到,没有辞典能像WiKi一样,给出这样体贴人心、一清二楚的解释了。为了表达我对WiKi的喜爱,只好在此一一中英对照,给大家上次课。
In computer science, bleeding edge is a term that
- c中实现utf8和gbk的互转
jimmee
ciconvutf8&gbk编码
#include <iconv.h>
#include <stdlib.h>
#include <stdio.h>
#include <unistd.h>
#include <fcntl.h>
#include <string.h>
#include <sys/stat.h>
int code_c
- 大型分布式网站架构设计与实践
lilin530
应用服务器搜索引擎
1.大型网站软件系统的特点?
a.高并发,大流量。
b.高可用。
c.海量数据。
d.用户分布广泛,网络情况复杂。
e.安全环境恶劣。
f.需求快速变更,发布频繁。
g.渐进式发展。
2.大型网站架构演化发展历程?
a.初始阶段的网站架构。
应用程序,数据库,文件等所有的资源都在一台服务器上。
b.应用服务器和数据服务器分离。
c.使用缓存改善网站性能。
d.使用应用
- 在代码中获取Android theme中的attr属性值
OliveExcel
androidtheme
Android的Theme是由各种attr组合而成, 每个attr对应了这个属性的一个引用, 这个引用又可以是各种东西.
在某些情况下, 我们需要获取非自定义的主题下某个属性的内容 (比如拿到系统默认的配色colorAccent), 操作方式举例一则:
int defaultColor = 0xFF000000;
int[] attrsArray = { andorid.r.
- 基于Zookeeper的分布式共享锁
roadrunners
zookeeper分布式共享锁
首先,说说我们的场景,订单服务是做成集群的,当两个以上结点同时收到一个相同订单的创建指令,这时并发就产生了,系统就会重复创建订单。等等......场景。这时,分布式共享锁就闪亮登场了。
共享锁在同一个进程中是很容易实现的,但在跨进程或者在不同Server之间就不好实现了。Zookeeper就很容易实现。具体的实现原理官网和其它网站也有翻译,这里就不在赘述了。
官
- 两个容易被忽略的MySQL知识
tomcat_oracle
mysql
1、varchar(5)可以存储多少个汉字,多少个字母数字? 相信有好多人应该跟我一样,对这个已经很熟悉了,根据经验我们能很快的做出决定,比如说用varchar(200)去存储url等等,但是,即使你用了很多次也很熟悉了,也有可能对上面的问题做出错误的回答。 这个问题我查了好多资料,有的人说是可以存储5个字符,2.5个汉字(每个汉字占用两个字节的话),有的人说这个要区分版本,5.0
- zoj 3827 Information Entropy(水题)
阿尔萨斯
format
题目链接:zoj 3827 Information Entropy
题目大意:三种底,计算和。
解题思路:调用库函数就可以直接算了,不过要注意Pi = 0的时候,不过它题目里居然也讲了。。。limp→0+plogb(p)=0,因为p是logp的高阶。
#include <cstdio>
#include <cstring>
#include <cmath&