随笔分类 - 前端之路
摘要：文章引用自 Cookie和Session Cookie和Session是Web开发绕不开的一个环节，本文介绍了Cookie和Session的原理及在Go语言中如何操作Cookie。 Cookie Cookie的由来 HTTP协议是无状态的，这就存在一个问题。 无状态的意思是每次请求都是独立的，它的执
阅读全文
摘要：Bootstrap 3.3.0 js 文件 <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> Bootstrap 3.3.0 css 文件 <link rel="stylesheet"
阅读全文
摘要：Promise # Promise 是异步编程的一种解决方案：从语法上讲，promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。promise有三种状态：pending(等待态)，fulfiled(成功态)，rejected(失败态)；状态一旦改
阅读全文
摘要：JS动画原理 通过CSS缓慢变化从而实现动画效果 获取css属性 Window.getComputedStyle()方法返回一个对象，该对象在应用活动样式表并解析这些值可能包含的任何基本计算后报告元素的所有CSS属性的值。 私有的CSS属性值可以通过对象提供的API或通过简单地使用CSS属性名称进行
阅读全文
摘要：ES6 简单语法： 变量声明 ES5 var 声明变量为全局变量 会变量提升 ES6 let 声明的变量为块级变量 且不能重复声明 不存在变量提升 # {}一个大括号为一个作用域 ES6 const 声明一个只读的常量，一旦声明，常量的值就不能改变，且一旦声明必须立即初始化 解构赋值(解包) 例如:
阅读全文
摘要：视觉效果 CSS代码： .cover { padding: 36% 50%; background: linear-gradient(to right, white 50%, black calc(50% + 1px)); position: relative; font-size: 200%; }
阅读全文
摘要：文章参考 一、前言&索引 给<div>这类块状元素元素设置display:grid或者给<span>这类内联元素设置display:inline-grid，Grid布局即创建！例如： div { display: grid; } 此时该div就是“grid容器”，其子元素称为“grid子项”。 //
阅读全文
摘要：文章参考至 一、前言&索引 CSS Shapes布局可以实现不规则的文字环绕效果，需要和浮动配合使用。 兼容性如下图： 还是很不错的，移动端可用，内部中后台项目可用。 CSS shapes布局相关属性并不多，学习成本比grid布局，flex布局小很多。 二、详细了解shape-outside sha
阅读全文
摘要：display:flex 布局 X轴 称为主轴 Y轴 交叉轴 display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持。 Flex是Flexible Box的缩写，意
阅读全文
摘要：JavaScript语言基础 ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现； 尽管 ECMAScript 是一个重要的标准，但它并不是 JavaScript 唯一的部分，当然，也不是唯一被标准化的部分。实际上，一个完整的 JavaScript 实现是由以
阅读全文
摘要：CSS CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素。当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 *** https://cdn.bootcss.com/normalize/8.0.1/normalize.css ### no
阅读全文
摘要：HTML： 超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言。 本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题） 网页文件的扩展名：.html或.
阅读全文