随笔分类 - html/css
摘要：1.温习JavaScript 这些日子，开发人员掌握JavaScript总不会错。JavaScript能力是目前为止被高层执行人员和招聘人员誉为最频繁的追捧技能。JavaScript已被证明是当今市场中高度可移植和宝贵的技能。 2.了解大数据 大数据项目相较于去年继续扩大，而且在这几年里也没有放缓的
阅读全文
posted @ 2020-11-20 13:46
笑人
摘要：你想成为一名Web开发人员，但现在你面前有这样一个问题，那就是你没有在高科技行业工作的经验。你上了一些课程，也花了时间在个人编码项目上，但是你的简历上关于“经验”的部分仍然不为企业承认。过渡到一个新的领域从来就不是一件简单的事。你不知道你是否准备好了，不知道是否有人会认真对你，也不知道你是否能得到工
阅读全文
posted @ 2020-11-20 13:45
笑人
摘要：代码执行时机将决定着是否能够正常执行，当依赖文件没加载完成就开始执行、使用对应模块，那么将会导致执行异常。这在“ 存在资源加载失败时，加载重试影响原来文件的执行顺序 ”的场景下尤为常见。 webpack 构建除了进行模块依赖管理，实际上，也天然地管理了 entry 与 chunk 多文件的执行时机，
阅读全文
posted @ 2020-11-20 13:44
笑人
摘要：说明 本文中所说的QQ登录功能，是采用官方的OAuth2.0来实现的，这样有更多的自主权。另一种较为简单的js-SDK开发方式，虽然非常简便，但自主性不够，所以没有采用。 下文中所构造的URL，均使用了JavaScript的ES6语法。 注册开发者 先登录QQ互联官网，登录时所用的QQ号会和相关信息
阅读全文
posted @ 2020-11-20 13:43
笑人
摘要：前言 浏览器缓存是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制，有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据，整体上加速网页展示给用户。浏览器端缓存的机制种类较多，总体归纳为九种，这里详细分析下这九种缓存机制的原理和使用场景。打开浏览器的调试模式——Applicatio
阅读全文
posted @ 2020-11-20 13:42
笑人
摘要：背景 一般的项目需求都会要求统一的输出结构，特别是对于api应用而言。因此，如果有beforeResponse的功能，则可以在数据输出之前对response进行统一格式化处理。 假设这么一种场景，应用做api开发，使用抛异常的方式(自定义异常类ApiException)返回无效非法请求的情况。正常请
阅读全文
posted @ 2020-11-20 13:41
笑人
摘要：css中的background属性想必大家已经用了无数遍，但是对于css3属性background-clip你可能还不太了解，那么今天我们就专门来聊聊这个属性。 clip，英文意为 “裁切，修剪”，所以很显然，background-clip属性肯定与背景裁切有关，而事实也正是如此。 backgrou
阅读全文
posted @ 2020-11-20 13:39
笑人
摘要：Content-Security-Policy 内容安全策略（CSP）常用来通过指定允许加载哪些资源来防止跨站点脚本攻击。在接下来所介绍的所有安全头信息中，CSP 可能是创建和维护花费时间最多的而且也是最容易出问题的。在配置你的网站 CSP 过程中，要小心彻底地测试它，因为阻止某些资源有可能会破坏你
阅读全文
posted @ 2020-11-20 13:37
笑人
摘要：什么是跨域访问 这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。如果进行跨域访问，浏览器会报跨域访问异常 NO ‘Access Co
阅读全文
posted @ 2020-11-20 13:31
笑人
摘要：block 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。 <div>, <p>, <h
阅读全文
posted @ 2020-11-20 13:29
笑人
摘要：学习前端的几个个阶段： 一阶段：html标签、html5新增标签、css样式、css3样式、媒体查询等二阶段：JavaScript、jQuery、ajax、面向对象、http传输协议等三阶段：canvas、js高级应用、js-SDK、H5新增技术四阶段：node.js、vue.js 第一阶段——HT
阅读全文
posted @ 2020-11-20 13:27
笑人
摘要：一、服务端渲染 - 简介 所谓服务端渲染就是将代码的渲染交给服务器，服务器将渲染好的html字符串返回给客户端，再由客户端进行显示。 服务器端渲染的优点 有利于seo搜索引擎优化，因为服务端渲染是将渲染好的html字符串返回给了客户端，所以其可以被爬虫爬取到； 加快首屏渲染时间，不会出现白屏； 服务
阅读全文
posted @ 2020-11-20 13:23
笑人
摘要：前言 XSS 自动点按钮有什么危害？ 在社交网络里，很多操作都是通过点击按钮发起的，例如发表留言。假如留言系统有 XSS，用户中招后除了基本攻击外，还能进行传播 —— XSS 自动填入留言内容，并模拟点击发表按钮，于是就能发布带有恶意代码的留言。好友看了中招后，又传播给他们的好友。。。从而形成蠕虫扩
阅读全文
posted @ 2020-10-19 16:28
笑人
摘要：弹性布局的名称概念： 1、容器：需要添加弹性布局的父元素；项目：弹性布局容器中的每一个子元素，称为项目。 2、主轴：在弹性布局中，我们会通过属性规定水平/垂直方向（flex-direction）为主轴；与主轴垂直的另一方向，称为交叉轴。 弹性布局的重要的几大基础属性： 1、flex-directio
阅读全文
posted @ 2020-10-19 16:26
笑人
摘要：无规矩不成方圆，软件开发当然不能例外。Web开发涉及的厂商和技术非常多，所以必须要有参考的标准，而且需要一系列的标准。Web程序都是通过浏览器来解析执行的，通过页面的展示内容与用户互动，所以Web标准不仅要求各个浏览器都要遵循，开发者一样要遵循相同的标准。而似乎和Web相关标准的制作组织机构很多，例
阅读全文
posted @ 2020-10-19 16:23
笑人
摘要：原理：大致原理都是使用原生的checkbox或input标签，在其后面设置相关联的label元素。给<input>元素设置为透明，然后通过定位让用户看到的是<label>元素，利用css的原生属性来判断用户的操作，设置选中后的label样式,即 input[type=checkbox]:checke
阅读全文
posted @ 2020-10-19 16:21
笑人
摘要：当我们学习css时，我们大多数人学到的第一件事是css中盒子的各个部分的细节，这部分通过叫做 CSS盒、模型。“盒模型”中的元素之一是margin，即盒子周围的透明区域，它会将其他元素从盒子内容中推开。 CSS1中描述了 margin-top、margin-right、margin-bottom和m
阅读全文
posted @ 2020-10-19 16:20
笑人
摘要：1. 问题由来 在做两款H5的APP项目，前期采用微信官方推荐的weui组件库。后来因呈现的效果不理想，组件不丰富，最终项目完成后全部升级采用了有赞开发的vant组件库。同时将webpack顺利从3升级到4（项目结构 webpack+vue+vuex+vue-router+vant+less）。相信
阅读全文
posted @ 2020-10-19 16:19
笑人
摘要：是这样的需求，有一个web页面，里面图片的上传和预览来自于一个独立的文件服务器，对http的请求需要进行访问权限的设置，就是在请求的header里加一个Authorization的字段。上传好说我用的Axios直接添加一个header就行了，但是预览就比较麻烦了，因为img这个标签图片下载展示是浏览
阅读全文
posted @ 2020-10-19 12:59
笑人
摘要：当一个页面使用了iframe作为嵌套时，如何想要将父页面的数据传给iframe子页面，那iframe所指向的呢个子页面是怎么获取呢，又或者子页面的数据要给父页面使用，那么父页面又如何获取子页面的数据呢？下面根据这种情况作了一个简单的demo案例： 父页面是parentPage.html，子页面是ch
阅读全文
posted @ 2020-10-19 12:58
笑人
浙公网安备 33010602011771号