随笔分类 - html\css
摘要：1：基本概念 在一定时间内平滑的过渡，也就是圆滑的以动画效果改变css的属性值。它的过渡可以由鼠标点击、焦点获取或者失去、被点击事件或对元素的改变中触发；不能主动触发，只能被动触发。 常用的基本属性有：Transition-duration（过渡时间）、Transition-property （过渡
阅读全文
posted @ 2020-12-09 21:28
浅笑·
摘要：前言 在多人协作项目中，如果代码风格统一、代码提交信息的说明准确，那么在后期协作以及Bug处理时会更加方便。Git 每次提交代码，都要写 Commit message（提交说明），否则就不允许提交。一般来说，commit message 应该清晰明了，说明本次提交的目的。 Commit messag
阅读全文
posted @ 2020-12-09 21:02
浅笑·
摘要：一、rem 和 vw 简介 1. rem rem 是相对长度单位，是指相对于根元素(即html元素)font-size(字号大小)的倍数。 浏览器支持：Caniuse 示例 若根元素 font-size 为 12px html { font-size: 12px; } h1 { font-size:
阅读全文
posted @ 2020-12-09 21:00
浅笑·
摘要：很多网站设计一般是两个部分，content + footer，content里面装的是网站主体内容，footer里面展示网站的注册信息等等，因为网站内容高度不定的原因，会出现下面两种情况： 1.内容较少时，这个footer固定在在页面的底部。如下所示：2.内容较长时，footer跟在内容后面滑动，大
阅读全文
posted @ 2020-12-09 20:47
浅笑·
摘要：产品希望看到投放出去的活动页，用户对其页面内的什么信息比较感兴趣，对什么信息完全不感兴趣。=> 计算页面内每模块的停留时间 第一次听到这个需求，我的大脑开始疯狂运转，然后想到了plan 1, plan 2, plan3...中间还有很多失败想法我已经忘记了，这里方案三是我最终采用的方法。 方案一：根
阅读全文
posted @ 2020-12-09 20:45
浅笑·
摘要：前言 一般可以使用cookie,localstorage,sessionStorage来实现浏览器端的数据缓存，减少对服务器的请求。 1.cookie数据存放在本地硬盘中，只要在过期时间之前，都是有效的，即使重启浏览器。但是会在每次HTTP请求中添加到请求头中，如果数据过多，会造成性能问题。 2.s
阅读全文
posted @ 2020-12-09 20:43
浅笑·
摘要：随着前端技术的急速发展，随着互联网行业的日益发展，html5作为一种比较新型的开发技术早已经被很多大的企业所应用，通过html5语言可以开发适用于任何设备上的酷炫网站页面，所以HTML5的发展趋势可想而知。话说HTML5退出了也好长一段时间了，现在还拿出来炒冷饭O(∩_∩)O哈哈~ HTML5与se
阅读全文
posted @ 2020-12-09 20:35
浅笑·
摘要：起因 团队中如果不同的项目，不同的人员可能在接口设计上有许多不统一的地方。导致了开发效率低下的问题。由于我在工作中遇到了，所以整理下来，说一说自己的一些看法。 怎样进行接口规范化 因为每个人对自己使用语言有不同的理解、HTTP协议熟悉程度不同、思维逻辑、开发经验不一样。对接口规范有想法的人应该提出自
阅读全文
posted @ 2020-12-09 20:31
浅笑·
摘要：css代码优化作用与意义 1、减少占用网页字节。在同等条件下缩短浏览器下载css代码时间，相当于加快网页打开速度2、便于维护。简化和标准化css代码让css代码减少，便于日后维护3、让自己写的css代码更加专业。 css优化方法 1、缩写css代码。2、排列css代码。3、同属性提取共用css选择器
阅读全文
posted @ 2020-12-09 20:26
浅笑·
摘要：初识cookie http是无状态的请求响应。每次的请求响应之后，连接会立即断开或延时断开（保持一定的连接有效期）。断开后，下一次请求再重新建立。在http连接时，通过cookie进行会话跟踪，第一次响应时设置的Cookie在随后的每次请求中都会发送出去。 Cookie还可以包括登陆认证后的身份信息
阅读全文
posted @ 2020-12-09 20:14
浅笑·
摘要：1. 前言 1.1 前端 前端三剑客：结构层 html，表现层 css，行为层 JavaScript。 html好比是房子的地基，css和 javascript是房子的建筑材料，这三个部分一起组成个漂亮的房子。我们不能把他们分开说，某某部分是个房子，只有三个一起才能组成一个漂亮的房子 。 1.2 J
阅读全文
posted @ 2020-11-26 13:11
浅笑·
摘要：什么是偏门，就是有些片段很少使用，时间久了就记不起来，但用的时候又要去找，所以这里为大家整理一些少用但又实用的 css 样式 ::-Webkit-Input-Placeholder input 的 H5 placeholder 属性，很好用，但不能直接改这个文字颜色，所以目前的解决方法就是用::in
阅读全文
posted @ 2020-11-26 13:10
浅笑·
摘要：简介 如果你关注代码本身和代码的编写方式，而不是只关心它是否能工作，那么你写代码是有一定的水准。专业开发人员将为未来的自己和“其他人”编写代码，而不仅仅只编写当前能工作就行的代码。 在此基础上，简洁代码可以定义为自解释的、易于人理解的、易于更改或扩展的代码。 以下列表一些好编写方式，仅供参考，当然，
阅读全文
posted @ 2020-11-26 13:08
浅笑·
摘要：网络视频一直都很火。虽然在页面上嵌入 Instagram 和 Youtube 视频非常简单，但是有越来越多的需求 —— 比如许多电子商务的场景 —— 要求定制的视频传输方法。在设置视频处理和传输管道时，首先要考虑的是要服务的视频格式。 用户体验、支持（浏览器和系统）、压缩效率或编码速度等方面可能与此
阅读全文
posted @ 2020-11-26 13:07
浅笑·
摘要：css 的继承性是什么? 在面向对象语言都会存在继承的概念，在面向对象语言中，继承的特点：继承了父类的属性和方法。 那么我们现在主要研究css，css就是在设置属性的。不会牵扯到方法的层面。 css的继承：就是给父级设置一些属性，子级继承了父级的该属性，这就是我们的css中的继承。 官方解释，继承是
阅读全文
posted @ 2020-11-26 13:05
浅笑·
摘要：一、开发框架 ExtJS可以称为第一代单页应用框架的典型，它封装了各种UI组件，用户主要使用JavaScript来完成整个前端部分，甚至包括布局。随着功能逐渐增加，ExtJS的体积也逐渐增大，即使用于内部系统的开发，有时候也显得笨重了，更不用说开发以上这类运行在互联网上的系统。 jQuery由于偏重
阅读全文
posted @ 2020-11-26 13:04
浅笑·
摘要：browser VS module VS main 前端开发中使用到 npm 包那可算是家常便饭，而使用到 npm 包总免不了接触到 package.json 包配置文件。那么这里就有一个问题，当我们在不同环境下 import 一个 npm 包时，到底加载的是 npm 包的哪个文件？ 老司机们很快地
阅读全文
posted @ 2020-11-26 13:03
浅笑·
摘要：如果博客是使用Hexo管理的，sitemap可以使用插件来生成。但对于一个内容管理网站，后端可能是express、koa之类的框架，这时sitemap就需要自己来生成了 什么是sitemap Sitemap可方便网站管理员通知搜索引擎他们网站上有哪些可供抓取的网页。最简单的Sitemap形式，就是X
阅读全文
posted @ 2020-11-26 13:01
浅笑·
摘要：第一种方法：通过npm 安装插件 1，安装 npm install vue-print-nb --save 2，引入安装好以后在main.js文件中引入 import Print from 'vue-print-nb' Vue.use(Print); //注册 3，现在就可以使用了 <div id=
阅读全文
posted @ 2020-11-26 13:00
浅笑·
摘要：1、DOM结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。 1、包含与被包含 A.contains(B)检测B节点是否是A节点的子节点，返回布尔值 2、父与子 获取父节点： node.parentNode,node.parentElement,两者区别在于后者只能获取元素 获取子
阅读全文
posted @ 2020-11-26 12:59
浅笑·
浙公网安备 33010602011771号