摘要: 前面的话 在网页设计中,Sticky footers设计是最古老和最常见的效果之一,大多数人都曾经经历过。它可以概括如下:如果页面内容不够长的时候,页脚块粘贴在视窗底部;如果内容足够长时,页脚块会被内容向下推送。本文将详细介绍sticky footer的4种实现方式 绝对定位 常见的实现方法是对(. 阅读全文
posted @ 2020-11-20 13:58 笑人 阅读(155) 评论(0) 推荐(0) 编辑
摘要: 在平时项目开发中,我们经常会对文件做一些上传操作,不仅仅要实现基本需求,也要兼顾用户体验,根据自己在工作中遇到的问题谈谈对图片上传的预览以及上传进度的优化。 1.搭建项目 基于vue.js+axios搭建的项目,新建一个Index.vue项目如下,基本结构可以先可以选择文件,预览文件。 <templ 阅读全文
posted @ 2020-11-20 13:56 笑人 阅读(497) 评论(0) 推荐(0) 编辑
摘要: 在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点的类型 节点类型:元素 1 ,属性 2 ,文本 3 ,注释 8,文档 9。 一、添加和删除节点(html 阅读全文
posted @ 2020-11-20 13:55 笑人 阅读(142) 评论(0) 推荐(0) 编辑
摘要: .htaccess文件是运行Apache Web Server的Web服务器的配置文件,对配置和重定向Apache Web Server文件系统很有用。请记住.htaccess文件将采用隐藏格式。没有人可以通过URL直接看到它。 .htaccess文件有很多用途。在这里,我将讨论.htaccess文 阅读全文
posted @ 2020-11-20 13:53 笑人 阅读(835) 评论(0) 推荐(0) 编辑
摘要: 一,常用的HTTP-EQUIV类型: Set-Cookie(cookie设定) 说明:如果网页过期,存盘的cookie将会被删除(必须是GMT的时间格式) <meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday 阅读全文
posted @ 2020-11-20 13:52 笑人 阅读(102) 评论(0) 推荐(0) 编辑
摘要: 可以让页面中指定的元素按照设定的方式“动”起来,运用的是人视觉延迟的原理,连续地在上一张图消失之前插入下一张。 animation属性值 1.animation-name 对象的动画名称,以便后续设置动画属性时使用 默认为none,如果设置的话即为要设置动画的关键帧的名字 后续对该元素设置动画时,要 阅读全文
posted @ 2020-11-20 13:51 笑人 阅读(167) 评论(0) 推荐(0) 编辑
摘要: box-shadow属性是一个css3属性,允许我们在几乎任何元素上来创建阴影效果,类似于在设计软件中的”drop shadow”。这些阴影效果允许我们在原本平面的、二维的页面上面创建出深度(第三维)的错觉。 定义和用法 box-sizing属性定义了如何计算元素的宽度和高度:它们是否包括填充和边框 阅读全文
posted @ 2020-11-20 13:48 笑人 阅读(716) 评论(0) 推荐(0) 编辑
摘要: viewport <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 这个是移动端页面开发必备的标签,用来调整布局视口同视觉视口一致,禁止 阅读全文
posted @ 2020-11-20 13:47 笑人 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 1.温习JavaScript 这些日子,开发人员掌握JavaScript总不会错。JavaScript能力是目前为止被高层执行人员和招聘人员誉为最频繁的追捧技能。JavaScript已被证明是当今市场中高度可移植和宝贵的技能。 2.了解大数据 大数据项目相较于去年继续扩大,而且在这几年里也没有放缓的 阅读全文
posted @ 2020-11-20 13:46 笑人 阅读(147) 评论(0) 推荐(0) 编辑
摘要: 你想成为一名Web开发人员,但现在你面前有这样一个问题,那就是你没有在高科技行业工作的经验。你上了一些课程,也花了时间在个人编码项目上,但是你的简历上关于“经验”的部分仍然不为企业承认。过渡到一个新的领域从来就不是一件简单的事。你不知道你是否准备好了,不知道是否有人会认真对你,也不知道你是否能得到工 阅读全文
posted @ 2020-11-20 13:45 笑人 阅读(152) 评论(0) 推荐(0) 编辑
摘要: 代码执行时机将决定着是否能够正常执行,当依赖文件没加载完成就开始执行、使用对应模块,那么将会导致执行异常。这在“ 存在资源加载失败时,加载重试影响原来文件的执行顺序 ”的场景下尤为常见。 webpack 构建除了进行模块依赖管理,实际上,也天然地管理了 entry 与 chunk 多文件的执行时机, 阅读全文
posted @ 2020-11-20 13:44 笑人 阅读(324) 评论(0) 推荐(0) 编辑
摘要: 说明 本文中所说的QQ登录功能,是采用官方的OAuth2.0来实现的,这样有更多的自主权。另一种较为简单的js-SDK开发方式,虽然非常简便,但自主性不够,所以没有采用。 下文中所构造的URL,均使用了JavaScript的ES6语法。 注册开发者 先登录QQ互联官网,登录时所用的QQ号会和相关信息 阅读全文
posted @ 2020-11-20 13:43 笑人 阅读(1161) 评论(0) 推荐(0) 编辑
摘要: 前言 浏览器缓存是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制,有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据,整体上加速网页展示给用户。浏览器端缓存的机制种类较多,总体归纳为九种,这里详细分析下这九种缓存机制的原理和使用场景。打开浏览器的调试模式——Applicatio 阅读全文
posted @ 2020-11-20 13:42 笑人 阅读(847) 评论(0) 推荐(0) 编辑
摘要: 背景 一般的项目需求都会要求统一的输出结构,特别是对于api应用而言。因此,如果有beforeResponse的功能,则可以在数据输出之前对response进行统一格式化处理。 假设这么一种场景,应用做api开发,使用抛异常的方式(自定义异常类ApiException)返回无效非法请求的情况。正常请 阅读全文
posted @ 2020-11-20 13:41 笑人 阅读(249) 评论(0) 推荐(0) 编辑
摘要: css中的background属性想必大家已经用了无数遍,但是对于css3属性background-clip你可能还不太了解,那么今天我们就专门来聊聊这个属性。 clip,英文意为 “裁切,修剪”,所以很显然,background-clip属性肯定与背景裁切有关,而事实也正是如此。 backgrou 阅读全文
posted @ 2020-11-20 13:39 笑人 阅读(879) 评论(0) 推荐(0) 编辑
摘要: Content-Security-Policy 内容安全策略(CSP)常用来通过指定允许加载哪些资源来防止跨站点脚本攻击。在接下来所介绍的所有安全头信息中,CSP 可能是创建和维护花费时间最多的而且也是最容易出问题的。在配置你的网站 CSP 过程中,要小心彻底地测试它,因为阻止某些资源有可能会破坏你 阅读全文
posted @ 2020-11-20 13:37 笑人 阅读(236) 评论(0) 推荐(0) 编辑
摘要: 什么是跨域访问 这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。如果进行跨域访问,浏览器会报跨域访问异常 NO ‘Access Co 阅读全文
posted @ 2020-11-20 13:31 笑人 阅读(607) 评论(0) 推荐(0) 编辑
摘要: block 块级元素特点: 1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行) 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。 <div>, <p>, <h 阅读全文
posted @ 2020-11-20 13:29 笑人 阅读(1577) 评论(0) 推荐(0) 编辑
摘要: 学习前端的几个个阶段: 一阶段:html标签、html5新增标签、css样式、css3样式、媒体查询等二阶段:JavaScript、jQuery、ajax、面向对象、http传输协议等三阶段:canvas、js高级应用、js-SDK、H5新增技术四阶段:node.js、vue.js 第一阶段——HT 阅读全文
posted @ 2020-11-20 13:27 笑人 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 一、服务端渲染 - 简介 所谓服务端渲染就是将代码的渲染交给服务器,服务器将渲染好的html字符串返回给客户端,再由客户端进行显示。 服务器端渲染的优点 有利于seo搜索引擎优化,因为服务端渲染是将渲染好的html字符串返回给了客户端,所以其可以被爬虫爬取到; 加快首屏渲染时间,不会出现白屏; 服务 阅读全文
posted @ 2020-11-20 13:23 笑人 阅读(629) 评论(0) 推荐(0) 编辑