3月 292016
 

像腾讯云,阿里云 或后台管理系统,经常会用到拆分html的方式来实现页面的跳转。

可以想象一样,有这样一个简单的布局。顶部100%宽,具体像素高。左侧导航具体像素宽,顶部除外100%高度。右侧顶部除外高度,左侧除外宽度。这样简洁整齐的平凑,加上适当的色彩。最终的成品却是不一样的烟火。

美丽的外观加上心悦的功能,就会是一个漂亮的体验。这里要做的是。
1,html,css外观组合。
2,js,php,功能组合。因为这样的一种需求,很多地方都是公共的,比如顶部和左侧。只要更新右侧的内容就可以了。于是,就回到了文章的题目。将html拆分成几个html。其实,开设是想要这样的。查了下资料,说有几种做法。经过自己尝试,成功过的,体验很好的就一个。因为我也只做了这一个方法尝试。

那么,html的base标签上场了。在head标签中,base指向了页面内所要指向的跳转地址从指定的地方显示输入不再是浏览器。
http://www.w3chtml.com/html5/tag/base.html

3月 152016
 

站点注册登录的时候,防止恶意操作,会用到验证码。既然用了ci框架,里边也封装了captcha,那么就总结下流程和用法。

1,创建并保存验证码。
2,使用验证码。
3,验证验证码。

创建并保存验证码:

3月 112016
 

初始用ci框架,里边的一些规则可能会漏掉。这个时候,会出现不敢,不愿相信的问题。

1,比如,你想调用base_url方法时候,发现提示未定义(Call to undefined function base_url)。咋办呢。回过头去自信看ci官方文档OR搜索引擎找答案。

在这里,为了缩短时间,还是去搜索引擎找了。在这里就有答案。

http://stackoverflow.com/questions/7503302/how-to-get-base-url-in-codeigniter-2

想用base_url, 你就先在控制器中load url helper。或者,在autoload.php中设置load。又或者这样用:
$this->config->base_url();

2,css中(非ci框架,碰到了就记一下),通过background定义背景图片。如果背景图片的宽高和该div中定义的宽高不相符时候,会出现显示异常的问题。这个是需要追加上background-size属性的设置。

    background:url('/static/assets/image/common/logo.png');
    background-size:117px 49px;
 Posted by at 上午11:44
3月 092016
 

关于web方面,常用的js,css框架有jquery,bootstrap。php框架ci框架等。如今,移动端的使用更加频繁。对应用,网页(虽然移动端网页用的不那么多)体验要求也更高。有要求,就有人愿意去付出,去改变。其中,mui就是移动端一个比较好的框架。它伴着H5一起。既可以用在mweb上,也可以用在app上。

mui官网:http://dev.dcloud.net.cn/mui/

拿别人的东东,用的时候,也是一个尝试和摸索的过程。在有一个比较美的外观的情况下,就涉及到实际点的东西了。利用ajax方式,数据提交给服务器。

官网的ajax文档:http://dev.dcloud.net.cn/mui/ajax/

看看差不多就能理解了。然后自己动手。在这里,自己建立了一个html页面的表单,并在数据库里边建了一个表,准备给表单提交数据后存储来着。过程展示贴图如下。

Continue reading »

3月 032016
 

尝试尝试,学了下H5。做了第一个小demo。需要用到的点。
1,canvas绘图api,绘制曲线圆,绘制文字。
2,怎么表示时钟数字。通过二维数组矩阵,利用绘制的圆,通过1和0来表示是否需要绘制来绘制数字。
3,定时器启动,改变数字。
4,完整版。ball的绘制,以及ball的改变。还有ball移出了画面清除等等。
已经把代码贴在后边了,三个版本的。代码比较简单,看看就能了解。

http://www.vini123.com/demo/h5/clock.html

完整code: Continue reading »

网站地图