03 2020 档案

纯js实现数据分页显示
摘要：写在前面：最近写页面时，后台返回数据，需要在前端进行数据分页展示；看了很多前人写的代码，再自己改了下，最终实现效果；俗话说，前人种树，后人乘凉，就是这个道理吧 数据分页展示 这里是很简单的后台数据展示之后，在前端用js代码实现分页；可以用ajax从后台获取数据，然后再进行分页展示 效果如下： 刚加载 阅读全文
posted @ 2020-03-31 17:14 程序员瑶琴 阅读(2335) 评论(0) 推荐(0)
flex弹性布局
摘要：一、flex弹性布局 1.什么是flex布局？ flex（flex Box）弹性布局 2.什么是flex容器（flex container） 采用flex布局的元素，成为flex容器 3.什么是flex项目（flex item） flex容器的所有子元素自动成为容器成员，成为flex项目，孙子元素不 阅读全文
posted @ 2020-03-23 10:44 程序员瑶琴 阅读(213) 评论(0) 推荐(0)
H5表单验证总结
摘要：一、表单验证类型 表单验证通常分为2种： 1.form表单提交后台验证；2.ajax无刷新页面验证 表单验证方法分为：浏览器验证，服务端验证，浏览器和服务器端双重验证及ajax技术验证 二、H5表单基本特性介绍 required:设置表单元素必填；pattern:表单元素使用正则； novalida 阅读全文
posted @ 2020-03-22 21:49 程序员瑶琴 阅读(962) 评论(0) 推荐(0)
事件坐标screenX、clientX、pageX, offsetX的区别
摘要：如下图为鼠标点击时打印出的事件 那么下面的参数中screenX、screenY、offsetX、offsetY、clientX、clientY、pageX、pageY分别代表什么意思呢 看下图： 1.screenX、screenY：指当前被点击元素到电脑屏幕的x，y坐标；也是x、y的坐标 2.off 阅读全文
posted @ 2020-03-15 22:34 程序员瑶琴 阅读(576) 评论(0) 推荐(0)
安装wampserver，及遇到的问题
摘要：1.下载wampserver http://www.wampserver.com/en/#download-wrapper 下载之后，双击并按步骤安装即可 安装之后，打开，右下角的小图标显示绿色表示安装成功 安装之后，打开浏览器，输入localhost，出现如下界面，即为安装成功 2.安装遇到的问题 阅读全文
posted @ 2020-03-05 10:28 程序员瑶琴 阅读(239) 评论(1) 推荐(0)
跨域JSONP
摘要：一、什么是同源策略 同源策略：同源是指域名、协议、端口均相同 跨域：是指从一个域名的网页去请求另一个域名的资源，只要域名、协议、端口有一个不同，就被当作是跨域 JSONP是我们解决跨域最常用的方式 二、JSONP的原理 JSONP是JSON with Padding的简写，是一种跨域的解决方案 JS 阅读全文
posted @ 2020-03-05 10:16 程序员瑶琴 阅读(135) 评论(0) 推荐(0)