09 2017 档案
摘要:前言:本文是自己在学习课程中的课程笔记,这里用来温故知新的,并非本人原创。 开发工具 1、记事本,Editplus,... ... 2、Sublime,Dreamweaver 3、Webstorm 一、什么是响应式网页 Responsive Web Page,响应式网页/自适应网页,即一个页面既可以
阅读全文
摘要:前言:本文是自己在学习课程中的课程笔记,这里用来温故知新的,并非本人原创。 一、HTML快速入门(重点) 1、HTML概述 1、什么是HTML HTML : Hyper Text Markup Language 超文本标记语言 超文本:超级文本 a : 第一个字符 超文本a : 超链接 标记:<a>
阅读全文
摘要:前言:这篇文章是转载【前端开发博客】的一篇技术文章,并非本人所写。只是个人觉得很实用,所以分享给大家。原文链接:github.com 1、利用 CSS 的 content 属性 attr 抓取资料需求 鼠标悬浮实现一个提示的文字,类似github的这种,如图: 想必大家都想到了伪元素 after,但
阅读全文
摘要:一、引言 本文主要是利用一个例子,讲一下原生js中常用的四种循环方式的使用与区别: 实现效果: 四种循环: for循环 while循环 for in 循环 for of 循环 二、for循环 三、while循环 四、for in 循环 五、for of循环
阅读全文
摘要:一、引言 做京东账户项目中的购物车模块,功能之四就是购物车列表的分页显示。要用到的是Apach环境,Mysql、PHP以及Ajax。 二、查询数据 三、修改程序
阅读全文
摘要:一、引言 做京东账户项目中的购物车模块,功能之三就是删除购物车中的选项。要用到的是Apach环境,Mysql、PHP以及Ajax。 二、依据功能创建库、表、记录 创建库:jd 创建表:购物车表 jd_cart 三、创建php①jd.sql ②init.php ③cart_del.php header
阅读全文
摘要:一、引言 做京东账户项目中的购物车模块,功能之二是购物车列表显示。要用到的是Apach环境,Mysql、PHP以及Ajax。 二、小功能-点击“去购物车结算” 小坑:Ajax动态生成的不能直接绑定,因为绑定时这个对象还不存在,要先找一个已存在的元素委托代理。 加载shoppingcart页头页尾 三
阅读全文
摘要:一、引言 做京东账户项目中的购物车模块,功能之一就是添加购物车。要用到的是Apach环境,Mysql、PHP以及Ajax。 预计效果:用户点击->“加入购物车” 添加成功 已经2件 二、依据功能创建库、表、记录 创建库:jd 创建表:购物车表 添加多条记录 小坑:购物车表注意尽量少的与产品表重复。只
阅读全文
摘要:一、引言 实现京东的账户项目,有一个小功能,页头页尾加载。要用到的是Apach环境,Mysql、PHP以及Ajax。 二、实现 原理: 用php文件分别写一个的页头和一个页尾,放在前后两个div里。 通过jquery发送一个请求 请求这个php。 再把里面的一些小按钮,小图标放在这个div里即可。
阅读全文
摘要:一、引言 实现京东的账户项目,功能模块之一,产品列表显示。要用到的是Apach环境,Mysql、PHP以及Ajax。 二、依据功能创建库、表、记录 创建库:jd 创建表:产品表 添加多条记录 /**产品信息表**/ CREATE TABLE jd_product( pid INT PRIMARY K
阅读全文
摘要:一、引言 实现京东的账户项目,功能模块之一,用户登录。要用到的是Apach环境,Mysql、PHP以及Ajax。 二、依据功能创建库、表、记录 创建库:jd 创建表:登录表 添加三条记录 三、创建php ①jd.sql ②init.php ③login_do.php 获取参数 uname/upwd
阅读全文
摘要:一、引言 在商城的详情页中,放大镜的功能是很常见的。这里京东详情页就要做一个仿放大镜的效果,预览如下: 二、实现原理 实际上,放大镜的实现是单纯用几个div,鼠标移入其中一个小图div,触发事件显示另一个div中的大图。 并非真的使用了某种flash或插件之类,用到放大的效果。所以,网页中的放大镜功
阅读全文
摘要:一、引言 在js模块中,要给每一个功能封装一个匿名函数。为了更好的理解什么是匿名函数,为什么要用匿名函数,我做了一些查阅和学习。 二、匿名函数 什么是:在创建时,不被任何变量引用的函数。 为什么:节约内存;划分临时作用域,避免全局污染。 何时:只要一个函数只用一次,就释放。 1、回调 创建一个函数后
阅读全文
摘要:一、引言 要做详情页的商品评价等5个li的标签页转换,效果如下: 二、实现原理 有一个特别的地方:上面五个li,但下面只有四个容器(table/div)。 设计的目的:无论点哪个li,只有前四个div或table在显示或隐藏,其它三个清除。商品评价一直显示,如果点击的是商品评价的li,则前四个容器全
阅读全文
摘要:一、引言 做京东详情页仿写的时候,要用原生js实现顶部菜单的二级菜单显示与隐藏事件的触发。 过程中遇到了一个坑,在这里与大家分享。要实现的效果如下: 二、坑 谁触发事件?显示、隐藏二级菜单 a? 如果绑给a 查找a 怎么查? 选择器 怎么写? 调试 看是否找到全部a ,找到的是不是自己想要的a区域。
阅读全文