<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title> Jorux&#039;s Notebook</title>

<link rel="stylesheet" href="https://jorux.com/wp-content/themes/joruxnote/style.css" type="text/css" media="screen" />
<link rel="pingback" href="https://jorux.com/xmlrpc.php" />

<style type="text/css" media="screen">

	#page { background: url("https://jorux.com/wp-content/themes/joruxnote/images/kubrickbg-ltr.jpg") repeat-y top; border: none; }

</style>

 

<meta name='robots' content='max-image-preview:large' />
<link rel="alternate" type="application/rss+xml" title="Jorux&#039;s Notebook &raquo; Feed" href="https://jorux.com/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="Jorux&#039;s Notebook &raquo; Comments Feed" href="https://jorux.com/?feed=comments-rss2" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id="wp-emoji-styles-inline-css">

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id="wp-block-library-inline-css">
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
</style>
<style id="classic-theme-styles-inline-css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>

<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>

<link rel="https://api.w.org/" href="https://jorux.com/index.php?rest_route=/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://jorux.com/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.0" />
</head>
<body class="home blog wp-theme-joruxnote">
<div id="top">
<h1><a href="https://jorux.com/">Jorux Notebook</a></h1>
<h2>Just a web designer's blog</h2>
</div>
<div id="container">
        <div id="main">

		        <div id="post">

	
		<div class="post_body">
			<div class="post-46 post type-post status-publish format-standard hentry category-web-design" id="post-46">
				<h2  id="homeheadline"><a href="https://jorux.com/?p=46" rel="bookmark" title="Permanent Link to 时隔12年，Survival confirmation">时隔12年，Survival confirmation</a></h2>

				<div class="entry">
					<p>12年，刚好一个干支轮回。<br />
虽已不再从事web design相关工作，但是最近开始开发一款医疗相关APP，再次与web design发生交集。<br />
本网站由于长期未能更新，主题仍然停留在wordpress2.0阶段，虽靠残存的记忆重写了部分css，仍然不能完美的继承原设计，甚是遗憾。<br />
记录开发过程遇到的问题和解决思路。也算是一种纪念吧。<br />
1.MySQL数据库迁移造成的乱码处理方法。<br />
由于不良空间服务商擅自更新后台版本，造成MySQL数据文件被latin1编码改写，诸如<a href="https://blog.csdn.net/u012410733/article/details/61619656">此类</a>方法,是无效的。<br />
颇费周折之后找到以下方法，希望能帮到需要的人。<br />
由于原始数据并没有变化，需要通过Mysql命令行将已经乱码的数据转写为Blob(二进制数据):</p>
<p class="script">ALTER TABLE `tableNAME`<br />
CHANGE `columnNAME` `columnNAME` blob</p>
<p>然后再转写为utf8格式:</p>
<p class="script">ALTER TABLE `tableNAME`<br />
CHANGE `columnNAME` `columnNAME` VARCHAR(2000) CHARACTER SET utf8</p>
<p>转换完成后可以在phpMyAdmin中将默认的排序规则“latin1_swedish_ci”更改为“utf8_general_ci”<br />
或者参考<a href="https://blog.csdn.net/u012410733/article/details/61619656">先前</a>的链接在命令行中执行。<br />
2.Nginx反向代理wordpress时遇到的问题<br />
服务器迁至AWS后，涉及到单一主机ip部署多个应用问题。<br />
方法参考了这篇(<a href="https://www.straka.cn/blog/nginx_apache_multisites_conf/">单IP多站点反向代理配置</a>)的部署方法。<br />
部署nodejs应用和thinkphp应用都没有问题。但是在代理第三个wordpress网站时出现了主页无法显示的BUG。<br />
参考了以下两篇文章：<br />
https://blog.csdn.net/wshk918/article/details/108047551<br />
https://www.taijicoder.com/2018/04/21/deploy-wordpress-behind-reverse-proxy/<br />
问题出在wordpress没有原生支持反向代理.<br />
需要在wp-config.php中加入</p>
<p class="script">if ( ! empty( $_SERVER[&#8216;HTTP_X_FORWARDED_HOST&#8217;] ) ) {<br />
$_SERVER[&#8216;HTTP_HOST&#8217;] = $_SERVER[&#8216;HTTP_X_FORWARDED_HOST&#8217;];<br />
}</p>
<p>Nginx Reverse Proxy 配置加入，并重启服务</p>
<p class="script">server_name www.example.com<br />
location / {<br />
proxy_pass  http://wordpress-server-ip:port<br />
#Proxy Settings<br />
proxy_redirect     off;<br />
proxy_set_header   Host             $host;<br />
proxy_set_header   X-Real-IP        $remote_addr;<br />
proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;<br />
}</p>
<p>12年前还是css和w3c标准刚普及的时候，而现在的前端已是各种框架(VUE，bootstrap)的天下。<br />
动态响应，前后端分离，设计扁平化，字体图标的大量使用，尤其是重视对手机端的适配，甚至是只开发手机APP是目前的趋势？。<br />
前端设计师后端化也是一大趋势，就像歌手要变成创作型歌手，自己写歌一样，必须要跳出舒适区，多学习实践才可能有进步吧。<br />
共勉</p>
				</div>

				<p class="postmetadata"> Posted in <a href="https://jorux.com/?cat=5" rel="category">Web Design</a> |   <a href="https://jorux.com/?p=46#respond">No Comments &#187;</a></p>
			</div>
</div>
		<div class="post_body">
			<div class="post-44 post type-post status-publish format-standard hentry category-download" id="post-44">
				<h2  id="homeheadline"><a href="https://jorux.com/?p=44" rel="bookmark" title="Permanent Link to I am still alive">I am still alive</a></h2>

				<div class="entry">
					<p>1. 鼠年了，本站只是在城头放上只老鼠，让它啃啃那张具有讽刺意味的“新船票”，实在是对不起读者&#8230;<br />
2. 上次更新好像是去年7月份的事了，如果再挺三个月，刚好一年没动静，到时候再更新一下，然后将本站改为&#8221;年刊&#8221;，想来也算是个交待&#8230;<br />
3. 这段日子，应该说<a href="http://www.jorux.com">Jorux</a>几乎和Web design脱离了关系，虽说没忘CSS语法，但是要想信手拈来一篇文章，已无可能。鉴于原创和少给互联网添垃圾的原则，忍到了现在&#8230;<br />
4. 应该说本人对Firefox是有意见的，不然我就不会向我老爸推荐Opera了。<br />
5. Firefox有那么多缺点，我居然也认了，不就是多了那几个插件嘛！加上现在多了个刀枪不入的Safari，我真有种先弃Firefox而后快的冲动。<br />
6. 好在Mozilla CEO不只是发发<a href="http://www.news.com/8301-10784_3-9901006-7.html?part=rss&#038;subj=news&#038;tag=2547-1_3-0-20">牢骚</a>，Firefox 3b5应该说在启动速度，系统资源占用率等方面有了长足的进步。<br />
7. <a href="http://jorux.com/archives/jorux-firefoxportable/">上次那个版本的FirefoxPortable</a>，Liveshare把它弄丢了，所以把它放在以下两个位置，希望这次免费的下载能进行地久一点。<br />
<img decoding="async" src="http://farm4.static.flickr.com/3090/2408483311_bfac154260_m.jpg" alt="liquid" /><br />
<strong>Box</strong>: <a href="http://www.box.net/shared/49u79vvccc">http://www.box.net/shared/49u79vvccc</a><br />
<strong>Fs2You</strong>: <a href="http://www.fs2you.com/files/ec86b46b-07eb-11dd-8bd5-0014221f4662/">http://www.fs2you.com/files/ec86b46b-07eb-11dd-8bd5-0014221f4662/</a><br />
8. 此J版FirefoxPortable共含插件23个，其中有三个被Disable，原因是Jorux没有将它crack成功，暂时用不了，只好等原作者自己更新了。<br />
9. 如果想了解上个版本所用的插件，可以在<a href="http://www.box.net/shared/hkdf3my8sw">这里</a>下载</p>
				</div>

				<p class="postmetadata"> Posted in <a href="https://jorux.com/?cat=2" rel="category">Download</a> |   <a href="https://jorux.com/?p=44#comments">58 Comments &#187;</a></p>
			</div>
</div>
		<div class="post_body">
			<div class="post-42 post type-post status-publish format-standard hentry category-web-design" id="post-42">
				<h2  id="homeheadline"><a href="https://jorux.com/?p=42" rel="bookmark" title="Permanent Link to 什么是Semantics?">什么是Semantics?</a></h2>

				<div class="entry">
					<p><b>Semantics</b>可翻译为语义的(学)，它是<b>Html/Xhtml</b>是否真正符合标准的重要一环。<a href="http://jorux.com">Jorux</a>在这和大家讨论一些自己的观点，如有不妥之处，还请各位网友指正。在西方，为什么这么多人如此重视网页的Semantics，也许你会说，西方比较守规矩，重视标准，但我想说的是，在这些表象的背后有着“<b>一只无形的手</b>”控制着。<br />
在此，举个导航条的例子来说明我的观点。大家应该看见过很多诸如下类的导航结构：<br />
<font color="#3366ff">首页 | 关于 | 博客 | 留言 | 相册</font><br />
它们有着共同的特点，都有分割条“<b>|</b>”将各个条目分开。要实现以上效果的导航栏，其Html/Xhtml有很多种写法，在此仅具几个比较典型的例子：<br />
<font color="#ff0000">例1</font>：</p>
<p class="script">&lt;p&gt;&lt;a href=&#8221;home.html&#8221;&gt;首页&lt;/a&gt; | &lt;a href=&#8221;about.html&#8221;&gt;关于&lt;/a&gt; | &lt;a href=&#8221;blog.html&#8221;&gt;博客&lt;/a&gt; | &lt;a href=&#8221;message.html&#8221;&gt;留言&lt;/a&gt; | &lt;a href=&#8221;album.html&#8221;&gt;相册&lt;/a&gt;&lt;/p&gt;</p>
<p><font color="#ff0000">例2</font>：</p>
<p class="script">&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&#8221;home.html&#8221;&gt;首页&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;|&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&#8221;about.html&#8221;&gt;关于&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;|&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&#8221;blog.html&#8221;&gt;博客&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;|&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&#8221;message.html&#8221;&gt;留言&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;|&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&#8221;album.html&#8221;&gt;相册&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;</p>
<p><font color="#ff0000">例3</font>：</p>
<p class="script">&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&#8221;home.html&#8221;&gt;首页&lt;/a&gt; | &lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&#8221;about.html&#8221;&gt;关于&lt;/a&gt; | &lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&#8221;blog.html&#8221;&gt;博客&lt;/a&gt; | &lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&#8221;message.html&#8221;&gt;留言&lt;/a&#038;</p>
				</div>

				<p class="postmetadata"> Posted in <a href="https://jorux.com/?cat=5" rel="category">Web Design</a> |   <a href="https://jorux.com/?p=42#comments">44 Comments &#187;</a></p>
			</div>
</div>
		<div class="post_body">
			<div class="post-41 post type-post status-publish format-standard hentry category-web-design" id="post-41">
				<h2  id="homeheadline"><a href="https://jorux.com/?p=41" rel="bookmark" title="Permanent Link to 引号是可以成对的">引号是可以成对的</a></h2>

				<div class="entry">
					<p>引号(<i>quote mark</i>)顾名思义是用于引起人注意, 区别于一般内容之用的标点符号。分为上引号和下引号，并且是成对出现的，这种概念我们可能在小学就知道了，所以引号<b>应该</b>是成对出现的。<br />
但是在现在网页设计中，由于某些原因，我们经常忽略这种基本概念，一些权威网站在使用引号时往往只使用上引号图标，导致大家觉得在技术上很难实现引号图标的成对。<br />
例如在<a href="http://www.alistapart.com/articles/waiaria">A List Apart</a>的一篇文章中出现如下效果：<br />
<img decoding="async" src="http://farm1.static.flickr.com/203/486474122_200af8bf3d.jpg" alt="liquid" /><br />
再如推行网页标准的著名设计站点<a href="http://www.simplebits.com/notebook/2007/04/11/winner.html">SimpleBits</a>也出现类似问题：<br />
<img decoding="async" src="http://farm1.static.flickr.com/211/486474128_42c5c1a6c1.jpg" alt="liquid" /><br />
但是在另一个本人比较推崇的网页设计站点<a href="http://www.digital-web.com/articles/web_design_101_positioning/">Digital Web Magazine</a>在这方面就要好的多：<br />
<img decoding="async" src="http://farm1.static.flickr.com/196/486474126_95b2199b1d.jpg" alt="liquid" /><br />
可能也因为该网站的每篇内容都需要用引号引出中心思想有关，马虎不得。该网站在细节方面精确控制的同时，文章质量也是越来越高，大有取代<a href="http://www.alistapart.com/">A List Apart</a>之势，希望读者能够重点关注。如此优秀的网站，其技术必然值得我们去研究。<br />
引号图标的成对之所以在CSS上难以实现，主要是因为CSS中关于背景图片的控制度有限造成的，即你不能给任意元素(<i>element</i>)同时赋予两个背景图片。<br />
那么就来看看<a href="http://www.digital-web.com">Digital Web Magazine</a>是如何实现引号图标的成对。还是以<a href="http://www.digital-web.com/articles/web_design_101_positioning/">上个例子</a></p>
				</div>

				<p class="postmetadata"> Posted in <a href="https://jorux.com/?cat=5" rel="category">Web Design</a> |   <a href="https://jorux.com/?p=41#comments">36 Comments &#187;</a></p>
			</div>
</div>
		<div class="post_body">
			<div class="post-40 post type-post status-publish format-standard hentry category-download" id="post-40">
				<h2  id="homeheadline"><a href="https://jorux.com/?p=40" rel="bookmark" title="Permanent Link to Jorux版FirefoxPortable(英文版)下载">Jorux版FirefoxPortable(英文版)下载</a></h2>

				<div class="entry">
					<p><strong>为什么要共享自己使用的浏览器</strong>：<br />
1. 对于Firefox的初级使用者：一个全新的Firefox并不能比IE优越。而安装种目繁多的插件，几乎是初用者的噩梦。<br />
2. 对于Web design的爱好者：web design是本人的爱好，所以对于Firefox的依赖要比一般的网友程度深。而很多初级web designer对本人使用的插件感兴趣。<br />
3. 对于自己：也许某天，本人电脑崩溃或是丢失，在网上留个备份。<br />
<strong>明确几个概念</strong>：<br />
1. Jorux版&#8212;-出自Jorux.com, 准确的讲是Jorux几乎每天使用的版本，包括设置，偏好以及插件。Jorux已经尽自己的能力将使用痕迹清理，例如历史，收藏夹，帐号，密码。老实讲到现在还很犹豫，担心一些过于隐私的东西发布到网上。如果网友发现一些尚未清理完全的信息，麻烦留言通知一声。<br />
2. FirefoxPortable&#8212;-即Firefox的移动版，可随身携带的浏览器。不要小看FirefoxPortable，一个设置并调教完全的版本，几乎能在网吧实现在自己家里一样的上网体验，比如收藏夹，历史，密码。<br />
3. 英文版&#8212;-对于想使用中文版Firefox的朋友，Jorux只能说声抱歉。<br />
<strong>重点插件介绍</strong>：（共39个插件, 介绍其中十六种, 均已安装于浏览器中）<br />
1. ScrapBook: 用于网页收藏，离线浏览。优点，利于管理自己喜欢的页面，资料，能保持绝大部分网页的原貌；具有搜索功能。<br />
2. MeasureIt: 测算网页中两点之间的距离，某个范围的面积。<br />
3. ColorZilla: 获得页面内任意一点的颜色。<br />
4. Gmail space: Gmail硬盘的Firefox版。<br />
5. Gmail Manager: 用于提示Gmail的新邮件。<br />
6. FEBE: 备份Firefox的插件，设置等<br />
7. StumbleUpon: 初次使用，需要注册一个帐号，即可获得一些可遇而不可求的站点。<br />
8. Backgroundimage Saver: 保存网页的背景图片。<br />
9. Firebug: 用于</p>
				</div>

				<p class="postmetadata"> Posted in <a href="https://jorux.com/?cat=2" rel="category">Download</a> |   <a href="https://jorux.com/?p=40#comments">48 Comments &#187;</a></p>
			</div>
</div>
		<div class="post_body">
			<div class="post-39 post type-post status-publish format-standard hentry category-personal-blog" id="post-39">
				<h2  id="homeheadline"><a href="https://jorux.com/?p=39" rel="bookmark" title="Permanent Link to 瞧瞧这一年半">瞧瞧这一年半</a></h2>

				<div class="entry">
					<p><strong>2005-2006的Jorux.com记事</strong><br />
<strong>1.</strong> 域名<a href="http://jorux.com">Jorux.com</a>是在2005买的，这点可以肯定， 创建日期2005-05-20在时代互联的管理后台有着确实的记录。<br />
<img decoding="async" src="http://farm3.static.flickr.com/2285/2398778242_ab8ef2ae4e.jpg" alt="时代互联" /><br />
<strong>2.</strong> 2005.05&#8211;2006.02这段时间，Jorux.com及其空间只是几个简单的页面而已，没有任何内容可言。但却提供了一个向外界展示我当时的网页技术的机会。<br />
<strong>3. </strong>2006.02安装上zblog后，确实想着如何提高流量，刚好一些国外的资源既能满足我的需求，也能充实网站的内容，这种挖掘工作做了大约半年，期间也做过SEO的实验，终于把网站流量提高到了1000IP/日。也做过广告，<a href="http://myad.cn">脉动</a>的<strong>100人民币</strong>是我的第一桶&#8221;金&#8221;。<br />
<img decoding="async" src="http://farm3.static.flickr.com/2393/2397949125_aa2db4b58d.jpg" alt="myad" /><br />
<strong>4. </strong>也许你要问，是什么时候跟<strong>CSS</strong>扯上关系的，我想是从一开始就扯上了，这一扯就是一年半。最开始是用dreamweaver，但从来没用表格布过局，老实讲，让我现在空手写个表格代码都完成不了。所以我只会<a href="http://www.w3.org/">W3C</a>的东西。<br />
<img decoding="async" src="http://farm4.static.flickr.com/3064/2397948973_cd16328980.jpg" alt="w3c" /><br />
<strong>5.</strong> 开始的时候，就是没事做个网页，模仿一下别人的设计，然后放在Jorux.com美一下，基本没有人访问，当然，除了我本人。 Jorux几乎以常人不可想象的频率访问Jorux.com。想一下也容易明白，一个不和别的网站做友情链接，又不在论坛宣传的自己的新站，访客几乎只能是你自己。<br />
<strong>6.</strong> 我也不知道为什么用<a href="http://www.rainbowsoft.org/zblog/">zblog</a>写(或是copy)几篇经过<strong>SEO</strong>的</p>
				</div>

				<p class="postmetadata"> Posted in <a href="https://jorux.com/?cat=4" rel="category">Personal Blog</a> |   <a href="https://jorux.com/?p=39#comments">41 Comments &#187;</a></p>
			</div>
</div>
		<div class="post_body">
			<div class="post-38 post type-post status-publish format-standard hentry category-personal-blog" id="post-38">
				<h2  id="homeheadline"><a href="https://jorux.com/?p=38" rel="bookmark" title="Permanent Link to 空间之痛">空间之痛</a></h2>

				<div class="entry">
					<p>首先要对关心本网站的网友说声抱歉！<br />
由于一些不可知的原因，导致本网站瘫痪了一星期，万幸的是我有备份数据库的习惯，所以以前的posts和珍贵的留言都得以保存。<br />
如果网友看到此页面，说明Jorux.com还在线上，请立即把你所需要的资料下载备份！<br />
毕竟现在Jorux.com还在一个试用空间上，请大家帮忙测试一下网页加载速度，如果反映不佳，有可能再次更换空间。<br />
<strong>Update</strong>: 本网站已经安置在<a href="http://www.czm.cn/?mcid=8489">九州科技</a>，目前本人对此空间的表现比较满意。感谢参与反馈的朋友：leavic, allen, baiqiang, xiaojiaoya.<br />
Thanks<br />
Jorux</p>
				</div>

				<p class="postmetadata"> Posted in <a href="https://jorux.com/?cat=4" rel="category">Personal Blog</a> |   <a href="https://jorux.com/?p=38#comments">22 Comments &#187;</a></p>
			</div>
</div>
		<div class="post_body">
			<div class="post-37 post type-post status-publish format-standard hentry category-web-design" id="post-37">
				<h2  id="homeheadline"><a href="https://jorux.com/?p=37" rel="bookmark" title="Permanent Link to 布局篇(2)—If you love css …">布局篇(2)—If you love css …</a></h2>

				<div class="entry">
					<p>上篇讲的布局(切割)方法相信大家己经掌握，其特点是用固定宽度(fixed-width)来实现页面内各个元素的显示效果，简单实用，易于掌握。本篇将讲述其他相对高级的布局方法。<br />
<strong>布局的分类</strong>,根据对元素宽度的定义不同，布局可分为以下几种：<br />
<strong>1. 固定宽度(fixed-width)布局</strong>：<br />
即上一篇所用到的布局方法，其特点是主要DIV的宽度都是用固定大小的px值定义的，其宽度不随浏览器及字体大小的影响。多以px作为宽度单位。<br />
<strong>优点</strong>：宽度固定，最为保真地表现作者的设计意图；简单易学。<br />
<strong>缺点</strong>：它是这几种布局方法中最为“自私”的，因为其不考虑访客的浏览设备及设置。比方说，在1024宽的浏览器表现良好的布局，到了1600以上的宽屏浏览器就显得较为局限，其可能缩于屏幕一侧或是中央。<br />
<strong>现状</strong>：由于其简单易用，且基本满足大部分访客的需求，仍是主要的布局方法，尤其在大陆。<br />
<strong>趋势</strong>：随着液晶屏幕的发展和普及，成本的下降，市面上宽屏显示器已经开始大量涌现，尤其在西方发达国家，1600的宽屏显示器渐成主流，所以在800或是1024下显示良好的，使用固定宽度的布局方法已经开始被边缘化。<br />
<strong>站点举例</strong>：<a href="http://163.com">网易</a> <a href="http://www.blueidea.com/">蓝色理想</a><br />
<strong>2. 自适应(liquid)布局</strong>：<br />
即根据用户浏览器的宽度，自动调整宽度显示的布局方法。以%作为宽度单位。<br />
<strong>优点</strong>：自动适应各种屏幕宽度，轻松实现满屏显示。<br />
<strong>缺点</strong>：如果屏幕过宽，而内容有不多的情况下，文字可能拉伸得很长，影响美观。而当屏幕过窄时，内容又会被压缩得很窄，可读性下降。<br />
<stron
</p>
				</div>

				<p class="postmetadata"> Posted in <a href="https://jorux.com/?cat=5" rel="category">Web Design</a> |   <a href="https://jorux.com/?p=37#comments">40 Comments &#187;</a></p>
			</div>
</div>
		<div class="post_body">
			<div class="post-36 post type-post status-publish format-standard hentry category-personal-blog" id="post-36">
				<h2  id="homeheadline"><a href="https://jorux.com/?p=36" rel="bookmark" title="Permanent Link to 寻找Web Programmers">寻找Web Programmers</a></h2>

				<div class="entry">
					<p><font color="Red">现已暂停招募程序员!</font><br />
由于本人所在的学校，以及天生的对codes敏感度有限，导致现在的编程能力止于初级。但是目前的Web Design形势已经不是photoshop, css等表面处理就能满足客户的需要。因此Jorux在此向各位读者发出寻找programme合作者的邀请。<br />
<strong>Jorux在乎什么</strong>:<br />
1. 目前最需要的技术就是网页的后台技术&#8212;-PHP/MySQL, Ruby, XML。以及前端技术Javascript/AJAX。<strong>PHP/MySQL</strong> Programmer是最为迫切的；<br />
2. 你只需在以上例举的语言中至少有一种达到让你自信的水平;<br />
3. 大陆人士，熟练运用简体汉语；<br />
4. 不拒绝对ps，css极为自信的非programmer。<br />
<strong>Jorux不在乎什么</strong>:<br />
1. 你还是高中生，或是大学没毕业，或是参加工作了。这不重要，要知道你目前的收入越低，你在这获得的酬劳就会让你越满足；<br />
2. 你的技术尚未达到所谓的“精通”，Jorux不要求所谓的“精通”，只要你有自信写出漂亮的codes。没有人从一开始就能“精通”，Jorux可以给于一个合作的磨合期，成长期；<br />
3. 身高，长像没有自信吗？放心，这不是选美。<br />
4. 专业不对口吗？高中生是不会有什么专业的, 大学生也许会被束缚一点, 但你要知道Jorux是一个无聊的医学生, 我没有理由要求你是计算机相关专业的。<br />
<strong>工作地点</strong>：<br />
很明显我们在<strong>北美</strong>汇合，请注意这是指网上。虽说本人很想去北美，但考虑到签证难度，强烈的移民倾向，以及收入的不足，我们在local工作，然后在北美的主机(例如<a href="http://www.basecamphq.com/">Basecamp</a>, <a href="http://mail.google.com">Gmail</a>)汇合就好。<br />
<strong>酬劳</strong>:<br />
1. 非常希望Jorux所付的$能让你满意, 当然也可以用人民币结算；<br />
2. 收入目前不是很稳定，</p>
				</div>

				<p class="postmetadata"> Posted in <a href="https://jorux.com/?cat=4" rel="category">Personal Blog</a> |   <a href="https://jorux.com/?p=36#comments">49 Comments &#187;</a></p>
			</div>
</div>
		<div class="post_body">
			<div class="post-34 post type-post status-publish format-standard hentry category-personal-blog" id="post-34">
				<h2  id="homeheadline"><a href="https://jorux.com/?p=34" rel="bookmark" title="Permanent Link to 95%的中国网站需要重写CSS">95%的中国网站需要重写CSS</a></h2>

				<div class="entry">
					<p>很长一段时间，我都使用12px作为网站的主要字体大小。10px太小，<b>眼睛</b>很容易疲劳，14px虽容易看清，却破坏页面的美感。唯独12px在审美和视力方面都恰到好处。<br />
<b>谁对我的网站字体大小有意见？</b><br />
我老爸，他是第一个向我反映看不清我的网站文字的人。这使我意识到12px，其实只是让我觉得很不错而已，而对于那些视力下降明显的中年以上的人来讲，几乎等于10px对于我的感觉。<br />
于是我告诉他，在“查看”里调整“文字大小”就可以了。但是却发现这是徒劳的。在Firefox能轻易调整的字体大小，怎么在IE就变得如此”坚不可调“？<br />
<b>问题出在哪</b>？<br />
我又试着打开中国的三大门户&#8212;<a href="http://sina.com">新浪</a>，<a href="http://163.com">网易</a>，<a href="http://sohu.com">搜狐</a>。它们的字体无一例外的在IE里失去可调性。看来这不是我网站独有的毛病。再看看<a href="http://msn.com">MSN</a>，<a href="http://google.com">Google</a>，<a href="http://alistapart.com">A list apart</a>，<a href="http://washingtonpost.com">华盛顿邮报</a>，在IE里却是可调的。难道IE在字体调整上也搞歧视不成？<br />
困扰我的问题直到看到这篇大作：<a href="http://www.clagnut.com/blog/348">How to size text using ems</a>，才得到彻底的解决。<br />
<b>关键点</b>：<br />
1. IE无法调整那些使用px作为单位的字体大小；<br />
2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位；<br />
3. Firefox能够调整px和em，但是96%以上的中国网民使用IE浏览器(或内核)。这意味这中国网站的字体大小可以被认为不可调。<br />
<b>95%的中国网站需要重写CSS</b><br />
在我所观察的中国网站中，包括三大门户，以及“引领”中国网站设计潮流的<a href="http://www.blueidea.com/">蓝色理想</a>，<a href="http://chinaui.com/">ChinaUI</a></p>
				</div>

				<p class="postmetadata"> Posted in <a href="https://jorux.com/?cat=4" rel="category">Personal Blog</a> |   <a href="https://jorux.com/?p=34#comments">95 Comments &#187;</a></p>
			</div>
</div>
		
		<div class="navigation">
			<div class="alignleft"><a href="https://jorux.com/feed/?paged=2" >&laquo; Older Entries</a></div>
			<div class="alignright"></div>
		</div>

	
	</div>

		</div>

		<div id="sidebar">
		        <ul id="nav">
			    <li id="current">Home</li>
				<li class="navli"><a href="https://jorux.com/archives/">Archives</a></li>
		        <li class="navli"><a href="https://jorux.com/web-design/">Web design</a></li>
				<li class="navli"><a href="https://jorux.com/personal-blog/">Personal Blog</a></li>
		        <li class="navli"><a href="https://jorux.com/download/">Download</a></li>	
		        <li class="navli"><a href="https://jorux.com/archives/about-me/">About me</a></li>
				<li class="navli"><a href="http://jorux.com/feed/" title="Subscribe to my feed, Jorux Notebook" rel="alternate" type="application/rss+xml">Subscribe to my Feed <img src="https://jorux.com/wp-content/themes/j_notebook/images/feed_add.png" alt="" style="width: 16px; height: 16px;border:0;margin: 4px 0 -4px 4px;"/></a></li>
				 <li class="navli"><a href="http://www.feedburner.com/fb/a/emailverifySubmit?feedId=344931">Subscribe by Email&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://jorux.com/wp-content/themes/j_notebook/images/email_add.png" alt="" style="width: 16px; height: 16px;border:0;margin: 4px 0 -4px 4px;"/></a></li>
		        </ul>

		        <div id="search">
               <form action="http://jorux.com/">
               <div><input type="text" name="s" id="s" value="Input, then click Enter to Search" onfocus="if(this.value=='Input, then click Enter to Search')value=''; style.border='1px solid #FFF', style.backgroundColor='#545454'" onblur="if(this.value=='')value='Input, then click Enter to Search'; style.border='1px solid #575757', style.backgroundColor='#444'" class="searchField" alt="Input, then click Enter to Search" />
			   </div></form>
        </div>
		    <ul class="links">
		<li class="linktitle">Websites you may need</li>
<li class="link"><a href="http://digg.com/news/technology" target="_blank">Digg Technology</a></li>	
            <li class="link"><a href="http://alistapart.com/" target="_blank">A List Apart</a></li>
            <li class="link"><a href="http://www.digital-web.com/" target="_blank">Digital Web Magazine</a></li>
<li class="link"><a href="http://www.istockphoto.com/index.php" target="_blank">Stock Photography</a></li>
		        </ul>
		 <ul class="links">
			<li class="linktitle">Thanks</li>
            <li class="link"><a href="http://www.czm.cn/?mcid=8489" target="_blank">Hosted by 九州未来科技</a></li> 
            <li class="link"><a href="http://www.famfamfam.com/lab/icons/silk/" target="_blank">Silk icon set 1.3</a></li> 
	        </ul>
		</div>

</div>
<div id="bottom">
<h2 class="footdata">Designed by <a href="http://www.jorux.com/">Jorux.</a>   Proudly powered by <a href="http://wordpress.org/">WordPress</a><a>&nbsp;&nbsp;&nbsp;&nbsp;</a><span class="license">Except where otherwise noted, this site is licensed under a <a href="http://creativecommons.org/licenses/by-sa/2.0/deed.zh">Creative Commons License.</a></span></h2>
</div>
</div>


		<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://jorux.com/wp-includes/js/wp-emoji-release.min.js?ver=7.0"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://jorux.com/wp-includes/js/wp-emoji-loader.min.js
</script>
</body>
</html>

