2018年04月_张思阳_Sia

原创登录功能代码(前端＋后端)

1.实现思路在登录页面用表单提交数据的方式，向后端发送用户名和密码；在数据库的用户表中查询是否有前端传来的用户名和密码，并向前端返回提示信息登录成功后跳回原页面2.实现代码登录页面HTML代码<form id="login"> 用户名: <input id="txtName" name="uname" value=""/>&l

2018-04-29 22:07:36 58367 2

原创 jQuery实现懒加载的原理及代码

1.什么是懒加载？对于图片过多的使用场景，为了提高页面加载速度，改善用户体验，我们对未出现在视野范围内的图片先不进行加载，等到出现在视野范围才去加载。2.为什么需要懒加载？这样做能防止页面一次性向服务器响应大量请求导致服务器响应慢，页面卡顿或崩溃等问题，提高网站的性能。3.实现原理先将img标签中的src链接设为同一张图片(空白图片)，将其真正的图片地址存储再img标签的...

2018-04-28 10:37:38 3436

原创关键词搜索框的单击事件代码(jQuery)

1.功能介绍在商城的页头中有搜索框，用户可在搜索框中输入关键词(一个或多个)查询相关商品，点击查询图片或按回车键跳转到商品列表页面。2.代码实现实现思路：在用户点击查询图片或点击回车键时，添加单击事件，跳转到关键词搜索的商品列表页面；同时将用户输入的关键词保留在搜索框中。搜索查询功能的数据库代码，php处理数据代码以及前端加载商品页面代码已经实现。jQuer...

2018-04-27 17:28:28 4524

原创关键词搜索/分页功能的前端代码(ajax + jQuery)

1.功能介绍**使用语言：**ajax + jQuery 实现功能：在页面加载时获得用户关键词搜索的查询字符串，向服务器发请求，拿回数据(商品信息及页码相关信息)，加载到页面上；分页功能，点击上一页/数字页码/下一页，在页面上显示相应的页面内容。2.代码实现//页面一加载就要向服务器发起请求$(function(){ //封装函数，每点一次页码，都重新加载一遍...

2018-04-25 13:24:29 1611

原创关键词搜索&分页功能的后端代码(PHP + MySQL)

1.功能介绍**使用后端语言：**PHP 后端数据库： MySQL 编程思路： 1.关键词搜索——接受前端传来的用户搜索的关键词，是由关键词组成的字符串；关键词的个数不确定，关键词之间一般用空格隔开，如kw=iphone 64g black；在php中，用explode() 函数根据空格把字符串打散为由关键词组成的数组，如 [iphone, 64g, black]；遍历关键...

2018-04-23 20:31:51 3078

原创实现用户注册功能的代码

1.功能介绍使用语言： html ＋ javascript + ajax + php 后端数据库： MySQL (这里不涉及到样式)成功注册流程：注册页面(register.html)，该页面提供一个 form表单，收集用户信息。提交后转到register.php页面，利用php将注册信息添加到数据库中。2.实现代码2.1 创建MySql数据库中的用户信息表需...

2018-04-21 16:21:10 58277 3

原创 JavaScript创建对象的7种方法

面向对象可以把程序中的关键模块都视为对象，而模块拥有属性及方法。这样我们如果把一些属性及方法封装起来，日后使用将非常方便，也可以避免繁琐重复的工作。1.对象直接量创建对象最简单的方式就是在JavaScript代码中使用对象直接量。对象直接量是一个表达式，这个表达式的每次运算都创建并初始化一个新的对象。每次计算对象直接量的时候，也都会计算它的每个属性的值。如果在一个重复调用的函数...

2018-04-19 18:42:13 442

原创 JavaScript数组去重的4种方法

更多内容，欢迎关注微信公众号“让知识成为资产”。1.基本的去重方法function findInArr(n ,arr){ //创建函数，查找一个数在当前数组中是否存在 for (var i = 0; i < arr.length; i++) { if (n == arr[i]) return true; //如果存在，返回tru...

2018-04-17 18:40:58 811

原创 CSS清除浮动的八种方法

浮动对页面的影响如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子在父盒子中进行了浮动，那么将来父盒子的高度为0。由于父盒子的高度为0，下面的元素会自动补位，所以这个时候要进行浮动的清除。CSS浮动详见 http://www.w3school.com.cn/css/css_positioning_floating.asp清除浮动的方法1.父级div定义 he...

2018-04-17 10:49:32 5782

原创块级元素与行内元素的区别

更多内容，欢迎关注微信公众号“让知识成为资产”HTML中元素大多数都是块级元素或行内元素。理解块级元素和行内元素是理解CSS浮动定位的基础。含义及特点行内元素(inline element)——也叫做内联元素，只占据它对应标签的边框所包含的空间。特点—— - 和其他元素都在同一行； - 高、行高及外边距和内边距不可改变； - 宽度就是它的文字和图片的宽度，不可...

2018-04-16 12:19:16 404 1

原创 CSS选择器

更多内容，欢迎关注微信公众号“让知识成为资产”1.通配选择器作用可以修饰页面上的任何元素语法 *{ 样式声明 } 示例 *{ color: red; } div * p {color: blue; }2.元素选择器作用设置页面上某类元素的样式语法 element1 { 样式声明 } 示例 body { background: #FFF; } p...

2018-04-15 21:12:36 194

原创 DOCTYPE声明 | 严格模式和混杂模式

DOCTYPE声明作用 DOCTYPE声明告诉浏览器该文件的类型，让浏览器解析器知道应该用哪个HTML或XHTML规范来解析文档。元素在不同文档类型中的使用规范，请参阅这个 HTML 元素表，其中列出了每种元素会出现在哪个文档类型中。HTML与XHTML之间主要的差异——XHTML元素必须被正确地嵌套；XHTML元素必须被关闭，非空标签必须使用结束标签，空标签也必须被关闭；...

2018-04-13 15:19:15 461

原创浏览器内核

什么是浏览器内核？浏览器内核分为两部分：渲染引擎和JS引擎。渲染引擎负责——取得网页的内容(HTML,XML,图像等)整理信息(加入CSS等)计算网页的显示方式输出至显示器或打印机JS引擎负责——解析Javascript语言执行Javascript语言来实现网页的动态效果五大浏览器内核IE——Trident内核Firefox——Gecko内核Saf...

2018-04-11 16:23:09 213

张思阳的博客