Skip to content

Instantly share code, notes, and snippets.

View markyun's full-sized avatar
😮‍💨
代码成就万世基积沙镇海

云云酱 markyun

😮‍💨
代码成就万世基积沙镇海
View GitHub Profile
@markyun
markyun / gist:6061416
Last active April 13, 2024 05:57
国内各大互联网公司相关技术站点2.0版 (集合腾讯、阿里、百度、搜狐、新浪、360等共49个)
国内各大互联网公司相关技术站点2.0版 (集合腾讯、阿里、百度、搜狐、新浪、360等共49个)
利用闲暇时间整理了一份国内各大互联网公司的相关技术站点,希望能够对大家有所帮助,也欢迎各位帮忙补充。
腾讯系列(13) 阿里系列(18) 百度系列(3) 搜狐系列(3) 新浪系列(2) 360系列(2) 其他(9)
腾讯系列(13)
@markyun
markyun / gist:7672975
Last active September 25, 2022 14:58
工作中常用的css样式
/*--------------------------------------------------------------
在CSS样式表中,合理有序的命名同样可以为整个CSS工作带来意想不到的简便。
为了更加符合搜索引擎的规范, 下面是一些常用的CSS代码命名标准。
页头: header (CSS中通常写为: #header)
登录条: loginBar
标志: logo
侧栏: sideBar
广告: banner
@markyun
markyun / banAD.acl
Last active August 26, 2021 01:45
banAD.acl
#**********************************************************************
# 12.28
# 2020年12月28日20:29:54
# 转载需要注明版权和来源
#
# 屏蔽常用网站、视频、手机rom广告&运营商劫持广告&数据跟踪&开屏广告
#
# 参照lhie1的surge规则改编,致谢!! https://github.com/lhie1/Surge
# 参照scomper的surge规则改编,致谢!! https://gist.github.com/scomper/915b04a974f9e11952babfd0bbb241a8/revisions
#
@markyun
markyun / gist:8192296
Created December 31, 2013 03:44
html5结构代码
<!DOCTYPE html>
<htmlang = "en">
<head>
<meta charset = "utf-8">
<title>HTML5 Demo</title>
<body>
<header>
<hgroup>
<h1>HTML5布局教程</h1>
@markyun
markyun / index.html
Last active October 19, 2020 22:47
A Pen by MarkYun-Bookmarks 简单整理我的 常用网址。更新时间:2014年1月2日
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<title>
markyun - Bookmarks
</title>
<script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js
"></script>
<style>
@markyun
markyun / gist:7689414
Created November 28, 2013 09:36
纯javascript验证邮箱格式
//邮箱验证纯javascript
function checkEmail(emailStr){
var start=0;
var end=emailStr.length;
while(start<end){//判断是否含有除"@"和"."之外的特殊字符和中文字符
var charcode=emailStr.charCodeAt(start);
if(!(charcode==45||charcode==46||
(charcode>=48&charcode<=59)||
(charcode>=64&charcode<=90)|| (charcode>=97&charcode<=122))){
@markyun
markyun / gist:7956209
Last active June 26, 2018 02:30
页面性能优化、 Javascript性能优化
document.getElementsByTagName('*').length 可以查看DOM元素的数量
前端开发的出品建议:
1、页面能够通过http://validator.w3.org的验证,当然css希望也能通过http://jigsaw.w3.org/css-validator/validator难证,不过有时候由于需要兼容多浏览器,会受到hack的影响,css不做强制要求。
2、静态页面应该能够通过yslow2.0的classic(V1)级别的检测,检测的结果我觉得应该得到A。
3、背景图片保证不超过3个以上,css文件不超过2个,js文件不超过3个。而且良好的遵守web标准的一些规定,css放到head中,js文件放到</body>之前或者之后。
@markyun
markyun / gist:7783755
Created December 4, 2013 07:47
Css hack
/***** Selector Hacks ******/
/* IE6 and below */
* html #uno { color: red }
/* IE7 */
*:first-child+html #dos { color: red }
/* IE7, FF, Saf, Opera */
html>body #tres { color: red }
/* IE8, FF, Saf, Opera (Everything but IE 6,7) */
html>/**/body #cuatro { color: red }
/* Opera 9.27 and below, safari 2 */
@markyun
markyun / gist:8397219
Created January 13, 2014 09:42
对于JavaScript讨论哪些方面?
在技术社区或论坛中,某一个技术或观点可能会引起用户的广泛讨论,甚至争吵。但也有一些技术帖子则比较平静。
James Padolsey观察了一些JavaScript社区,总结出了开发者更关心JavaScript的哪些方面,或哪些技术更容易引起开发者之间的激烈讨论。
以下是容易引起开发者激烈讨论的主题:
自动插入分号
eval是令人讨厌的
@markyun
markyun / gist:8366618
Created January 11, 2014 03:30
Jquery获取Flickr的图片 jQuery-Flickr-Photo-Plugin
(function($){
$.fn.flickrPhoto = function(options){
var settings = $.extend({
url : 'http://www.flickr.com/photos/markyun/11532861994/',
key : 'a66ae3b787a9d02a3da0f2b63ac621be',
secret : '89f35a97fe9d0df6'
}, options),
id,
method = 'flickr.photos.getInfo',
format = 'json',