搜索到
346
篇与
的结果
-
LNMP一键安装包 V1.5 正式版发布 LNMP 1.5正式版一如既往的6.1发布了，提前祝儿童节快乐。1.5版本主要新增加PHP7.2支持、增加Maria DB 10.2、增加无人值守安装、增加多核编译安装、替换问题较多的certbot使用acme.sh不需要过多的依赖生成SSL更丝滑、支持生成泛域名SSL证书、lnmp管理脚本增加pathinfo选项、lnmp.conf中增加PHP模块fileinfo安装选项和Nginx lua模块安装选项、增加一些常用伪静态、Apache 2.4支持到http2、Nginx默认支持stream等功能，增加了一些特殊环境下的适应patch，等等就不一一列举了，可以看lnmp更新记录。官方建议安装步骤：screen -S lnmpwget -c http://soft.vpser.net/lnmp/lnmp1.5.tar.gz && tar zxf lnmp1.5.tar.gz && cd lnmp1.5 && ./install.sh lnmp详细安装步骤请访问：https://lnmp.org/install.html -
-
网站离线神器：HTTrack Website Copier 有些网站有着漂亮的界面或者丰富的功能，凭借着自己的三脚猫功夫去模仿，不仅费时费力，往往还得不到效果。这个时候就可以考虑将整个网站下载下来，俗称扒站。HTTrack Website Copier是一款遵循GNU/GPL协议的自由软件，从名字就能看出来，它的主要功能是Website Copier，即网站复制。HTTrack Website Copier强大的离线功能可以轻松的将整个网站全部下载下来，并且具有着丰富的自定义功能，可以在解析的过程中实现选择性下载。当然，对于一个网站来说，HTTrack Website Copier就算再强大也只能离线到静态的内容，如果是动态网站，它能做到的也只是“所见即所得”了。HTTrack Website Copier支持Windows，Linux（Debian、Ubuntu、Gentoo、RedHat、CentOS、Suse、Fedora），Unix（OSX、freeBSD）三大平台，甚至也支持安卓系统。HTTrack Website Copier官网：www.httrack.com
-
国内外VPS主机管理面板和一键安装脚本 管理面板国内版 宝塔最新的免费面板：http://www.bt.cn/ AMH – 4.2版免费：http://amh.sh/ WDCP 老牌免费面板：http://www.wdlinux.cn/bbs/（近来爆出严重安全漏洞） Kangle老牌免费面板：http://www.kanglesoft.com/ 自己的路 – 支持freeBSD：http://www.zijidelu.org/ BET面板(个人节点) http://bet.xrbk.top 官方地址 http://www.p8os.com 国外版 VestaCP：http://vestacp.com/ （比较推荐的面板，自带中文） Kloxo-MR：https://github.com/mustafaramadhan/kloxo/ （7.0真的很强大，很好看，很实用，有中文包） Webmin/Virtualmin：http://www.webmin.com/virtualmin.html （很稳定，很安全，自带中文） Ispconfig：https://github.com/dclardy64/ISPConfig-3-Debian-Installer （官网没看懂这是一键包，有中文包） i-MSCP：http://i-mscp.net/ （简单易用，自带中文） EasySCP：http://www.easyscp.net/ （和i-MSCP一样来自Ispconfig，自带中文） Ajenti：http://ajenti.org/ （轻量级，类似Webmin，自带中文） zPanel(sentora)：http://www.zpanelcp.com/ http://www.sentora.org/（支持win，有中文包） centos webpanel：http://centos-webpanel.com/ （据说比较有发展前途） Froxlor：http://www.froxlor.org/ （很轻量的，适应各种环境） AlternC：https://alternc.org/ （简单） Easy Hosting Control Panel：http://ehcp.net/ （还不错的面板，有第三方汉化包） CyberPanel面板：http://docs.cyberpanel.net/doku.php （目前只支持Centos 7.x） 宝塔英文版？http://www.aapanel.com runcloud.io面板：https://runcloud.io （有免费版和付费版） froxlor面板：https://www.froxlor.org/ (面板没有汉化) 一键安装包国内版 http://lnmp.org/ （用的人很多，适应性很强） https://oneinstack.com/ （用户也很多，博主一直使用这个） http://teddysun.com/lamp （很好用的LAMP一键包） http://teddysun.com/lamp-yum （适合小内存≥64M） http://bbs.aliyun.com/read/151729.html （阿里云论坛看到的） http://blog.linuxeye.com/31.html （多种配置，软件较新） http://lnmpp.net/ （支持postgresql，支持ARM） http://www.hhvmc.com/thread-17-1-1.html （有hhvm的一键包） http://shuang.ca/llnmp/ http://llsmp.cn/（有LiteSpeed的一键包） https://www.lxconfig.com/thread-69-1-1.html （有openresty的一键包） http://blog.7qy.com/html/1575.html （有cherokee的一键包） http://lamp.phpstudy.net/ （有Lighttpd的一键包） http://www.upupw.net/ （Windows平台环境搭建） https://www.appnode.com （免费版不支持面板） http://www.ltmp.cc/ （LTMP支持CentOS/RadHat） http://bet.xrbk.top/ （BET面板 支持CentOS） 国外版 http://centminmod.com/ （据说很适合wordpress） https://vpssim.com/ （很强大的一键包） http://tuxlite.com/ （适用于Debian系列） https://github.com/Xeoncross/lowendscript （lowendscript演变来的） https://github.com/alexandreteles/monkeyServer（Monkey Web Server轻量级的web服务器） 文章来自：https://51.ruyo.net/5322.html
-
JS判断移动端及PC端访问不同的网站 现在很多网站都是分为两个版本，一个pc端的一个移动端的(响应式除外)，针对这两个版本，就需要对访问的设备进行判断，如果是pc，就直接访问pc网站，否则就访问移动端网站。对于这个问题可以通过判断UA来解决，前端js可以判断，后端判断也行，这里我们主要讨论的是如何通过js来处理。假如我们有一个网站，pc端通过www.a.com访问，而移动端通过m.a.com来访问。我们需要做的就是当移动端访问www.a.com时可以直接跳转到m.a.com。此时我们只需这样处理就可以了，在页面头部加入如下js代码：<script type="text/javascript"> (function () { var url = location.href; // replace www.a.com with your domain if ( (url.indexOf('www.a.com') != -1) && navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i) ) { location.href = 'http://m.a.com'; } })(); </script>但是，多数情况下不止这么简单地直接从www.a.com跳转到m.a.com。我们网站除了主机名部分，后面跟的还有，比如：www.a.com/list/98/，对于这样一个url，PC就直接这样访问了，对于移动端，需要通过m.a.com/list/98/才可以呈现出比较好的效果。那么，此时就可以用正则来处理，当移动端访问时，我们把“http://www”替换为“http://m”(冒号为英文冒号)，然后更新页面就可以看到页面在移动端上呈现的效果了。具体代码如下：<script type="text/javascript"> (function () { var url = location.href; // replace www.a.com with your domain if ( (url.indexOf('www.a.com') != -1) && navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i) ) { var newUrl = url.replace('http://www', 'http://m'); location.href = newUrl; } })(); </script>Ok，以上就是移动端及PC端网站访问的问题。
-
php获取bing每日背景代码 谨以此文章以记录。将下面代码保存为bing.php，使用方法为：<img src="bing.php" alt="tu" /><?php if($_GET['idx']==null){ $str=file_get_contents('http://cn.bing.com/HPImageArchive.aspx?idx=0&n=1'); } $str=file_get_contents('http://cn.bing.com/HPImageArchive.aspx?idx='.$_GET['idx'].'&n=1'); if(preg_match("/<url>(.+?)<\/url>/ies",$str,$matches)){ $imgurl='http://cn.bing.com'.$matches[1]; } if($imgurl){ header('Content-Type: image/JPEG'); @ob_end_clean(); @readfile($imgurl); @flush(); @ob_flush(); exit(); }else{ exit('error'); } ?>今日图片：文章来源：https://www.hunyl.com
-
一个简单的密码登录验证php 不多说直接上代码，里面的admin为密码请自行更改.<?php session_start(); if(isset($_POST['password']) && $_POST['password'] == 'admin'){ $_SESSION['ok'] = 1; header('location:?'); } if(!isset($_SESSION['ok'])){ exit(' <form method="post"> 密码：<input type="password" name="password" /> <input type="submit" value="登陆" /> </form> '); } ?> 不输密码你看不到我。
-
PHP输入密码并列出目录文件生成超链接代码 一个可以加密文件夹，并且可以展示文件夹内文件的php代码：<?php $password = "123456"; // 这里是密码 $p = ""; if(isset($_COOKIE["isview"]) and $_COOKIE["isview"] == $password){ $isview = true; }else{ if(isset($_POST["pwd"])){ if($_POST["pwd"] == $password){ setcookie("isview",$_POST["pwd"],time()+3600*3); $isview = true; }else{ $p = (empty($_POST["pwd"])) ? "需要密码才能查看，请输入密码。" : "密码不正确，请重新输入。"; } }else{ $isview = false; $p = "请输入密码查看，获取密码可联系我。"; } } if($isview){ ?> <!DOCTYPE HTML> <html> <head> <meta charset="gb2312" /> <title>加密内容</title> <meta name="Keywords" content="加密内容" /> <meta name="Description" content="加密内容" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> </head> <body> <div id="post"> <pre id="neirong"> <?php $dir = "./"; // Open a known directory, and proceed to read its contents if (is_dir($dir)) { if ($dh = opendir($dir)) { while (($file = readdir($dh)) !== false) { if ($file!="." && $file!="..") { echo "<a href=./".$file.">".$file."</a><br>"; } } closedir($dh); } } ?> </pre> </div> </body></html> <?php }else{ ?> <!DOCTYPE HTML> <html> <head> <meta charset="gb2312" /> <title>输入密码</title> <meta name="Keywords" content="输入密码" /> <meta name="Description" content="输入密码" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> </head> <body> <div id="post"> <img src="key.png"> <form action="?yes" method="post" style="margin:0px;">输入查看密码 <input type="password" name="pwd" /> <input type="submit" value="查看" /> </form> <?php echo $p; ?> </div> <?php } ?> </body> </html> 来源：https://diannaobos.com/post/567.html
-
Miniflux程序搭建自用Feed阅读器 聚合阅读器的历史比较久远了，特别是对如今的社交网站来说是鸡肋般的存在了，但对于博客来说却是非常实用的。Miniflux使用PHP语言编写，支持Sqlite/MySQL数据库，支持中文等多国语言，多套主题，有较完善的解决方案，倒是一个比较好的选择。Miniflux - 极简主义新闻阅读器Miniflux是一个简约的和基于Web的RSS阅读器。项目地址：GitHub:https://github.com/miniflux/miniflux PHP >= 5.3.3，推荐PHP7.x，要求Sqlite和XML扩展 Sqlite 3或Postgres >= 9.3 libxml2 >= 2.7.x 检查目录data是可写的（Miniflux存储都在一个Sqlite数据库） 不要允许所有人都能访问目录data，对Apache而言已经有一个.htaccess，Nginx不需要。 安装后默认的登录和密码：admin 安装后设置语言为中文，然后修改密码 特色 自建独立 可读性（针对可读性，灵敏度设计，兼容移动设备和平板电脑设备而进行了优化的CSS） 轻松安装=> 复制并粘贴源代码，你完成了！ 删除Feedburner广告和分析跟踪器（1x1像素） 在具有rel="noreferrer"属性的新选项卡中打开外部链接 使用安全的HTTP标头（只允许外部图像和Youtube / Vimeo / Dailymotion视频） 文章内容在显示之前被过滤 翻译为阿拉伯语，英语，法语，德语，意大利语，日语，捷克语，西班牙语，土耳其语，葡萄牙语，俄语，塞尔维亚语和简体中文 支持RTL语言 键盘快捷键 仅显示摘要的Feed的完整文章下载 书签功能 Feed的分类组（如文件夹或标签） 将您最喜爱的文章发送到Pinboard，Instapaper，Shaarli或Wallabag 机箱支持（视频和播客） 通过cronjob或用户界面在一次点击中进行更新 保留阅读项目的历史记录 导入/导出OPML Feed 主题功能 多个用户 图像代理，以避免使用HTTPS混合内容警告 具体搭建方法和代码在GitHub均可见。预览非常好用…… （本文来自：雨落泪尽）1000yun.cn
-
-
-
端口映射和动态域名的区别和应用 端口映射：一个地址端口映射至另一个地址端口；如将内网应用映射到外网访问，解决端口限制和无公网问题。动态域名：在动态公网IP地址解析的域名；将通动态域名解析，域名实时解析到本地最新公网IP地址，即使公网IP变化，也不影响域名的正常解析访问，解决公网IP地址不固定的问题和实时获取本地最新公网IP地址。场景一：本地是公网IP地址且公网IP端口都可正常访问，但是公网IP地址是变化不固定的。解决方案：使用动态域名解析。动态解析后，访问域名即是访问本地公网网络。场景二：本地是公网IP环境，但80端口被屏蔽。解决方案：使用端口映射的80映射。80映射后，同时开启本地公网IP加速，让网站应用文件直接从本地加载提升速度发挥本地带宽。场景三：内网环境，可以上网。解决方案：使用端口映射。根据自己的应用类型选择，需要收录网站使用80映射，办公OA、ERP、测试等不需要收录考虑的使用非80网站映射，SVN等443端口应用使用https映射，数据库、远程桌面等无需浏览器访问的使用非网站映射，游戏联机大流量和自己访问的使用全端口映射。
-
腾讯云安装ghost博客记录 最近弄了个腾讯云，按网上的教程装个ghost博客老是出错。经过几天的折腾，终于找到了方法，记录如下，方便下次安装。 准备条件：腾讯云操作系统 Ubuntu Server 14.04.1 LTS 64位nginx版本 1.8node版本 v0.10.40（目前Ghost官方建议的版本）ghost版本 0.74中文版 http://dl.ghostchina.com/Ghost-0.7.4-zh-full.zip注意下node的版本，目前最新的是4.几和5.几的，老是出错。 ghost选中文版就可省掉安装依赖包了。 开工：1、腾讯云直接选镜像安装Ubuntu Server 14.04.1 LTS 64位。2、putty 连接腾讯云，sdu password root输入密码提权su切换到root用户方便接下来安装软件3、系统更新 apt-get update apt-get upgradeapt-get install python software-properties-common gcc g++ make -y add-apt-repository ppa:chris-lea/node.js -y4、安装nginxapt-get install nginx打开服务器IP，检查nginx是否安装成功。 5、安装node v0.10.40wget http://nodejs.org/dist/v0.10.40/node-v0.10.40.tar.gz tar zxvf node-v0.10.40.tar.gz cd node-v0.10.40 ./configure make && make install检查node安装成功: node -v 6、安装ghost 先创建/var/www/ （命令：mkdir /var/www)wget http://dl.ghostchina.com/Ghost-0.7.4-zh-full.zip unzip Ghost-0.7.4-zh-full.zip -d ghost cd ghost中文版可以省掉npm install --production 直接运行ghostnpm start检查是否成功。对于config.js配置文件不在本文介绍中了。 7、配置nginx反向代理cd /etc/nginx/sites-available/ 直接把默认的default的内容修改为：server { listen 80; server_name im.cmsblog.cn; location / { proxy_set_header X-Real-IP $remote_addr; proxy_set_header Host $http_host; proxy_pass http://127.0.0.1:2368; proxy_set_header REMOTE-HOST $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } }service nginx restart重启就成功了。8、最后用PM2让ghost永远在线//！！首先进到ghost的安装目录 //安装pm2 npm install pm2 -g //让ghost以production模式运作，指定程序的入口index.js，并且此进程命名为ghost NODE_ENV=production pm2 start index.js --name "ghost" //开机启动 pm2 startup centos pm2 save ghost博客简洁大气，就是安装难度较大，得须vps或云服务器，费用较贵。
-
[OAuth登录]QQ JS开发版Demo实例全解析[JS_SDK下载] 自去年开通 OAuth_Demo 专栏，陆续写了几篇关于OAuth1.0、OAuth2.0认证原理讲解及QQ OAuth登录实例的文章，后面就消声匿迹了，一方面是项目完成，对这方面信息接触的不多；另一方面，一直较忙，没多少时间来关注做一些Demo、SDK。在近几个月，博客公布的群，时不时有人加入并咨询一些关于oauth登录验证相关的问题，同时，栏目文章被点击率也较高，而这么长时间没有更新相关的SDK，有些Sorry，太对不住了，近来在做一个系统，快结束时，想加个可通过QQ账号、新浪微博账号进行登录的功能，遂花点时间来研究下。主要会做以下三个方面的关注：1、QQ OAuth2.0认证PHP、NET、JS语言的开发或SDK制作；2、新浪微博 OAuth2.0的认证登录（话说这个还从未详细制作做，之前有了解，网上借了个SDK仅实现了效果）；3、灯鹭[denglu.cc]社会化登录新版认证研发，之前是用1.0认证做了个SDK，8月份发现官网全新启用了2.0认证取代了1.0，看来不得不跟进下，才对得住这么多博友、站长的支持。大概就这些，实际研究起来应该用不了多长时间，关键是写博文得花点功夫、心思，没关系，只要大家能够继续支持，并且资源知识共享给大家，也是一种快乐！– 闲话了一番，释放了太多的情怀，步入这篇的正文。/**************以上叙述此栏目事宜，可直接跳过，以下为正文*************/1、关于JS_SDK接入QQ登录这篇文章，写的是使用QQ JS_SDK开发平台登录的过程及心得，而为什么选择JS进行试验，正如官方所说：方便网站快速接入QQ登录，并通过接口调用获取相应的信息，来满足开发。因为这个SDK把所有中间类处理全部集成了，不需要你去处理。2、网站调用JS登录过程思路全解析第一步：当然是看他们的API接入文档或SDK使用说明，查看了一下，主要用到的是以下两个文件：【QQ登录】JS_SDK使用说明 （这个文档说的是网站接入开发流程，比半年前用过的文档详细多了，不过也有小地方比较模糊）通过JS SDK，创建完整的QQ登录流程，并调用OpenAPI接口 （这相当于是一个Demo文档，实例说明，上个文档的细化，但两个文件有细微不一致的地方）有了这两个文档，完成不难，我大概搭建、制作、上传、调试，个把小时完成，不过没有个个接口都测试。好了，想详细了解整个开发流程，继续往下看。第二步：引用JS SDK的javascript文件准备工作是：取得申请好的APPID和APPKEY，一个HTML、JS的运行环境即可。新建一个静态HTML文件，作为显示QQ登录按钮即测试页面，命名随你，我这里是QQlogin.html，然后，进行最重要的一步，在<head></head>间引用他们的SDK的JS文件，如下所示：<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="appid" data-redirecturi="redirect_url" charset="utf-8"></script> // appid是你申请到的appid，redirect_url是点击QQ登录按钮，连接成功后跳转回网站接收的页面–即回调地址，两者必须都正确填写好。第三步：放置QQ登录并可定制样式将下面这段代码，放入head或body标签内即可（注：head内必须在第二步引用的JS代码后）<span id="qq_login_btn"></span><script type="text/javascript">QC.Login({//按默认样式插入QQ登录按钮 btnId:"qq_login_btn"//插入按钮的节点id});</script>效果如下图所示：同时，也可以自己对按钮及样式进行自定义，这样就需要写一段JS脚本，如下图所示：（引用官方，详见SDK源文件）第四步：上一步完成后，接下来就是制作回调地址页面再新建一个页面，比如命名：Redirect.html，用来对回调过来的参数进行处理，参数有access token等。这个页面还是首先引用JS SDK的javascript文件代码，详见第二步，若你的回调地址与登录页面为同一页面，那么引用一次即可。然后，就可以通过调用QQ互联提供的接口获取相关的数据，调用方式如下：QC.api(api, paras, fmt, method):Request （对JS不够了解的，似乎不够明白，后面会有实例，会调用数据就OK，管它怎么来的）参数说明：api：必须填写，指定要调用提供的OpenAPI名称，如:get_user_info；paras：必须，指定要调用OpenAPI对应的参数，参数使用JSON的键值对格式列出；fmt：可选参数，指定OpenAPI的返回格式，如：“json”、“xml”，默认为json；method：可选，指定OpenAPI调用请求的发起方式，可为“get”、“post”，默认发送为post，获取数据为get。实例代码如下图所示：当数据成功调用后，登录测试页会改变状态，显示头像、昵称、退出按钮，或你自定义的样式，默认样式效果如下： 第五步：至此整个接入登录过程全部完成，真正步骤只有中间三步，然后四段代码即可实现登录，并获取数据，后面就自个进行数据处理了，还是很便捷的。当然，还有其它一些接口，请查看前面列出的两个链接文档，同时，我后面提供的SDK里，也有部分集成的调用API接口，供大家参考使用。3、尾述、Demo演示、SDK下载好了，这篇文章算完工了，不知讲的是否能使你明白、了解，有不解处，欢迎留言提出，或加入网站爱好者群：93713236，里面许多这方面开发者，可一起交流讨论。好像还缺点什么，最关键的sdk还未上传，肯定是要的，详见下面。SDK分享：点击下载 （已检测，可安全下载）Demo演示：点击进入 （请选择 QQ JS版演示）OAuth开发：若自己 文章来源：http://blog.unvs.cn/archives/oauth-qq2-0-js-sdk.htmlhttp://wiki.open.qq.com/wiki/【QQ登录】JS_SDK使用说明http://wiki.connect.qq.com/js_sdk%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E
-
零基础如何系统地学习前端开发？ 网站开发开发大致分为前端和后端，前端主要负责实现视觉和交互效果，以及与服务器通信，完成业务逻辑。其核心价值在于对用户体验的追求。可以按如下思路学习系统学习：基础知识：1、HTML + CSS 这部分建议在 W3school 在线教程 上学习，边学边练，每章后还有小测试。 之后可以模仿一些网站做些页面。在实践中积累了一些经验后，可以系统的读一两本书，推荐《Head First HTML 与 CSS 中文版》，这本书讲的太细了，我没能拿出耐心细读。你可以根据情况斟酌。2、Javascript 要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先在 W3school上学习。之后建议马上看《Javascript语言精粹》，JS是一门很混乱的语言，这本书能够帮助你区分哪些是语言的精华，哪些是糟粕，对于语言精华，应该深入学习。糟粕部分能看懂别人写的代码就行，自己就不用尝试了。进阶：有了以上基础，就可以进行一般的静态网页设计，不过对于复杂的页面还需要进一步学习。1、CSS。必看《精通CSS》，看完这本书你应该对：盒子模型，流动，Block，inline，层叠，样式优先级，等概念非常了解了。作为练习可以看下《CSS艺门之匠》这本书，它对标题，背景，圆角，导航条，table，表单等主题都有详细的介绍。2、Javascript。上面提到内容还不足以让你胜任JS编程。在有了基础之后，进一步学习内容包括：a） 框架。推荐jQuery，简单易用，在W3school简单学习js后，直接上手jQuery即可完成一些简单的项目。学习方法也很简单，照着产品文档做几个页面就行了，不用面面俱到，以后遇到问题查文档就行了。框架可以帮你屏蔽浏览器的差异性，让你能更专注与Web开发学习的精髓部分。补充： 可以使用 Codecademy 学习 Javascript，jQuery，用户体验真的很好（感谢 TonyOuyang ）。b） Javascript 语言范式 。这个名字可能并不恰当，只是我找不到可以描述“面向对象”，“函数式”这个两个概念的概念。Javascript不完全是一个面向对象的语言，它的很多设计理念都有函数编程语言的影子，甚至说如果你不用面向对象，完全可以把它理解成一门函数式编程语言。Javascript的很多语言特性，都是因为他具有函数式语言的特点才存在的。这部分推荐先学习面向对象的基本理论，对封装，继承，多态等概念要理解，维基百科，百度百科会是你的帮手，另外推荐《Object Oriented Javascript》，应该有中文版。对与函数式编程我了解的也不系统，不好多说，可以自己百度一下。c） Javascript 语言内部机制。必须弄清如下概念：JS 中变量的作用域，变量传递方式，函数的定义环境与执行环境，闭包，函数的四种调用方式（一般函数，对象的方法，apply，call），以及四种调用方式下，‘this’指向的是谁。这部分内容你会在《Javascript语言精粹》中详细了解。另外，你必须理解 json。d） dom编程，这个Web前端工程师的核心技能之一。必读《Dom编程艺术》，另外《高性能 Javascript》这本书中关于dom编程的部分讲的也很好。e） Ajax编程，这是另一核心技术。Ajax建议在网上查些资料，了解这个概念的来龙去脉，百度百科，维基百科上的内容就足够了。真正编程是很容易的，如今几乎所有框架都对Ajax有良好的封装，编程并不复杂。f） 了解浏览器差异性。这部分包括CSS和js两部分，浏览器差异内容很多，建议在实践中多多积累。另外对于浏览器的渲染模式，DOCTYPE等内容应该系统学习。3、HTML5和CSS3 。HTML5规范已经于2014年10月28日发布了，移动端HTML5和CSS3已经得到了非常广泛的使用，必知必会呀。再进一阶 · 代码层面：有了以上知识，对于大多数小型网站，你应该已经可以写出能够工作的代码了。但要想成为更专业的前端，你还需继续努力。更高的要求大概还有四方面：1）易维护，2）可测试，3）高性能，4）低流量（移动端）。1）易维护。对于页面你该理解‘样式’，‘数据’，‘行为’三者分离，对应的当然就是CSS,HTML,js。对于js代码，你最好了解设计模式，重构，MVC等内容。2）可测性。3）高性能。必读《高性能Javascript》4）低流量。移动端关注比较多。再进一阶 · 工程层面：前端项目同样面临软件生命周期的各个环节，首先是代码管理，你必须学会使用Svn和Git。其次是代码的构建，如今前端代码构建已经不是简单的压缩一下了，需要进行依赖管理、模块合并、各种编译，比需要学会使用Grunt、Gulp等前端构建工具。然后呢？以上内容只是简单说了前端学习的顺序。前端工程师应该有的知识结构请参考这里：JacksonTian/fks · GitHub对于前段开发，基本内容就这些了，可以根据自己的兴趣爱好选择性学习以下内容。1、交互设计。大公司依然有专业人士搞这些，不过不懂交互的前端一定不是好前端。推荐《简约至上》。2、后端。应该说前段工程师必须至少了解一门后端语言，不过如果爱好也可深入学习，入手难度比较低的应该是PHP了。这部分由可分为基于页面，基于框架两种。大型项目都是基于框架开发的，建议至少了解一个MVC框架，比如PHP的Ci、Yii、Yaf 等，好还框架的设计思想都大同小异。如今NodeJs在大公司已经得到普遍的使用，推荐大家使用在Node上使用Express框架做一些后端服务的开发。3、Android和IOS开发。时至今日，前端的工作领域已经非常广泛，native的界面开发本质上也是前端开发，个大公司都面临着Native环境和web环境页面同时维护的问题，如果能够在技术上得到统一，将会有巨大的价值。对于学有余力的同学，应该了解Native开发的基本流程，至少了解到界面构建的技术。
-
腾讯微博OAuth2.0初试 一直没搞懂什么是OAuth2.0,但想要个能发文章自动同步到微博的功能，正好看到一个关于如何接入百度账号的视频后，把腾讯微博的OAuth折腾了一下，竟然成功了。记录一下： 1、首先要获取到CODE，回调地址必须和申请的地址一致，否则会出错。https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=101186578&redirect_uri=http://ihaow.cn&state=test 2、得到CODE后，就获取token.https://graph.qq.com/oauth2.0/token?grant_type=authorization_code&client_id=101186578&client_secret=9c2ca139ce0dfc574036942b575666c7&redirect_uri=http://ihaow.cn&code=EFEACC2356491294E56C27332E8338403、这个token值比较重要了，接下来就可以取个用户的OpenID了。很多信息都可以查到了。只是接下来的代码怎么写，这些信息怎么实用，有相关源码代码给我推荐吗？ 腾讯微博开放文档：http://wiki.connect.qq.com/oauth2-0简介
-
互联网创业大热，曾经的站长为何消失了？ 过去几年，互联网行业上持续着创业热,不少创业者怀揣着梦想走上了艰难的创业之路。不过，一个被人忽视的现象是，互联网上曾经最为活跃的一个创业群体-站长却在这个时代消失了。而在前不久，还听闻一个朋友告知，举办了八年之久的站长大会也要谢幕了。这到底是为什么呢？是站长转型不力，还是时代的必然呢？我想有几个方面的客观原因吧。技术门槛高了在曾经的PC时代，个人站长这一群体曾经是互联网创业队伍中重要的一个群体，像好123的李兴平，美图秀秀的蔡文胜等等，他们是最早的一批在互联网上淘金的创业者。通常的站长创业是这样的，购买一个域名，然后在IDC运营商哪里购买一台服务器，并在服务器上架设一个文字或图片站，依靠人工和机器采集，定期更新网站内容，然后依靠网站的广告和流量进行变现。不过，随着移动互联网时代的到来，当前的互联网创业的技术门槛大幅提高了。稍微了解点技术的人们都知道，一款移动应用能够顺利的上线被成千上网的用户流畅的使用，这其中不仅仅是在前端交互页面的精妙设计，更需要的是后端服务器的处理能力。而在以往pc时代，建造一个网站相当简单，网络上有很多源代码，站长只需要将源代码上传到网站服务器，对网站前端页面做些简单设计，再对网站栏目和关键词进行稍作改动，便能够做出一个属于自己的网站。而在现在，各类移动应用的复制性并不强，尽管市场上也有不少可以简单生产移动应用的产品，但是App当中有很多个性化的应用却必须量身打造，这就使得没有技术背景的站长难以复制PC时代的创业建站方法。推广难度高了其次，在PC时代，草根站长们通过学习SEO技巧和关键词优化，能够利用搜索引擎的规则，通过设置文章关键词并对页面做优化，大量的流量来自于搜索引擎。而在移动互联网时代，每一个应用都是一个信息孤岛，在在PC时代的很多免费推广方法在移动互联网上都全部失效，这就导致产品的推广成本非常之高。特别是在移动互联网的发展初期，大量的App都是依靠手机内置和应用商店投放广告进行推广，这对于没有充足资金的个人站长来说，无疑是个非常大的挑战，这种情况下，即使是个人站长想尽办法开发出自己的App，也无法将它推广到更多的用户手中。盈利模式没了事实上，在移动互联网初期时，也有大量的个人站长希望能够在新的互联网浪潮中淘金，不少具有技术背景的个人站长也试着开发app，并希望能够延续此前pc时代的盈利模式，通过流量来进行变现。不过，在投入了一段时间之后，很多个人站长发现，除了没有更多的资源和能力将app推广到更高的量级之外，最关键的是对于更小的移动屏幕，希望通过广告或流量变现的可能微乎其微。而且，对于移动应用的生态而言，大量的流量集中在微信、淘宝、微博、视频网站上面，人们对于工具性app的依赖程度非常之底，这就导致站长们的广告变现梦破碎。创业变重了还有，就目前的互联网创业环境来说，产品模式相比pc时代是变重了。在PC时代，人们对于信息的需求更加强烈，这就说，在过去，只需要能够做到传递信息就可以。这就意味着，在以往互联网上的创业，只需要满足用户的某一项网上服务就好，而在如今的创业过程中，更多的结合到了线下部分，特别是o2o浪潮的兴起，更需要大量的人力来支持项目的完成。这就使得创业团队当中还必须具有大量的人力去推动线下，属于个人站长的单打独斗的时代彻底结束了。并且，在移动互联网时代，人们更加注重体验，这就需要互联网的创业者们将每一个细节做到位，从产品设计到页面呈现，从体验到服务，都需要有较高的水准，还需要有更多的专业人才参与其中，才能够打造出体验更好的产品。玩法变了事实上，目前这个时代的互联网创业的玩法已经彻底变了，早已不再是国内互联网启蒙时期，只有找到一个领域然后扎进去，几年之后，便能有所收获。现在的互联网创业讲究高举高打，快速领先，而不是低调潜行，小步慢跑。现在的互联网创业主要的玩法是，一面通过一轮又一轮的融资以及伴随而来的各种补贴大战来建立了行业门槛，另一面不断扩充自己的产品范围，通过产业链和生态链的做法，快速的将自身的品牌向周边行业扩展，以换取更大的市场估值，而在这个过程中大多数创业公司是面临巨额亏损的，但是没有关系，只要资本市场还有人相信，那么估值还会伴随着创业公司们的一场场发布会而继续暴涨。这显然与朴实无华的个人站长时代截然不同。草根站长更加务实，不会做事业只会做生意，更看重自己所经营的项目能否带来现实回报。这一方面是站长的个人视野和能力的局限所致，另一方面也是由当时的市场环境所决定的。如今，资本热钱更加之多，很多创业者很可能一开始并不一定如此的高调或冒进，但是在资本力量的推动下，他们的创业梦想很可能也随之而放大了。还想说的是，尽管现在整个国家都在鼓励大众创业和万众创新，但目前在互联网上的创业门槛显然是很已经很高了，在这个时代创业，不仅仅需要依靠个人的创业勇气，更需要创业者有团队意识和快速融资的能力，因为在这个“高举高打”和动辄融资千万美元或上亿美元的互联网创业新时代，无论是在资金资源，还是在技术和产品方面，创业的门槛已经很高了。
-
EMlog 5.3.1 For 新浪SAE 新浪SAE在2015年4月29日宣布正式进入全民免费时代，这让所有的人都可以开始使用SAE了，修改整理了下目前网上搜到的资料，分享给需要的朋友们。 EMlog 5.3.1 for SAE 移植版 EMlog 5.3.1 for SAE 基于 EMlog 官方 5.3.1 版本修改，只适合 SAE 平台使用。 使用 SAE 自有的 KVDB 技术，缓存速度更快，占用豆豆资源更低； 使用 Storage 存储文件，解决了 SAE 本地不能读写的问题； 添加和修改常用插件以适合 Emlog SAE 版本。 由于 SAE 不支持本地代码写入，所以无法在线编辑主题，在线安装主题、插件，建议通过 SVN 修改上传。 优化说明： 1、手机访问时自动识别并跳转到手机版本对应文章页面 2、附带了笑忘书的手机模板，同时保留原版的手机模板 3、增加 SAE 伪静态支持，需在后台修改文章链接设置 4、支持 Windows Live Writer 离线写作 5、为笑忘书手机模板增加保存草稿功能 插件支持： 1、添加 SAE 二级域名插件，对绑定未备案域名的博客，将 Emlog 中的静态资源使用原 SAE 二级域名访问，提升速度，节省云豆 2、修改 sitemap 插件以支持 SAE 3、添加安全防护插件 4、添加 Ping 服务插件 5、修改反垃圾评论插件以支持 SAE 7、添加图片本地化插件 8、修改 SendMail 插件以支持SAE，美化发送邮件格式，区分发信邮箱和发信账号，方便使用邮件服务商（如：SendGrid 等）提供的发信账号 9、添加自动摘要插件 10、添加 HighSlide 插件 11、添加修改的支持 SAE 平台的图片加水印插件 12、添加时间轴文章归档插件，修改支持展开全部/折叠全部 13、修改 EM 相册插件以支持 SAE 14、添加 JiaThis 分享插件 演示网站： 桔子92：http://www.huangju.tk 代码地址： GitCafe：https://gitcafe.com/xhhjin/EmlogForSAE 百度云：http://pan.baidu.com/s/1kTglibt (2015-05-09) 更多内容在这里：http://xuhehuan.com/2037.html
-
2015年10佳在线Web开发资源 在线Web开发资源可用于查找高品质的网页设计教程，包括HTML、CSS、JavaScript等等可信赖的资源。Web开发资源是开发人员学习开发技能和技巧的最好途径。如果你是一名优秀的Web开发人员，那么你肯定会不断寻找各种方法来提高你的设计能力，扩大你的技术库，及时了解最新的Web设计趋势。可利用的Web开发资源很多，DVD光盘、书籍……，最简单的就是互联网资源了。今天，我们就将为大家推荐10款最佳的在线web开发资源，希望你会喜欢它们。1、W3SchoolsW3Schools可用于学习、测试和教程。已被简化的示例，更能有助于提高阅读和基本的理解能力。官方网站：http://www.w3schools.com/2、Htmlgoodies这是开发团队为各大网站创建的一款HTML5应用程序，可提供更精细的用户体验，现在通常被用于移动平台。官方网站：http://www.htmlgoodies.com/3、Quackit最初创建Quackit，是为了指点Web开发人员一些可用的资源，以帮助他们更好地创建网站。有的资源是Quackit网站本身提供的，而有的则来自于第三方网站。官方网站：http://www.quackit.com/4、HTML很多人认为制作网站是非常困难的一件事情。但是事实并非如此。每个人都可以学习如何做一个网站，阅读了有关于HTML、CSS、PHP和JavaScript的相关教程之后，大概一个小时你就可以开始着手建立自己的网站了。官方网站：http://html.net/5、TizagTizag的目的是教会刚入门的web程序员如何使用HTML和CSS。官方网站：http://www.tizag.com/6、Htmldog欢迎使用Htmldog：所有HTML，CSS和JavaScript等用于制作网页最常用的技术，Htmldog上应有尽有。官方网站：http://www.htmldog.com/7、PageresourcePageresource是一个Web开发教程和信息网站。官方网站：http://www.pageresource.com/8、HtmlcodetutorialHTML Code Tutorial旨在为开发人员提供创建网页最有帮助和最完整的指导。官方网站：http://www.htmlcodetutorial.com/9、TUTS +TUTS +可以帮助你学习创作技巧，随心所欲地制作网页。官方网站：http://tutsplus.com/10、Webreference最古老（创建于1995年）和最受尊敬的Web开发网站之一，WebReference.com包罗万象。从浏览到创作，从HTML到先进的web设计，应有尽有。官方网站：http://www.webreference.com/
-
原生JS写的网站常用简洁TAB选项卡是一款代码简洁易用，兼容主流浏览器。 这款代码特别用到了渐显效果，这在一般原生JS中较少见，只常见于jquery写的网页<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JS网站常用简洁TAB选项卡</title> <style> *{margin:0;padding:0;} body{font-size:14px;font-family:"Microsoft YaHei";} ul,li{list-style:none;} #tab{position:relative;} #tab .tabList ul li{ float:left; background:#fefefe; background:-moz-linear-gradient(top, #fefefe, #ededed); background:-o-linear-gradient(left top,left bottom, from(#fefefe), to(#ededed)); background:-webkit-gradient(linear,left top,left bottom, from(#fefefe), to(#ededed)); border:1px solid #ccc; padding:5px 0; width:100px; text-align:center; margin-left:-1px; position:relative; cursor:pointer; } #tab .tabCon{ position:absolute; left:-1px; top:32px; border:1px solid #ccc; border-top:none; width:403px; height:100px; } #tab .tabCon div{ padding:10px; position:absolute; opacity:0; filter:alpha(opacity=0); } #tab .tabList li.cur{ border-bottom:none; background:#fff; } #tab .tabCon div.cur{ opacity:1; filter:alpha(opacity=100); } </style> <script type="text/javascript"> window.onload = function() { var oDiv = document.getElementById("tab"); var oLi = oDiv.getElementsByTagName("div")[0].getElementsByTagName("li"); var aCon = oDiv.getElementsByTagName("div")[1].getElementsByTagName("div"); var timer = null; for (var i = 0; i < oLi.length; i++) { oLi[i].index = i; oLi[i].onclick = function() { show(this.index); } } function show(a) { index = a; var alpha = 0; for (var j = 0; j < oLi.length; j++) { oLi[j].className = ""; aCon[j].className = ""; aCon[j].style.opacity = 0; aCon[j].style.filter = "alpha(opacity=0)"; } oLi[index].className = "cur"; clearInterval(timer); timer = setInterval(function() { alpha += 2; alpha > 100 && (alpha = 100); aCon[index].style.opacity = alpha / 100; aCon[index].style.filter = "alpha(opacity=" + alpha + ")"; alpha == 100 && clearInterval(timer); }, 5) } } </script> </head> <!-- 代码 开始 --> <div id="tab" style="margin-left:460px;margin-top:20px"> <div class="tabList"> <ul> <li class="cur">许嵩</li> <li>周杰伦</li> <li>林俊杰</li> <li>陈奕迅</li> </ul> </div> <div class="tabCon"> <div class="cur">断桥残雪、千百度、幻听、想象之中</div> <div>红尘客栈、牛仔很忙、给我一首歌的时间、听妈妈的话</div> <div>被风吹过的夏天、江南、一千年以后</div> <div>十年、K歌之王、浮夸</div> </div> </div> <!-- 代码 结束 --> <div style="clear:both"></div><br /><br /><br /><br /><br /><br /> <div style="text-align:center"> <p></p> </div> </body> </html>来源：站长窝
![[OAuth登录]QQ JS开发版Demo实例全解析[JS_SDK下载]](https://cmsblog.cn/content/uploadfile/201601/d9289527e11b1f08829467371a2839d020160106140110.jpg)
