南方 发布的文章

就懒得抄过来了,这里只疏理一个梗概。

响应式网页设计(一):单位
http://blog.163.com/hongshaoguoguo@126/blog/static/1804698120152300167505/
rem
em

响应式网页设计(二):字体自适应
http://www.cnblogs.com/aimyfly/archive/2013/07/19/3200742.html
百分比
rem
em
vw
vh

响应式网页设计(三):基于视口单位的网页排版
http://www.open-open.com/lib/view/open1464136989764.html

vw
vh
vmin
vmax
calc()

响应式网页设计(四):Flex布局
display:flex;

Flex布局教程:语法篇 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
Flex布局教程:实例篇 http://www.ruanyifeng.com/blog/2015/07/flex-examples.html

Interspire shopping cart(下面简称ISC)是一个很好的在线商城程序,代码明析,轻量级,比zencart的交互性更好,比magentoo更轻量,是企业建立商场的不二选择。

我将在这里写写自己对它的了解,好了,先上图:
InterspireShopCart代码分析.jpg

在isc中,全站默认使用伪静态化,index.php是所有代码的入口。也就是说,不管你访问的是主页,产品员,文章页或者任意url,所有请求都被.htaccess配置重定向到index.php中,这是所有请求的入口。

大致列一下主要的文件:
1.index.php //程序入口
2.init.php //定义路由规则及初始化模板
3./lib/init.php //初始化变量及导入各功能模块
4.index.php -> RewriteIncomingRequest() //调用并执行

ps:附图使用DIA绘制

欢迎加入Interspire shopping cart (ISC)交流群98498604。
本群关注isc的二次开发和模板使用,不装逼,有问必答。QQ群:98498604

[1]: /usr/uploads/2016/09/1470426606.jpg

环境是这样,lamp环境是安装在pc上的,使用移动端访问网站,遇到问题怎么调试呢?
可能你会想到使用chrome的调试窗口模拟成移动端界面,但是这个只适合调试前端html,由于请求环境不同,只有在移动端访问网页的时候,许多参数才会生成,使用chrome是过入不了php的断点的。所以必须是从移动端访问网站,才能进入zend debugger的断点。

网上搜索了一阵,基本上没有答案,经过自己的摸索发现是可以做动的。

原理:
zend debugger调试的原理是,zendstudio在运行时,在http环境之外,另外再监听一个端口。当有符合一定规则的url在提交时,被环境根目录下的ZendDebugger.dll检测到,将此参数提交到zendstudio,进入程序断点。

上面所说的提交包括:
1.在zendstudio界面的调试模式点debug按钮触发debug
2.在浏览器窗口点击debug按钮触发debug

这两种方式,都会生成一种特定格式的url,其中包括各种zenddebugger所需的参数。
debug1.jpg
上图是浏览器的zenddebugger参数

debug2.jpg
上图是zendstudio的debug模式中,按选debug按钮 -> internet explorer看到的参数

即然zenddubgger是通过检测url参数来进入调试模式,那么我们地手机上也使用这种格式的url打开网站就不可以了吗?

如上图,我们选把zendstudo调到调试模式,再将上图中那串长长的字符串复制到手机的浏览器上打开,顺利进入到调试过程。

由于手机上没有鼠标,也没有firebug工具,所以遇到问题怎么调试呢?

在近几年的firefox chrome中,都提供了基于手机"usb调试"的远程调试功能。比如在手机firefox上打开网页,在电脑的firefox中进行调试。

下面以firefox举例:

1.安装手机的usb驱动
由于此功能都是基于手机的"usb调试"功能,所以需要使用手机驱动连接手机与电脑。ps:猜测底层的实现是adb。
将手机usb插入电脑,360全家桶和腾讯全家桶会自动给你安装上各种手机管家,这些管家会自带驱动。如果嫌麻烦,可以自己去安装一个碗豆夹之类的。以华为手机为例,可以安装一个官方的HiSuite,广告会少得多。

2.打开手机usb调试
打开安卓手机的“开发人员选项”,勾上"usb调试"。如果找不到,去百度一下。

3.手机端firefox启用usb调试
firefox -> 设置 -> 高级 -> 通过usb远程调试

4.电脑firefox启用远程调试
点firefox右上角的小菜单 -> 开发者 -> WebIDE,进入界面。(快捷键是Shift + F8)
点"项目"菜单 -> 管理额外组件,安装ADB Helper和工具适配器扩展。

5.连接
电脑Firefox上按Shift + F8进入WebIDE界面,此时插入手机的usb线,右上角即显示手机型号。
手机上提示是否允许接入,点允许。
firefox安卓手机调试

需要注意的是,在整个调试过程中,每当插入usb线,手机会提示usb的连接方式,可以选MTP和PC助手,不能用u存储和仅充电,这样在电脑的调试工具上刷不出手机。

6.调试
从手机上用firefox打开一个网站,电脑会同步看到代码。如果在电脑上修改代码,也会同步显示在手机上。
firefox安卓手机调试

[1]: /usr/uploads/2016/09/1695737479.jpg
[2]: /usr/uploads/2016/09/1517025954.jpg

已知路由器的配置是:
CPU MediaTek MT7620A ver 2, eco 6
内存 128MB DDR2
Flash Winbond W25Q128 @ 24MHz (16MB)
以太网 MediaTek MT7620A built-in 5-port 10/100M switch
时钟频率 CPU: 580MHz, Bus: 193MHz

先刷breed。
相当于电脑上的bios,能常在路由器上叫bootloader,此次要刷的版本名叫breed,刷了这个后,即使以后刷错固件,路由器也不会变砖。

详细步骤在这里: http://www.right.com.cn/forum/thread-161906-1-1.html ,下面写一下自己的简要方法。

1.到http://breed.hackpascal.net/下载Breed Enter工具,打开,并点启动。
2.路由器断电,把lan口用网线与电脑网口接上,电脑网卡设成dhcp自动获得ip。
3.用针按下路由器的reset键,开电,几秒钟后breed enter工具提示已找到路由器,并阻止了路由器的启动。
4.电脑上telnet 192.168.1.1 ,进入界面,输入btntst回车,会显示当前路由器的gpio,如下:
gpio.jpg

如上,蒲公英路由器的gpio是12口。
5.到http://breed.hackpascal.net 下载breed-mt7620-reset12.bin
6.用putty连接进路由器,把breed-mt7620-reset12.bin放到/tmp目录下,执行mtd -r write breed-mt7620-reset12.bin ,看到路由器灯开始全闪,然后电脑网卡一断一通,说明breed已经刷好了。

此是使用http://192.168.1.1登录路由器,看到的就是类似下面的界面:
breed.png

刷pandavan
1.由于我的配置是MT7620A、128MB DDR2、gpio#12,所以要下载对应的固件。打开http://www.right.com.cn/forum/thread-161324-1-1.html,根据已知的配置,查到的固件是breed-mt7620-hiwifi-hc5761.bin ,下载到电脑。

2.在breed界面中,点左边的固件,勾上界面右边的”固件“,选breed-mt7620-hiwifi-hc5761.bin并上传,约一分钟后完成,路由器会重启,电脑网线再次一断一通。

3.使用http://192.168.123.1登录,默认用户和密码是admin。

4.此时,蒲公英路由器刷pandvan已经完成,界面如下。
pandvan.jpg

[1]: http://www.myblog.com/usr/uploads/2016/08/2011048571.jpg
[2]: http://www.myblog.com/usr/uploads/2016/08/2386299548.png
[3]: http://www.myblog.com/usr/uploads/2016/08/154163327.jpg

赖世雄教授,台湾与大陆地区做英语广播教学的第一人,美明尼苏达大学英语教师、大众传播硕士,从事专任口译、笔译及大众传播研究多年。

著有《初级美国英语教程》、《中级美国英语教程》、《高级美国英语课程》及《赖世雄教你轻松学英语》等300余种图书,涉及成人、儿童、升学、职场、生活等各个领域。

本套图书采用的是赖世雄老师《美语从头学》系统丛书的光盘资料,是一套中英文对照的有声读物,即使是零英语基础,也可以根据引导一步步达到初、中、高级水平。

本套音频需要配合美语从头学纸质书使用,建议购买。如果没书听听发音也是可以的。

下载方法:
1.安装btsync,下载地址是 btsync
2.打开btsync,会提示你建立一个用户,建好后在界面中添加密钥,填入后面这个字符串: B2MBVDKHENUWJSJ4ES75LYAOYF5CHR7AV ,然后指定一个保存的目录地址。
3.下载完成

向赖世雄老师致敬,也请用户下载完后开着btsync软件持续做种。

[1]: https://getsync.com/individuals/

示例 http://localhost/demo/t.php/test1/test2/?a=123&b=234

/demo/t.php //$_SERVER['SCRIPT_NAME']
/test1/test2/ //$_SERVER['PATH_INFO']
/demo/t.php/test1/test2/ //$_SERVER['PHP_SELF']
a=123&b=234 //$_SERVER['QUERY_STRING']
/demo/t.php/test1/test2/?a=123&b=234 //$_SERVER['REQUEST_URI']

如上的示例中:
$_SERVER['SCRIPT_NAME']获得的是当前程序的目录和文件名
$_SERVER['PATH_INFO']获得的是.php以后至?号之前的路径
$_SERVER['PHP_SELF']等于$_SERVER['SCRIPT_NAME'] + $_SERVER['PATH_INFO']
$_SERVER['QUERY_STRING']是?之后的所有参数字符串
$_SERVER['REQUEST_URI']是整个url路径,可以行于以下2种:

  1. $_SERVER['SCRIPT_NAME'] + $_SERVER['PATH_INFO'] + $_SERVER['QUERY_STRING']
  2. $_SERVER['PHP_SELF'] + $_SERVER['QUERY_STRING']

google常用域名有哪些?

*.google.com
*.gvt1.com
*.gstatic.com
*.youtube.com
*.googleusercontent.com
*.googleapis.com
*.google-analytics.com
*.ytimg.com
*.ggpht.com
*.blogspot.com
*.appspot.com
*.blogger.com
*.gmail.com
*.goo.gl
*.g.co
*.yt.be
*.abc.xyz
*.youtu.be
*.gvt0.com
*.admob.com
*.golang.org
*.picasa.com
*.urchin.com
*.com.google
*.chrome.com
*.android.com
*.keyhole.com
*.adsense.com
*.adwords.com
*.blogblog.com
*.sketchup.com
*.chromium.org
*.gmodules.com
*.googlebot.com
*.doubleclick.net
*.googlelabs.com
*.panoramio.com
*.withgoogle.com
*.doubleclick.com
*.feedburner.com
*.googlemail.com
*.googlecode.com
*.googleapps.com
*.googledrive.com
*.googlestore.com
*.googleearth.com
*.googlevideo.com
*.googlemaps.com
*.googlepages.com
*.chromebook.com
*.googlesource.com
*.googlehosted.com
*.googlegroups.com
*.googlescholar.com
*.googleartproject.com
*.googleadservices.com
*.googlecommerce.com
*.googlesyndication.com
*.googletagmanager.com

1.安装

a. 这里使用了一个zend debugger工具合集,包括了ie和firefox的控件,附件中有。
下载地址: http://pan.baidu.com/s/1i3r96Vr ,zend官方下载地址是:http://downloads.zend.com/pdt/server-debugger/ZendDebugger-5.2.14-cygwin_nt-i386.zip

解压开,内附的readme.txt说明文件。

b.通过phpinfo()看了一下自己的环境,是php5.2.3,开启了Thread Safety是开启的。

c.找到5_2_x_comp中的ZendDebugger.dll copy一份放到我的document root目录中,我使用的是D:\AppServ\www,把dummy.php也放到此处。
(5_2_x_nts_comp适用于tread safety关闭的情况)
dummy.php放入后,要保证使用你的运行url能访问,比如http://localhost/dummy.php 否则后面在ide中调试的时候连接不上。

d.打开php.ini文件,加上几句并保存:

zend_extension_ts=D:\AppServ\www\ZendDebugger.dll //注意此路径就是zenddebugger.dll实际位置
zend_debugger.allow_hosts=127.0.0.1/32,192.168.1.88/24 //ip填自己的真实ip,127.0.0.1/32是本机回环地址必不可少,另一ip填自己的网卡ip
zend_debugger.expose_remotely=always

e.重启apache,查看phpinfo(),如果有Zend Debugger一栏,说明已zend debugger安装成功。

2.IDE配置(zend studio8)
虽然zend debugger安装成功了,但是ide中却没有关联上,比如我们在ide中点一下调试按钮,ide并不知道从哪里调用。如下配置:

a. 配置zend debugger运行地址
在当前项目上点右键 -- properties -- PHP Debug ,窗口右边有php debugger ,这里选择zend debugger, 点confirgure进内页,client host/ip,比如我的dummy.php文件路径是http://localhost/dummy.php ,那我这里就填localhost或者127.0.0.1就好了。
其它的都不用管就行了,看到debug port默认的是10137,试了一下telnet 127.0.0.1 10137是通的,说明当ide启动时,debug监听了这个接口。

b.配置当前项目的运行路径
这个说白了,就是你做此项目时使用的域名,在当前项目上点右键 -- properties -- server -- 点php server进内页,默认名称不管,下面的url填上http://www.test.com 。
因为我启用了vhost,并且使用的域名是www.test.com,如果没有启用vhost使用默认的127.0.0.1或者localhost,那这里就用默认的127.0.0.1就好了。

3.调试
我现在遇到一个问题,在一个叫index.php中程序运行中得到的是错误的结果,那我们就使用debug来调试它。

A. 启用zend debugger有下面几种方法:

1.直接点窗口上的debug按钮(一个绿色虫子图标),弹出一个窗口,让输入url地址,那就手工输入,包括相应的get参数都一并输入,回车就进入debug窗口模式。
IDE窗口上可以看到当前调试的页面是www.test.com/lindex.php

2.在项目左边点想要调试的文件,右键 -- debug as -- php webpage ,也一样会跳到debug模式窗口。

3.使用浏览器控件。这种方式最简单,因为上面两种都是直接进url没有提供参数,而使用控件在问题页面一点,直接都传到ide中来了。
新版火狐安装控件会报错:"此附加组件无法安装,因为它未经验证"
手机进入about:config ,找到xpinstall.signatures.required ,设为false即可。
参照:http://jingyan.baidu.com/article/6c67b1d69fbeab2786bb1e69.html

B.打断点

在想要看到运行时结果的行号上双击,就是一个断点,当程序走到这里,会暂停。按窗口上的step over执行下一步,step return会路过当前这一步。
在这个过程中,我们可以看到当前变量的值和程序跳转的过程,查出问题。

F5 step info 单步,遇到子逻辑,也会进入一步步走
F6 step over 单步,遇到子逻辑,直接运行取结果,不会进入一步步走
F7 step return 单步,遇以子逻辑会直接跳过

看了看,都计算机类的,主要有linux、python、php、mysql、web前端、互联网营销之类的。用kindle阅读器的pc版观看,都是网友分享的正版书,有图有文字,还不错,推荐一下.
btsync: BI3ACGSYU7DTURRU44AKLJ6FQNYXZG64P

喜欢给个好评哦!