摘要: 在登录或者注册页面输入表单时,会让你输入验证码进行账号绑定,一般验证码都是后台在弄,前端一般都是获取验证码传递给后端。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>验证码</title> <style> 阅读全文
posted @ 2020-06-17 23:31 岱宗如何 阅读(241) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0; margin: 0; } html,body{ height: 1000px; wid 阅读全文
posted @ 2020-06-17 23:28 岱宗如何 阅读(159) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0; margin: 0; } html,body{ width: 100%; height 阅读全文
posted @ 2020-06-17 23:18 岱宗如何 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 有些网站图片展示都是几行几列排列,开发者可以用九宫格布局任意排列图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>九宫格布局</title> <style> *{ padding: 0; margin:  阅读全文
posted @ 2020-06-17 23:16 岱宗如何 阅读(231) 评论(0) 推荐(0) 编辑
摘要: //网易移动端适配;(function(win, lib) { var doc = win.document; var docEl = doc.documentElement; var metaEl = doc.querySelector('meta[name="viewport"]'); var 阅读全文
posted @ 2020-06-17 23:10 岱宗如何 阅读(382) 评论(0) 推荐(0) 编辑
摘要: <template> <!-- 封装滚动组件 --> <div class="wrapper" ref="swiper"> <!-- wrapper里面只能放一个元素,就是滚动的 --> <div class="content"> <slot></slot> </div> </div> </temp 阅读全文
posted @ 2020-06-17 23:00 岱宗如何 阅读(860) 评论(0) 推荐(0) 编辑
摘要: //时间格式化 function dateFormat(fmt, date) { let ret; const opt = { "y+": date.getFullYear().toString(), // 年 "M+": (date.getMonth() + 1).toString(), // 月 阅读全文
posted @ 2020-06-17 22:55 岱宗如何 阅读(183) 评论(0) 推荐(0) 编辑
摘要: // 设计稿自定义为375px 利用测量的px大小除以50px 即可得到所需rem值 (function () { remLayout(); function remLayout() { // 获取屏幕宽度 var w = document.documentElement.clientWidth | 阅读全文
posted @ 2020-06-17 22:54 岱宗如何 阅读(508) 评论(0) 推荐(0) 编辑