任选9场中2场多Aaronhttp://www.sqnjmr.live/post/js_bigdataarrayhttp://www.sqnjmr.live/post/js_bigdataarray2019-06-26T00:00:00+08:002019-06-26T00:00:00+08:00<p><h2>前言</h2></p> <p>上一节我写了观察者模式,是一U设计模式。这些设计模式就是一些思\。当Ӟ关于排序Q有快速排序法Q关于查找有二分查找法等{,q些都ؓ我们提供了一些思\。那么对于避免不了的大数据@环,分类Q查找,有什么更加提高性能Q或者说是降低内存消耗的Ҏ吗?</p> <h2>案例</h2> <p>假设后端q回?..</p> Proxy和defineProperty实现数据观察Q观察者模式)Aaronhttp://www.sqnjmr.live/post/data_proxy_definepropertyhttp://www.sqnjmr.live/post/data_proxy_defineproperty2019-06-11T00:00:00+08:002019-06-11T00:00:00+08:00<p><h2>前言</h2></p> <p>说到vue的原理,大家都知道是通过defineProperty实现Ҏ据的的观察,也知道vue3.0Ҏ了Proxy。关于代理模式(其实也是一U设计模式)Q最新es6 有实C理的ҎQ即我们可以用Proxy?lt;/p> <p>关于[Proxy][1]Q文档还是阮一峰老师的es6,可以l合r...</p> 汇d用的js对象Object的深比较ҎAaronhttp://www.sqnjmr.live/post/js_deepcomparehttp://www.sqnjmr.live/post/js_deepcompare2019-05-31T00:00:00+08:002019-05-31T00:00:00+08:00<p><h2>前言</h2></p> <p>之前文章有些[深拷贝和拷贝][1]Q这文章简单ȝ常用的深度比较方法,q些Ҏ在react中用的特别多Q特别是生命周期里面propҎ。因此,react和immutable天生l合性比较好。假设你目中没有用immutableq种W三方库Q那么实现深度比较的ҎQ在q里ȝ一?..</p> 正则表达式前d,负前瞻,负后(Q?Q?:?!Q理解和应用Aaronhttp://www.sqnjmr.live/post/regex_qzhgfqzfhghttp://www.sqnjmr.live/post/regex_qzhgfqzfhg2019-05-28T00:00:00+08:002019-05-28T00:00:00+08:00<p><h2>前言</h2></p> <p><p>前面文章讲解了一些[正则][1]表达式的文章Q今天讲Ԍ=Q?:?!q几个符L作用吧~</p></p> <p><p>q几个符L的不多,主要解释如下Q?lt;/p> <!--more--></p> <p><p>前瞻Q?lt;/p></p> <pre><code>haorooms(?=hrms) 查找hrms前面的haorooms,表示我们需要匹?..</code></pre> 利用I白gif囄Q实现数据上报,数据埋点Aaronhttp://www.sqnjmr.live/post/css_data_uphttp://www.sqnjmr.live/post/css_data_up2019-05-06T00:00:00+08:002019-05-06T00:00:00+08:00<p><h2>前言</h2></p> <p>利用I白gif囄Q实现数据上报,数据埋点。开发中l常需要统计页面点击,曝光Q包括一些数据埋炏V当Ӟ埋点数据上报的方式有很多Q下面介l纯css的方式和一句话js方式?lt;/p> <h2>Ucss方式</h2> <p>Ucss方式实现数据上报很简单。原理就是利用css属性,但是弊端也比较明显,是点击...</p> 装一个原生js的ajaxh,支持IE9CORS跨域hAaronhttp://www.sqnjmr.live/post/js_ajax_cors_kyqqhttp://www.sqnjmr.live/post/js_ajax_cors_kyqq2019-04-16T00:00:00+08:002019-04-16T00:00:00+08:00<p><h2>前言</h2></p> <p>关于Ujs的ajaxhQ我之前有文章写q,<a href="http://www.sqnjmr.live/post/js_ajax_chun"><a href="http://www.sqnjmr.live/post/js_ajax_chun">http://www.sqnjmr.live/post/js_ajax_chun</a></a>, 关于[CORS跨域资源׃n][1]Q我也有文章写过Q?lt;a href="http://www.sqnjmr.live/post/cors_requestheaders"><a href="http://www.sqnjmr.live/post/cors_requestheaders">http://www.sqnjmr.live/post/cors_requestheaders</a></a>...</p> xSwitch调试和代理线上代码及h5判断程序uaAaronhttp://www.sqnjmr.live/post/xswitch_tsxshttp://www.sqnjmr.live/post/xswitch_tsxs2019-04-04T00:00:00+08:002019-04-04T00:00:00+08:00<p><h2>前言</h2></p> <p>介绍一Ƒ֐事推荐的h插g。即装即用,很方ѝ应用场景蛮多,可以把线上代码代理到本地Q类似fiddler。也可以线上请求数据代理到本地。就是本地测试环境没有数据的话,可以代理U上环境的数据?lt;/p> <h2>不翻墙安装谷歌插?lt;/h2> <p>一般公叔R会有自己的googleCDNQ程序员很多...</p> css固定宽高和位|内部元素布局Aaronhttp://www.sqnjmr.live/post/css_gdwhwz_fxhttp://www.sqnjmr.live/post/css_gdwhwz_fx2019-03-23T00:00:00+08:002019-03-23T00:00:00+08:00<p><h2>前言</h2></p> <p>说不上什么小技巧吧Q之前用q,发现q个布局对于单行元素来说Q没有什么问题,因ؓ我的需求就是单行元素,不换行来说的。类DL需求,位置和宽高固定,元素在固定宽高的位置里面的垂直方向的布局和水qx向的布局方式?lt;/p> <p>如下图:</p> <!--more--> <p>![enter ...</p> RN0.54以上安卓中display: none ?position: absolute不能同时使用 Aaronhttp://www.sqnjmr.live/post/react_native_displaynoneabsulutehttp://www.sqnjmr.live/post/react_native_displaynoneabsulute2019-03-19T00:00:00+08:002019-03-19T00:00:00+08:00<p><h2>前言</h2></p> <p>只是记录一下,说不上是什么分享吧Q也是最qreactNative目遇到的问题。场景是q样的。我用react-native0.51的时候,display:none可以正常使用Q升U到0.58之后Q不能用了。查阅了一下资料,RN0.54以上Q安卓手机爆出的问题Q在display: n...</p> 前端js导出excelҎ分nAaronhttp://www.sqnjmr.live/post/js_exportexcel_fx_2019http://www.sqnjmr.live/post/js_exportexcel_fx_20192019-03-14T00:00:00+08:002019-03-14T00:00:00+08:00<p><h2>前言</h2></p> <p><p>之前写个[js导出excel的方法][1]Q但是发现已l过时了Q最q用了一下新的导出方式,可以用,现在分n一下。vue,react都可以用。原理就是通过table导出excel</p></p> <p><h2>Ҏ一Q?lt;/h2></p> <p><p>通过csv的方式导?lt;/p> <!--more--></p> <pre><code>exp...</code></pre> Ujs版本房贷计算器开?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_housecal</link><guid>http://www.sqnjmr.live/post/js_housecal</guid><pubDate>2019-03-10T00:00:00+08:00</pubDate><lastBuildDate>2019-03-10T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>q个代码是蛮久之前写的,当时q是在易居,Ujs版本的房贯器Q界面精【界面版权归易居房友Q请勿抄袭】。后来我Z此代码{换过一个react版本的,其实核心代码都一P是我这个纯js里面的代码。假如有需要,可以借鉴Q但是不能原不动的抄袭?lt;/p> <h2>界面</h2> <p>&lt;!--mo...</p> </description></item><item><title>react-native支持transform-origin探烦Aaronhttp://www.sqnjmr.live/post/react_native_transformoriginhttp://www.sqnjmr.live/post/react_native_transformorigin2019-03-10T00:00:00+08:002019-03-10T00:00:00+08:00<p><h2>前言</h2></p> <p>最q我在项目中用到了react-nativeQ当使用viewҎ屏幕自适应~放功能的时候,我用C自己熟悉的css transformQ当x定中U点~放的时候,发现react-native不支持transform-originQ可能官方后面会支持吧,目前用下来还是不支持的??..</p> 模块化cmd,amd中动态加载资源问?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/cmd_amd_loadjs</link><guid>http://www.sqnjmr.live/post/cmd_amd_loadjs</guid><pubDate>2019-03-03T00:00:00+08:00</pubDate><lastBuildDate>2019-03-03T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>今天主要讨论一下cmd和amd中运用loadjs{方式动态加载资源遇到的问题。当Ӟamd和cmd是比较老的前端模块化技术了。类似我之前文章提到的[requirejs][1]Q这U方式下q用loadjs中遇到的问题?lt;/p> <h2>前端动态加载资?lt;/h2> <p>我这里列举一下我qx用的比较...</p> </description></item><item><title>ȝ下移动端调试的一些方?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/mobile_tiaoshi</link><guid>http://www.sqnjmr.live/post/mobile_tiaoshi</guid><pubDate>2019-02-17T00:00:00+08:00</pubDate><lastBuildDate>2019-02-17T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>说v|站调试Qpc面和h5面Q假如电脑上能够重现的,都不在话下,调试h都蛮单。仅仅需要fiddler一个抓包工P把线上压~代码替换成本地无压~代码就可以了。具体步骤我后面可以详细介绍。但是,仅仅是某ƾ手机重玎ͼ其他手机没有问题的情况下如何调试Qhybrid面如何调试呢?...</p> </description></item><item><title>常用唤醒APP的方?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/app_wakeup</link><guid>http://www.sqnjmr.live/post/app_wakeup</guid><pubDate>2019-02-11T00:00:00+08:00</pubDate><lastBuildDate>2019-02-11T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>开工大吉,大?019怺利Q?当我们用微信或者浏览器打开一个html5面的时候,有时候会有Q层,提示要不要打开相关APPQ当然也有的会自动唤醒到app中。这U唤醒是如何做到的呢Q?lt;/p> <p>今天单的写下览器是如何唤醒APP的。当Ӟ关于唤醒Q涉及的东西蛮多Q例如地址加参...</p> </description></item><item><title>vue装一个简单的div框选时间的lgAaronhttp://www.sqnjmr.live/post/vue_timedivselecthttp://www.sqnjmr.live/post/vue_timedivselect2019-01-06T00:00:00+08:002019-01-06T00:00:00+08:00<p><h2>前言</h2></p> <p>新年W一文章,记录一下我前段旉装的一个vuelg吧。技术需要积累,有时间我把我之前写的q不错的lg都开源出来。ƈ试vue和react 两种方式的组件封装。今天简单写下鼠标框选div选中效果的封装吧?lt;/p> <h2>div框选实?lt;/h2> <p>div框选效果,其实没有什么好的方法,?..</p> css中的visibility和position新属性stickyAaronhttp://www.sqnjmr.live/post/css_new_prophttp://www.sqnjmr.live/post/css_new_prop2018-12-16T00:00:00+08:002018-12-16T00:00:00+08:00<p><h2>前言</h2></p> <p>今天介绍的[css][1]的visibility和position新属性stickyQ之前的文章中ƈ没有提及。关于[css文章][2]Q前面写了不。但是这2个的介绍真没有,今天单介l一下,当是补充和U篏了吧?lt;/p> <h2>visibility</h2> <p>关于visibilityQ我?..</p> 关于css中的那些scrollAaronhttp://www.sqnjmr.live/post/css_scroll_abouthttp://www.sqnjmr.live/post/css_scroll_about2018-12-09T00:00:00+08:002018-12-09T00:00:00+08:00<p><h2>一、滚动uscrollbar</h2></p> <p>说到css中的scrollQ我们最先想到的应该是overflow:scroll。想到这个scroll之后Q自然而然又想C览器的滚动轴。说到浏览器的滚动uQmac和window昄各异Q不同浏览器也显CZ同。早起也有一些js的解x案。例如:[jScrol...</p> Page Visibility API及Page Lifecycle API的介l及应用Aaronhttp://www.sqnjmr.live/post/page_api_csthttp://www.sqnjmr.live/post/page_api_cst2018-11-22T00:00:00+08:002018-11-22T00:00:00+08:00<p><h2>前言</h2></p> <p>今天主要介绍2个apiQ一个是Page Visibility APIQ一个是Page Lifecycle APIQ这两个api你可能用的不多,关于Page Visibility APIQ目前大部分L览器已l支持?lt;/p> <p>Page Visibility API主要是监听网|否隐...</p> rollup打包js的注意点Aaronhttp://www.sqnjmr.live/post/rollup_tipshttp://www.sqnjmr.live/post/rollup_tips2018-11-13T00:00:00+08:002018-11-13T00:00:00+08:00<p><h2>前言</h2></p> <p>rollup比较适合打包js的sdk或者封装的框架{,例如Qvue源码是rollup打包的。webpack比较适合打包一些应用,例如SPA或者同构项目等{。最q我们对rollup试牛刀了一下。简单分享一些注意事吧?lt;/p> <h2>rollup基础</h2> <p>rollup基础知识及插...</p> blob对象介绍及相兛_?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_blobdownload</link><guid>http://www.sqnjmr.live/post/js_blobdownload</guid><pubDate>2018-11-06T00:00:00+08:00</pubDate><lastBuildDate>2018-11-06T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p><p>后面有时间ȝ一下react相关知识和性能优化的东西,q些东西ȝh要花些时间。一直没有时间ȝ。今天的q个问题也是目中用到的Q之前没有写q,写在博客中,有需要的自取。主要是js文件blob介绍及相兛_用?lt;/p></p> <p><h2>Blob对象</h2></p> <pre><code>var blob = new B...</code></pre> </description></item><item><title>装一个js获取windowpȝ或者手机系l版本的ҎAaronhttp://www.sqnjmr.live/post/js_wd_sj_versionhttp://www.sqnjmr.live/post/js_wd_sj_version2018-10-24T00:00:00+08:002018-10-24T00:00:00+08:00<p><h2>前言</h2></p> <p>今天1024E序员的节日Q祝q大E序猿朋友节日快乐!最q比较忙Q疏于ȝ。博客很久没有详l好好的写文章了。今天这文章也是^时用到的。就是一个积累函数吧。后面有旉好好ȝ一下?lt;/p> <h2>通过navigator</h2> <p>navigator可以获取很多信息Q我前面也有文章提及q,h...</p> 单页应用中更优雅的操作domAaronhttp://www.sqnjmr.live/post/operate_spa_domhttp://www.sqnjmr.live/post/operate_spa_dom2018-10-14T00:00:00+08:002018-10-14T00:00:00+08:00<p><h2>前言</h2></p> <p>以前的项目是jquery独行天下Q但是随着单页应用的流行,很多公司攑ּ了jquery的用,主要因ؓ目中dom操作较少Q一般都是数据改变domQ但是假如项目中隑օ的操作一些dom的时候,我们可以完全用js的一些写法,完全没有必要小的操作来引进一个那么庞大的jquery?关于...</p> element上传lg循环引用及简单时间倒计?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/element_upload_timeout</link><guid>http://www.sqnjmr.live/post/element_upload_timeout</guid><pubDate>2018-09-30T00:00:00+08:00</pubDate><lastBuildDate>2018-09-30T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>今天记录几个单的问题,前端旉开发用到的Q之前看到博客中没有记录Q简单记录一下?一个是element上传lg循环引用的方式,一个是单的倒计时?lt;/p> <p>上传lg每个上传都要指定相应的函敎ͼ而且函数不能传入参数Q?0个上传按钮要?0个上传函敎ͼ非常ȝ。针对这个,我们可以?..</p> </description></item><item><title>记录一下js光标位置及复制和剪切?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_focus_position_copy</link><guid>http://www.sqnjmr.live/post/js_focus_position_copy</guid><pubDate>2018-09-18T00:00:00+08:00</pubDate><lastBuildDate>2018-09-18T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>关于光标位置Qcopy与剪切板{,博客中ȝ的比较少Q翻了一下,很久之前做编辑器的时候,有类似文字[javascript获取iframe中光标所在位|的父节点名U][1]Q但是和今天ȝ的这个还不太一栗由于项目中用到在input某个光标之后动态插入宏Q用C光标位置。在q里记录一...</p> </description></item><item><title>装了一个vueUd端下拉加载下一|据的lgAaronhttp://www.sqnjmr.live/post/vue-scroll-nextpagehttp://www.sqnjmr.live/post/vue-scroll-nextpage2018-09-11T00:00:00+08:002018-09-11T00:00:00+08:00<p><h2>前言</h2></p> <p><p>单封装了一个vue下拉加蝲lgQ分享一下,已放到github和前端资源库Q欢q下载!</p></p> <p><h2>lg代码</h2> <!--more--></p> <pre><code>&lt;template&gt; &lt;div class=&quot;my-scroll&quot; :class=&quot;[scrollState?&#39;...</code></pre> JS十六q制颜色Q?fffQ与RGB, HSL颜色的相互{?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/color_rgb_transform</link><guid>http://www.sqnjmr.live/post/color_rgb_transform</guid><pubDate>2018-09-03T00:00:00+08:00</pubDate><lastBuildDate>2018-09-03T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>今天做了q个需求,是前端支持rgba讄Q但是后台生成图片的时候不支持rgba,需?个倹{分别是一个十六进刉色值和一个opacity透明度,q就要我q边传值的时候,把原来的rgba转换?个|然后传给后台。(注,之所以前端没有分?个字D,是因为前端设|颜色的时候直接用一?..</p> </description></item><item><title>|页中添加特D字体解x?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/web_addfont</link><guid>http://www.sqnjmr.live/post/web_addfont</guid><pubDate>2018-08-29T00:00:00+08:00</pubDate><lastBuildDate>2018-08-29T00:00:00+08:00</lastBuildDate><description><h2>前言</h2> <p>今天ȝ一下网中dҎ字体的解x案。一个字体一般情况下很大Q少?-2MQ一般是4-6MQ大的字体十几兆的都有。加载在|页中会D速度变得很慢Q因此,你在|页中很看到有用特D字体的原因。今天主要ȝ一下网中q用Ҏ字体的一些解x案?lt;/p> <h2>Ҏ一Q(针对有针Ҏ的...</h2> </description></item><item><title>FileReader获取上传囄的宽?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_webapi_filereader</link><guid>http://www.sqnjmr.live/post/js_webapi_filereader</guid><pubDate>2018-08-09T00:00:00+08:00</pubDate><lastBuildDate>2018-08-09T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p><p>input upload 囄上传Q经常要判断上传囄的宽高。除了运用一些上传插件可以获取。原生的上传方式也可以获取,下面p一下如何获取上传图片的宽高?lt;/p></p> <p><h2>以饿了么上传插gZ</h2> <!--more--></p> <pre><code>&lt;el-upload ...</code></pre> </description></item><item><title>js对textarea换行W的处理ҎAaronhttp://www.sqnjmr.live/post/js_textarea_enterhttp://www.sqnjmr.live/post/js_textarea_enter2018-08-02T00:00:00+08:002018-08-02T00:00:00+08:00<p><h2>前言</h2></p> <p><p>本文很简单,是记录一下js对textarea换行W的处理?lt;/p></p> <p><h2>调试</h2></p> <p><p>随便写一个textarea</p> <!--more--></p> <pre><code>&lt;textarea name=&quot;&quot; id=&quot;textareaid&quot; cols=&quot;30&quot; rows=&quot;10&quot;&gt;&lt;/text...</code></pre> 单页应用/vue{页面未保存h关闭q回{确认提C?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/single_page_refrashtips</link><guid>http://www.sqnjmr.live/post/single_page_refrashtips</guid><pubDate>2018-07-28T00:00:00+08:00</pubDate><lastBuildDate>2018-07-28T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>单页应用Q例如vue,reactQ项目中有些~辑面不是时时保存的。用户做了半天,h了页面,或者关闭了面Q就需要重新制作。因此,hQ返回,关闭面的时候进行用hC,昑־很重要。但是这个单应用,用户在刷新、关闭、历史返回中如何制作呢?q个问题Q我很久之前做q,只是感觉效果...</p> </description></item><item><title>win10删掉某个q程命o行记?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/win_kill</link><guid>http://www.sqnjmr.live/post/win_kill</guid><pubDate>2018-07-17T00:00:00+08:00</pubDate><lastBuildDate>2018-07-17T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>本文Ua是记录一个命令行Q自q常忘掉的?lt;/p> <p>主要是今天用[vscode 的task][1]h务,xvscode后,发现端口q在Q我启动另外一个相同端口的目换成了别的端口Q无奈杀q程Q但是发现杀q程的命令行忘记了,本文单记录一下?lt;/p> <!--more--> <p>...</p> </description></item><item><title>js数组qQ交集,差集的计方式汇?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_array_jiaojicjbj</link><guid>http://www.sqnjmr.live/post/js_array_jiaojicjbj</guid><pubDate>2018-07-08T00:00:00+08:00</pubDate><lastBuildDate>2018-07-08T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>今天主要ȝ一些js数组操作qQ交集,差集的一些方式。发现这些方式在工作用经帔R刎ͼҎ有很多种。今天主要ȝ一下我在工作用通常使用的方式,及一些简单的实现。其实我前面很多文章中都提及了我在工作中用的一些方式。例如:我前面文章讲[includesҎ][1]Q时候就提到了计交?..</p> </description></item><item><title>vscode中Tasks及Emmet的应?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/vscode_task_emmet</link><guid>http://www.sqnjmr.live/post/vscode_task_emmet</guid><pubDate>2018-06-24T00:00:00+08:00</pubDate><lastBuildDate>2018-06-24T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>接上一,今天再来介绍2个vscode的用技巧,一个是tasksQ相当于脚本命oQ一个是EmmetQemmet其实前面在我介绍[sublime][1]的时候写q。这文章是ZvscodeQ写下如何配|自定义代码片段?lt;/p> <h2>vscode的Tasks 的应?lt;/h2> <p>Z么要用t...</p> </description></item><item><title>vscode保存代码Q自动按照eslint规范格式化代码设|?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/vscode_eslint</link><guid>http://www.sqnjmr.live/post/vscode_eslint</guid><pubDate>2018-06-16T00:00:00+08:00</pubDate><lastBuildDate>2018-06-16T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>~辑器代码风g_是前端代码规范的一部分。同一个项目,或者同一个小l,保持代码风格一致很必要。就拿vue目来说Q之前做的几个项目,很多伙伴代码格式化用的是vue-beautify ,q个格式化工h个明昄~点Q就是三元不{式明明可以一行显C,非得格式化成3行,import?..</p> </description></item><item><title>前端开发中js代码异常处理及监?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_qd_error</link><guid>http://www.sqnjmr.live/post/js_qd_error</guid><pubDate>2018-06-02T00:00:00+08:00</pubDate><lastBuildDate>2018-06-02T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>其实Q我在前端工作中Q对错误异常处理做的比较,因ؓ我们知道QJavaScript 有基本的异常处理能力Q前端开发过E中Q很多错误js会直接抛出,但是q仅仅是表象的,有时候会因ؓ环境不同Q例如线下是好的Q线上有问题Q或者API{原因,造成js报错。针对这些报错,我们要及时捕P才能...</p> </description></item><item><title>2018q中高前端面试题目结Aaronhttp://www.sqnjmr.live/post/2018_mianshiqianduanhttp://www.sqnjmr.live/post/2018_mianshiqianduan2018-05-27T00:00:00+08:002018-05-27T00:00:00+08:00<p><h2>前言</h2></p> <p>关于前端面试Q及面试题目Q我之前有很多文章ȝq,可以在右侧搜索[面试][1]Q进行查找。其实面试中可以问的问题很多Q最q几q_我也面试q很多工?-4q的前端Q我一般会抓住他们做的目Q进行更详细的追问。所以,初中U前端面试的时候,除了掌握基础知识之外Q项目中用到的技术要理清楚,...</p> CentOS7搭徏git 服务?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/centos_git</link><guid>http://www.sqnjmr.live/post/centos_git</guid><pubDate>2018-05-22T00:00:00+08:00</pubDate><lastBuildDate>2018-05-22T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>用git搭徏git服务器是一个很老的话题Q我之前用gitlab搭徏q,用git原生的方式搭Q但是对我个言Qgitlab有点费资源Q占内存太大Q自己本来就是一个博客服务器Q配|比较低Q而且git用的Z多,用gitlab太浪费了。(我公怋用gitlabQ这个适合公司团队?..</p> </description></item><item><title>localStorage和cookie的跨域解x?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/kuayu_localstorage_cookie</link><guid>http://www.sqnjmr.live/post/kuayu_localstorage_cookie</guid><pubDate>2018-05-12T00:00:00+08:00</pubDate><lastBuildDate>2018-05-12T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>[localStorage][1]和cookie大家都用q,我前面也有文章介l过Q[跨域][2]大家也都了解Q我前面也有文章详细描述q。但是localStorage和cookie的跨域问题,好多伙伴没有遇到或者不是很清楚Q下面这文章,我来单的聊聊Q?lt;/p> <h2>业务场景</h2> <p>...</p> </description></item><item><title>【系列三】h5的Notification 、web Push介绍Aaronhttp://www.sqnjmr.live/post/h5_notification_webpushhttp://www.sqnjmr.live/post/h5_notification_webpush2018-05-06T00:00:00+08:002018-05-06T00:00:00+08:00<p><h2>前言</h2></p> <p>本文是客L和服务器端通信最后一个系列,主要介绍h5的桌面通知和web pushQh5的Notification主要用于向用户展C通知Q而web push 主要用于订阅推送消息?lt;/p> <h2>h5的Notification</h2> <p>关于h5的Notification已经不是什么新的技...</p> 【系列二】长q接Q短q接及WebSocket介绍(含http1.0,1.1,2.0相关)Aaronhttp://www.sqnjmr.live/post/long_lianjie_websockethttp://www.sqnjmr.live/post/long_lianjie_websocket2018-05-05T00:00:00+08:002018-05-05T00:00:00+08:00<p><h2>前言</h2></p> <p>上一节讲了长轮询和轮询及其实玎ͼq节讲一讲长q接、短q接及webSocketQ在讲这些之前,我们先来普及一下http相关的一些基知识?lt;/p> <h2>http1.0和http1.1及http2.0区别</h2> <p>先说说http1.0</p> <h3>http1.0</h3> <p>&lt;!--more...</p> 【系列一】ajax长轮询、轮询应用和介绍Aaronhttp://www.sqnjmr.live/post/ajax_longlunxun_dlxhttp://www.sqnjmr.live/post/ajax_longlunxun_dlx2018-05-05T00:00:00+08:002018-05-05T00:00:00+08:00<p><h2>前言</h2></p> <p>本文是系列文章,主要介绍客户端浏览器和服务器端的通信Q当Ӟ客户端和服务器端通信有很多方式。本pd文章主要是讲<strong>不间?lt;/strong>通信方式Q不间断通信是通信没有停止Q一直进行。系列一文章主要是讲轮询和长轮询?lt;/p> <h2>什么是轮询</h2> <p>轮询是指客户端定时向服务器发送ajaxhQ服...</p> 谈谈vue及webpack在项目中的一些优?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/vue_webpack_youhua</link><guid>http://www.sqnjmr.live/post/vue_webpack_youhua</guid><pubDate>2018-04-29T00:00:00+08:00</pubDate><lastBuildDate>2018-04-29T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>我觉得前端性能优化是前端工E化的一部分Q做前端性能优化有很多可以做的地方,我在很久之前写过一些文章,可以在博客搜索[优化][1]Q查看相x章。其实很多性能优化的地斚w要把我一个最佳的度。今天主要写一下vue及webpack在项目中的一些优化?lt;/p> <h2>vue目中的性能优化</h2> <p>...</p> </description></item><item><title>前端性能优化之缓存利?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/cache_huancunliyong</link><guid>http://www.sqnjmr.live/post/cache_huancunliyong</guid><pubDate>2018-04-19T00:00:00+08:00</pubDate><lastBuildDate>2018-04-19T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>来多的公司开始做PWAQ渐q式web应用了。我的博客源码是2014q年初写的,q期有时间正准备优化一下,也改成PWA的web应用。关于PWA渐进式web应用Q我在博客改版之后再来详l介l!今天主要详细介绍一下性能优化之缓存利用,本文详l介l各U缓存,及其机制Q前D|间我也写q?..</p> </description></item><item><title>【译】vue技术分?你可能不知道?个秘?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/vue_7secret</link><guid>http://www.sqnjmr.live/post/vue_7secret</guid><pubDate>2018-04-08T00:00:00+08:00</pubDate><lastBuildDate>2018-04-08T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>本文是vue源码贡献值Chris Fritz在公共场合的一场分享,觉得分n里面有不东西值得借鉴Q虽然有些内Ҏ在工作中也是q么做的Q还是把大神的ppt在这里翻译一下,希望l朋友带来一些帮助?lt;/p> <h2>一、善用watch的immediate属?lt;/h2> <p>q一Ҏ在项目中也是q么?..</p> </description></item><item><title>es6中常用的字符丌Ӏ数l、对象的扩展及应?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/es6_string_object_array</link><guid>http://www.sqnjmr.live/post/es6_string_object_array</guid><pubDate>2018-03-25T00:00:00+08:00</pubDate><lastBuildDate>2018-03-25T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>目前前端开发流行框Ӟreact,vue,angular以及微信程序等{,都是Ҏ据的操作Q其实es6中对字符丌Ӏ数l、对象的扩展Q对于我们更单的操作数据提供了方ѝ今天主要ȝ一下我目中主要用到的es6对这些扩展的应用。当Ӟes6对函数的扩展及其他应用也很重要,关于q些?..</p> </description></item><item><title>淘宝|性能优化之借鉴——webp及Bigpipe Aaronhttp://www.sqnjmr.live/post/webp_bigpipehttp://www.sqnjmr.live/post/webp_bigpipe2018-03-11T00:00:00+08:002018-03-11T00:00:00+08:00<p><h2>前言</h2></p> <p>说到性能优化Q我博客前面文章讲了不少Q其实[性能优化][1]做的好坏Q直接体现前端开发h员的水^。因此,很多面试中基本上都会提及q一炏V今天主要借鉴淘宝|性能优化方式之一webp及Bigpipe q行单的讲解?lt;/p> <h2>webp</h2> <p>打开淘宝|,假如你是chrome览器,...</p> [js工具]js提取中文拼音首字母方?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_tools_hanzipy</link><guid>http://www.sqnjmr.live/post/js_tools_hanzipy</guid><pubDate>2018-03-11T00:00:00+08:00</pubDate><lastBuildDate>2018-03-11T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>本文主要记录如何用js提前中文拼音首字母的Ҏ。封装一个函敎ͼ假如有需要的Q可以直接拿ȝ?lt;/p> <h2>原理</h2> <p>主要是根据中文的unicode码来q行的。主要是在收集的中文范围内查找,大家可以多收集一些。假如中文是多音字,那可能有点坑了!</p> <!--more--> <p>...</p> </description></item><item><title>转蝲几张前端程?囊括前端js基础知识Aaronhttp://www.sqnjmr.live/post/js_lct_qdhttp://www.sqnjmr.live/post/js_lct_qd2018-03-08T00:00:00+08:002018-03-08T00:00:00+08:00<h2>前端程?lt;/h2> <p>同事在群里分享的前端程图,看到知识比较全面Q发到网上共享一下。同事可能也是网上找来的Q假如要|名或者R犯版权,误p!</p> <p>q几张流E图Q基本上是囊括了前端js大部分基知识Q对基础知识的温故而知新大有帮助,感兴的可以下蝲一下!</p> <h2>一、javascript数据...</h2> 【广告赞助】haorooms推荐使用野草云主机香港CN2 VPSAaronhttp://www.sqnjmr.live/post/haorooms_rwgg_ycyhttp://www.sqnjmr.live/post/haorooms_rwgg_ycy2018-03-06T00:00:00+08:002018-03-06T00:00:00+08:00<p><h2>~v</h2></p> <p>文章内容大概和前端技术无养I主要是推q协助一下赞助商。更多广告合作,[请单击][1]Q?lt;/p> <h2>正文</h2> <!--more--> <p>野草云怎么样呢Q以下是官方介绍Q?![enter image description here][2]</p> <p>野草云(原野草主...</p> ȝjs常用的dom操作Qjs的dom操作APIQ?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_dom_api</link><guid>http://www.sqnjmr.live/post/js_dom_api</guid><pubDate>2018-02-28T00:00:00+08:00</pubDate><lastBuildDate>2018-02-28T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>很多同学用惯了jquery操作domQ让他们用js操作的时候,常常力不从心Q本文ȝ了常用的js的dom操作ҎQ供大家阅Q其实说起[js操作dom][1]Q我很久很久之前有篇文章Q[jquery属性的相关js实现Ҏ][2],里面囊括了很大一部分js操作dom的常用方法,但是?..</p> </description></item><item><title>vue和react{项目中更简单的实现展开收v更多{效?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/zhankaishouqigengduo</link><guid>http://www.sqnjmr.live/post/zhankaishouqigengduo</guid><pubDate>2018-02-08T00:00:00+08:00</pubDate><lastBuildDate>2018-02-08T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>本文题目中虽然写有vue和react,但是qvue和react相关知识Q而是最基本的html5和css3的一些知识,之所以写vueQ是因ؓ我最q项目中用到了类似效果,我用vue相关知识实现q不雅观Q用html5和css3实现Q则更加完美?lt;/p> <h2>目案例</h2> <p>目中有如下...</p> </description></item><item><title>腊八节喜得千?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/labajie_xdqj</link><guid>http://www.sqnjmr.live/post/labajie_xdqj</guid><pubDate>2018-01-24T00:00:00+08:00</pubDate><lastBuildDate>2018-01-24T00:00:00+08:00</lastBuildDate><description><p>农历腊八节,我家宝贝诞生了,从此Q我多了一个小袄?多了一个期|多了一份希望,同时也多了一份责任!</p> <p>q天Q上天寒地内R宝贝出生不久,上vq来?018q的W一场大雪!</p> <p>让我惌v了好多电视里面的情节Q我家宝贝不一般啊Q?lt;/p> <p>下面晒一下我家宝贝?lt;/p> <p>刚出生时的样子:</p> <p>...</p> </description></item><item><title>vue目重构技术要点和ȝAaronhttp://www.sqnjmr.live/post/vue_project_cghttp://www.sqnjmr.live/post/vue_project_cg2018-01-22T00:00:00+08:002018-01-22T00:00:00+08:00<p><h2>前言</h2></p> <p>最q太忙了Q博客好久没有更C。今天忙里偷Ԍ单ȝ一下最qvue目重构的一些技术要炏V?lt;/p> <h2>vue数据更新Q?视图未更?lt;/h2> <p>q个问题我们l常会遇刎ͼ一般是vue数据赋值的时候,vue数据变化了,但是视图没有更新。这个不是目重构的技术要点,也和大家分n一下vue...</p> 前端js书写装l护常用ҎAaronhttp://www.sqnjmr.live/post/js_fengzhuang_gfhttp://www.sqnjmr.live/post/js_fengzhuang_gf2018-01-11T00:00:00+08:002018-01-11T00:00:00+08:00<p><h2>前言</h2></p> <p><p>本文分n一个常用的js装吧,qx书写非单应用的时候,可能会用刎ͼ可以把经常用到的装在一个自调用函数当中Q既能避免全局变量污染Q又易于l护Q下面分享一下!</p></p> <p><h2>代码</h2> <!--more--></p> <pre><code>var haorooms = (function(...</code></pre> svg滤镜介绍及制作黏合、水波等效果Aaronhttp://www.sqnjmr.live/post/svg_applicationhttp://www.sqnjmr.live/post/svg_application2018-01-07T00:00:00+08:002018-01-07T00:00:00+08:00<p><h2>前言</h2></p> <p>张鑫旭,旭哥最q出了一本《css世界》的书,很佩服旭哥的认真ȝ能力Qcss研究的很透彻Q融入了很多自己观点和css是世界观。本文svg滤镜Q主要开始于旭哥C|站cssworld.cn ,|站购买按钮黏合效果很是吸引我。研I了一下,旭哥正是用了svg滤镜的一些效果!阅其博客,?..</p> 谈谈css的加载及加蝲循序Aaronhttp://www.sqnjmr.live/post/css_preloadhttp://www.sqnjmr.live/post/css_preload2017-12-24T00:00:00+08:002017-12-24T00:00:00+08:00<p><h2>前言</h2></p> <p>关于前端css性能优化Q网上很多类似文章,我之前也写过Q《[|站前端性能优化之javascript和css][1]》,感兴的可以ȝ下。今天我们旧事重提,再来谈谈css的加载,及加载@序?lt;/p> <h2>通常的css加蝲循序</h2> <!--more--> <p>一般情况下Q我?..</p> 览器对es modules 的一些解?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/es_modules</link><guid>http://www.sqnjmr.live/post/es_modules</guid><pubDate>2017-12-17T00:00:00+08:00</pubDate><lastBuildDate>2017-12-17T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p><p>我们在用框架开发时Q运用es modules对资源加载,已经再^怸q了。但是现在。浏览器端也已经慢慢开始支持es modules,支持的浏览器如下Q?lt;/p></p> <blockquote> <p>Safari 10.1.</p> <p>Chrome 61.</p> <p>Firefox 54 ?需要在about:...</p> </blockquote> </description></item><item><title>vue中v-model{父子组仉信Aaronhttp://www.sqnjmr.live/post/vue_vmodelhttp://www.sqnjmr.live/post/vue_vmodel2017-12-09T00:00:00+08:002017-12-09T00:00:00+08:00<p><h2>前言</h2></p> <p>我们在vue目中,l常有这L需求,父组件绑定v-modelQ子lg输入更改父组件v-modell定的数倹{很多朋友对q种操作不是很清楚,q需要对v-model有比较深入的了解Q今天谈谈v-model?lt;/p> <h2>vue的双向数据绑?lt;/h2> <p>q个问题在很多前端面试中Q会提及。面...</p> 2017 q中国技能大赛(|站设计Q参赛感?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/2017_webdesigngw</link><guid>http://www.sqnjmr.live/post/2017_webdesigngw</guid><pubDate>2017-11-29T00:00:00+08:00</pubDate><lastBuildDate>2017-11-29T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>有幸在公司组l下Q参加了2017q中国技能大赛(|站设计Q决赛,册完毕Q公布一下大赛源码,及相x悟吧Q?lt;/p> <h2>关于大赛</h2> <p>大赛是市一U大赛,q有开q式{A式。比赛ؓ期一天,分ؓ上午和下午场Q考试题目h看:<a href="https://github.com/confidence"><a href="https://github.com/confidence">https://github.com/confidence</a></a>...</p> </description></item><item><title>由向Request Headersd信息惛_CORS跨域资源׃nAaronhttp://www.sqnjmr.live/post/cors_requestheadershttp://www.sqnjmr.live/post/cors_requestheaders2017-11-03T00:00:00+08:002017-11-03T00:00:00+08:00<p><h2>前言</h2></p> <p>如何向Request Headersd信息Q添加信息的Ҏ是比较简单的。我们可以用普通的ajax来添加。但是ؓ什么要d信息Q添加信息的作用是什么?[CORS跨域资源׃n][1]Q我之前文章也介l过Q但是跨域资源共享的具体程和请求方式有哪些Q今天这文章,我们来具体介绍一下!...</p> 什么是js深拷贝和拷贝及其实现方?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_copy_sq</link><guid>http://www.sqnjmr.live/post/js_copy_sq</guid><pubDate>2017-10-29T00:00:00+08:00</pubDate><lastBuildDate>2017-10-29T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>q个月太忙了Q一直没旉更新博客。帮g房友用react写系l,reactl于应用于实际项目了。房友前端技术栈是react+dva+antd+nodejs+webpackQ这些后面有旉具体ȝ。今天写一下js的深拯和浅拯Q这个名词经常听刎ͼ但是可能有的同学不是很明白他们的意?..</p> </description></item><item><title>前端览器缓存及代码部vAaronhttp://www.sqnjmr.live/post/qianduan_cache_bushuhttp://www.sqnjmr.live/post/qianduan_cache_bushu2017-10-15T00:00:00+08:002017-10-15T00:00:00+08:00<p><h2>前言</h2></p> <p>最q手上刚刚拆掉石膏,L下房友帮忙。楼下房友领导来自阿里,前端用的是阿里的ant-designQ设计将设计图上传到蓝湖Q聊天工具也采用阉K的钉钉。有旉我也多多L下房友交学习,多交,׃有提升。最q也比较忙,好久没有更新博客了。闲a叙Q今天主要谈谈前端性能优化之浏览器~存?...</p> 由iPhoneX适配问题惛_?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/iphonex_shipei</link><guid>http://www.sqnjmr.live/post/iphonex_shipei</guid><pubDate>2017-09-23T00:00:00+08:00</pubDate><lastBuildDate>2017-09-23T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>iPhoneXq没有正式开售,目前|上对其适配引发了不少争论和吐槽。下面我来谈谈ios11的WebView Viewport 及iPhoneX刘v惛_的?lt;/p> <h2>ios11的WebView Viewport</h2> <p>Z适应iPhoneX的刘Pios11剙状态栏做了更改Q?..</p> </description></item><item><title>css开发技巧二之常见css题目Aaronhttp://www.sqnjmr.live/post/css_skill2http://www.sqnjmr.live/post/css_skill22017-09-17T00:00:00+08:002017-09-17T00:00:00+08:00<p><h2>前言</h2></p> <p>关于css技巧类的文章,我前面也写过很多Q例如[提高你css技能的css开发技巧][1] 、css表单样式化、[css对话框的写法][2]、[css中伪元素before或after中content的特D用法attr][3] {等Q这些都是一些用技巧。今天,我再列D一些^时工作中Q可...</p> 手腕舟状骨骨折手术后W一文?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/shuhouwenzhang</link><guid>http://www.sqnjmr.live/post/shuhouwenzhang</guid><pubDate>2017-09-10T00:00:00+08:00</pubDate><lastBuildDate>2017-09-10T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>今天教师节,老师们节日快乐。这文章是我手术之后的W一文章,全篇文章用左手打字,望大家原谅!</p> <h2>手术</h2> <p>d打篮球摔倒,一直以为没有问题,也一直没有去医院查。但是半q过MQ手腕部一直疼痛,医院拍片之后Q说是手腕舟犉骨折Q这个骨折相当麻烦。由于是陈旧骨折Q需要做手术?..</p> </description></item><item><title>HTML5的WebSocket的介l及应用Aaronhttp://www.sqnjmr.live/post/html5_websockethttp://www.sqnjmr.live/post/html5_websocket2017-08-28T00:00:00+08:002017-08-28T00:00:00+08:00<p><h2>前言</h2></p> <p>最q项目中用到[视频直播技术][1]Q弹q用WebSocket制作再合适不q了Q上一文章讲了html5的sse服务器发送事Ӟq节课谈谈websocket。及socket.io制作单聊天室。关于nodejs创徏单的聊天?我之前的一文章写q,具体可以看:<a href="http://www"><a href="http://www">http://www</a></a>...</p> html5之sse服务器发送事件EventSource介绍Aaronhttp://www.sqnjmr.live/post/hyml5_eventsourcehttp://www.sqnjmr.live/post/hyml5_eventsource2017-08-28T00:00:00+08:002017-08-28T00:00:00+08:00<p><h2>前言</h2></p> <p>我前面文章讲q[数据大屏][1],里面的数据时时更新。还有时时更新的股票数据QFacebook/Twitter 更新、估h新、新的博文、赛事结果等{,都需要数据时时更新。之前我们一般都是请求服务器Q看看有没有可以更新的数据。html5提供了Server-Sent EventsҎQ?..</p> canvasl制圆角环Ş?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/canvas_yuanjiaohuanx</link><guid>http://www.sqnjmr.live/post/canvas_yuanjiaohuanx</guid><pubDate>2017-08-10T00:00:00+08:00</pubDate><lastBuildDate>2017-08-10T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>之前一文章,写过关于[canvasl制癑ֈ比的环Ş图][1],以及q度条模p的解决ҎQ今天项目中用到了圆角环形图Q查了一下百度echartQ发现ƈ没有圆角环Ş图,highchart的圆角环形图和项目中的有些出入,highchart的展C地址LQ?lt;a href="https://www.hchart"><a href="https://www.hchart">https://www.hchart</a></a>...</p> </description></item><item><title>微信视频播放器隐藏播放控Ӟ视频全屏做法分nAaronhttp://www.sqnjmr.live/post/weixin_hidevideo_controlhttp://www.sqnjmr.live/post/weixin_hidevideo_control2017-08-03T00:00:00+08:002017-08-03T00:00:00+08:00<p><h2>前言</h2></p> <p>qx目中视频播攄的不多,以至于前D|间h5婚礼邀请函视频部分Q微信中一直去除不了微信播攑֙控gQ导致视频播攄束甚臌有广告生。以讄域名白名单,腾讯相关域名才能解决q个问题。ؓ此,之前q写了一文章“[Ud端video视频播放的痛][1]”,用把视频转ؓcanvasQ但是没...</p> Es6中Map对象和Set对象的介l及应用Aaronhttp://www.sqnjmr.live/post/js_map_sethttp://www.sqnjmr.live/post/js_map_set2017-07-26T00:00:00+08:002017-07-26T00:00:00+08:00<p><h2>前言</h2></p> <p>今天说一说ES6的Set对象和Map对象。以及这两个对象的应用。目前主浏览器Qchrome32、IE11、Safari7.1以及 Firefox 13以上Q都对这2个对象做了基本的支持。因此,和css3一Pes6慢慢走进了前端开发的舞台Q未来,我们可以不用再利用Babel对ES...</p> HTML5之离U缓存的ҎAaronhttp://www.sqnjmr.live/post/html5_appcachehttp://www.sqnjmr.live/post/html5_appcache2017-07-20T00:00:00+08:002017-07-20T00:00:00+08:00<p><h2>前言</h2></p> <p>前几天,看到张鑫旭大写了一关于离U缓存的技术的文章。我正好前段旉也用Chtml5的manifestQ虽然不是什么新的技术,但是感觉和张大神理解的有点偏差。张大神说html5 manifest要前后端配合使用。其实,目前html5 manifest也可以纯前端开发,不需要后端和?..</p> canvas的ImageData对象的介l及应用Aaronhttp://www.sqnjmr.live/post/canvas_imageDatahttp://www.sqnjmr.live/post/canvas_imageData2017-07-18T00:00:00+08:002017-07-18T00:00:00+08:00<p><h2>前言</h2></p> <p>我前面有不少关于[canvas][1]的文章,其中最q一是关于[canvasl制video][2]Q其实canvas的功能还有很多,我们q可以利用canvas来过滤视频纯色背景,q可以获取图片背景颜艌Ӏ这里用Ccanvas的一个ImageData 对象Q今天就介绍一下canvas?..</p> es6的Promise及es7的Async/Await应用Aaronhttp://www.sqnjmr.live/post/es67applicationhttp://www.sqnjmr.live/post/es67application2017-07-11T00:00:00+08:002017-07-11T00:00:00+08:00<p><h2>前言</h2></p> <p>关于Promise 对象Q阮一峰大在Es6入门中写q,q里׃再篏赘了Q大家可以在本文底部Q点L看Promise 文档。其实Promise 最早是源于C֌Qjquery的[deferred对象][1]Q也有类似Promise的实现。我之前在判断文章中所有图片是否加载完成一文中有所?..</p> javascript的单U程事g循环及多U程介绍Aaronhttp://www.sqnjmr.live/post/js_xianchenghttp://www.sqnjmr.live/post/js_xiancheng2017-07-11T00:00:00+08:002017-07-11T00:00:00+08:00<p><h2>前言</h2></p> <p>其实我前面文章对于改变js的执行顺序及多线E都有相关介l!例如Q我们可以用[setTimeout(fn,0)][1]改变代码执行循序Q文章最后也提及了Event LoopQ事件@环)。同Ӟjs的[Worker][2]可以模拟实现多线E,我前面文章也有类似的应用Q例如:[js Work...</p> Ud端video视频播放的痛Aaronhttp://www.sqnjmr.live/post/mobile_videohttp://www.sqnjmr.live/post/mobile_video2017-06-27T00:00:00+08:002017-06-27T00:00:00+08:00<p><h2>痛点</h2></p> <p>前面我写了一[婚礼邀请函][1] 动画斚w的ȝ文章Q但是一直没有对其中视频播放面做一个ȝ。因为我一直没有找到真正做好“视频障眼法”的好的Ҏ。安卓很多浏览器播放视频都会新开H口Q甚x攑֮毕会有类似播攑֙的那U推荐广告,让我很是头疼。我一度以为用canvasl制视频Q应该可?..</p> js内存I间及this关键词详?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_neicun_hjcthis</link><guid>http://www.sqnjmr.live/post/js_neicun_hjcthis</guid><pubDate>2017-06-15T00:00:00+08:00</pubDate><lastBuildDate>2017-06-15T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p><p>理解js内存I间Q对于我们理解很多题目大有帮助,特别是一些面试题目。例如下面这个题目:</p></p> <pre><code>var a = 20; var b = a; b = 30; // q时a的值是多少Q? var m = { a: 10, b: ...</code></pre> </description></item><item><title>js Worker解决ios下面倒计时手滑问?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_Worker</link><guid>http://www.sqnjmr.live/post/js_Worker</guid><pubDate>2017-06-03T00:00:00+08:00</pubDate><lastBuildDate>2017-06-03T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>倒计时我们经常用。之前我也有很多文章提及q。例如:[setTimeout][1]倒计时等{。最q在Ud端开发过E中Q遇C个ios手机滑动Q倒计时卡住的问题Q针对这个问题,我们可以用js的Worker?lt;/p> <h2>倒计时案?lt;/h2> <p>用setInterval写的最基本的倒计Ӟ代码...</p> </description></item><item><title>大7k高清昄器显C网解x?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/7k_webshow</link><guid>http://www.sqnjmr.live/post/7k_webshow</guid><pubDate>2017-06-03T00:00:00+08:00</pubDate><lastBuildDate>2017-06-03T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>最q事情很多,安的事情,公司的事情一大堆。前D|_l公司做了一个简单的[数据大屏][1]Q近期又来了数据大屏目。此ơ项目连屏幕寸和比例都不知道。一开始制作是按照16Q?,也就?920 × 1080。后面公叔R购大屏是1920 × 4Q?080 × 3Q也是横着4块大屏,...</p> </description></item><item><title>a标签嵌套解决ҎAaronhttp://www.sqnjmr.live/post/a_qiantaofanganhttp://www.sqnjmr.live/post/a_qiantaofangan2017-05-10T00:00:00+08:002017-05-10T00:00:00+08:00<p><h2>问题</h2></p> <p><p>在实际网布局之中Q我们有时候需要一整块点击区域中间q要有部分按钮点击,也就是需要a标签嵌套a标签Q如下:</p></p> <pre><code>&lt;!-- a标签q行嵌套的时?--&gt; &lt;a href=&quot;#haorooms&quot;&gt;outerA &lt;a href=&quot;#haoroomsi...</code></pre> yarn的用及升Node.js的新ҎAaronhttp://www.sqnjmr.live/post/yarn_npmhttp://www.sqnjmr.live/post/yarn_npm2017-05-07T00:00:00+08:002017-05-07T00:00:00+08:00<p><h2>yarn的?lt;/h2></p> <p>yarn包管理工P官网说是快速、可靠、安全的依赖理Q尝试了一下,入手很快Q用h也蛮方便的。大家可以尝试一下?lt;/p> <h2>yarn安装</h2> <p>mac电脑上面安装如下Q?lt;/p> <pre><code>brew update brew install yarn</code></pre> <p>...</p> 点击览器或者手回按钮,h历史面解决ҎAaronhttp://www.sqnjmr.live/post/refrash_historypagehttp://www.sqnjmr.live/post/refrash_historypage2017-05-05T00:00:00+08:002017-05-05T00:00:00+08:00<p><h2>前言</h2></p> <p>我前面文章中写了[q回上一ƈh面][1] 的方式。这个是我们点击某个按钮Q来q行操作的。但是假如我们不是点L个按钮,而是直接点击手机下面的返回按钮或者浏览器自带q回按钮Q如何刷C前的历史面呢?</p> <h2>应用场景</h2> <p>假如我们有如下页面列表信息页?lt;/p> <p>![enter...</p> javascript内存泄露及谷歌浏览器查看内存使用Aaronhttp://www.sqnjmr.live/post/javascript_neicun_usehttp://www.sqnjmr.live/post/javascript_neicun_use2017-04-19T00:00:00+08:002017-04-19T00:00:00+08:00<p><h2>前言</h2></p> <p>今天写一下javascriptD内存泄露的几U方式,及我们在qx工作中,如何通过h览器查看内存用情c我前面的文章[制作公司数据大屏的几Ҏ术ȝ][1] Q里面用C不少setIntervalQsetInterval用多了,会占用大量的内存Q要我们必须及时清理Q否则,q行...</p> a:active加动画ios点击无效及不记录面跌{历史解决ҎAaronhttp://www.sqnjmr.live/post/ablank_nojump_nohistoryhttp://www.sqnjmr.live/post/ablank_nojump_nohistory2017-04-18T00:00:00+08:002017-04-18T00:00:00+08:00<p><h2>前言</h2></p> <p>最q做了一个项目,三个按钮Q动d玎ͼ点击按钮之后Q按钮放大,然后面跌{。我用的是a标签Q直接加了一个href地址。谷歌中模拟Q以及安卓手ZQa标签都是可以跌{的,但是用iphone手机试Qa标签点击无法跌{Q今天记录一下我的代码及解决Ҏ。第二个要分享一下如何不记录url?..</p> 制作h5婚礼邀请函动画ȝAaronhttp://www.sqnjmr.live/post/h5_animation_zjhttp://www.sqnjmr.live/post/h5_animation_zj2017-04-05T00:00:00+08:002017-04-05T00:00:00+08:00<p><h2>前言</h2></p> <p>很多|上的婚U摄影公司,或者婚庆公司,或者一些h5制作q_Q都可以做一些婚C邀请函Q但是这L婚礼邀请函千篇一律。没有什么特Ԍ仅仅是图片展C。在某h的强烈要求之下,我制作了一个h5婚礼邀请函Q目前源码暂时不公开吧,q段旉再说Q。用C一些知识和技巧,在这里简单ȝ一下!</p> <p>...</p> 制作公司数据大屏的几Ҏ术ȝAaronhttp://www.sqnjmr.live/post/makebigdata_zjhttp://www.sqnjmr.live/post/makebigdata_zj2017-03-29T00:00:00+08:002017-03-29T00:00:00+08:00<p><h2>前言</h2></p> <p>说v数据大屏Q大家可以想到天猫双11数据大屏Q酷炫!对的Q数据大屏就是讲I炫效果。不q,我们公司做数据大屏,虽然要求效果LQ但是时间很紧,几天旉p出来Q在很紧的时间下出来Q我ȝ一下我是如何操作的?lt;/p> <h2>一、屏q自适应</h2> <p>我这边只拿到设计师给到的1920*108...</p> js中对Object对象的一些常用操作ȝAaronhttp://www.sqnjmr.live/post/js_objectoperatehttp://www.sqnjmr.live/post/js_objectoperate2017-03-15T00:00:00+08:002017-03-15T00:00:00+08:00<p><h2>前言</h2></p> <p>我前面的文章Q写q[js中“类”与l承][1]的一些文章。ES5我们可以通过 构造函?或?Object.create(){方式来模拟出js中的“类?当然Q对象呢是类的实例化Q我们可以通过如下方式创徏对象Q?lt;/p> <pre><code>var haorooms ={}; 或?lt;/code></pre> <p> ...</p> p回上一ƈh面惛_?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/gobackprev_refresh</link><guid>http://www.sqnjmr.live/post/gobackprev_refresh</guid><pubDate>2017-03-08T00:00:00+08:00</pubDate><lastBuildDate>2017-03-08T00:00:00+08:00</lastBuildDate><description><p><h2>q回上一ƈh</h2></p> <p>q回上一,我们l常?lt;/p> <pre><code>history.go(-1)//q回上一?括号中写-2代表q回上两? history.back()//q回上一?lt;/code></pre> <p>q个我很久之前的一文章中也提及了Q?lt;a href="http://www.sqnjmr.live/post/js"><a href="http://www.sqnjmr.live/post/js">http://www.sqnjmr.live/post/js</a></a>...</p> </description></item><item><title>微信程序滚动动画,点击事g及评分星星制?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/weixin_xcx</link><guid>http://www.sqnjmr.live/post/weixin_xcx</guid><pubDate>2017-03-03T00:00:00+08:00</pubDate><lastBuildDate>2017-03-03T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>程序上U刷爆了朋友圈,但是最q渐渐消沉了Q很有动静Q最q公叔R目需要,体验了一下微信小E序Q制作了几个功能Q布局感觉很简单,但是交互和动ȝ写v来确实很费劲Q主要是因ؓ他不能操作DOMQ只能修Ҏ据!下面介绍一下我制作程序完成的几个的功能Q希望能够给开发小E序的朋友带来帮?..</p> </description></item><item><title>linux下mysql数据库和mongodb数据库数据自动备份及定期删除Aaronhttp://www.sqnjmr.live/post/mysql_mongo_backuphttp://www.sqnjmr.live/post/mysql_mongo_backup2017-02-22T00:00:00+08:002017-02-22T00:00:00+08:00<p><h2>前言</h2></p> <p>前端新技术层ơ不IPȝ最q前端网站,看到大部分都是vue及react斚w的技术。掌握传l技术的基础之上Q作为前端开发h员,实应该每时每刻都要充电Q这文章,我记录一下我的博客及资源库数据备份及定期清理的linux操作?lt;/p> <h2>关于mongo数据备䆾</h2> <p>前段旉Q我的博客遭...</p> setTimeout(fn,0)的解释和应用Aaronhttp://www.sqnjmr.live/post/settimeout_fn0http://www.sqnjmr.live/post/settimeout_fn02017-02-14T00:00:00+08:002017-02-14T00:00:00+08:00<p><h2>前言</h2></p> <p>关于[setTimeout][1]Q我之前的文章介l过。setTimeout我们l常用来做gq执行,那么setTimeout(fn,0)Q是不是׃延迟执行了!{案肯定是否定的。这文章,我详l介l一下setTimeout(fn,0)及其应用?lt;/p> <h2>案例分析</h2> <p>for?..</p> webpack前端技术小l?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/webpack</link><guid>http://www.sqnjmr.live/post/webpack</guid><pubDate>2017-01-24T00:00:00+08:00</pubDate><lastBuildDate>2017-01-24T00:00:00+08:00</lastBuildDate><description><p><h2>Z么要用WebpackQ?lt;/h2></p> <p>今天单介l一下WebpackQWebpack功能强大Q简单易学!cM技术我博客中之前介l过模块化的[requirejs][1]Q及打包工具[grunt][2]。相比前面介l过的那两种QWebPack是一U模块化的解x案,利用WebPack可以扑ֈJava...</p> </description></item><item><title>html5的audio实现高仿微信语音播放效果Aaronhttp://www.sqnjmr.live/post/html5_weixinyyhttp://www.sqnjmr.live/post/html5_weixinyy2017-01-22T00:00:00+08:002017-01-22T00:00:00+08:00<p><h2>前言</h2></p> <p>之前做过一个微信的目Q专家回复可以录韻I然后储存成mp3格式Q前台可以获取mp3Q客户可以在U试听mp3录音效果Q今天就单分享一下这个效果如何实玎ͼ及实现思\和方法!</p> <h2>效果?lt;/h2> <p>前台大体呈现效果囑֦下:</p> <!--more--> <p>![enter i...</p> 春节前的一个小l及节后规划Aaronhttp://www.sqnjmr.live/post/spring_summaryhttp://www.sqnjmr.live/post/spring_summary2017-01-20T00:00:00+08:002017-01-20T00:00:00+08:00<p><h2>2016q小l?lt;/h2></p> <p>马上要过春节了,ȝ一下过ȝ一q_</p> <p>首先是个人生zMQ在传说婚假取消的情况下Q?015q阳历最后一天,匆匆忙忙领了证?016q拍了结婚照Q带着爸妈出去旅行了一ơ。二U城市买了套房,开始苦DLzR订做了婚纱C服Q筹?017q婚Cg宜?lt;/p> <p>工作上:q_^淡E...</p> css3动画沿轨q运动,css3物体沿圆环运?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/css3_animate_yd</link><guid>http://www.sqnjmr.live/post/css3_animate_yd</guid><pubDate>2017-01-19T00:00:00+08:00</pubDate><lastBuildDate>2017-01-19T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>我们在运用css3动画实现轨迹q动的时候,?A 到点 B 的直U运动,很好实现Q而且我们q可以运用贝塞尔曲线Q实现运动速度的调整。但是假如我们要实现沿着某个路径q动Q或者沿着圆环q动Q那么应该如何实现呢Q?lt;/p> <h2>实现方式一</h2> <p>每个轴执行自q动画函数。效果如下:</p> <p>...</p> </description></item><item><title>AlloyTouch高仿nativeQ实现滑动弹x?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/alloytouch_tantiao</link><guid>http://www.sqnjmr.live/post/alloytouch_tantiao</guid><pubDate>2017-01-06T00:00:00+08:00</pubDate><lastBuildDate>2017-01-06T00:00:00+08:00</lastBuildDate><description><h2>前言</h2> <p>在APP中我们经怼在页面下拉时看到一些动效,例如下拉囄跟随攑֤、下拉刷新出现loading动画{,q个交互l节在各个主APP以及手机原生pȝ中随处可见,能ؓAPP增添个性亮炏V那么我们在htmlUd开发网能否实现类似效果呢Q今天我׃l一个实现这个效果的ҎQ?lt;/p> <h2>技?..</h2> </description></item><item><title>mongodb数据丢失及问题分?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/mongodb_data_lose</link><guid>http://www.sqnjmr.live/post/mongodb_data_lose</guid><pubDate>2017-01-02T00:00:00+08:00</pubDate><lastBuildDate>2017-01-02T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>大家新年好!大?017q万事如意!?016q?2?0号~2017q元旦,haorooms官方博客数据库,数据二度丢失。怀疑被别h删除Q在此声明:亲爱的黑客们Q谢谢你们对我博客安全性的提醒Q我已经升mongodb数据库,增加了auth权限Q希望不要再Ҏ的博客进行攻MQ?..</p> </description></item><item><title>mongodb查询当前记录的上一条和下一?Aaronhttp://www.sqnjmr.live/post/mongodb_prev_nexthttp://www.sqnjmr.live/post/mongodb_prev_next2016-12-29T00:00:00+08:002016-12-29T00:00:00+08:00<p><h2>前言</h2></p> <p>本博客是很久之前搭徏的。前台模板也是很久之前写的,技术方面难免有些过时。代码书写的也比较ؕ。博客能保持到现在,q多谢各位同学不断的提意见和Q前几天有同学提出,看博客比较费Ԍ能否新增上一文章和下一文章?因此Q在原来基础上稍加一些改动,实现了上一和下一c因为本博客是nod...</p> SPA单页面web应用的一些简?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/web_spa</link><guid>http://www.sqnjmr.live/post/web_spa</guid><pubDate>2016-12-28T00:00:00+08:00</pubDate><lastBuildDate>2016-12-28T00:00:00+08:00</lastBuildDate><description><p><h2>SPA单页面应?lt;/h2></p> <p>单页面web应用Q在目前市面上应用越来越q泛Q当Ӟ实现方式也是有很多。有些单面开发是通过React、Vue、Node、Web Components、Webpack{来实现?当然也有一些其他的实现方式。但是大多数是通过hash或者[pushsate][1]来实现的?..</p> </description></item><item><title>html5囄随手机重力感应而移动效?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/html5_image_zlgy</link><guid>http://www.sqnjmr.live/post/html5_image_zlgy</guid><pubDate>2016-12-14T00:00:00+08:00</pubDate><lastBuildDate>2016-12-14T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>昨天晚上Q朋友分享了几个用ih5做的效果Q感觉还不错Q因此我用手机搜了了一下ih5的官|,发现首页是一个还不错的效果,貌似是用重力感应来做的!感兴的同学可以手机搜烦一下看一下这个效果!我今天稍微看了一下他们的代码Q发现是用类似我之前分n?60看房q样的插件来做的Q我之前的[3...</p> </description></item><item><title>js实现input中输入数字,控制每四位加一个空|银行卡号格式Q?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_yinghangkahao</link><guid>http://www.sqnjmr.live/post/js_yinghangkahao</guid><pubDate>2016-12-10T00:00:00+08:00</pubDate><lastBuildDate>2016-12-10T00:00:00+08:00</lastBuildDate><description><h2>前言</h2> <p>今天来讲讲js中实现input中输入数字,控制每四位加一个空格的ҎQ这个主要是应用于我们在填写表单的时候,填写银行卡信息,要求我们输入的数字是四位一个空|今天主要介绍两种方式来实现这个方法!但是都运用到了键盘码。下面我列举一下键盘码Q以备后面查阅!</p> <h2>键盘各按...</h2> </description></item><item><title>Zepto的用及一些问题小l?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/zeptojs_use</link><guid>http://www.sqnjmr.live/post/zeptojs_use</guid><pubDate>2016-12-01T00:00:00+08:00</pubDate><lastBuildDate>2016-12-01T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>我之前在[手机|站注意问题][1]Q一文中Q提及到Zepto。因为zepto体积,在移动端开发应用还是蛮q泛的!有的公司手机端开发,jquery和zeptoQ都不用Q直接用原生Q我也写了一文章,关于[jquery属性的相关js实现Ҏ][2] 。但是呢Q大部分人写起原生来Q还?..</p> </description></item><item><title>html5本地存储囄ҎAaronhttp://www.sqnjmr.live/post/html5_storageimagehttp://www.sqnjmr.live/post/html5_storageimage2016-11-17T00:00:00+08:002016-11-17T00:00:00+08:00<p><h2>前言</h2></p> <p>上一文件结,有同学问我本地存储图片方法,其实本地存储方式有很多,我们打开h览器,查看源代码,在resources늭中,有web SQl ,indexedDB{等Q我前面文章讲过[Localstorage本地存储][1]Q我今天单用LocalstorageQ简单的写一下存...</p> 提高你css技能的css开发技?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/css_skill</link><guid>http://www.sqnjmr.live/post/css_skill</guid><pubDate>2016-11-15T00:00:00+08:00</pubDate><lastBuildDate>2016-11-15T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>说到css开发技巧,其实我前面所有关于css的文章,都是[css][1]的一些小的技巧!感兴的可以查看Q?lt;a href="http://www.sqnjmr.live/tag/css"><a href="http://www.sqnjmr.live/tag/css">http://www.sqnjmr.live/tag/css</a></a> q有值得一提的是,我之前关于cssQ分别写了[css常用效果ȝ][2] Q还有一?[css的不常用效果ȝ...</p> </description></item><item><title>css中伪元素before或after中content的特D用法attrAaronhttp://www.sqnjmr.live/post/content_attrhttp://www.sqnjmr.live/post/content_attr2016-11-08T00:00:00+08:002016-11-08T00:00:00+08:00<p><h2>前言</h2></p> <p>前端技术发展很快,我之前写的[js和jquery懒加载之可视区域加蝲][1]Q貌D歌,火狐{浏览器推出了新的方法,&lt;a href=&quot;<a href="https://wicg.github.io/IntersectionObserver/"><a href="https://wicg.github.io/IntersectionObserver/">https://wicg.github.io/IntersectionObserver/</a></a>&quot; target=&quot;_blank&quot; rel=&quot;nofollo...</p> html5自带表单验证体验优化及提C气泡修?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/html5_formvalid</link><guid>http://www.sqnjmr.live/post/html5_formvalid</guid><pubDate>2016-10-21T00:00:00+08:00</pubDate><lastBuildDate>2016-10-21T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>慕课|之前录制的视频Q[js/jquery各种宽高的理解和应用][1]Q最q终于上U了。还有一个html5左侧D没有上线Q最q慕评pd评让我录制一个html5表单验证的课E。今天就E微说一下表单验证!另外Q有|友我录制一些关于vue的视频。一是由于vue我本w用的也不多Q?..</p> </description></item><item><title>javascript函数的uncurrying 反柯里化Aaronhttp://www.sqnjmr.live/post/js_uncurryinghttp://www.sqnjmr.live/post/js_uncurrying2016-10-18T00:00:00+08:002016-10-18T00:00:00+08:00<p><h2>什么是反柯里化Q?lt;/h2></p> <p>前面我们讲了js函数的[柯里化][1]Q今天我们再来说说反柯里化。反柯里化,字面意思的柯里化的反义词,对立面。没错,反柯里化的作用在与扩大函数的适用性,使本来作为特定对象所拥有的功能的函数可以被Q意对象所用。更通俗的解释说反柯里化?函数的借用Q是函数能够接受处理其他?..</p> JavaScript的函数currying 柯里?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_currying</link><guid>http://www.sqnjmr.live/post/js_currying</guid><pubDate>2016-10-17T00:00:00+08:00</pubDate><lastBuildDate>2016-10-17T00:00:00+08:00</lastBuildDate><description><p><h2>什么是js函数的currying /柯里化?</h2></p> <p>说到js的柯里化Q相信很多朋友都会头大。或者不是很清楚。我今天单的l大家介l一下!我用一句话ȝ函数柯里化,<strong>js柯里化是逐步传参Q逐步~小函数的适用范围Q逐步求解的过E?lt;/strong>?lt;/p> <p>可能对这句话你不是很清楚Q那么,我们来看个案例,单说...</p> </description></item><item><title>探讨javascript函数节流Aaronhttp://www.sqnjmr.live/post/hanshu_jeiliuhttp://www.sqnjmr.live/post/hanshu_jeiliu2016-10-15T00:00:00+08:002016-10-15T00:00:00+08:00<p><h2>前言</h2></p> <p>最q好忙,10月中旬了Q才?0月䆾的第一文章。今天主要写写我们^时工作中需要的函数节流。可能有的朋友对函数节流没有意识。其实,在工作中Q很多场景都需要我们进行js的节。最常见的是屏幕伸羃resizeQ以及touchmove或者scroll{事件的时候。大家不知道有没有看我之?..</p> 谈谈css3的؜合模?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/css3_mixblendmode</link><guid>http://www.sqnjmr.live/post/css3_mixblendmode</guid><pubDate>2016-09-28T00:00:00+08:00</pubDate><lastBuildDate>2016-09-28T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>在photoshop中,我们处理囄Q在囑ֱ之间有؜合模式,点击混合模式里面的选项Q可以囄实现不同的效果,q个混合模式在css3中也有实玎ͼ下面来介绍一下css3的؜合模式。css3的؜合模式主要用mix-blend-modeq个属性来实现的。当Ӟ也可以用backgrou...</p> </description></item><item><title>谈谈|页中实现逐动画Aaronhttp://www.sqnjmr.live/post/zhuzhen_dhhttp://www.sqnjmr.live/post/zhuzhen_dh2016-09-21T00:00:00+08:002016-09-21T00:00:00+08:00<p><h2>前言</h2></p> <p>我们在网中l常需要一些动L果,假如你的动画效果需要h为控制停止或者播放,我们一般就不会用gif来实CQ这里,引Z我们今天讲到的逐动画Q今天主要讲解几U方式来实现逐动画Q大家可以根据项目情冉|自己选择。功能最强大的要数jquery的[spritely][1]插g了,具体...</p> ajax无刷新页面切?历史记录后退前进解决ҎAaronhttp://www.sqnjmr.live/post/ajax_historybackprevhttp://www.sqnjmr.live/post/ajax_historybackprev2016-09-20T00:00:00+08:002016-09-20T00:00:00+08:00<p><h2>问题描述</h2></p> <p>我们在工作中常常遇到需要用ajax来显CZ一和上一,ajax可以不刷新页面进行操作!但是Q假如你想通过览器的历史记录q回上一和下一c那么ajax默认是做不到的!一般需求要历史q回的时候,我们通常不用ajax。但是呢Q假如一个页面中Q只有一个地Ҏ需要动态的上一下一...</p> 由UglifyJS代码压羃惛_?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/uglifyjs_yasuo</link><guid>http://www.sqnjmr.live/post/uglifyjs_yasuo</guid><pubDate>2016-09-16T00:00:00+08:00</pubDate><lastBuildDate>2016-09-16T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>最q休假了Q所以博客文章和资源库一直没有更新。让大家久等了。今天我主要写写js代码压羃的一些小的细节吧Q我之前的文章[javascript实用技巧,js知识][1]Q里面ȝ了一些js的小的技巧,今天q篇文章Q主要是让我们理解js压羃的一些精华,以后我们在书写jsq程中,可以写的...</p> </description></item><item><title>重温css的选择?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/css_selectelement</link><guid>http://www.sqnjmr.live/post/css_selectelement</guid><pubDate>2016-08-23T00:00:00+08:00</pubDate><lastBuildDate>2016-08-23T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>css选择器,是前端的基本功,只要你是一个前端,q个一定要掌握Q今天之所以要重温一下css[选择器][1]Q主要是和大家再复习一下css选择器中的一些常用符L使用Q例如?、~、^??amp;gt;?”等的用!之所以要复习呢,是因为我一个写后端的哥们,前端写的也很好,但是他今天突焉...</p> </description></item><item><title>谈谈360度全景看图插件及制作Aaronhttp://www.sqnjmr.live/post/html5_360qjhttp://www.sqnjmr.live/post/html5_360qj2016-08-10T00:00:00+08:002016-08-10T00:00:00+08:00<h2>360度全景看?lt;/h2> <p>360度全景看图是行比较久的技术了Q目前除了我们利用百度地图插Ӟ制作360度全景地图之外。市面上q有不少ҎQ?60度全景看图让你有更好的全景体验,我们?60全景看房或者其他方面应用的最q泛Q下面,我们单的聊聊360度全景看图插件及制作?lt;/p> <h2>制作软g?..</h2> jquery监听事g的另一U写法及最单的jquery拖拽Aaronhttp://www.sqnjmr.live/post/jquery_on_draghttp://www.sqnjmr.live/post/jquery_on_drag2016-08-06T00:00:00+08:002016-08-06T00:00:00+08:00<p><h2>前言</h2></p> <p>很久之前写了一个[jquery3D楼盘在线选择][1]Q这么一个插Ӟ插g很简单,因ؓ后期目中没有实际用刎ͼ因此Q有些地方不是很完善Q后面也懒得再进行修改维护了。最q放到[github][2]上面Q但是也有人问z及star。昨天,有个|友问我Q这个插件中关于拖拽的一些写法!?..</p> Ud端日期处理的一些问?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/mobile_date_prob</link><guid>http://www.sqnjmr.live/post/mobile_date_prob</guid><pubDate>2016-08-02T00:00:00+08:00</pubDate><lastBuildDate>2016-08-02T00:00:00+08:00</lastBuildDate><description><p><h2>问题描述</h2></p> <p>Ud端对于日期的处理Q和pc端有点不同,例如pc端?016-08-02”或者?016/08/02”在Ud端通常会被解析为?016q??日”这U格式,q个我们可能l常遇到。最q就t了q么一个坑。在pc端怎么都可以的日期插Ӟ但是在移动端有问题了。下面我来说说q个问题...</p> </description></item><item><title>视觉差效果制作ȝ和案例下?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/shijue_download</link><guid>http://www.sqnjmr.live/post/shijue_download</guid><pubDate>2016-07-27T00:00:00+08:00</pubDate><lastBuildDate>2016-07-27T00:00:00+08:00</lastBuildDate><description><p><h2>视觉差效果描q?lt;/h2></p> <p>所谓视觉差效果Q就是我们所看到的那U[背景固定][1]的滚动的效果Q你可以[预览查看][2]。我前面加链接的q两个,都是我们所常说的视觉差效果。其实视觉差效果行蛮久了!那今天,我和大家单介l一下这个视觉差效果Q?lt;/p> <h2>视觉差效果的原理</h2> <p>视觉差效果的制作Q我...</p> </description></item><item><title>css扫光效果ȝQcss文字扫光Qcss囄扫光Aaronhttp://www.sqnjmr.live/post/css_saoguanghttp://www.sqnjmr.live/post/css_saoguang2016-07-25T00:00:00+08:002016-07-25T00:00:00+08:00<p><h2>前言</h2></p> <p>我录制的慕课|视频一直没有上U,慕课|的消息说是可能加入׃评或者系列课E。有可能q底上线Q我{的花儿都谢了!因此Q我昨天在看慕课|时Q发C们确实改版了Q实战页面有囄扫光效果Q地址我就不列了!感觉q个效果q蛮不错Q其实,我之前也做过cM的效果。今天借着q个引子Q来和大家一?..</p> Ud端列表开发功能大?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/mobile_touchload_mohuSearch</link><guid>http://www.sqnjmr.live/post/mobile_touchload_mohuSearch</guid><pubDate>2016-07-14T00:00:00+08:00</pubDate><lastBuildDate>2016-07-14T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>今天ȝ一下移动端列表开发常用的功能Q应该说是一个功能大全吧Q主要基于什么呢Q基于一个网友让我讲讲用Localstorage实现历史搜烦的问题,我想了想Q之前讲qLocalstorage的,但是回去看了一下,是一个简单的介绍Q没有什么应用案例,今天q脆来一个移动端列表开发功能大?..</p> </description></item><item><title>一些html5表单知识及EventUtil对象完善Aaronhttp://www.sqnjmr.live/post/html5_form_zshttp://www.sqnjmr.live/post/html5_form_zs2016-07-12T00:00:00+08:002016-07-12T00:00:00+08:00<p><h2>前言</h2></p> <p>紧接着上面的文章,一开始准备一文章搞定,后来看到Q要ȝ的东西还不少Q干脆,把上面文章拆成两部分吧,q部分主要讲讲表单知识!</p> <h2>表单知识</h2> <p><strong>1、Html5的autofocus属性?lt;/strong></p> <p>有个q个属性,我们不用jsp自动把焦点移动到相应的字Dc?lt;/p> <p>?..</p> 装常用的跨览器的事g对象EventUtilAaronhttp://www.sqnjmr.live/post/js_EventUtilhttp://www.sqnjmr.live/post/js_EventUtil2016-07-11T00:00:00+08:002016-07-11T00:00:00+08:00<h2>前言</h2> <p>今天主要讲解一个常用的js装的事件方法!很常用,因此在博客中写一下!前面讲了[jquery属性的相关js实现Ҏ][1]Q假如我们在目中,不用jqueryQ那么这个事件一般我们都会用刎ͼ其次Q今天我会讲讲一些表单知识,很简单,但是可能有些不常用的Q就会不是很了解Q?lt;/p> <h2>...</h2> 记录mysqlq程q接数据?130错误解决ҎAaronhttp://www.sqnjmr.live/post/mysql_1130http://www.sqnjmr.live/post/mysql_11302016-06-30T00:00:00+08:002016-06-30T00:00:00+08:00<p><h2>问题</h2></p> <p>最q倒腾linuxQ现在感觉操作v来比较熟l了。但是今天链接远E的mysql的时候,发现“错误代?130QERROR 1130: Host xxx.xxx.xxx.xxx is not allowed to connect to this MySQL server”,通过字面?..</p> linux环境变量和部分命令介l?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/linux_path_commond</link><guid>http://www.sqnjmr.live/post/linux_path_commond</guid><pubDate>2016-06-28T00:00:00+08:00</pubDate><lastBuildDate>2016-06-28T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>关于linux操作和命令,我之前写了一文章[CentOS常用的文件操作命令ȝ][1]Q关于文件操作的Q但是这些感觉还不够Q今天再来补充一些,希望对大家有所帮助Q?lt;/p> <h2>linux环境变量</h2> <p>window环境变量Q大家应该都晓得。关于linux的设|,有很多方法,可能...</p> </description></item><item><title>linux下面mongodb安装及设|后台运行的ҎAaronhttp://www.sqnjmr.live/post/linux_mongo_backupgohttp://www.sqnjmr.live/post/linux_mongo_backupgo2016-06-28T00:00:00+08:002016-06-28T00:00:00+08:00<p><h2>问题</h2></p> <p>我在之前的一文章写q[Centos6.5安装配置mongodb][1]Q但是你看一下,特别是后面{载的地方Q很ȝQ要安装的东西很多,你按照上面做了,有时候还不一定成功!因ؓ你不了解里面是什么意思。因此,今天再来和大家讨Z下linux下面mongodb安装的问题,其实很简单。唯...</p> mac电脑iTerm2链接linux服务器断U解x?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/mac_iterm2_ssh</link><guid>http://www.sqnjmr.live/post/mac_iterm2_ssh</guid><pubDate>2016-06-26T00:00:00+08:00</pubDate><lastBuildDate>2016-06-26T00:00:00+08:00</lastBuildDate><description><p><h2>问题</h2></p> <p>用windows链接linux服务器,方式很多Q我最l常用的是xshell。但是xshell没有mac版,那用mac电脑Q比较好的命令行软g是什么呢Q我用的是iTerm2 Q这个功能确实蛮强大Q很多h都在用。但是,你用iTerm2 链接q程linux服务器,假如你去q别的,一会再?..</p> </description></item><item><title>canvasl制圆环q度条出现模p效果解x?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/canvas_jdtmuhu</link><guid>http://www.sqnjmr.live/post/canvas_jdtmuhu</guid><pubDate>2016-06-14T00:00:00+08:00</pubDate><lastBuildDate>2016-06-14T00:00:00+08:00</lastBuildDate><description><p><h2>问题</h2></p> <p>q期用canvasl制了圆环进度条Q但是进度条出现周围模糊的现象,针对q种现象Q网上搜了搜Q有人提问,但是貌似没有很好的解x案,针对q种情况Q提出几U解x案,仅供参考! 模糊效果如下Q?lt;/p> <p>&lt;iframe style=&quot;width: 100%; height: 250px&quot;...</p> </description></item><item><title>iframe嵌套q多Q低性能手机览器崩溃解x?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/wrap_iframebengkui</link><guid>http://www.sqnjmr.live/post/wrap_iframebengkui</guid><pubDate>2016-06-08T00:00:00+08:00</pubDate><lastBuildDate>2016-06-08T00:00:00+08:00</lastBuildDate><description><p><h2>问题</h2></p> <p>前面我们讲了 [l典的iframe自适应高度重现江湖][1] Q页面中嵌套多个iframe让其高度自适应的方法。但是呢。我们iframe嵌套q多Q会引发性能问题Q关于iframe性能问题Q网上也有不文章,例如下面q篇文章 &lt;a href=&quot;<a href="http://www.webjx.c"><a href="http://www.webjx.c">http://www.webjx.c</a></a>...</p> </description></item><item><title>css中box-shadow的应用技?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/box_shadow_css</link><guid>http://www.sqnjmr.live/post/box_shadow_css</guid><pubDate>2016-06-03T00:00:00+08:00</pubDate><lastBuildDate>2016-06-03T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>d我在慕课|上录制的[js/jquery各种宽高的理解和应用][1]Q迟q没有上U,q期得到慕课|的消息说是该套评已经U_慕课|教学体p,可能和整套体pM起上Uѝ哎Q还是期待一下吧Q另外,我博客迟q没有内容的“前端资料库”,q期已经准备?0%QL一天会和大家见面!最后一个消...</p> </description></item><item><title>css的变量和l承Aaronhttp://www.sqnjmr.live/post/css_inherit_blhttp://www.sqnjmr.live/post/css_inherit_bl2016-05-22T00:00:00+08:002016-05-22T00:00:00+08:00<p><h2>前言</h2></p> <p>朋友Q百姓网前端架构师css法的《css揭秘》,已经出版发行Qƈ赠送了我一本。看了一下这本书Q确实有很多css技巧。让你会有蛮大的收获Q在q里帮他宣传一下!今天所说的案例呢,也是部分借鉴q本书的。今天和大家聊聊css变量和承!</p> <p>有h会说Qcss怎么会有变量和承?你是说的...</p> l典的iframe自适应高度重现江湖Aaronhttp://www.sqnjmr.live/post/ifame_height_zishiyinghttp://www.sqnjmr.live/post/ifame_height_zishiying2016-05-22T00:00:00+08:002016-05-22T00:00:00+08:00<p><h2>iframe高度自适应</h2></p> <p>iframe高度自适应是一个很老的话题。html5虽然已经frame 框架l废弃,但是iframeq个标签q是存在的。假如有同学不了解frame和iframe的区别,可以看我之前的文章:[html框架之iframe和frame及frameset的相兛_性介l][...</p> 正则RegExp构造函数属性详?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/regexp_zzgzhs</link><guid>http://www.sqnjmr.live/post/regexp_zzgzhs</guid><pubDate>2016-05-07T00:00:00+08:00</pubDate><lastBuildDate>2016-05-07T00:00:00+08:00</lastBuildDate><description><p><p>关于js正则RegExp构造函数属性,我前面的一文章中提及q,[js正则表达式常用函数方法及单应用][1]Q有兴趣的可以去看下?lt;/p></p> <p><p>但是呢,q篇文章主要讲了js正则表达式的常用函数Q对属性只是简单一提,我今天稍微详l的和大家讲Ԍ</p></p> <p><h2>问个问题</h2></p> <blockquote> <p>一、(RegExp.$_...</p> </blockquote> </description></item><item><title>nodejs入门教程之http的get和request介及应用Aaronhttp://www.sqnjmr.live/post/nodejs_http_getrequesthttp://www.sqnjmr.live/post/nodejs_http_getrequest2016-04-23T00:00:00+08:002016-04-23T00:00:00+08:00<p><h2>前言</h2></p> <p>上一文章,我介l了[nodejs的几个常用的模块][1]及简单的案例Q今天我们再来重点看一下nodejs的http模块Q关于http模块Q我们可以看下nodejs&lt;a href=&quot;<a href="https://nodejs.org/dist/latest-v5.x/docs/api/http"><a href="https://nodejs.org/dist/latest-v5.x/docs/api/http">https://nodejs.org/dist/latest-v5.x/docs/api/http</a></a>....</p> nodejs入门教程及案例应?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/nodejs_rmyyong</link><guid>http://www.sqnjmr.live/post/nodejs_rmyyong</guid><pubDate>2016-04-14T00:00:00+08:00</pubDate><lastBuildDate>2016-04-14T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>我的博客是用[nodejs][1]搭徏的,但是博客中的文章关于[nodejs][1]的,却不多,今天主要讲讲[nodejs][1]入门教程及案例应用!</p> <h2>nodejs开启Http服务Q运行hello word</h2> <p>nodejs开启一个服务是很简单的Q我们只要安装了nod...</p> </description></item><item><title>javascript闭包入门理解Q二Q?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_bbtwo</link><guid>http://www.sqnjmr.live/post/js_bbtwo</guid><pubDate>2016-04-05T00:00:00+08:00</pubDate><lastBuildDate>2016-04-05T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p><p>之所以再写一闭包的文章Q原因有二:一个是之前的文章写的不是很清楚Q比较含p。之前文章请看[js闭包文章一][1] 。原因二是闭包确实是js的难点和重点Q不网友也问过我,所以,军_再写一关于闭包的文章?lt;/p></p> <p><h2>案例</h2></p> <p><p>首先看下闭包的一个简单案?lt;/p></p> <pre><code>fu...</code></pre> </description></item><item><title>分n几个前端q货Q面试经常提Aaronhttp://www.sqnjmr.live/post/qd_ghfxhttp://www.sqnjmr.live/post/qd_ghfx2016-03-29T00:00:00+08:002016-03-29T00:00:00+08:00<p><h2>前言</h2></p> <p>我前面的文章Q也有几讲q面试的Q不q都没有很细致的Ԍ例如Q[ȝ前端面试q程中最Ҏ出现的问题][1]Q等{。还有一些文章,也是面试中可能提问的。今天,分n几个知识,是q货吧!前端面试中也l常会问及,不过问及的几率相对较。我个h认ؓQ面试中你把基础的知识打好,可以无敌!...</p> windows上帝模式Q学无止?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/window_godMode</link><guid>http://www.sqnjmr.live/post/window_godMode</guid><pubDate>2016-03-25T00:00:00+08:00</pubDate><lastBuildDate>2016-03-25T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>今天发现一个好玩的东西Q就是windows的上帝模式。win7电脑我们l常用,可是很多东西你未必会用和用过Q看看下囑֐Q?lt;/p> <p>![enter image description here][1]</p> <!--more--> <p>怎么P用一个文件夹可以列出所有控制windo...</p> </description></item><item><title>前端性能优化补充?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/qianduan_xnyhbc</link><guid>http://www.sqnjmr.live/post/qianduan_xnyhbc</guid><pubDate>2016-03-17T00:00:00+08:00</pubDate><lastBuildDate>2016-03-17T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>看了一下之前发布的文章Q关于前端性能优化的,有[|站前端性能优化之javascript和css][1]及jquery?[jquery~程的标准写法和最佛_践][2] 。前端性能优化是一个不断追求的q程Q前面的文章虽然讲解了一些性能优化Q但是关于性能优化的\q有很长Q很多东襉K没有...</p> </description></item><item><title>js/jquery各种宽高的理解和应用Aaronhttp://www.sqnjmr.live/post/js_jquery_whljyyhttp://www.sqnjmr.live/post/js_jquery_whljyy2016-02-29T00:00:00+08:002016-02-29T00:00:00+08:00<p><h2>前言</h2></p> <p>前面我有一文章,介绍js和jquery的高度,<a href="http://www.sqnjmr.live/post/js_jquery_height"><a href="http://www.sqnjmr.live/post/js_jquery_height">http://www.sqnjmr.live/post/js_jquery_height</a></a> 但是Q这文章不是很l致Q讲的不是很全。近期接受慕评邀P录制了“js/jquery各种宽高的理解和应用”这套课E。详l介l了js和jquer...</p> Ud端前端开发设计稿及工作流的探索和思?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/ydd_qd_workflow</link><guid>http://www.sqnjmr.live/post/ydd_qd_workflow</guid><pubDate>2016-02-28T00:00:00+08:00</pubDate><lastBuildDate>2016-02-28T00:00:00+08:00</lastBuildDate><description><p>今天我们再来说说Ud端的前端开发。关于移动端的一些注意事,我前面写q几文章。例如[手机|站几点注意问题][1] {等。这些都是在我们手机开发中遇到的问题。但是当我们拿到Ud端的设计E的时候,如何让我们的设计E更好的适应各种手机屏幕Q又因ؓ设计E尺怸般是我们正常手机屏幕?-3倍,假如我们拿到U?..</p> </description></item><item><title>javascript“类”与l承ȝ和回?Aaronhttp://www.sqnjmr.live/post/js_jc_lei2http://www.sqnjmr.live/post/js_jc_lei22016-02-27T00:00:00+08:002016-02-27T00:00:00+08:00<p>前面一文章,我简单的讲了Es6以前js实现“类”的三种方式?lt;a href="http://www.sqnjmr.live/post/js_lei_jicheng"><a href="http://www.sqnjmr.live/post/js_lei_jicheng">http://www.sqnjmr.live/post/js_lei_jicheng</a></a> Q但是承的方式Q我只简单写了一下极Ml承。这文章在上篇文章基础之上Q我再写写jsl承的几U方式,最后再和大家一L看ES6中类的实现方式?...</p> javascript“类”与l承ȝ和回?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_lei_jicheng</link><guid>http://www.sqnjmr.live/post/js_lei_jicheng</guid><pubDate>2016-02-17T00:00:00+08:00</pubDate><lastBuildDate>2016-02-17T00:00:00+08:00</lastBuildDate><description><p>Javascipt语法不支?amp;quot;c?amp;quot;QclassQ[es6已经支持]Q但是有模拟cȝҎ。今天我主要谈谈Javascipt中模拟“类”的Ҏ及js中承的ȝ和回?lt;/p> <p>js中实现“类”与l承Q既是重点,又是隄。很多同学可能都对js中“类”与l承都有所了解Q但是深入剖析的时候,感觉力不从心、模?..</p> </description></item><item><title>谈谈inline-block的几个神奇的用法Aaronhttp://www.sqnjmr.live/post/css_inlineblockhttp://www.sqnjmr.live/post/css_inlineblock2016-01-27T00:00:00+08:002016-01-27T00:00:00+08:00<p><h2>前言</h2></p> <p>inline-blockQ我们^时用的很多,最普通的用法是几个div在一行中昄Q我们用display:inline-block。今天之所以写q篇文章Q主要是写inline-block的几个比较奇特的用法?lt;/p> <h2>实现div宽度Ҏ内容自适应</h2> <p>我们知道div是块U元?..</p> 谈谈q期学习Nativejs和reactNative的一些感?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/nativeapp</link><guid>http://www.sqnjmr.live/post/nativeapp</guid><pubDate>2016-01-18T00:00:00+08:00</pubDate><lastBuildDate>2016-01-18T00:00:00+08:00</lastBuildDate><description><p>因ؓ前段旉Q对dcloud推出的Nativejs和facebook推出的reactNative都做了一点点薄的研I。因为研I的很浅薄,所以仅代表我个点,谈谈对运用这两个产品的些许感受?lt;/p> <p>说vdcloud的NativejsQ还是先从他的IDE~辑器开始说赗他们推出的[Hbuilder]...</p> </description></item><item><title>jsq算W单竖杠“|”的用法和作用及js数据处理Aaronhttp://www.sqnjmr.live/post/js_dsg_ysfhttp://www.sqnjmr.live/post/js_dsg_ysf2016-01-08T00:00:00+08:002016-01-08T00:00:00+08:00<p><h2>jsq算W单竖杠“|”的作用</h2></p> <p>很多朋友都对双竖杠“||”,了如指掌Q因个经常用到。但是大家知道单竖杠吗?今天有个|友QQ问我Q我?[javascript实用技巧,js知识][1] Q?q篇文章里面Qjs整数的操作运用了单竖杠,问我单竖杠是啥意思?</p> <p>我看了一下之前的那篇文章Q?..</p> jquery属性的相关js实现ҎAaronhttp://www.sqnjmr.live/post/js_shixian_jqueryhttp://www.sqnjmr.live/post/js_shixian_jquery2015-12-24T00:00:00+08:002015-12-24T00:00:00+08:00<p>有些公司手机|站开发不用第三方的jquery或者zeptioQ直接用原生的javascript。原生javascript功能是蛮强大的,只不q部分属性不支持IE8以下览器。下面对jquery相关ҎQ如何用js来实玎ͼ做一些简单ȝ?lt;/p> <h2>元素操作</h2> <h3>Add Class</h3> <p>...</p> css3的clip-path属性介l?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/css3_clip-path</link><guid>http://www.sqnjmr.live/post/css3_clip-path</guid><pubDate>2015-12-24T00:00:00+08:00</pubDate><lastBuildDate>2015-12-24T00:00:00+08:00</lastBuildDate><description><p><h2>css3的clip-path</h2></p> <p>clip-path之所以没有很普及Q是因ؓ其浏览器兼容问题。很多IE览器对齐属性不是很支持。我们看下他的浏览器兼容Q?lt;/p> <p>![enter image description here][1]</p> <p>我们看到IE是完全不支持Q尽量用webkit内核Q需?..</p> </description></item><item><title>谈谈jquery的事件名U和命名I间Aaronhttp://www.sqnjmr.live/post/jquery_namespaces_eventnamehttp://www.sqnjmr.live/post/jquery_namespaces_eventname2015-12-03T00:00:00+08:002015-12-03T00:00:00+08:00<p><h2>前言</h2></p> <p><p>在jquery的官方API中,有对命名I间的一些描qͼ地址是:<a href="http://api.jquery.com/on/"><a href="http://api.jquery.com/on/">http://api.jquery.com/on/</a></a> q里面有一些英文介l,题目是“Event names and namespaces”下面有一些介l?假如一些朋友不是很理解的话Q我在这里简单的介绍一下!</p></p> <h1>...</h1> 用jquery的deferred对象实现判断面中所有图片加载完?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/jquery_deferred_img</link><guid>http://www.sqnjmr.live/post/jquery_deferred_img</guid><pubDate>2015-11-17T00:00:00+08:00</pubDate><lastBuildDate>2015-11-17T00:00:00+08:00</lastBuildDate><description><p><h2>判断面中所有图片是否加载完?lt;/h2></p> <p>对于囄是否加蝲完成Q我们^时可以用监听囄load Ҏ来进行。今天主要介l用jquery的deferred对象来进行判断?lt;/p> <p>关于jquery的deferred对象Q是jquery的重点和隄。对于执行较长时间的函数Q我们通常用deferred?..</p> </description></item><item><title>览器跨域访问解x?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_kuayu_service</link><guid>http://www.sqnjmr.live/post/js_kuayu_service</guid><pubDate>2015-11-04T00:00:00+08:00</pubDate><lastBuildDate>2015-11-04T00:00:00+08:00</lastBuildDate><description><p><h2>跨域的概?lt;/h2></p> <p><p>跨域大家都知道,不同地址Q不同端口,不同U别Q不同协议都会构成跨域。例如:about.haorooms.com和www.sqnjmr.live都会构成跨域。ȝh只要协议、域名、端口有M一个不同,都被当作是不同的域。下面D例,每两个一l?lt;/p></p> <pre><code>URL ...</code></pre> </description></item><item><title>HTML5中window.postMessageQ在两个面之间的数据传?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/window_postMessage</link><guid>http://www.sqnjmr.live/post/window_postMessage</guid><pubDate>2015-11-03T00:00:00+08:00</pubDate><lastBuildDate>2015-11-03T00:00:00+08:00</lastBuildDate><description><p><h2>关于postMessage</h2></p> <p>window.postMessage虽然说是html5的功能,但是支持IE8+Q假如你的网站不需要支持IE6和IE7Q那么可以用window.postMessage。关于window.postMessageQ很多朋友说他可以支持跨域,不错Qwindow.po...</p> </description></item><item><title>js控制公共模板中,不同面中的D选中效果Aaronhttp://www.sqnjmr.live/post/js_nav_selectxghttp://www.sqnjmr.live/post/js_nav_selectxg2015-11-03T00:00:00+08:002015-11-03T00:00:00+08:00<p><h2>D늭选中效果</h2></p> <p>q个效果很常用,做v来方法也很多。我做的时候,通常用的Ҏ是后端判断页面,然后l当前页面一个选中的class。因为后台来做不会有面加蝲的gq,点击之后有效果Q用户体验v来相对较好。今天介l一下用js做的Ҏ?lt;/p> <h2>js做法</h2> <p>用js的做法也很多。比较推...</p> js判断是否是数l及常见cd判断Aaronhttp://www.sqnjmr.live/post/js_isArrayhttp://www.sqnjmr.live/post/js_isArray2015-10-29T00:00:00+08:002015-10-29T00:00:00+08:00<p><h2>前言</h2></p> <p>本篇是基知识普及,js判断数据cd{。我们都知道Qphp中有is_array()函数Q但是js中没有,我们判断数据cd是否是数l的时候,通常保险赯Q可以写个函数进行判断。今天呢Q普及一些基本的数据cd判断ҎQ希望对大家有所帮助?lt;/p> <h2>typeof?lt;/h2> <p>typeo...</p> html5重力感应事g之DeviceMotionEventAaronhttp://www.sqnjmr.live/post/html5_DeviceMotionEventhttp://www.sqnjmr.live/post/html5_DeviceMotionEvent2015-10-13T00:00:00+08:002015-10-13T00:00:00+08:00<p><h2>前言</h2></p> <p>今天主要介绍一下html5重力感应事g之DeviceMotionEventQ之前我的一文?lt;a href="http://www.sqnjmr.live/post/jquery_jGesturesQ?quot;><a href="http://www.sqnjmr.live/post/jquery_jGesturesQ?quot;>http://www.sqnjmr.live/post/jquery_jGesturesQ?lt;/a></a> 介绍了第三方装的事Ӟ里面的“orientationchange”可以获取设备方向的改变。今...</p> touchweb|站常见问题Q手机网站注意问题(二)Aaronhttp://www.sqnjmr.live/post/touchweb_commonquestionhttp://www.sqnjmr.live/post/touchweb_commonquestion2015-10-12T00:00:00+08:002015-10-12T00:00:00+08:00<h2>前言</h2> <p>本文之所以叫手机|站注意问题二,是因Z前ȝ了[手机|站常见问题][1]Q把其称Z。具体地址是:<a href="http://www.sqnjmr.live/post/phone_web"><a href="http://www.sqnjmr.live/post/phone_web">http://www.sqnjmr.live/post/phone_web</a></a> 里面|列了一下手机网站常见问题,本文再在其基上,补充一些?lt;/p> <h2>一、h5|站input 讄...</h2> Ud端开发流行单位rem的几点看?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/ydd_rem</link><guid>http://www.sqnjmr.live/post/ydd_rem</guid><pubDate>2015-09-30T00:00:00+08:00</pubDate><lastBuildDate>2015-09-30T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>rem单位在移动端前端开发很行Q今q我参加上v8?LCSS Conf 大会,好几个老师都提q了Q其实我们公司很早也qrem单位了,关于css的单位,大家L<a href="http://www.sqnjmr.live/post/css_unit_calc"><a href="http://www.sqnjmr.live/post/css_unit_calc">http://www.sqnjmr.live/post/css_unit_calc</a></a></p> <h2>rem的看?lt;/h2> <p>re...</p> </description></item><item><title>淘宝|滚动加载图片及h回顶部的做法讨论Aaronhttp://www.sqnjmr.live/post/taobao_gdjz_backtophttp://www.sqnjmr.live/post/taobao_gdjz_backtop2015-09-29T00:00:00+08:002015-09-29T00:00:00+08:00<p><h2>淘宝囄处理讨论</h2></p> <p>淘宝|页面很大,但是打开速度很快。其对图片处理是q用了滚动加载,是滚动轴滚到哪里,囄在哪里加载。但是你x看他的源代码Q那要费九牛二虎之力吧,因ؓ他们代码压羃合ƈ做的很好Q因为图片是滚动加蝲的,初始化的时候图片不加蝲Q那么当你在面底部h面的时候,底部的页面?..</p> js正则表达式常用函数方法及单应?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_RegExp_fn_use</link><guid>http://www.sqnjmr.live/post/js_RegExp_fn_use</guid><pubDate>2015-09-19T00:00:00+08:00</pubDate><lastBuildDate>2015-09-19T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>关于正则表达式,是前端学习的重点和难炏V我在之前的一片文章[重新拎一遍js的正则表辑ּ][1]中,重新带领大家温故了一下正则表辑ּ。本文主要带领大家一起应用一些正则表辑ּQ简单介l一些正则表辑ּ中常用的Ҏ及对象,例如Qtest、exec、match、replace、search{?..</p> </description></item><item><title>jquery中对象object循环遍历的方?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/object_bjxh</link><guid>http://www.sqnjmr.live/post/object_bjxh</guid><pubDate>2015-09-07T00:00:00+08:00</pubDate><lastBuildDate>2015-09-07T00:00:00+08:00</lastBuildDate><description><p><h2>前言</h2></p> <p>一个朋友问对象如何转ؓ数组Q当我问他ؓ啥要转得时候,他告诉我Q数l可以用js循环遍历Q而对象则不可以。其实呢Q对象同样可以@环遍历的啊。不用{换也可以循环Q说明你对js或者jquery的某些操作不是很熟练Q在q里我简单介l一下!</p> <h2>案例</h2> <p>我们看如下对象:</p> <p>...</p> </description></item><item><title>css的不常用效果ȝAaronhttp://www.sqnjmr.live/post/css_notuse_commonhttp://www.sqnjmr.live/post/css_notuse_common2015-08-24T00:00:00+08:002015-08-24T00:00:00+08:00<p><h2>前言</h2></p> <p>css的不常用效果ȝQ今天分享一下css的一些不常用效果Q有些效果大家可能不常用Q因此可能有些朋友都没有用过Q今天带领大家一赯一下这些不常用效果。关于css的一些常用的效果Q我之前也ȝ了,LQ?lt;a href="http://www.sqnjmr.live/post/css_common"><a href="http://www.sqnjmr.live/post/css_common">http://www.sqnjmr.live/post/css_common</a></a> ...</p> 囄加蝲p|Q所D的浏览器兼容问题Aaronhttp://www.sqnjmr.live/post/img_faile_jiangronghttp://www.sqnjmr.live/post/img_faile_jiangrong2015-08-14T00:00:00+08:002015-08-14T00:00:00+08:00<p><h2>问题描述</h2></p> <p>|站当中l常会遇到图片加载失败的问题Qimg中有地址Q但是地址打开是错误的。情况如下:</p> <center>![enter image description here][1]</center> <!--more--> <p>不同览器处理错误图片是不一LQ有的干...</p> 视频教程上线Q大家多多指教!Aaronhttp://www.sqnjmr.live/post/video_onlinehttp://www.sqnjmr.live/post/video_online2015-08-12T00:00:00+08:002015-08-12T00:00:00+08:00<p>q期Q应麦子学院邀P录制了《移动端前端实训》的视频教程Q现已部分上U,q请大家多多指点Q?lt;/p> <h2>实训目介绍</h2> <p>实训目是原来广联达兴安得力的微信商城的目Q项目是真实目。目的是通过微信商城来推q广联达兴安得力的Y件品?lt;/p> <p>Z保证原来目的版权,本次实训q原封不动把原来的目...</p> cssD落文字Q中英文hQ实C端对?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/css_liangduan_justify</link><guid>http://www.sqnjmr.live/post/css_liangduan_justify</guid><pubDate>2015-08-07T00:00:00+08:00</pubDate><lastBuildDate>2015-08-07T00:00:00+08:00</lastBuildDate><description><p>今天分n一个小技巧,是中英文两端寚wQ只是应对哪些变态的需求。一般情况下q是不推荐用的Q毕竟用了几句js?lt;/p> <h2>案例如下Q?lt;/h2> <h3>混合使用汉字和英文的D落默认如下Q?lt;/h3> <center>![enter image description here][1]</center> <p>...</p> </description></item><item><title>js常见的判断移动端或者pc端或者安卓和Ҏ览器的ҎȝAaronhttp://www.sqnjmr.live/post/js_pc_iosandmobilehttp://www.sqnjmr.live/post/js_pc_iosandmobile2015-07-30T00:00:00+08:002015-07-30T00:00:00+08:00<p>很久之前写了一[通过览器navigator判断览器版本或者手机类型][1]Q里面介l了q用navigator判断览器类型。今天在q篇文章基础上做个补充吧Q?lt;/p> <h2>js 判断安卓或者ios 之indexOf方式</h2> <pre><code>//判断讉Kl端 var browser={</code></pre> <p> ...</p> requirejs的Optimizer 对require目的合q与压羃Aaronhttp://www.sqnjmr.live/post/requirejs_Optimizer_hbyshttp://www.sqnjmr.live/post/requirejs_Optimizer_hbys2015-07-18T00:00:00+08:002015-07-18T00:00:00+08:00<p><h2>前言</h2></p> <p>我博客前面关于requirejs的文章,写了好几了Q关于requirejs快速入门,可以看下<a href="http://www.sqnjmr.live/post/requirejs_sy_lj"><a href="http://www.sqnjmr.live/post/requirejs_sy_lj">http://www.sqnjmr.live/post/requirejs_sy_lj</a></a> 那项目中用requirejs方式书写和管理jsQ效果是不言而喻的,但是你用requirejs引入...</p> Grunt自动化部|css,js,image,html{(附视频)Aaronhttp://www.sqnjmr.live/post/grunt_css_html_bshttp://www.sqnjmr.live/post/grunt_css_html_bs2015-07-18T00:00:00+08:002015-07-18T00:00:00+08:00<p>前几天分享了[前端js和css的压~合q之grunt][1]Q然后ƈ单录制了一个小视频Q之后不朋友QQ留言Q问有没有grunt深入地视频教E。哈哈,说实话,上次录制的视频很差,我是随便录制的,没有惛_收到不少朋友的好评!好吧Q我l箋努力Q今天有旉和大家l分享一下grunt?lt;/p> <p>其实Q?..</p> git常用命oȝAaronhttp://www.sqnjmr.live/post/git_common_mlhttp://www.sqnjmr.live/post/git_common_ml2015-07-06T00:00:00+08:002015-07-06T00:00:00+08:00<h2>前言</h2> <p>用git也好久了Q感觉^时也是git commitQgit pull Qgit push Qgit addQgit submodule,git stashQgit branch,git checkoutQgit merge {等Q下面这个ȝ是分c进行的Q比较清楚明了?lt;/p> <h2>?..</h2> html5之Localstorage本地存储Aaronhttp://www.sqnjmr.live/post/html5_localstoragehttp://www.sqnjmr.live/post/html5_localstorage2015-07-03T00:00:00+08:002015-07-03T00:00:00+08:00<p><h2>题外?lt;/h2></p> <p>今天把博客里面的内容Q同步在github的issues中了。具体地址是:<a href="https://github.com/confidence68/blog/issues"><a href="https://github.com/confidence68/blog/issues">https://github.com/confidence68/blog/issues</a></a> Q欢q大家访问,lstar?lt;/p> <h2>Localstorage本地存储基本用法</h2> <p>**如何创徏和访?local...</p> js和jquery懒加载之可视区域加蝲Aaronhttp://www.sqnjmr.live/post/js_jquery_lazyload_viewloadhttp://www.sqnjmr.live/post/js_jquery_lazyload_viewload2015-06-30T00:00:00+08:002015-06-30T00:00:00+08:00<h2>javascript懒加载之可视区域加蝲</h2> <p><p>在制作js可视区域加蝲之前Q我们首先必M解各U高度,我之前的一文章[javascript的heightȝ][1]Q大家可以看一下,复习一下!</p></p> <p><p>了解了各U高度之后,我们开始我们的js代码吧!</p></p> <pre><code>&lt;!DOCTYPE...</code></pre> 前端js和css的压~合q之gruntAaronhttp://www.sqnjmr.live/post/qd_grunt_cssjshttp://www.sqnjmr.live/post/qd_grunt_cssjs2015-06-15T00:00:00+08:002015-06-15T00:00:00+08:00<p>关于css和js压羃和合q的ҎQ记得我在[前端面试][1]题目中有写道。方法很多,今天主要介绍gruntҎ?lt;/p> <h2>使用前提</h2> <p>grunt是基于node的,要在你电脑上使用gruntQ电脑上必须已安装node环境。具体node环境的安装和搭徏。[centosL][2]Qw...</p> MAC电脑的一些常用命?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/mac_mingling_cy</link><guid>http://www.sqnjmr.live/post/mac_mingling_cy</guid><pubDate>2015-06-08T00:00:00+08:00</pubDate><lastBuildDate>2015-06-08T00:00:00+08:00</lastBuildDate><description><p>今天在我的mac电脑上操作gruntQ突然发现我用命令行q不了移动硬盘了Q因为我的nodejs文g是放在移动硬盘里面,mac命o行如何进入移动硬盘?</p> <p>怪自己是mac的菜鸟,|上查了查,才知?lt;strong>桌面上看到的盘都挂?/Volumes ?lt;/strong></p> <p>Z让我q个mac菜鸟在今后mac命o行操?..</p> </description></item><item><title>jquery?.proxy及wrap()的?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/jquery_proxy_wrap</link><guid>http://www.sqnjmr.live/post/jquery_proxy_wrap</guid><pubDate>2015-06-02T00:00:00+08:00</pubDate><lastBuildDate>2015-06-02T00:00:00+08:00</lastBuildDate><description><p>jquery其实真的没有什么,关键是应用的熟练E度Q面试的时候有时候会问你jquery源码研究q没有。我前段旉看了一下,其实jquery的源码写的还是满通俗易懂的?lt;/p> <p>说到应用Q我今天主要说下jquery?.proxy及wrap()的用,因ؓq两个我用的比较,今天在项目中应用了,所以拿?..</p> </description></item><item><title>iOS下的 Fixed + Input 调用键盘的时候fixed无效问题解决ҎAaronhttp://www.sqnjmr.live/post/ios_fixed_inputhttp://www.sqnjmr.live/post/ios_fixed_input2015-05-29T00:00:00+08:002015-05-29T00:00:00+08:00<p>做touchweb开发的时候,做头疼的是,电脑上面时候好的,有些手机上面也是好的Q个别手机和览器出现问题,对于q些Q只能慢慢调试,N题?lt;/p> <p>今天说一下比较老的IOS的问题,那就是“iOS下的 Fixed + Input 调用键盘的时候fixed无效问题”?lt;/p> <p><h2>案例如下</h2> ...</p> 癑ֺ地图或者高德地囑ּ?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/map_kaifa_baiduorgaode</link><guid>http://www.sqnjmr.live/post/map_kaifa_baiduorgaode</guid><pubDate>2015-05-26T00:00:00+08:00</pubDate><lastBuildDate>2015-05-26T00:00:00+08:00</lastBuildDate><description><p>前段旉写个html5的一个关于定位的文章Q[getCurrentPosition][1],在web端,只要你允许,可以通过手机|页获取C的当前坐标(l纬度)。那么获取这些坐标有什么用呢?</p> <p>我现在就来说下作用,获取你当前的坐标Q就可以定位你当前的位置Q就可以通过癑ֺ地图或者高德地图,获取?..</p> </description></item><item><title>手机|站表层div滑动Q导致底层body滑动Qtouchmove的阻止)Aaronhttp://www.sqnjmr.live/post/webapp_bodyslidebcdivhttp://www.sqnjmr.live/post/webapp_bodyslidebcdiv2015-05-21T00:00:00+08:002015-05-21T00:00:00+08:00<h2>案例描述</h2> <p>body很长Q可以滑动,body头部有一个模拟下拉的选择框。下拉选择有滚动uQ如下图?lt;/p> <center>![enter image description here][1]</center> <!--more--> <p>我给body一个over...</p> webapp手机|站剙固定fixed不ؓ0的情况出玎ͼ滑动出现闪动Q?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/webapp_slide_sd</link><guid>http://www.sqnjmr.live/post/webapp_slide_sd</guid><pubDate>2015-05-21T00:00:00+08:00</pubDate><lastBuildDate>2015-05-21T00:00:00+08:00</lastBuildDate><description><h2>问题描述</h2> <p><p>头部是一个普通的divQ高度是48,头部下面有个固定的bannerQ手下滑的时候,banner会固定在览器最剙不动。出现的问题是,PC端是好的Q手机浏览器向上滑动的时候出现闪动!影响用户体验?lt;/p></p> <h2>之前的做?lt;/h2> <pre><code> if ($(wi...</code></pre> </description></item><item><title>HTML5中的GPS定位之getCurrentPositionAaronhttp://www.sqnjmr.live/post/html5_GPS_getCurrentPositionhttp://www.sqnjmr.live/post/html5_GPS_getCurrentPosition2015-05-13T00:00:00+08:002015-05-13T00:00:00+08:00<p><p>html5中的GPS定位功能主要用的是getCurrentPositionQ?该方法封装在 navigator.geolocation 属性里Q是 navigator.geolocation 对象的方法?lt;/p></p> <h2>getCurrentPosition()函数?lt;/h2> <pre><code>get...</code></pre> touchweb手机|站囄加蝲ҎQcanvas加蝲和gq加载)Aaronhttp://www.sqnjmr.live/post/touchweb_canvas_lazyloadhttp://www.sqnjmr.live/post/touchweb_canvas_lazyload2015-05-10T00:00:00+08:002015-05-10T00:00:00+08:00<p>关于手机|站的图片加载,canvasҎ加蝲囄Q占用内存最,效果最佻I关于canvas囄加蝲Q我之前的一文章中提几个。具体请看[手机|站几点注意的问题。][1]当然Q这些都是很久之前整理的Q有些地方写的可能有炚w题,例如zeptiojs了等{?lt;/p> <p><h2>一、canvas囄加蝲&lt;/h2...</p> css对话框的写法Aaronhttp://www.sqnjmr.live/post/css_dhkhttp://www.sqnjmr.live/post/css_dhk2015-05-10T00:00:00+08:002015-05-10T00:00:00+08:00<p>最q比较忙Q好久没有维护博客了Q在q里表示歉意?lt;/p> <p>最q主要在做touchweb的项目,那么我就记录一下我在做q个目中的问题吧,当然Q今天主要是从css开始。后面博客会陆箋记录其他的问题,例如囄延迟加蝲、图片的canvas渲染、jquery模拟下拉选择以及highchart图表、高德地图、s...</p> webapp开发相关jquery手势事g之jGesturesAaronhttp://www.sqnjmr.live/post/jquery_jGestureshttp://www.sqnjmr.live/post/jquery_jGestures2015-04-15T00:00:00+08:002015-04-15T00:00:00+08:00<p>手机开发中Q除了我们^时用的jquery基本事g之外Q还有很多手势,今天介绍一ƾjquery手势插gjGesturesQ地址是:<a href="http://jgestures.codeplex.com/"><a href="http://jgestures.codeplex.com/">http://jgestures.codeplex.com/</a></a></p> <p>q个插g的强大之处在于它可以监听以下事g&#39;pinch&#39;(~放手势), &#39;rotate&#39;(旋{手势), &#39;...</p> jquery判断面滚动?scroll)是上滚还是下滚,且是否滚动到头部或者底?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/jquery_scroll_upanddown</link><guid>http://www.sqnjmr.live/post/jquery_scroll_upanddown</guid><pubDate>2015-04-15T00:00:00+08:00</pubDate><lastBuildDate>2015-04-15T00:00:00+08:00</lastBuildDate><description><h2>目背景</h2> <p>webtouchQwebappQ页面,防苹果手机safari览器,|上滑动Q底部导航消失,滑动到底部又出现。向下滑动,底部D出现?lt;/p> <h2>遇到问题</h2> <p>1、我一开始用swipeup和swipedown来做Q发现因为有滚动条,不会触发。因此只?..</p> </description></item><item><title>jquery对表D列的操作-jquery动态增加表D或者列Aaronhttp://www.sqnjmr.live/post/jquery_table_rowandcellhttp://www.sqnjmr.live/post/jquery_table_rowandcell2015-04-03T00:00:00+08:002015-04-03T00:00:00+08:00<p><p>jquery对表格的操作是老生常谈的问题。最q项目中用到了,今天在这里分享一下!</p></p> <p><p>效果大体如下Q?lt;/p></p> <p><p>![enter image description here][1]</p> <!--more--></p> <p><p>分n一下代码吧Q?lt;/p></p> <p><p>html</p></p> <pre><code>&lt;div class=&quot;table-...</code></pre> 癑ֺueditor的二ơ开?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/ueditor_second_kf</link><guid>http://www.sqnjmr.live/post/ueditor_second_kf</guid><pubDate>2015-03-20T00:00:00+08:00</pubDate><lastBuildDate>2015-03-20T00:00:00+08:00</lastBuildDate><description><p><p>最q在做一个后台的目Q项目中用到了复文本框,公司用的是UEditorQ但是需求ؓ了更方便~辑囄Q特意提了如下功能:</p></p> <blockquote> <p>1、上传图片时囄宽度固定?00Q长度等比例q行~放Q但不限制单张图片长度;囄q行{比~放后保?00%原画质;</p> <p>2、长传图片是选中囄后点ȝ定自动上?..</p> </blockquote> </description></item><item><title>解决国内gem不能用的问题Aaronhttp://www.sqnjmr.live/post/gem_not_usehttp://www.sqnjmr.live/post/gem_not_use2015-03-17T00:00:00+08:002015-03-17T00:00:00+08:00<p><p>最q在安装SASS的时候,用到gem命oQ但是运行出行如下错误!</p></p> <pre><code>C:\Users\len&gt;gem install sass ERROR: While executing gem ... (Gem::RemoteFetcher::FetchError) E...</code></pre> RequireJs的用和快速理?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/requirejs_sy_lj</link><guid>http://www.sqnjmr.live/post/requirejs_sy_lj</guid><pubDate>2015-03-16T00:00:00+08:00</pubDate><lastBuildDate>2015-03-16T00:00:00+08:00</lastBuildDate><description><p><p>前面我已l有两篇文章介绍[requirejs][1] 了,今天再详l介l一下!</p></p> <h2>RequireJs已经行很久了,它提供了以下功能Q?lt;/h2> <blockquote> <p>声明不同js文g之间的依?lt;/p> <p>可以按需、ƈ行、g时蝲入js?lt;/p> <p>可以让我们的代码以模块化的方式组l?lt;/p> <p>...</p> </blockquote> </description></item><item><title>重新拎一遍js的正则表辑ּAaronhttp://www.sqnjmr.live/post/js_regex_refusehttp://www.sqnjmr.live/post/js_regex_refuse2015-03-10T00:00:00+08:002015-03-10T00:00:00+08:00<h2>前言</h2> <p>js的正则表辑ּ是前端中比较重要的部分,加入你要去面试,正则的题目必不可。我之前的这文章中提及q。具体可以看Q?lt;a href="http://www.sqnjmr.live/post/qianduan_mianshi"><a href="http://www.sqnjmr.live/post/qianduan_mianshi">http://www.sqnjmr.live/post/qianduan_mianshi</a></a></p> <h2> 正则表达式规?lt;/h2> <p>**一、普通字W?..</p> Ujs的ajaxhQ用的不多,但是也要了解和知?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_ajax_chun</link><guid>http://www.sqnjmr.live/post/js_ajax_chun</guid><pubDate>2015-03-09T00:00:00+08:00</pubDate><lastBuildDate>2015-03-09T00:00:00+08:00</lastBuildDate><description><p>Z么要写这文章呢Q主要是我年前的一文?lt;a href="http://www.sqnjmr.live/post/qianduan_mianshi"><a href="http://www.sqnjmr.live/post/qianduan_mianshi">http://www.sqnjmr.live/post/qianduan_mianshi</a></a> ȝ前端面试q程中最Ҏ出现的问题,中,有这个问题。我q前出去面试的时候,最L有两个面试官提到q个问题Q所以感觉这个东西还是蛮重要的,今天具体写一下!</p> <p>U?..</p> </description></item><item><title>春节q后的第一文章,mac电脑的xamppAaronhttp://www.sqnjmr.live/post/mac_xampp_qushttp://www.sqnjmr.live/post/mac_xampp_qus2015-02-26T00:00:00+08:002015-02-26T00:00:00+08:00<p>大家新春快乐Q春节之后的W一文章。也是用Ҏ电脑写的W一博客?lt;/p> <p>最q新入了一台苹果笔记本Q用hq不是很习惯。这几天摸得差不多了Q但是也遇到了不小问题。下面ȝ一下!</p> <h2>mac上的xampp出现Access forbidden! </h2> <p>xampp安装成功之后Q有?..</p> 谈谈css的伪cd伪元?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/css_wl_wys</link><guid>http://www.sqnjmr.live/post/css_wl_wys</guid><pubDate>2015-02-13T00:00:00+08:00</pubDate><lastBuildDate>2015-02-13T00:00:00+08:00</lastBuildDate><description><h2>前言</h2> <p>明天p攑ց了,今天可能是春节前的最后一博客。首先谢?014q大家对我博客的xQ祝大家年万事如意Q关?014qȝQ我׃公开了,MQ?014q学C很多Q感谢兴安得力给我自q学习q_Q关?015q_一切都是新的,首先是生zL式的改变Q尽量坚持瑜伽健L...</p> </description></item><item><title>javascript使用replace替换动态字W串Qreplace正则中有变量处理办法Aaronhttp://www.sqnjmr.live/post/js_replace_blhttp://www.sqnjmr.live/post/js_replace_bl2015-02-10T00:00:00+08:002015-02-10T00:00:00+08:00<p>最q做目中用了js replace替换字符Ԍ但是我的字符串是动态的Q之前用的replace替换字符串都是固定的Q那么动态字W串如何用replace正则替换呢?也就是说replace正则中有变量如何处理呢?</p> <p>l过研究及网上搜索,得知有如下几U办法,现在ȝ一下!</p> <p><h2>Ҏ一Q用e...</p> jquery选择器通配W及事g监听和data用法介绍Aaronhttp://www.sqnjmr.live/post/jquery_tpf_datahttp://www.sqnjmr.live/post/jquery_tpf_data2015-02-05T00:00:00+08:002015-02-05T00:00:00+08:00<p>今天l箋介绍[前端][1]中的jquery,在前端中Qjquery用的最多,功能也很强大Q今天l对其进行介l,关于jquery的其他文章,L[jquery][2]</p> <p>今天主要介绍jquery的三块内容:</p> <h2>jquery选择器通配W?lt;/h2> <p>jquery选择器中的通配W经?..</p> 谈谈git版本理工具Aaronhttp://www.sqnjmr.live/post/git_bbglhttp://www.sqnjmr.live/post/git_bbgl2015-02-03T00:00:00+08:002015-02-03T00:00:00+08:00<p>我知道git是从github开始的。github是一个很好的|站Q里面也有很多技术牛人!因此Q我也安装了git。但是,在兴安得力的时候,我们版本理用的是SVNQSVN很简单,基本上没有什么门槛。在易居中国Q版本管理用的是gitQ让我耳目一新?lt;/p> <p><strong>现在单说说git版本理工具吧!</strong></p> <p>...</p> 分n一个中文字W串和Unicode互{函数及html中获取图片url函数Aaronhttp://www.sqnjmr.live/post/js_Unicodehttp://www.sqnjmr.live/post/js_Unicode2015-01-30T00:00:00+08:002015-01-30T00:00:00+08:00<p><p>最q比较纠l。在我面前有两条路,一个是L友的创业公司帮忙一起创业,一个是L较大的公司工作。所以一直没有时间写博客。今天看C个中文字W串和Unicode互{函数Q及html中获取图片url函数q不错,在这里分享一下!</p></p> <p><p><strong>中文转unicode函数</strong></p></p> <pre><code>//中文转unicode...</code></pre> ȝ前端面试q程中最Ҏ出现的问?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/qianduan_mianshi</link><guid>http://www.sqnjmr.live/post/qianduan_mianshi</guid><pubDate>2015-01-23T00:00:00+08:00</pubDate><lastBuildDate>2015-01-23T00:00:00+08:00</lastBuildDate><description><h2>前言</h2> <p>之前在兴安得力的时候,我也前端的面试题。那么前端h员在外面面试的时候,一般技术h员都会考察我们那些地方呢?我在q里不妨ȝ一下!QPSQ有点小邪恶Q这个公开之后Q对于面试者来说是方便了。但是,假如你是公司技术h员,是面试官Q您不妨修改一下题目,变通一下!Q?lt;/p> <p>&lt;...</p> </description></item><item><title>手机|站点击链接触发颜色块的问题解决Aaronhttp://www.sqnjmr.live/post/phone_web_yskhttp://www.sqnjmr.live/post/phone_web_ysk2015-01-18T00:00:00+08:002015-01-18T00:00:00+08:00<h2>引子</h2> <p>前段旉做微信页面的时候,一行内容做?个链接,点击一个标{时候,整个颜色块会闪一下,影响观。需求针对这U情冉|问我Q能否把q个一闪的颜色L。我当时想Q这个怎么去?那我也不好直接回l她Q好吧,我试试吧Q经q研IӞ癑ֺ的很多a标签都是一闪一闪的Q有颜色块,但是淘宝...</p> html框架之iframe和frame及frameset的相兛_性介l?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/html_frameset_contro</link><guid>http://www.sqnjmr.live/post/html_frameset_contro</guid><pubDate>2015-01-08T00:00:00+08:00</pubDate><lastBuildDate>2015-01-08T00:00:00+08:00</lastBuildDate><description><h2>问题</h2> <p>1、你知道iframe和frame的区别吗Q?lt;/p> <p>2、你用过frameset{相兛_性吗Q?lt;/p> <h2>iframe和frame的区?lt;/h2> <p>不知道你在项目中用过frameset属性没有,framesetq个属性是在去q我在一个在U客服系l制作中用过Q因?..</p> </description></item><item><title>js老生常谈之this,constructor ,prototypeAaronhttp://www.sqnjmr.live/post/js_constructor_prohttp://www.sqnjmr.live/post/js_constructor_pro2015-01-06T00:00:00+08:002015-01-06T00:00:00+08:00<h2>前言</h2> <p>javascript中的this,constructor ,prototypeQ都是老生常谈的问题,深入理解他们的含义至关重要。在q里Q我们再来复习一下吧Q温故而知斎ͼ</p> <h2>this</h2> <p>this表示当前对象Q如果在全局作用范围内用thisQ则?..</p> CSS的单位及css3的calc()及line-height癑ֈ?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/css_unit_calc</link><guid>http://www.sqnjmr.live/post/css_unit_calc</guid><pubDate>2015-01-04T00:00:00+08:00</pubDate><lastBuildDate>2015-01-04T00:00:00+08:00</lastBuildDate><description><h2>说在前面的话</h2> 阛_2014q已l离我们q去Q?015q接t而来。祝大家新年快乐Q在新的一q_我将有新的蜕变!q是2015q的W一文章,写一关于css的单位的文章吧! <h2>单位介绍</h2> <p>说到css的单位,大家应该首先惛_的是px,也就是像素,我们在网布局...</p> </description></item><item><title>js操作W类型{换大全(前端面试题之操作W)Aaronhttp://www.sqnjmr.live/post/js_czf_msthttp://www.sqnjmr.live/post/js_czf_mst2014-12-31T00:00:00+08:002014-12-31T00:00:00+08:00<p>操作W运符Q在前端的面试题目中l常出现Q很多朋友在对其q算的时候经常出错。说明对操作W运还没有完全理解Q我前面的一文章,[javascript双等号引Lcd转换][1]Q主要讲解双{号引v的类型{换。本文章可以说是对q篇文章的补充吧Q?lt;/p> <p>首先Q我们先来做一些题目吧Qؓ了统一Q我不؜着?..</p> CSS中BFC的概念及外层div包裹内层div处理ҎAaronhttp://www.sqnjmr.live/post/css_BFC_bgdivhttp://www.sqnjmr.live/post/css_BFC_bgdiv2014-12-29T00:00:00+08:002014-12-29T00:00:00+08:00<h2>前言</h2> <p>从事前端工作三年来,对于div和css的用法,自己认ؓq是比较熟练的。但是对于一些概忉|的东西Q知之甚,比如Q今天看到有个BFC的概念,不知道CSS的BFC是啥意思。经q查阅资料,才知道这个概c其实,虽然我们q不知道BFC是啥意思,因ؓ在项目中Q没有h会说什么BFC...</p> PHP截取字符串长度及客户端真实IP的函?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/php_string_lenght_ip</link><guid>http://www.sqnjmr.live/post/php_string_lenght_ip</guid><pubDate>2014-12-23T00:00:00+08:00</pubDate><lastBuildDate>2014-12-23T00:00:00+08:00</lastBuildDate><description><p><p>PHP截取字符串长度函数经常用到。超q一定的长度昄?amp;quot;....&quot;Q当Ӟq个效果也可以用css样式控制Q可以看我之前的一文?lt;a href="http://www.sqnjmr.live/post/css_common"><a href="http://www.sqnjmr.live/post/css_common">http://www.sqnjmr.live/post/css_common</a></a> W?2条。今天主要说的是php的函数实现方法!</p></p> <pre><code>/* Utf-8?..</code></pre> </description></item><item><title>PHP处理分类点击ơ数Q类别中点击ơ数最多的高亮昄Aaronhttp://www.sqnjmr.live/post/php_fenlei_clickpointhttp://www.sqnjmr.live/post/php_fenlei_clickpoint2014-12-22T00:00:00+08:002014-12-22T00:00:00+08:00<h2>背景和需?lt;/h2> <p>cM于我的[前端][1]DQ地址Q?lt;a href="http://www.sqnjmr.live/nav"><a href="http://www.sqnjmr.live/nav">http://www.sqnjmr.live/nav</a></a>, D的左侧是分类Q分cM面有很多链接。我现在想统计所有分cM面点L数最多的一个,q把光色做Ҏ处理Q?lt;/p> <p>大致的数据结构如下:</p> <pre><code>{</code></pre> <p> ...</p> Bower : ENOGIT git is not installed or not in the PATH 解决ҎAaronhttp://www.sqnjmr.live/post/bower_errorhttp://www.sqnjmr.live/post/bower_error2014-12-17T00:00:00+08:002014-12-17T00:00:00+08:00<center>![enter image description here][1]</center> <p>今天在用bower安装依赖的时候,出现了Bower : ENOGIT git is not installed or not in the PATH Q这个错误提C很明显。就是git没有?..</p> css固定宽高DIV内部元素垂直居中的方?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/div_guding_inner_center</link><guid>http://www.sqnjmr.live/post/div_guding_inner_center</guid><pubDate>2014-12-14T00:00:00+08:00</pubDate><lastBuildDate>2014-12-14T00:00:00+08:00</lastBuildDate><description><p>作ؓ|页[前端][1]Q经怼遇到垂直居中的问题,对于q个Q我前面写过一文章,是关于[div垂直居中][2]的,不过q个垂直居中是div相对于整个网而言的。在q篇文章中,我分析了固定高宽的div和不固定高度的div在网中垂直居中的方法。具体大家可以看Q?lt;a href="http://www.haorooms.c"><a href="http://www.haorooms.c">http://www.haorooms.c</a></a>...</p> </description></item><item><title>上v市居住证U分甌遇到的问题及党员材料丢失求助Aaronhttp://www.sqnjmr.live/post/juzhuzheng_jf_dyhttp://www.sqnjmr.live/post/juzhuzheng_jf_dy2014-12-06T00:00:00+08:002014-12-06T00:00:00+08:00<p>本来惛_我的居住证积分申请下来的那一刻,我发一帖子,叙述我居住证U分甌的流E,但是看来是不行了。在我申请上市居住证积分的q程中,遇到了好的不可预期的问题。下面来说下我的具体情况Q希望能帮助到类似的|友Q也期望和类似的|友达成共鸣Q?lt;/p> <p><h2>居住证的作用及种cd攚w及申hE?lt;/h2> ...</p> mongodb数据库备份和恢复Aaronhttp://www.sqnjmr.live/post/mongodb_beifen_huifuhttp://www.sqnjmr.live/post/mongodb_beifen_huifu2014-12-05T00:00:00+08:002014-12-05T00:00:00+08:00<p>׃我的博客是用nodejs+mongodb写的Q自然用Cmongodb的数据库备䆾。数据库备䆾可以防止数据丢失Q在什么时候都是很重要的。ؓ了防止我博客数据丢失Q除了在阉K云创建快照之外,我还做了数据的备份?lt;/p> <p>那么mongodb是如何做数据库备份和恢复的呢Q?lt;/p> <p><h2>windows下面...</p> 如何自己开发一ƾjs或者jquery插gAaronhttp://www.sqnjmr.live/post/js_jquery_chajianhttp://www.sqnjmr.live/post/js_jquery_chajian2014-12-04T00:00:00+08:002014-12-04T00:00:00+08:00<h2>引子</h2> <p>现在|上关于js和jquery装的插件很多,我刚刚接触前端的时候,很敬佩那些自己写插件的大牛们!因ؓ是他们给|站开发更多的便利Q很多网|果,|上很多现成的插Ӟ那么q些插g是如何写的呢Q首先是有扎实的js和jquery技术基Q其ơ还有一些写插g的方法和技巧。关?..</p> 面加蝲插g的实际应用及load函数的运?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_jiazao_load</link><guid>http://www.sqnjmr.live/post/js_jiazao_load</guid><pubDate>2014-12-01T00:00:00+08:00</pubDate><lastBuildDate>2014-12-01T00:00:00+08:00</lastBuildDate><description><p>前几天的一文章写了[js|页剙U性页面加载进度条][1]Q关于页面头部加载的一些实例,里面提到?个jquery面插gQ这两个插g很不错,同时我也看了一下[pace.js][2]Q这个插件。看了一下谷歌浏览器{的面加蝲?lt;/p> <p>pace.js 头部加蝲插g很不错,他可以自p页面加载的情况...</p> </description></item><item><title>npm国内镜像,npm安装p|解决ҎAaronhttp://www.sqnjmr.live/post/nodejs_npm_failhttp://www.sqnjmr.live/post/nodejs_npm_fail2014-11-28T00:00:00+08:002014-11-28T00:00:00+08:00<p><p>npm安装p|解决ҎQ{载到自己博客上面备用吧~~</p></p> <p><p>镜像使用ҎQ三U办法Q意一U都能解决问题,使用W三U,配|写死,下次用的时候配|还在):</p></p> <h2>1.通过config命o</h2> <pre><code>npm config set registry https://registr...</code></pre> 谈谈个h博客及我的博?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/one_pelple_blog</link><guid>http://www.sqnjmr.live/post/one_pelple_blog</guid><pubDate>2014-11-28T00:00:00+08:00</pubDate><lastBuildDate>2014-11-28T00:00:00+08:00</lastBuildDate><description><center>![enter image description here][1]</center> <p>前段旉Q看到网友写的一文章《独立博客网站发展的一般规律》,写的比较有道理,大家可以在百度搜索一下,q篇博客讲到Q博客一般刚刚上U的时候,博主一般很有激情,发布文章也很勤奋Q但是经q半...</p> </description></item><item><title>js|页剙U性页面加载进度条,jquery头部U性进度条ȝAaronhttp://www.sqnjmr.live/post/jq_js_xxjdthttp://www.sqnjmr.live/post/jq_js_xxjdt2014-11-25T00:00:00+08:002014-11-25T00:00:00+08:00<p><h2>前言</h2> |页剙加蝲q度条,q年来很行Q很多网站都采用了这U加载方式。网上也有这L似的插gQ今天我们ȝ一下网顶部线性页面加载进度条?lt;/p> <p>静态效果如下:</p> <p>&lt;iframe src=&quot;<a href="http://sandbox.runjs.cn/show/drnussjp"><a href="http://sandbox.runjs.cn/show/drnussjp">http://sandbox.runjs.cn/show/drnussjp</a></a>&quot; widt...</p> jquery~程的标准写法和最佛_践(jquery代码规范Q?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/jquery_dmgf_zjsj</link><guid>http://www.sqnjmr.live/post/jquery_dmgf_zjsj</guid><pubDate>2014-11-24T00:00:00+08:00</pubDate><lastBuildDate>2014-11-24T00:00:00+08:00</lastBuildDate><description><p>关于jquery的代码规范,书写标准和最佛_践,是我q期看到的国外的一文章,感觉很受益!|上搜烦了一下,果然被网友翻译过Q但是查看翻译时间是2014q?月䆾左右Q我又查看了该文章的更新旉?014q?0?4受想必该文章很久之前问世,但是作者又更改了不问题吧Q因此还是决定自己重新翻译一下!...</p> </description></item><item><title>Ucss制作鼠标UMLC图片效果,及css技?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/css_hover_jqs</link><guid>http://www.sqnjmr.live/post/css_hover_jqs</guid><pubDate>2014-11-21T00:00:00+08:00</pubDate><lastBuildDate>2014-11-21T00:00:00+08:00</lastBuildDate><description><p>最q在做一个网盘的目Q用C鼠标UML果,q个效果可以用js来实玎ͼ今天主要分n一下,q个效果如何用纯css实现Q?lt;/p> <p>效果如下图:</p> <p>![enter image description here][1]</p> <!--more--> <h2>html代码</h2> <p> ...</p> </description></item><item><title>javascript实用技巧,js知?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_shiyong_one</link><guid>http://www.sqnjmr.live/post/js_shiyong_one</guid><pubDate>2014-11-21T00:00:00+08:00</pubDate><lastBuildDate>2014-11-21T00:00:00+08:00</lastBuildDate><description><p>q今为止Q我在博客上面写的关于[js][1] 和[javascript][2]的文章已l不了Q最q看了一[国外的博客][3]Q里面ȝ了一些js实用技巧,本来想直接翻译一下放在我的博客上Q但是网上查了一下,貌似已经有网友翻译了Q在q里׃多做累赘的工作。在q个的基上,融合我之前看到的一些js?..</p> </description></item><item><title>前端L识,你可能不知道的前端知识之CSS?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/qianduan_leng_css</link><guid>http://www.sqnjmr.live/post/qianduan_leng_css</guid><pubDate>2014-11-20T00:00:00+08:00</pubDate><lastBuildDate>2014-11-20T00:00:00+08:00</lastBuildDate><description><p>今天在昨天的基础上,介绍比较冷门的css知识Q关于常用的css知识Q可以看<a href="http://www.sqnjmr.live/post/css_common"><a href="http://www.sqnjmr.live/post/css_common">http://www.sqnjmr.live/post/css_common</a></a> </p> <h2>实时~辑CSS</h2> <p>通过讄style标签的display:block样式可以让页面的style标签昄出来Qƈ且加...</p> </description></item><item><title>前端L识,你可能不知道的前端知识之html?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/web_qd_html_leng</link><guid>http://www.sqnjmr.live/post/web_qd_html_leng</guid><pubDate>2014-11-19T00:00:00+08:00</pubDate><lastBuildDate>2014-11-19T00:00:00+08:00</lastBuildDate><description><p>上一节我介绍了[mailto: HTML e-mail 链接][1]Q虽然不是什么很新的技术,但是也可以说是[前端][2]的冷技术,用的人比较少Q因此,知道的就相对了一些?lt;/p> <p>今天在昨天的基础上,l箋介绍一些[前端][3]L识,今天主要介绍<strong>html?lt;/strong>?lt;/p> <p><h2>览器地址?..</p> </description></item><item><title>mailto: HTML e-mail 链接Aaronhttp://www.sqnjmr.live/post/mailto_link_htmlhttp://www.sqnjmr.live/post/mailto_link_html2014-11-18T00:00:00+08:002014-11-18T00:00:00+08:00<p><h2>前言</h2> 今天看到老外写的一关于mailto: HTML e-mail 的文章,感觉很新奇,以前从来没有q么用过Q用email的时候,最多用qmailtoQ但是其中穿链接参数Q还是第一ơ看刎ͼ今天在这里翻译一下,以便后期用到Q(注:译只是大体译Q不是原原本本的译。)</p> <p>I?..</p> 览器输?URL 到页面加载完成,单介l?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/liulanqi_jazaiguocheng</link><guid>http://www.sqnjmr.live/post/liulanqi_jazaiguocheng</guid><pubDate>2014-11-17T00:00:00+08:00</pubDate><lastBuildDate>2014-11-17T00:00:00+08:00</lastBuildDate><description><h2>前言</h2> <p>从浏览器输入 URL 到页面加载完的过E中都发生了什么事情?q是一个复杂的q程Q但是对于了解浏览器的工作原理有一定的帮助Q参考网上的资料Q我今天单的介绍一下!</p> <h2>?lt;/h2> <p><strong>一?lt;/strong>把URL分割成几个部分:协议、网l地址、资源\径。其中网l地...</p> </description></item><item><title>css的div垂直居中的方法,癑ֈ比div垂直居中Aaronhttp://www.sqnjmr.live/post/css_div_juzhonghttp://www.sqnjmr.live/post/css_div_juzhong2014-11-16T00:00:00+08:002014-11-16T00:00:00+08:00<h2>前言</h2> <p>我们都知道,固定高宽的div在网中垂直居中很简单,怿大家也很Ҏ的写出来Q但是不是固定高宽的div如何垂直居中呢?我们在网布局Q特别是手机{web端网늻常是不固定高宽的divQ那么这些div如何垂直居中呢?q篇文章Q我ȝ一下?lt;/p> <p><h2>固定高宽div垂直...</p> windows下面go语言环境搭徏Aaronhttp://www.sqnjmr.live/post/window_golang_djhttp://www.sqnjmr.live/post/window_golang_dj2014-11-13T00:00:00+08:002014-11-13T00:00:00+08:00<h2>什么是go语言</h2> <p>关于go语言Q可以查看百度百U?lt;a href="http://baike.baidu.com/view/2976233.htm?fr=aladdin"><a href="http://baike.baidu.com/view/2976233.htm?fr=aladdin">http://baike.baidu.com/view/2976233.htm?fr=aladdin</a></a> Q对于golangQ我是最q才刚刚接触。由于有个项目用的是go语言Q不得不在自q脑上搭徏了一下环境。我的电脑是win7?2?..</p> javascript用户密码加密,js密码加密Aaronhttp://www.sqnjmr.live/post/js_my_passwordjmhttp://www.sqnjmr.live/post/js_my_passwordjm2014-11-12T00:00:00+08:002014-11-12T00:00:00+08:00<p><p>今天ȝ几种javascript用户密码加密的方法,虽然前端当中密码加密不经常用Q一般在后端加密之后存入数据库。今天主要列举一下前端js加密ҎQ以后可能也用得刎ͼ</p></p> <h2>1、base64加密</h2> <p><p>在页面中引入base64.js文gQ调用方法ؓQ?lt;/p></p> <p><p>   </p></p> <pre><code>...</code></pre> 谈谈CSS层叠及权?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/css_weight_qz</link><guid>http://www.sqnjmr.live/post/css_weight_qz</guid><pubDate>2014-11-11T00:00:00+08:00</pubDate><lastBuildDate>2014-11-11T00:00:00+08:00</lastBuildDate><description><h2>引子</h2> <p>一直想ȝ一下css的权重,但是一直没有时间。今天是双十一Q更是忙着搞别的东西~~~哈哈哈,在这里,大家光节快乐吧!今天主要说一说CSS权重Q?lt;/p> <h2>一. 新手的疑?lt;/h2> <p>大家l常在网中看到cM li#first q样的选择器。很多新手疑问了Q?..</p> </description></item><item><title>html代码高亮昄Qjs代码高亮昄Aaronhttp://www.sqnjmr.live/post/html_js_dmglhttp://www.sqnjmr.live/post/html_js_dmgl2014-11-10T00:00:00+08:002014-11-10T00:00:00+08:00<h2>引子</h2> <p>很多博客和论坛都有代码识别,代码高亮昄Q那么这些代码高亮制作是如何完成的呢Q其实代码高亮的Ҏ有很多,|上随便搜搜Q最L能找CU代码高亮的ҎQ下面我来介l一U代码高亮的Ҏ。那是用syntaxhighlighterq个插g?lt;/p> <p><h2>案例介绍</h2> ...</p> requirejs的用?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_require_zz</link><guid>http://www.sqnjmr.live/post/js_require_zz</guid><pubDate>2014-11-06T00:00:00+08:00</pubDate><lastBuildDate>2014-11-06T00:00:00+08:00</lastBuildDate><description><p>之前我的一片文章介l过requirejsQ具体地址是:<a href="http://www.sqnjmr.live/post/RequireJS_mkh_jz"><a href="http://www.sqnjmr.live/post/RequireJS_mkh_jz">http://www.sqnjmr.live/post/RequireJS_mkh_jz</a></a> Q今天看到阮一峰博客上面对于requirejs的介l比较通俗易懂Q今天{载一下!</p> <h2>一、ؓ什么要用require.jsQ?lt;/h2> <p>最...</p> </description></item><item><title>html的metaȝQhtml标签中meta属性用介l?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/html_meta_ds</link><guid>http://www.sqnjmr.live/post/html_meta_ds</guid><pubDate>2014-11-05T00:00:00+08:00</pubDate><lastBuildDate>2014-11-05T00:00:00+08:00</lastBuildDate><description><h2>引子</h2> <p>之前的我的博客中对于meta有个介绍Q例如:<a href="http://www.sqnjmr.live/post/liulanq_think_ie"><a href="http://www.sqnjmr.live/post/liulanq_think_ie">http://www.sqnjmr.live/post/liulanq_think_ie</a></a> 览器安全性想到的q篇文章Q中间介l了meta下面IE的一些属性,可以实现面之间的过渡{换。已lSEO优化中有所提及。下面具体介l?..</p> </description></item><item><title>mysql中?where 1=1?0=1 的作用及好处Aaronhttp://www.sqnjmr.live/post/mysql_where1100http://www.sqnjmr.live/post/mysql_where11002014-11-05T00:00:00+08:002014-11-05T00:00:00+08:00<h2>引子</h2> <p>使用php的操作mysql的时候,l常使用where语句q行查询。当where语句不存在的时候,l常在后面加一个where 1=1Q这个是参照我同事的写法。下面分析一下where 1=1的好处!</p> <p>where 1=1; q个条g始终为TrueQ在不定数量查询...</p> 记录我安装linux的web环境的一些问题,及阿里云的服?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/question_aliyun_linux</link><guid>http://www.sqnjmr.live/post/question_aliyun_linux</guid><pubDate>2014-11-04T00:00:00+08:00</pubDate><lastBuildDate>2014-11-04T00:00:00+08:00</lastBuildDate><description><p>最q空闲的旉Q一直在搞阿里云的linux服务器,不得不承认自己是菜鸟。安装好多次都出错!N是我之前的nodejs和mongodb安装的有问题吗?应该也不会。我的mongodb安装是按照这个步骤来的:<a href="http://www.sqnjmr.live/post/3m"><a href="http://www.sqnjmr.live/post/3m">http://www.sqnjmr.live/post/3m</a></a> Qnodejs是按照这个步?..</p> </description></item><item><title>前端工程师搭建linux服务器的一些感?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/qd_linux_hj</link><guid>http://www.sqnjmr.live/post/qd_linux_hj</guid><pubDate>2014-11-01T00:00:00+08:00</pubDate><lastBuildDate>2014-11-01T00:00:00+08:00</lastBuildDate><description><p>我是一名前端攻城师Q从2011q到现在从事[前端开发][1]已经三个q头。看我的上一文章“Web前端开发工E师~程能力飞升之\?lt;a href="http://www.sqnjmr.live/post/web_qianduankaifa"><a href="http://www.sqnjmr.live/post/web_qianduankaifa">http://www.sqnjmr.live/post/web_qianduankaifa</a></a> ,之后Q我感觉自己在前端方面还有很长的路要赎ͼ前端的新知识Q新技术更新换?..</p> </description></item><item><title>诠ZWeb前端开发工E师~程能力飞升之\’感?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/web_qianduankaifa</link><guid>http://www.sqnjmr.live/post/web_qianduankaifa</guid><pubDate>2014-10-31T00:00:00+08:00</pubDate><lastBuildDate>2014-10-31T00:00:00+08:00</lastBuildDate><description><h2>引子</h2> <p>最q在某博客上看到一‘Web前端开发工E师~程能力飞升之\’的文章Q写的很不错。前端的水真的很深。之前逛百度脓吧的时候,也看到又问提问前端工E师的薪水问题,前端工程师根据你的能力,薪水可以很高Q但是那些初U的入门[前端][1]Q薪资还是不高的。下面我这博客{载在?..</p> </description></item><item><title>阉K云恢复快照mongodb和nodejs启动,linux下nginx和apache重启Aaronhttp://www.sqnjmr.live/post/aliyun_mongodb_qdhttp://www.sqnjmr.live/post/aliyun_mongodb_qd2014-10-30T00:00:00+08:002014-10-30T00:00:00+08:00<p>最q在我的阉K云服务器上面安装新的模块Q不料安装出错!q怺阉K云有快照q原Q还原到昨天的。但是还原之后,mongodb和nodejs都要重新启动?lt;/p> <p>现在把重启的步骤再写一下!</p> <p>我在很久之前的一文章,写了[Centos6.5安装配置mongodb][1]Q添加了mongo的服务。启动只?..</p> javascript双等号引Lcd转换Qjs隐性类型{换步?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_yinxingleixing</link><guid>http://www.sqnjmr.live/post/js_yinxingleixing</guid><pubDate>2014-10-29T00:00:00+08:00</pubDate><lastBuildDate>2014-10-29T00:00:00+08:00</lastBuildDate><description><h2>引子</h2> <p>if语句应该是程序员用的比较多的语句Q很多时候都要进行if判断Qif语句一般用双等h判断前后两个元素是否是一致的Q假如是一_那么q回是trueQ然后执行下面的语句Q否则,执行别的语句。本问所说的隐性类型的转换Q说的是==引v的{换。D个简单的例子Q双{号不是全等P...</p> </description></item><item><title>|页SEOQ搜索引擎优化及谈谈我博客的SEO之\Aaronhttp://www.sqnjmr.live/post/myblog_seohttp://www.sqnjmr.live/post/myblog_seo2014-10-28T00:00:00+08:002014-10-28T00:00:00+08:00<p>我的博客的第一文章介l了我在大学实习的时候,学习qSEO。但是自2011q以后,再也没有搞qSEOQSEO?009q和2010q的时候,q入鼎盛时期Q当时诞生了好多SEO培训公司Q神马网l赚׃铺天盖地。我当时也玩q网赚,但是以失败告l,在此Q告诫网友,好多|赚Q第一个搞Q可能会赚钱Q但是一?..</p> |站前端性能优化之javascript和cssAaronhttp://www.sqnjmr.live/post/web_xnyh_jscsshttp://www.sqnjmr.live/post/web_xnyh_jscss2014-10-24T00:00:00+08:002014-10-24T00:00:00+08:00<p>之前看过Yahoo团队写的一关于网站性能优化的文章,文章?010q左叛_的,虽然有点老,但是很多斚wq是很有借鉴意义的。关于css的性能优化Q他提到了如下几点:</p> <h2>CSS性能优化</h2> <p><strong>1、把样式表置于顶?lt;/strong></p> <p>现把样式表放到文档的&lt; head /&gt;内部g会加?..</p> 囄的HTTPhȝQweb囄httph汇总,|页囄预加?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/web_http_request</link><guid>http://www.sqnjmr.live/post/web_http_request</guid><pubDate>2014-10-23T00:00:00+08:00</pubDate><lastBuildDate>2014-10-23T00:00:00+08:00</lastBuildDate><description><p><p>囄的httphQ有很多U情况,那么I竟什么情况下面不会发生请求呢Q下面我用案例一一列D一下,希望对你深入了解http囄h有所帮助。(h囄截图Q均已谷歌浏览器ZQ文章{载请联系我,或者注明haorooms博客q链接地址Q)</p></p> <h2>1. 隐藏囄</h2> <pre><code>&lt;img...</code></pre> </description></item><item><title>js|页打印,js打印,javascript局部打?|页局部打印方?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_print_web</link><guid>http://www.sqnjmr.live/post/js_print_web</guid><pubDate>2014-10-22T00:00:00+08:00</pubDate><lastBuildDate>2014-10-22T00:00:00+08:00</lastBuildDate><description><p>在网中l常看到有打印功能,点击之后Q只针对特定区域q行的打印。网上看了一下,大体上有2中实现方法,一U是用css @media控制Q另一U是直接用js控制。下面分别来对其q行说明一下!</p> <h2>一、css控制|页局部打?lt;/h2> <p>关于css控制打印Q我之前的一文章写qcss @me...</p> </description></item><item><title>jquery的grep(),inArray(), map()及js的join,sort用法Aaronhttp://www.sqnjmr.live/post/jquery_grep_joinhttp://www.sqnjmr.live/post/jquery_grep_join2014-10-21T00:00:00+08:002014-10-21T00:00:00+08:00<p>我在前面的一文章中Q{载了|友的一些jquery开发技巧和常用的方法:<a href="http://www.sqnjmr.live/post/jquery_shouji_all"><a href="http://www.sqnjmr.live/post/jquery_shouji_all">http://www.sqnjmr.live/post/jquery_shouji_all</a></a> ,今天说一下jquery{选数l的几个常用函数用法?lt;/p> <h2>jquery grep()</h2> <p><strong>用法Q?lt;/strong></p> <p>...</p> CDN加速服?CDN公共库汇?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/cdn_all</link><guid>http://www.sqnjmr.live/post/cdn_all</guid><pubDate>2014-10-20T00:00:00+08:00</pubDate><lastBuildDate>2014-10-20T00:00:00+08:00</lastBuildDate><description><p>CDN公共库是指将常用的JS库存攑֜CDN节点Q以方便q大开发者直接调用。将JS库存攑֜服务器单Z相比QCDN公共库更加稳定、高速?jQuery插g库ؓ您提供百度、微软等提供的CDN节点地址Q这些CDN公共库ؓ您的应用E序提供E_、可靠、高速的服务Q包含全球所有最行的开源JavaScript...</p> </description></item><item><title>RequireJS模块化加?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/RequireJS_mkh_jz</link><guid>http://www.sqnjmr.live/post/RequireJS_mkh_jz</guid><pubDate>2014-10-19T00:00:00+08:00</pubDate><lastBuildDate>2014-10-19T00:00:00+08:00</lastBuildDate><description><h2>引子</h2> <p>今天和一个朋友聊天的时候,谈到前端的模块化加蝲RequireJSQ我瞬间短\了,我之前貌似没有用qRequireJS。朋友又问,那你们之间的模块化加载是怎么做的Q我想了惻I我们之前的很多项目大都是MVC l构的。前端这块主要是控制器和视图Q一般是即用卛_Q由于复杂度不够...</p> </description></item><item><title>h览器打不开Q用h搜烦的办?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/google_search</link><guid>http://www.sqnjmr.live/post/google_search</guid><pubDate>2014-10-17T00:00:00+08:00</pubDate><lastBuildDate>2014-10-17T00:00:00+08:00</lastBuildDate><description><p>最为程序员Q很多国外的技术,癑ֺ览器通常搜烦不到Q用h能搜索到Q但是最q大半年来,h览器一直抽风。之前我用goagent.exehd工具Q还凑合能打开h。但是最q一个月Q翻墙工具也渐渐的打开速度很慢Q最Z惯了h搜烦的朋友们Q很是苦恹{?lt;/p> <p>在谷歌浏览器打不开的这D|子,很多|上?..</p> </description></item><item><title>jQuery代码开发技巧收?jquery常用的开发代?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/jquery_shouji_all</link><guid>http://www.sqnjmr.live/post/jquery_shouji_all</guid><pubDate>2014-10-16T00:00:00+08:00</pubDate><lastBuildDate>2014-10-16T00:00:00+08:00</lastBuildDate><description><h2>jQuery代码开发技巧收?jquery常用的开发代?lt;/h2> <p><p>今天分n一个jquery常用的开发代码,大部分是|友ȝ的,d60条。后期我也会陆箋完善Q?把我在开发中常用的写在这里,希望持箋x~~</p></p> <p><p><strong>1. 使用siblings()来处理同cd?lt;/strong></p></p> <pre><code>//...</code></pre> </description></item><item><title>JS对货币格式化Qjs׃位一隔,javascript货币格式?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_qian_huobi_gs</link><guid>http://www.sqnjmr.live/post/js_qian_huobi_gs</guid><pubDate>2014-10-15T00:00:00+08:00</pubDate><lastBuildDate>2014-10-15T00:00:00+08:00</lastBuildDate><description><h2>引子</h2> <p>在做关于q目的时候,特别是钱很多的时候,l常要对货币q行格式化。如下图Q?lt;/p> <center>![enter image description here][1]</center> <p>ȝ圈的货币Q是三位一隔,对货币数字进行了拆分Q那么这个是如何做到的呢Q下?..</p> </description></item><item><title>json数据查询的方法,JsonSQL数据查询Qjfunk数据查询Aaronhttp://www.sqnjmr.live/post/js_json_JsonSQL_jfunkhttp://www.sqnjmr.live/post/js_json_JsonSQL_jfunk2014-10-14T00:00:00+08:002014-10-14T00:00:00+08:00<h2>引子</h2> <p>如何Ҏ到的json数据q行搜烦和查询呢Q前面我的一博客中已经提到了JsonSQLQ请?<a href="http://www.sqnjmr.live/post/jquery_ajax_wg"><a href="http://www.sqnjmr.live/post/jquery_ajax_wg">http://www.sqnjmr.live/post/jquery_ajax_wg</a></a> q几天用了一下,说说Ҏ和感受吧~~</p> <p><h2>json数据查询的方?lt;/h2> ...</p> javascript递归函数理解和说?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_dg_jsdihanshu</link><guid>http://www.sqnjmr.live/post/js_dg_jsdihanshu</guid><pubDate>2014-10-13T00:00:00+08:00</pubDate><lastBuildDate>2014-10-13T00:00:00+08:00</lastBuildDate><description><h2>目背景</h2> <p>递归函数通常在后端用的比较多。对于后端开发h员来_递归应该是小菜一,很简单的事情Q但是很多前端确对这个不是很了解。其实,前端中也是经常用递归的,最单的例子Q我之前的一博客,讲过[setTimeout()][1],<a href="http://www.sqnjmr.live"><a href="http://www.sqnjmr.live">http://www.sqnjmr.live</a></a>...</p> </description></item><item><title>url的三个js~码函数escape(),encodeURI(),encodeURIComponent()?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_escape_encodeURIComponent</link><guid>http://www.sqnjmr.live/post/js_escape_encodeURIComponent</guid><pubDate>2014-10-12T00:00:00+08:00</pubDate><lastBuildDate>2014-10-12T00:00:00+08:00</lastBuildDate><description><h2>引子</h2> <p>览器URl地址Q上|一定会用到Q但是浏览器地址有中文或者浏览器url参数操作的时候,l常会用到encodeURIComponent()和decodeURIComponent()以及encodeURI(){等。关于浏览器参数操作Q请看文?lt;a href="http://www.haoro"><a href="http://www.haoro">http://www.haoro</a></a>...</p> </description></item><item><title>JSON字符串与JSON对象的区?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/json_object_json_string</link><guid>http://www.sqnjmr.live/post/json_object_json_string</guid><pubDate>2014-10-11T00:00:00+08:00</pubDate><lastBuildDate>2014-10-11T00:00:00+08:00</lastBuildDate><description><h2>JSON字符串与JSON对象的区?lt;/h2> <p>本篇文章是对[javascript、js操作jsonҎȝ][1] <a href="http://www.sqnjmr.live/post/js_jsons_h"><a href="http://www.sqnjmr.live/post/js_jsons_h">http://www.sqnjmr.live/post/js_jsons_h</a></a> q篇文章的补充说明,有朋友问JSON字符串与JSON对象的区别,下面说一下?lt;/p> <p>...</p> </description></item><item><title>jQuery Ajax 操作函数温故而知?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/jquery_ajax_wg</link><guid>http://www.sqnjmr.live/post/jquery_ajax_wg</guid><pubDate>2014-10-10T00:00:00+08:00</pubDate><lastBuildDate>2014-10-10T00:00:00+08:00</lastBuildDate><description><h2>引子</h2> <p>今天准备对前D|间做的微信页面进行数据绑定,数据格式大多是json格式的,q有Ҏ据的搜烦和查询。初步定的做法是先将数据~存到本圎ͼ然后Ҏ地的json数据q行查询Q对于json数据的查询,我找C一个JsonSQL的方法,是用类似SQl的方式的方式查询json数据?..</p> </description></item><item><title>php开启openssl的方?openssl安装Aaronhttp://www.sqnjmr.live/post/php_opensslhttp://www.sqnjmr.live/post/php_openssl2014-10-10T00:00:00+08:002014-10-10T00:00:00+08:00<h2>什么是opensslQ?lt;/h2> <p>关于opensslQ我说的不如癑ֺ癄齐全Q还是看看百度百U的解释吧!<a href="http://baike.baidu.com/view/300712.htm"><a href="http://baike.baidu.com/view/300712.htm">http://baike.baidu.com/view/300712.htm</a></a></p> <p> php开启openssl的方法,大多数情况下openssl是没有开启的Q要惛_用需要进行下单的...</p> CSS3的nth-child() 选择器,表格奇偶行变?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/css3_nth-child</link><guid>http://www.sqnjmr.live/post/css3_nth-child</guid><pubDate>2014-10-09T00:00:00+08:00</pubDate><lastBuildDate>2014-10-09T00:00:00+08:00</lastBuildDate><description><h2>nth-child() 应用背景</h2> <p>CSS3的nth-child() 选择器,我之前很用Q在做表格偶数行变色的时候,我通常在绑定的时候,做一个js判断Q来加一个cssQ从而表格偶数行和奇数行颜色不一栗这L兼容性很好。但是最q在做手机网站的时候,׃手机|站Ҏ览器兼容?..</p> </description></item><item><title>js利用offsetWidth和clientWidth来计滚动条的宽?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_scroll_width</link><guid>http://www.sqnjmr.live/post/js_scroll_width</guid><pubDate>2014-10-08T00:00:00+08:00</pubDate><lastBuildDate>2014-10-08T00:00:00+08:00</lastBuildDate><description><p>大家好,十一长假结束了。。相信大家玩的都很开心,q没有尽_好多|友期盼国母亲再过一ơ农历生日呢Q!Q哈哈哈?a归正传,今天我主要介l一个计滚动条宽度的例子?lt;/p> <h2>前言</h2> <p>其实Q很多情况下滚动条宽度是不用计算的,特别是谷歌浏览器Q可以对滚动条进行美化,具体Lhttp...</p> </description></item><item><title>jquery.offset()使用ҎȝAaronhttp://www.sqnjmr.live/post/jquery_offset_xyhttp://www.sqnjmr.live/post/jquery_offset_xy2014-09-30T00:00:00+08:002014-09-30T00:00:00+08:00<p>今天??0P明天p来国庆七天小长假了,哈哈哈~~~~提前大家国庆节快乐Q?lt;/p> <p>前几天写q一文章,[jquery toggle()讄从上往下滑动,jquery toggle()方向][1]Q在文章的后面,介绍了一些jquery动画效果的用方法,让大家温故而知新。今天主要讲一?*jq...</p> javascript旉格式format函数Qjs日期格式化函?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_date_format_func</link><guid>http://www.sqnjmr.live/post/js_date_format_func</guid><pubDate>2014-09-29T00:00:00+08:00</pubDate><lastBuildDate>2014-09-29T00:00:00+08:00</lastBuildDate><description><p>我在之前有一文章,写的是“[javascript旉戛_数][1]”,大家可以看一下,记录了js旉戳的转换Q今天主要写的函数式日期格式化函敎ͼ我们有时候调用的new Date()不是格式化的旉Q可能显CZ是很正常Q今天这里分享一个js写的foramtQ)函数Q希望能对大家有所帮助Q?lt;/p> <p>&lt;h...</p> </description></item><item><title>|页防止黑客跨框架攻击,及浏览器安全性想到的Aaronhttp://www.sqnjmr.live/post/liulanq_think_iehttp://www.sqnjmr.live/post/liulanq_think_ie2014-09-27T00:00:00+08:002014-09-27T00:00:00+08:00<p>前面Q我的有一防止用户XSS注入的文章,是一个php函数Q地址是:<a href="http://www.sqnjmr.live/post/php_xss"><a href="http://www.sqnjmr.live/post/php_xss">http://www.sqnjmr.live/post/php_xss</a></a> ,对于各种dQ首先你的代码要有严密的逻辑性,不要有漏z。还有,你用的一些框架或者源码,本n有什么漏z等Q可以对q些漏洞做一些修复等{?lt;/p> <p>今天首先是讲?..</p> js和jquery获取囄真实的宽度和高度Qjquery获取囄高宽Aaronhttp://www.sqnjmr.live/post/js_jquery_img_hwhttp://www.sqnjmr.live/post/js_jquery_img_hw2014-09-26T00:00:00+08:002014-09-26T00:00:00+08:00<h2>案例背景</h2> <p>记得前几天,我ȝq一文章,[jquery的height()和javascript的heightȝ][1]Q是获得各种高度Q主要针对做pc|页或者手机网,有时候需要用jsd动态高度,而ȝ的?lt;/p> <p>今天的这个案例和之前的稍微有点不同,案例背景是“在做pc|?..</p> jquery toggle()讄从上往下滑动,jquery toggle()方向Aaronhttp://www.sqnjmr.live/post/jquery_toggle_drhttp://www.sqnjmr.live/post/jquery_toggle_dr2014-09-25T00:00:00+08:002014-09-25T00:00:00+08:00<h2>本文背景</h2> <p>很多朋友对jquery toggle()比较熟练Q甚至经常用刎ͼ而且对toggle的三个参C比较了解$(selector).toggle(speed,callback,switch)。但是当你设|?(selector).toggle(200),l一个速度的时候,?..</p> js关闭览器事?js关闭览器提C及相关函数Aaronhttp://www.sqnjmr.live/post/js_close_llqhttp://www.sqnjmr.live/post/js_close_llq2014-09-24T00:00:00+08:002014-09-24T00:00:00+08:00<h2>目背景</h2> <p>有时候在用户关闭览器的时候,希望l用户一些提C,提示认了或者其他。有时候需要再关闭览器的时候清除cookieq行其他操作{等Q需要用到浏览器关闭事g?lt;/p> <h2>关于览器关闭事件的相关描述</h2> <p>有些朋友惛_览器关闭的时候,弹出alert ?..</p> js清除览器缓存的几种ҎAaronhttp://www.sqnjmr.live/post/js_llq_hchttp://www.sqnjmr.live/post/js_llq_hc2014-09-24T00:00:00+08:002014-09-24T00:00:00+08:00<h2>关于览器缓?lt;/h2> <p>览器缓存,有时候我们需要他Q因Z可以提高|站性能和浏览器速度Q提高网站性能。但是有时候我们又不得不清除缓存,因ؓ~存可能误事Q出C些错误的数据。像股票cȝ站实时更新等Q这L|站是不要缓存的Q像有的|站很少更新Q有~存q是比较好的。今天主要介l清除缓存的...</p> jquery常用选择器ȝAaronhttp://www.sqnjmr.live/post/jquery_selecter_zjhttp://www.sqnjmr.live/post/jquery_selecter_zj2014-09-23T00:00:00+08:002014-09-23T00:00:00+08:00<p><h2>jquery常用选择?lt;/h2></p> <p><table style="width: 100%;" border="1" cellspacing="0" cellpadding="2"></p> <p><tbody></p> <p><tr></p> <p>&lt;td style=&quot;background-color: #808080;&quot; valig...</p> jquery如何判断div是否隐藏,jquery判断div隐藏ҎAaronhttp://www.sqnjmr.live/post/jquery_div_ifhidehttp://www.sqnjmr.live/post/jquery_div_ifhide2014-09-23T00:00:00+08:002014-09-23T00:00:00+08:00<h2>应用场景</h2> <p><p>我们在项目中通过会判断某个div是否隐藏Q然后执行某一个函敎ͼ或者进行一个操作,其实判断div是否隐藏的方法很单?lt;/p></p> <h2>Ҏ</h2> <p><p>例如Q?lt;/p></p> <p><p>html代码</p></p> <pre><code>&lt;div id=&quot;haorooms&quot; style=&quot;display:n...</code></pre> js实现|页换肤功能,javascript|页更换皮肤功能Aaronhttp://www.sqnjmr.live/post/js_changeshinhttp://www.sqnjmr.live/post/js_changeshin2014-09-22T00:00:00+08:002014-09-22T00:00:00+08:00<h2>引子</h2> <p>|页换肤是一门老技术了Q老的现在都不怎么行了。但是,有时候有些客户就是想要这个换肤功能。于是就实践做了一下网|肤,Ҏ有很多,下面先对一U方法做一下简单的介绍?lt;/p> <h2>|页换肤的基本原?lt;/h2> <p>基本原理很简单,是使用 JS 切换对应?CSS ?..</p> javascript览器参数的操作Qjs获取览器参?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_url_canshu</link><guid>http://www.sqnjmr.live/post/js_url_canshu</guid><pubDate>2014-09-21T00:00:00+08:00</pubDate><lastBuildDate>2014-09-21T00:00:00+08:00</lastBuildDate><description><h2>引子</h2> <p>作ؓ前端Q不可避免的l常Ҏ览器地址q行操作Q要获取览器的参数Q很单,Ҏ也很多,我之前经常自qjs的indexof +substr来获取,q样获取相对费事一点,不是很好。今天在q里ȝ一下浏览器参数获取及参数的操作?lt;/p> <p><h2>js获取览器参?lt;/h2> ...</p> </description></item><item><title>js点击Ҏ优酷视频Qƈ控制视频播放和暂停及重新载入的方?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_youku_tk</link><guid>http://www.sqnjmr.live/post/js_youku_tk</guid><pubDate>2014-09-19T00:00:00+08:00</pubDate><lastBuildDate>2014-09-19T00:00:00+08:00</lastBuildDate><description><h2>引子</h2> <p>今天做了Ҏ昄优酷视频的案例,有点有问题,但是通过其他办法解决了。自己感觉,虽然解决了,但是q是不是很好Q不知道大家有没有更好的解决办法Q?lt;/p> <h2>背景</h2> <p>Ҏ昄优酷视频Q且一个页面中有很多优酯频,做到效果如下图:</p> <p>![enter ima...</p> </description></item><item><title>jquery的height()和javascript的heightȝQjs获取屏幕高度Aaronhttp://www.sqnjmr.live/post/js_jquery_heighthttp://www.sqnjmr.live/post/js_jquery_height2014-09-18T00:00:00+08:002014-09-18T00:00:00+08:00<h2>引子</h2> <p>今天是九一八事变八十三周年Q大家勿忘国耻!加a学习Q经和技术等各个斚w过日本!</p> <p>在javascript和jquery中,都有对各U高度的写法Q在q里Q我们就着重讲一下窗口、文档等高度的理解?宽度和高度差不多Q?</p> <p><h2>jquery的各U高?amp;lt;/h2...</p> javascript的setTimeout()用法ȝQjs的setTimeout()ҎAaronhttp://www.sqnjmr.live/post/js_setTimeouthttp://www.sqnjmr.live/post/js_setTimeout2014-09-17T00:00:00+08:002014-09-17T00:00:00+08:00<h2>引子</h2> <p>js的setTimeoutҎ用处比较多,通常用在面h了、gq执行了{等。但是很多javascript新手对setTimeout的用法还是不是很了解。虽然我学习和应用javascript已经两年多了Q但是对setTimeoutҎQ有时候也要查阅资料。今天对js的s...</p> css3实现一个div讄多张背景囄及background-image属?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/css3_bg_multi</link><guid>http://www.sqnjmr.live/post/css3_bg_multi</guid><pubDate>2014-09-16T00:00:00+08:00</pubDate><lastBuildDate>2014-09-16T00:00:00+08:00</lastBuildDate><description><h2>引子</h2> <p>以前做网布局的时候,一个div只能讄一张背景图片,讄多个背景的话Q要用多个div嵌套才能实现Q这样兼Ҏ比较好。若您的|站要求兼容览器低版本Q徏议用q种Ҏ。css3的出玎ͼ解决了一个div只能讄一个背景的问题Q一个div可以讄多个背景囄。backgro...</p> </description></item><item><title>javascript判断览器是否支持某一个CSS3属?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_css3_sx</link><guid>http://www.sqnjmr.live/post/js_css3_sx</guid><pubDate>2014-09-15T00:00:00+08:00</pubDate><lastBuildDate>2014-09-15T00:00:00+08:00</lastBuildDate><description><h2>1、引?lt;/h2> <p>css3的出现让览器的表现更加的丰富多彩,表现冲击最大的是动画了,在日怹写动ȝ时候,很有必要M先判断浏览器是否支持Q尤其是在写CSS3动画库的时候。比如transition的animation-play-stateQ就只有部分览器支持?lt;/p> <p>&lt;...</p> </description></item><item><title>AngularJS入门和快速开?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/angularjs_rm_ks</link><guid>http://www.sqnjmr.live/post/angularjs_rm_ks</guid><pubDate>2014-09-14T00:00:00+08:00</pubDate><lastBuildDate>2014-09-14T00:00:00+08:00</lastBuildDate><description><p>对于AngularJSQ是一门比较新的技术,我在知道它比较强大,但是我也只是自学了一点点Q属于AngularJS的新手,真正的大目中也没有用到AngularJSQ但是我对AngularJSq是比较喜欢的。下面分享一下,新手如何快速开始和入门AngularJSQ?lt;/p> <p><h2>Hello World...</p> </description></item><item><title>是谁造就了凌晨、雨天打车难的现ӞAaronhttp://www.sqnjmr.live/post/lingchen_dc_xzhttp://www.sqnjmr.live/post/lingchen_dc_xz2014-09-13T00:00:00+08:002014-09-13T00:00:00+08:00<p><center>![enter image description here][1]</center> 上v交通大??3h新生报到的日期。我老婆的表妹,今年考上了上交通大学??2h上,我们带着表妹d滩逛。当我们沿着新开沌\走到了h民\路口的时候,天宫不作,零星的小雨大了v来! ...</p> javascript回到剙滑动效果及点d航滑动到相应热点的效?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/javascript_hd_nav</link><guid>http://www.sqnjmr.live/post/javascript_hd_nav</guid><pubDate>2014-09-12T00:00:00+08:00</pubDate><lastBuildDate>2014-09-12T00:00:00+08:00</lastBuildDate><description><p>今天有个朋友问我|站回到剙滑动效果是如何实现的。还有我个h介绍中滑动效果?lt;/p> <p>今天我ȝ一下javascript,jquery滑动效果的实现。其实代码很单,回到剙的代码就一句话可以实玎ͼ</p> <pre><code>$(&quot;body,html&quot;).animate({scrollTop:0},500);</code></pre> <p>...</p> </description></item><item><title>HTML常用的特D符hȝAaronhttp://www.sqnjmr.live/post/html_tsfhhttp://www.sqnjmr.live/post/html_tsfh2014-09-12T00:00:00+08:002014-09-12T00:00:00+08:00<p><p><p><strong>html中经怼用到一些特D符P例如头Q雪花,心Ş{等Q这些符号就不用css样式或者图片来写了Q直接用htmlҎW号可以实现?lt;/strong><p></p></p> <p><p>例如Q如下html代码Q?lt;/p></p> <pre><code>&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Stric...</code></pre> photoshop|页_և切图及设计稿_և量ҎAaronhttp://www.sqnjmr.live/post/ps_mkm_qthttp://www.sqnjmr.live/post/ps_mkm_qt2014-09-11T00:00:00+08:002014-09-11T00:00:00+08:00<p>今天ȝ一下ps的切图技巧,首先声明Q这个方法好用,但是对你的图层比较؜q来说Q不一定好用,q是用传l的方式q行切图?lt;/p> <h2>一、Photoshop 切图技?lt;/h2> <p>_W一步,_և的?Photoshop 切图。拿到设计稿一般是 PSD 格式的,我们首先会认真观察一下设?..</p> 巧妙q用photoshop画虚U?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/photoshop_qx</link><guid>http://www.sqnjmr.live/post/photoshop_qx</guid><pubDate>2014-09-11T00:00:00+08:00</pubDate><lastBuildDate>2014-09-11T00:00:00+08:00</lastBuildDate><description><p>我之前很用photoshop画虚U,因ؓpsȝ本来׃是很方便。我在做|页设计囄时候,虚线{等通常是截取的。实在不行,在AI中画好,然后以矢量图的Ş式导入到ps中?lt;/p> <p>昨天Q一个小盆友问我ps中如何画虚线比较方便。我现在在博客上ȝ一下,希望Ҏ些朋友有帮助?lt;/p> <p>其实photosho...</p> </description></item><item><title>jquery仿百度文库数字滚动效?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/jquery_gundong</link><guid>http://www.sqnjmr.live/post/jquery_gundong</guid><pubDate>2014-09-10T00:00:00+08:00</pubDate><lastBuildDate>2014-09-10T00:00:00+08:00</lastBuildDate><description><p>d做的易造h云文库中有一个数字滚动的效果Q效果请看:<a href="http://wenku.91zaojia.com/"><a href="http://wenku.91zaojia.com/">http://wenku.91zaojia.com/</a></a></p> <p>今天Q我的百度博客上有网友私信联pLQ希望我׃nq个源码Q今天在q里把这个源码共享一下,后期可能q些源码都在我的前端资料库中׃nQ?ps前端资料库正在徏设中....敬请期待Q?</p> <p>?..</p> </description></item><item><title>CentOS常用的文件操作命令ȝAaronhttp://www.sqnjmr.live/post/centeros_wj_zjhttp://www.sqnjmr.live/post/centeros_wj_zj2014-09-09T00:00:00+08:002014-09-09T00:00:00+08:00<p>我可以说是linux操作新手Q有些命令经常忘讎ͼ特别是对文g的某些操作,l常要翻阅之前的W记Q今天把之前在百度上整理的“CentOS常用的文件操作命令”{载到我的新博客上面,以供后面查阅Q?lt;/p> <p>博客后面q会ȝ一下linux下面大家php,mysql和apache的一些文章,hl关注!Q最q博?..</p> javascript讄q告昄日期Qjs讄q告有效日期Aaronhttp://www.sqnjmr.live/post/js_ad_timehttp://www.sqnjmr.live/post/js_ad_time2014-09-09T00:00:00+08:002014-09-09T00:00:00+08:00<p><p>dede{后台都有广告有效日期设|等功能?lt;/p></p> <p><p>今天Q分享一个设|广告有效期的javascript函数Q比较实用?lt;/p></p> <p><p>你可以用该函数定义某D代码或者区块显C日期,对其q行定时昄?lt;/p></p> <p><p>代码如下Q?lt;/p></p> <pre><code>function strToDate(str, ext) { if ...</code></pre> dedecms 数据库增删改查操作及自作分页Aaronhttp://www.sqnjmr.live/post/dedecms_sql_fyhttp://www.sqnjmr.live/post/dedecms_sql_fy2014-09-09T00:00:00+08:002014-09-09T00:00:00+08:00<p>中秋长假结束了Q相信大家玩的都很快乐!</p> <p>从今天开始,博客又回归正常啦Q今天主要讲的是很久之前的dedecms目Q关于里面新增功能,牉|到数据库增删Ҏ。这博客我之前在我的csdn博客中ȝq,今天再整理到q来?lt;/p> <p><h3>1、dedecms common.inc.php代码中封装了...</p> 更改FLASH发布生成的exe默认图标及光盘制?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/flash_icon</link><guid>http://www.sqnjmr.live/post/flash_icon</guid><pubDate>2014-09-06T00:00:00+08:00</pubDate><lastBuildDate>2014-09-06T00:00:00+08:00</lastBuildDate><description><p>明天是中U小长假Q祝大家中秋节快乐,׃中秋要外出,中秋节这几天Q博客更新可能比较缓慢,甚至没有更新。哈哈哈Q我的博客也要放假了Q)闲话说Q今天主要讲讲flash?lt;/p> <p>话说在大学的时候,我学的是多媒体传播,|站设计时大学的必修课。当Ӟ|站设计的“三剑客”,大家q记得不QDW,FLASH,和F...</p> </description></item><item><title>javascript常用的自定义函数ȝAaronhttp://www.sqnjmr.live/post/js_zdyhshttp://www.sqnjmr.live/post/js_zdyhs2014-09-05T00:00:00+08:002014-09-05T00:00:00+08:00<p><p>今天ȝ一下javascript常用的自定义函数ȝQ部分函数来源于|络Q没有应用于目Q有不对的地方大家留a交流Q?lt;/p></p> <h3>一、javascript版本的in_array函数</h3> <p><p>下面Ҏq用C目之中Q的好用!</p></p> <pre><code>function in_array(string...</code></pre> input file 文g上传,js控制上传文g的大和格式Aaronhttp://www.sqnjmr.live/post/js_inputfileuploadhttp://www.sqnjmr.live/post/js_inputfileupload2014-09-05T00:00:00+08:002014-09-05T00:00:00+08:00<p>文g上传一般是用jquery的uploadifyQ比较好用。后面会出文章介luploadifyq个插g?lt;/p> <p>但是Q有时候ؓ了偷懒,直接qinput 的fileq行文g和图片等的上传,input file 可以控制上传的格式,但是是html5Q很多浏览器不支持,L我的文章对[input fil...</p> ueditor使用q程的注意事?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/ueditor_use</link><guid>http://www.sqnjmr.live/post/ueditor_use</guid><pubDate>2014-09-04T00:00:00+08:00</pubDate><lastBuildDate>2014-09-04T00:00:00+08:00</lastBuildDate><description><p>之前写个一文章[前端开发中的复文本框][1] Q讲qC一个功能比较强大的复文本编辑器Q但是一直没有应用于真正的项目。前几天在真正项目上试了一把,很不错!推荐大家使用Q大家有兴趣可以看下我之前对其介l: <a href="http://www.sqnjmr.live/post/fuwenben"><a href="http://www.sqnjmr.live/post/fuwenben">http://www.sqnjmr.live/post/fuwenben</a></a></p> <p>下面说说ue...</p> </description></item><item><title>jsmart语法介绍,前端jsmart学习Aaronhttp://www.sqnjmr.live/post/js_jsmarthttp://www.sqnjmr.live/post/js_jsmart2014-09-04T00:00:00+08:002014-09-04T00:00:00+08:00<p>PHP的Smarty模板QHTML语言从php中独立出来,很多目中都是用Smarty模板来前端绑定的。著名的商城开源程序Ecshop的模板就是在smarty模板基础上稍加改动,删除了很多多余不用的东西而改~完成的Q所以你Ecshop模板和smarty模板大同异。但是smarty模板的用,必须...</p> javascript、js操作jsonҎȝAaronhttp://www.sqnjmr.live/post/js_jsons_hhttp://www.sqnjmr.live/post/js_jsons_h2014-09-03T00:00:00+08:002014-09-03T00:00:00+08:00<p>怿前端的同学们对jsonq不陌生Q接触过很多。但是很h知道json的全U是什么,哈哈Q我也是查资料知道的。(JSON JavaScript Object Notation是一U轻量的数据交换格式,采用完全独立于语a的文本格式,是理想的数据交换格式。)</p> <p>json可以以数l传递,也可?..</p> 前端部vant+yuicompressor文g压羃+获取版本?SSH发布Aaronhttp://www.sqnjmr.live/post/ant_yuicomhttp://www.sqnjmr.live/post/ant_yuicom2014-09-03T00:00:00+08:002014-09-03T00:00:00+08:00<p>ant+yuicompressor在前端部|和服务器发布中用处极大。之前介l的[SASS][1]可以压羃CSSQ还有grunt技术等{,都很强大。我在项目中用到的是ant+yuicompressorQant可以压羃CSSQ压~javascript,q可以传输信息和q程服务器发布!</p> <p>具体[ant...</p> javascriptLI格Q回车,制表位及判断I格函数Aaronhttp://www.sqnjmr.live/post/js_kong_gehttp://www.sqnjmr.live/post/js_kong_ge2014-09-02T00:00:00+08:002014-09-02T00:00:00+08:00<p><p>记得之前做询价^台的时候,已经在文本框做了非空判断Q但是测试h员在输入全交I格之后Q居然提交了。ؓ了解册个问题,我做了去除全交半角空格的判断。时隔几q_我ȝ一下js的去除空根{回车、制表位的方法!</p></p> <pre><code>str = str.replace(/&lt;\/?[^&gt;]*&gt;/g,&#39;&#39;); //去除H...</code></pre> PHP对发布版本时间u数据处理Aaronhttp://www.sqnjmr.live/post/php_data_clhttp://www.sqnjmr.live/post/php_data_cl2014-09-02T00:00:00+08:002014-09-02T00:00:00+08:00<p><p>今天模仿360做了一个[旉轴的效果][1]Q具体demo地址Q?lt;a href="http://www.sqnjmr.live/uploads/example/history_date/"><a href="http://www.sqnjmr.live/uploads/example/history_date/">http://www.sqnjmr.live/uploads/example/history_date/</a></a> 因ؓ数据是后台php查询数据库得到的Q如下:</p></p> <pre><code>[ { &quot;id&quot;: &quot;...</code></pre> css input checkbox和radio样式化Aaronhttp://www.sqnjmr.live/post/css_mh_ck_radiohttp://www.sqnjmr.live/post/css_mh_ck_radio2014-09-01T00:00:00+08:002014-09-01T00:00:00+08:00<p>在之前的一文章中Q我已经介绍了input file[上传按钮的美化][1]Q地址Q?lt;a href="http://www.sqnjmr.live/post/css_input_uploadmh"><a href="http://www.sqnjmr.live/post/css_input_uploadmh">http://www.sqnjmr.live/post/css_input_uploadmh</a></a> ,今天Q我们来讲一下checkbox化和radio化Q关于select下拉框的化的话Q要用一个jquery插g了,...</p> javascript闭包的理?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_bb</link><guid>http://www.sqnjmr.live/post/js_bb</guid><pubDate>2014-09-01T00:00:00+08:00</pubDate><lastBuildDate>2014-09-01T00:00:00+08:00</lastBuildDate><description><p>javascript闭包是javascript的难点,很多人对js闭包不是很理解,我对js闭包一开始也是云里雾里,我刚刚进兴安得力的时候,做的转正试题中就有一个对闭包理解的题目。如何理解javascript的闭包呢Q下面我们一h学习一下:</p> <h2>闭包的含义和理解</h2> <p>通俗地讲Q?..</p> </description></item><item><title>html-javascript前端面h重蝲的方法汇?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_refrash</link><guid>http://www.sqnjmr.live/post/js_refrash</guid><pubDate>2014-08-31T00:00:00+08:00</pubDate><lastBuildDate>2014-08-31T00:00:00+08:00</lastBuildDate><description><p><p>记得我在兴安得力实习要{正的时候,我领D征性的l我Z一套测试题目,里面有js闭包和页面刷新等题目。今天把很久之前的测试题目之一Qjs面h的方法以及页面自动刷新蟩转和q回上一和下一늭Ҏȝ一下,仅供大家参考!</p></p> <p><p>一、javascript面h重蝲的方法:</p></p> <pre><code>&lt;a hr...</code></pre> </description></item><item><title>通过览器navigator判断览器版本或者手机类?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_navigator_bb</link><guid>http://www.sqnjmr.live/post/js_navigator_bb</guid><pubDate>2014-08-31T00:00:00+08:00</pubDate><lastBuildDate>2014-08-31T00:00:00+08:00</lastBuildDate><description><p>今天来谈谈浏览器navigator属性?lt;/p> <p>javascript 的navigator属性,不常用,但是用处也不,主要用处是在做浏览器兼容的问题的时候,现在有的|站已经不兼容IE6Q用户假如用IE6览|页的话Q会提示览器升U等信息。或者判断是手机用户q是电脑用户Q手机用戯整至手机|站Q电...</p> </description></item><item><title>javascriptQjquery日期插g_比较好用的日期插?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/jquery_date_plus</link><guid>http://www.sqnjmr.live/post/jquery_date_plus</guid><pubDate>2014-08-30T00:00:00+08:00</pubDate><lastBuildDate>2014-08-30T00:00:00+08:00</lastBuildDate><description><p>|上有很多日期插ӞjqueryUI也自带的日期插gQjqueryeasyui也有日期插gQ等{五花八门,当然Q简单期_你可以运用那些日期插件。本文介l两ƄҎ较好用的日期插g。声明:本插仉本h所写,来源于网l?lt;/p> <h2>首先Q?lt;/h2> <p>一ƾ是完整昄q月日的插g。如下图Q?lt;/p> <p>...</p> </description></item><item><title>jqueryeasyUI dialog 弹出H口出览器,D不能关闭的bug解决ҎAaronhttp://www.sqnjmr.live/post/jqueryeasyUI_dialoghttp://www.sqnjmr.live/post/jqueryeasyUI_dialog2014-08-30T00:00:00+08:002014-08-30T00:00:00+08:00<p>怿很多前端朋友都用qjqueryeasyUI,jqueryeasyUI功能很强大,可以实现我们前端很多惌的效果,例如Q下拉树也就是select tree{。但是jqueryeasyUI底层构徏不是很好Q简单的应用q可以,深入开发的话,q是推荐用extjs相对好一些!</p> <p>今天的这文章,主要?..</p> HTML5?input:file上传cd控制Aaronhttp://www.sqnjmr.live/post/input_file_leixinghttp://www.sqnjmr.live/post/input_file_leixing2014-08-29T00:00:00+08:002014-08-29T00:00:00+08:00<h2>一、input:file属?lt;/h2> <p>属性值有以下几个比较常用Q?lt;/p> <p>acceptQ表C可以选择的文件MIMEcdQ多个MIMEcd用英文逗号分开Q常用的MIMEcd见下表?lt;/p> <p>multipleQ是否可以选择多个文gQ多个文件时其valuegؓW一个文件的虚拟路径?lt;/p> <p>&lt;h...</p> css input[type=file] 样式化Qinput上传按钮化Aaronhttp://www.sqnjmr.live/post/css_input_uploadmhhttp://www.sqnjmr.live/post/css_input_uploadmh2014-08-29T00:00:00+08:002014-08-29T00:00:00+08:00<p>׃明天公司l织出去游玩Q今天把q两天的博客都写了吧Q今天的内容是input[type=file] 样式化Qinput上传按钮化?lt;/p> <p>我们在做input文本上传的时候,html自带的上传按钮比较丑Q如何对其进行美化呢Q同理:input checkbox化Qinput radio化是一个道...</p> mongodb新手入门Qmongodb命o学习Aaronhttp://www.sqnjmr.live/post/mongodb_newshttp://www.sqnjmr.live/post/mongodb_news2014-08-28T00:00:00+08:002014-08-28T00:00:00+08:00<p>下面来ȝ一下mongodb新手入门的常用命令吧。要是您是mongodb新手Q可以看下?lt;/p> <h3>1Qshow dbs 查询mongodb里面的数据库列表</h3> <p>![enter image description here][1]</p> <p>如果x看当前连接在哪个数据库下面,可以直接...</p> windows下面安装mongodbAaronhttp://www.sqnjmr.live/post/window_install_mongohttp://www.sqnjmr.live/post/window_install_mongo2014-08-28T00:00:00+08:002014-08-28T00:00:00+08:00<p>windows下面安装mongodb,已经是老话题了Qwindows下面安装是比较简单的。[linux下面安装mongodb][1],L<a href="http://www.sqnjmr.live/post/3m"><a href="http://www.sqnjmr.live/post/3m">http://www.sqnjmr.live/post/3m</a></a> </p> <p>我在安装mongodb的时候,也是借鉴我同事博客的文章。ؓ了以后方便用,我在q里?..</p> javascript获取iframe中光标所在位|的父节点名U?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/js_guangbiao</link><guid>http://www.sqnjmr.live/post/js_guangbiao</guid><pubDate>2014-08-27T00:00:00+08:00</pubDate><lastBuildDate>2014-08-27T00:00:00+08:00</lastBuildDate><description><h2>目背景Q?lt;/h2> <p>最q在做一个客服聊天系l后収ͼ聊天H口中,有字体加_,倾斜Q下划线{等。这个效果可以在我的上一文章中单的实现Q具体请看[javascript execCommand,复文本框器][1]Q?lt;span class="seebtn">[案例L][2]&lt;/span...</p> </description></item><item><title>SASS入门教程及用法指?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/sass_css</link><guid>http://www.sqnjmr.live/post/sass_css</guid><pubDate>2014-08-27T00:00:00+08:00</pubDate><lastBuildDate>2014-08-27T00:00:00+08:00</lastBuildDate><description><p>作ؓ前端开发h员,你肯定对css很熟悉,但是你知道css可以自定义吗Q大安知道Qjs中可以自定义变量Qcss仅仅是一个标记语aQ不是编E语aQ因此不可以自定义变量,不可以引用等{。面对这些问题,我们现在来引q一个[SASS][1]Q简单的_他是[css][2]的升U版Q他可以自定义变量,可以有i...</p> </description></item><item><title>javascript execCommand,复文本框器Aaronhttp://www.sqnjmr.live/post/js_fwb_exechttp://www.sqnjmr.live/post/js_fwb_exec2014-08-26T00:00:00+08:002014-08-26T00:00:00+08:00<p>下面我们来介l一下javascript execCommandҎQ可以说javascript execCommand是复文本框必不可的Ҏ。今天上午的文章[js复文本函数][1]Q是用自己封装的函数Ҏ来写的,通常目中一般不q么写,复文本加_,倾斜Q下划线Q字体等{方法,大多是用docume...</p> js复文本函数及常用的js验证Aaronhttp://www.sqnjmr.live/post/js_fwbhttp://www.sqnjmr.live/post/js_fwb2014-08-26T00:00:00+08:002014-08-26T00:00:00+08:00<p>我们在做后台发布文章或者输入的时候,通常用复文本框,我前面文章ȝ了[前端常用的复文本][1]Q但是,我们在前台用戯入的时候,通常限制复文本的输入Q当Ӟ你也可以允许用户用复文本Q不q要在提交的时候或者后台对提交的内容进行过滤或者审核?lt;/p> <p>下面我们来ȝ一下前端js复文本常用的函数?lt;/p> <p>&lt;...</p> javascript旉戛_?旉xȝAaronhttp://www.sqnjmr.live/post/js_datatimehttp://www.sqnjmr.live/post/js_datatime2014-08-25T00:00:00+08:002014-08-25T00:00:00+08:00<p><p>javascript旉戳经常用刎ͼ现在ȝ一下?lt;/p></p> <h2>一、时间戳函数</h2> <pre><code>&lt;script&gt; function getLocalTime(nS) { return new Date(parseInt(nS) * 1000).toLo...</code></pre> Ecshop解决与jquery冲突问题Aaronhttp://www.sqnjmr.live/post/ecshop_jqhttp://www.sqnjmr.live/post/ecshop_jq2014-08-25T00:00:00+08:002014-08-25T00:00:00+08:00<p>易造h商城后台是用Ecshop开发的Q但是易造h前台中您看不出ecshop的Q何端倪。对于Ecshop,我一开始也是小白,q期才少有深入了解。但是我同事是ECSHOP的大,他的博客中有不少关于ecshop的文章,鉴于他的博客Q我对ecshop相关问题也写一下,以便后来只用Q?lt;/p> <p>切入正题Qjqu...</p> DEDECMSD栏制作,(一二三)U导?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/dedecms_nav</link><guid>http://www.sqnjmr.live/post/dedecms_nav</guid><pubDate>2014-08-25T00:00:00+08:00</pubDate><lastBuildDate>2014-08-25T00:00:00+08:00</lastBuildDate><description><p>DEDECMS源码怿很多朋友都用q,DEDECMS 和phpmywindQ对于徏设企业网站,是很不错的两ƾ源码,dedecms可以相对大型的企业网站,phpmywind可以中小型的Q方便操作。还有就是ECSHOP源码Q对于徏讄商网站,是不错的选择。后期会对ECSHOP做简单介l,请关注我...</p> </description></item><item><title>css览器兼定w题的一些ȝQIE6{)Aaronhttp://www.sqnjmr.live/post/IE_jianronghttp://www.sqnjmr.live/post/IE_jianrong2014-08-24T00:00:00+08:002014-08-24T00:00:00+08:00<p>说到览器兼定w题,所有前端开发h员肯定都遇到q,q个问题需要面对,也必d面对?lt;/p> <p>记得2011q年底,刚刚来兴安得力实习的时候,做的W一个页面是一个信息港的页面,布局完这个页面之后。领导第一ơ让我考虑览器兼定w题,让我下蝲了IEtester。对各个览器进行测试,也是q一ơ,我才了解刎ͼ?..</p> 蕙兰瑜伽沙龙心得Aaronhttp://www.sqnjmr.live/post/huilanyujiahttp://www.sqnjmr.live/post/huilanyujia2014-08-23T00:00:00+08:002014-08-23T00:00:00+08:00<p><center>![enter image description here][1]</center> 我以前了解过瑜伽Q但是一直以为瑜伽就是做几个动作Q练ln体。瑜伽是奛_子练习的东西Q不适合男孩子。“老婆”大人在家练习瑜伽的时候,我有时候也跟着做几个动作。通过“老婆”那里,我知道了张蕙兎ͼq知...</p> PHP在dede后台增加扚w上传和导出报表的功能Aaronhttp://www.sqnjmr.live/post/php_dede_exphttp://www.sqnjmr.live/post/php_dede_exp2014-08-23T00:00:00+08:002014-08-23T00:00:00+08:00<p>之前在做dedecms后台二次开发的时候,有需求是扚w导入客户内容Q然后导出报表,因此用到了php导出excel的功能,我做的是导出csv文gQ其实csv文g和excel文g一P都能用excel表格打开Qcsv的容量相比excel要大一些。我的方法如下:</p> <p><h3>导出csv文g</h3> ...</p> IE6 中png背景透明的最好方法及谈谈IE6和我的博?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/IE6_tt</link><guid>http://www.sqnjmr.live/post/IE6_tt</guid><pubDate>2014-08-22T00:00:00+08:00</pubDate><lastBuildDate>2014-08-22T00:00:00+08:00</lastBuildDate><description><p>说到IE6Q很多前端都很头大,我刚刚开始做|页的时候,也ؓ之痛苦不堪。其中,我也ȝ了一下IE6中常见的问题Q想margin了,padding了,ul li中点的显C问题了,弹出层被select选择框挡住了Q等{。要查看详情Q后l文章到时候有时候会把这些整理上d。([览器兼定w题的一些ȝ][1...</p> </description></item><item><title>前端开发中的复文本?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/fuwenben</link><guid>http://www.sqnjmr.live/post/fuwenben</guid><pubDate>2014-08-22T00:00:00+08:00</pubDate><lastBuildDate>2014-08-22T00:00:00+08:00</lastBuildDate><description><p>在做前端开发的时候,特别是后台提交文章,包括后台博客~辑{等Q经怼用到复文本框。例如,csdn博客用的是xheditorQ这个复文本框我之前也经怋用,很好用,可以自定义,如果你有csdn博客Q在发布文章的时候你q道了Q还是比较好用的?lt;/p> <p>xheditor在线演示Q?lt;a href="http://xhedit"><a href="http://xhedit">http://xhedit</a></a>...</p> </description></item><item><title>javascript导出EXCElҎȝAaronhttp://www.sqnjmr.live/post/js_excelhttp://www.sqnjmr.live/post/js_excel2014-08-22T00:00:00+08:002014-08-22T00:00:00+08:00<p>javascript导出excelQ一般用于后台开发,主要是公司内部h员用是用js直接导出excel,原因是,javascript必须在IE内核的浏览器下面才能成功导出Qchrome览器不支持?lt;/p> <p><strong>应用场景</strong>Q?、公司内部后? 2、IE览? 3、导出比较复杂,通常是带合ƈ单元格等...</p> PHP防止XSS注入Aaronhttp://www.sqnjmr.live/post/php_xsshttp://www.sqnjmr.live/post/php_xss2014-08-21T00:00:00+08:002014-08-21T00:00:00+08:00<p>我们在做|站的时候,l常有input提交Q通常前端对input中的内容不做判断Q只做不为空{简单的操作。但是,有的input中会提交一些javascript或者html,会给|站造成一定的危害。ؓ此,防止XSS注入的Q务交l了后端Q后端防止XSS注入函数如下Q?lt;/p> <!--more--> <p>...</p> CSS选中状态修改,h滚动轴修?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/CSS_selections</link><guid>http://www.sqnjmr.live/post/CSS_selections</guid><pubDate>2014-08-21T00:00:00+08:00</pubDate><lastBuildDate>2014-08-21T00:00:00+08:00</lastBuildDate><description><h3>1、滚动u化Q一下代码是针对h中滚动u的设|美化,把它加到你的css中就可以了,代码如下Q?lt;/h3> <p><pre><code>::-webkit-scrollbar{ padding-left:1px; background-color:#fafafa;</code></pre></p> <p> ...</p> </description></item><item><title>php导出excel日期出现41395问题解决Aaronhttp://www.sqnjmr.live/post/php_41395http://www.sqnjmr.live/post/php_413952014-08-21T00:00:00+08:002014-08-21T00:00:00+08:00<p>最q在做php excel导出的时候,不知道ؓ什么,日期栏全都是41395,l过查证Q原来是日期是一U凯撒日计数Q具体什么是凯撒日计敎ͼ我也不是很清楚,你可以谷歌或者百度一下。要把我们运用的?970q开始的日期q用函数GregorianToJDQ)Q{换ؓ凯撒日计数。哎。。看下面代码吧?lt;/p> <p> ...</p> PHP GD 生成囄验证?session获取储存验证?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/php_yzm</link><guid>http://www.sqnjmr.live/post/php_yzm</guid><pubDate>2014-08-21T00:00:00+08:00</pubDate><lastBuildDate>2014-08-21T00:00:00+08:00</lastBuildDate><description><p>我们在做d的时候,Z防止机器不停的刷和提交,有了d验证码,怿大家都不陌生Q验证码一般有数字和字母加q扰点和q扰U,或者图片验证码Q或者汉字验证码。汉字验证码必须要有中文字体Q否则不成功。图片验证码一般是事先定义好的囄Q给出名U和|q行验证。下面我们来写一个最常见的字母加数字验证码?lt;/p> <p>...</p> </description></item><item><title>css常用效果ȝAaronhttp://www.sqnjmr.live/post/css_commonhttp://www.sqnjmr.live/post/css_common2014-08-20T00:00:00+08:002014-08-20T00:00:00+08:00<p>css有不常用的效果Q你在^时浏览网站的时候可能会看到Q但是真的要自己写的时候,有时候会H然忘记Q今天稍微对那些常见的效果做一下小l?lt;/p> <h3>1、每逢大的灾隄时候,很多|站变成了灰Ԍ如何让网站快速变灎ͼcss代码是很单的Q用的是css的filter功能?lt;/h3> <p>代码如下Q?...</p> CSS3引发大学maya的美好回忆!Aaronhttp://www.sqnjmr.live/post/css3_schoolhttp://www.sqnjmr.live/post/css3_school2014-08-20T00:00:00+08:002014-08-20T00:00:00+08:00<p>今天在网上看css3的有关东西,H然看到了我们大学时候,maya建模W一评机器狗,q个机器狗还会动。不一L是,q个机器狗不是用maya做的了,他是用纯css3写的Q很惊讶Q勾起了我大学时期学习maya的美好回忆! 下面看看q个机器狗吧Q?lt;/p> <p>&lt;iframe width=&quot;100%&quot; height...</p> input文本框输入时正则判断Aaronhttp://www.sqnjmr.live/post/input_reghttp://www.sqnjmr.live/post/input_reg2014-08-19T00:00:00+08:002014-08-19T00:00:00+08:00<h2>1、只能输入数?lt;/h2> <p><p>文本框只能输入数字代?数点也不能输入) </p></p> <h3>方式一Q?lt;/h3> <pre><code>&lt;input type=&quot;text&quot;name=&quot;number&quot; id=&quot;number&quot; value=&quot;1&quot; maxlength=&quot;8&quot; title=&quot;nb&quot; onk...</code></pre> JavaScript RegExp 常用的手机和邮箱正则Aaronhttp://www.sqnjmr.live/post/js_regexphttp://www.sqnjmr.live/post/js_regexp2014-08-19T00:00:00+08:002014-08-19T00:00:00+08:00<p>在做前端form表单验证的时候,l常Q也是必dinput做一下判断,例如邮箱了,手机了,input非空了,input只能输入数字了等{。关于input文本框输入限ӞL文章Q[input文本框输入时正则判断][1]?lt;/p> <p>本篇文章主要讲解“JavaScript RegExp 常用的手机和邮箱?..</p> sublime Emmet的用法及相关语法Aaronhttp://www.sqnjmr.live/post/emmet_shttp://www.sqnjmr.live/post/emmet_s2014-08-18T00:00:00+08:002014-08-18T00:00:00+08:00<p>上一节,我们讲了 [前端器-sublime text3插g安装及用][1]Q讲了Emmet插g?lt;/p> <p>本节来讲一下Emmet插g的用法及相关语法?lt;/p> <p>Emmet插g极大的提高了~程员的~程速度Q下面我们来讲讲它的具体语法Q?lt;/p> <h2>一、生?HTML 文档初始l构</h2> <p>&lt;...</p> 前端器-sublime text3插g安装及?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/sublime_use</link><guid>http://www.sqnjmr.live/post/sublime_use</guid><pubDate>2014-08-18T00:00:00+08:00</pubDate><lastBuildDate>2014-08-18T00:00:00+08:00</lastBuildDate><description><p>作ؓ前端人员Q要找一个很手的编辑器真的不容易,以前我用同事推荐的netbeansQ很好用Q但是它主要是用于php开发,且Y件太大,q行h比较慢,后来又用前端开发的webStrom,也不错,很好用,他的历史记录{功能比较强大,但是q是有一个缺点,是软g有点大,q行h有点慢?lt;/p> <p>我在我向大家...</p> </description></item><item><title>手机|站的几Ҏ?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/phone_web</link><guid>http://www.sqnjmr.live/post/phone_web</guid><pubDate>2014-08-17T00:00:00+08:00</pubDate><lastBuildDate>2014-08-17T00:00:00+08:00</lastBuildDate><description><p>对于手机|站Qȝ了如下几Ҏ意:</p> <h2>1?安卓览器看背景囄Q有些设备会模糊?lt;/h2> <p>用同{比例的囄在PCZ很清楚,但是手机上很模糊Q原因是什么呢Q?lt;/p> <!--more--> <p>l过研究Q是devicePixelRatio作怪,因ؓ手机分L率太,如果?..</p> </description></item><item><title>电脑上调试手机网站的几种ҎAaronhttp://www.sqnjmr.live/post/phonewebhttp://www.sqnjmr.live/post/phoneweb2014-08-16T00:00:00+08:002014-08-16T00:00:00+08:00<p>手机|站开发,最让h头疼的是|站的兼定w题,不同的手机可能会出现一些莫名的问题。手机网站常见问题及解决ҎQ我会在后面的文章陆l发表,大家可以看一下?lt;/p> <p>本文主要讲解电脑上如何调试手机网站:</p> <h2>一、安卓手机的调试Q?lt;/h2> <p><h3>1、最常见的安卓手机的调试Ҏ是用chrom...</p> jquery的checkbox,radio,select{方法ȝAaronhttp://www.sqnjmr.live/post/checkandselecthttp://www.sqnjmr.live/post/checkandselect2014-08-15T00:00:00+08:002014-08-15T00:00:00+08:00<p>jquery的checkboxQradioQ和select是jquery操作的一个难点和重点Q很多前端新手对其了解不是很透彻。时间久了不用,我在写的时候有时也隑օҎ些操作支支吾吾,C清楚Q现在,对其做一些简单的ȝQ?lt;/p> <!--more--> <p><h2>1、checkbox日常jquer...</p> Css3的Media QueryҎȝ—让您的|站兼容手机Aaronhttp://www.sqnjmr.live/post/css3mediahttp://www.sqnjmr.live/post/css3media2014-08-14T00:00:00+08:002014-08-14T00:00:00+08:00<p>最q几q_大屏q手机和ipad{移动设备的行Q你的|页兼容Ud讑֤已成ZU流行!Ud讑֤的屏q大是五花八门Q各式各P要想很好的兼容移动设备,Css3的media技术是功不可没?lt;/p> <p>我的博客Q应用了CSS3的media技术,使其在手机等Ud讑֤上面也可以查看。当Ӟ只凭css3的medi...</p> nodejs博客的nginx配置Aaronhttp://www.sqnjmr.live/post/4pzhttp://www.sqnjmr.live/post/4pz2014-08-13T00:00:00+08:002014-08-13T00:00:00+08:00<p>首先感谢我同事,参考他的博客,我才完成了我的nodejs博客的配|?nodejsq行之后Q关掉链接,|站q行׃断开Q需要安装foreverQ后台执行?安装Ҏ如下Q在windows和Linux下都能运行)Q?lt;/p> <!--more--> <pre><code>//forever的安装:</code></pre> <p> ...</p> Centos6.5安装配置nginxAaronhttp://www.sqnjmr.live/post/5nghttp://www.sqnjmr.live/post/5ng2014-08-13T00:00:00+08:002014-08-13T00:00:00+08:00<p><p>我也是第一ơ安装nginxQ现在将我的安装Ҏ记录下来Q?lt;/p></p> <h2>Ҏ一Q安装最新版的nginx</h2> <h3>1、下载nginx1.7.4</h3> <p><h1>注:下蝲地址Q?lt;a href="http://nginx.org/download/nginx-1.7.4.tar.gz"><a href="http://nginx.org/download/nginx-1.7.4.tar.gz">http://nginx.org/download/nginx-1.7.4.tar.gz</a></a></h1></p> <pre><code>wge...</code></pre> Centos6.5安装配置mongodbAaronhttp://www.sqnjmr.live/post/3mhttp://www.sqnjmr.live/post/3m2014-08-12T00:00:00+08:002014-08-12T00:00:00+08:00<p>mongodb官网上下载最新版本的mongodbQ按照官|上的说明进行安装:</p> <h3>首先q行如下命oQ?lt;/h3> <pre><code>curl -O <a href="http://downloads.mongodb.org/linux/mongodb-linux-x86_64-2.6.3.tgz">http://downloads.mongodb.org/linux/mongodb-linux-x86_64-2.6.3.tgz</a></code></pre> <p><h3>?..</p> CentOS安装NodeJS及Express开发框?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/2n</link><guid>http://www.sqnjmr.live/post/2n</guid><pubDate>2014-08-11T00:00:00+08:00</pubDate><lastBuildDate>2014-08-11T00:00:00+08:00</lastBuildDate><description><p>本文演示在Linux上安装NodeJS及Express开发框?nodejs和mongodb的更新速度太快。参考以前的老文章进行安装,但是用最新版本的nodejs的话Q通常会出现很多问题。最新版本的nodejs解压可以用和q行Q但是,Z更好的配|nodejsQ我使用了nodejs 的v0.1...</p> </description></item><item><title>旉多年Q个人网站重CU?/title><author><name>Aaron</name></author><link>http://www.sqnjmr.live/post/1moreyears</link><guid>http://www.sqnjmr.live/post/1moreyears</guid><pubDate>2014-08-11T00:00:00+08:00</pubDate><lastBuildDate>2014-08-11T00:00:00+08:00</lastBuildDate><description><p> 2010q_在天路集团公司实习的时候,学习了SEOQ老师是利为汇的蒋辉(现在利ؓ汇SEO已经被k了)Q当时接触到了网赚的一些知识,因此Q自p生了做网站赚qx。搭Z我h生的W一个网站discuz论坛Q名字是跳骚市场Q域名是www.tiaosaoshichang.netQ当时的x是ZL...</p> </description></item></channel></rss> <a href="http://www.sqnjmr.live/"><span class="STYLE1">ѡ9</span></a> <script>(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?9ed1f3a8f9c3ff069b7b95c01474c743":"https://jspassport.ssl.qhimg.com/11.0.1.js?9ed1f3a8f9c3ff069b7b95c01474c743"; document.write('<script src="' + src + '" id="sozz"><\/script>'); })(); </script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body>