瓜瓜小博

挣扎的码农

CSS Reset

CSS Reset

CSS Reset && app内嵌H5需要修改的样式 CSS Reset 因为浏览器都有默认样式，各个浏览器的默认样式不尽相同， 或者有些标签的样式是大多数人都接受的那种，像 ul 和 ol 前面的标记和序号。 不处理的话很可能会有不同浏览器出现不同样式的情况。最简单的方法就是将浏览器的默认样式覆盖。 常见的 css reset 有： Eric Meye...

Posted by ddxg on September 9, 2019

CSS 世界 - 盒尺寸四大家族

《CSS 世界》读书笔记

盒尺寸四大家族 盒尺寸中有四个盒子：content box、padding box、border box 和 margin box。分别对应css中的content、padding、border 和 margin。 content 与 替换元素 替换元素：修改某个属性值呈现的内容就可以被替换的元素，典型的就是<img>，还有<video>、<...

Posted by ddxg on September 7, 2019

CSS 世界 - 流、元素与基本尺寸

《CSS 世界》读书笔记

流、元素与基本尺寸 块级元素 常见的块级元素有：div 、 table 、 li 等。 块级元素 不等于就是 display: block 的元素，<table>的display: table， <li>de display: list-item。 每个元素都由两个盒子组成：外在盒子 和 内在盒子 外在盒子：负责元素是一行显示，还是换行显示 内在盒子：...

Posted by ddxg on September 7, 2019

标签记录

记录一下目前项目正在使用的meta，拓展其他meta

标签记录 meta标签用来描述一个HTML网页文档的属性，以便浏览器和搜索引擎在访问到此网页的时候，可以通过这些描述信息来知道如何去解析此网页数据。用户不可见，它能起到的作用是很大的。 介绍 我个人感觉，meta 标签特别多，特别乱，没有统一的文档查询，要用的时候基本上都是百度的，百度搜索出来的也不知道它的正确性，只有试了才知道。 而且各大浏览器厂商自己也定义了一套私有的...

Posted by ddxg on September 2, 2019

移动端REM布局适配

记录一下我公司的移动端REM布局适配方案

移动端REM布局适配 在公司大部分需求都是做移动端的H5页面，APP内嵌的H5 和 移动端WAP 站。这里总结一下我公司用的REM适配方法，再拓展一下其他方法。 rem 、 em 和 px px：绝对长度单位，与显示设备相关，对于屏幕显示，通常是一个设备像素（点）的显示。pc端的页面一般使用px作为css长度单位。 em：相对长度单位，这个单位表示元素的font-si...

Posted by ddxg on September 1, 2019

《高性能JavaScript》快读记录

记录一些总结地比较好经验，知识点和需要进一步去学习的东西。为之后的精读做准备。

《高性能JavaScript》记录 chapter 1 加载和执行 多数浏览器使用单一进程来处理用户界面（UI）刷新和JavaScript脚本执行，同一时刻只能做一件事。 页面中有<script>标签的地方，不管js是内嵌型的还是外链型的，页面的下载和渲染都必须停下来等待脚本执行完成。 因为js代码可能会修改页面内容（增删改节点、修改能容等），浏览器遇到<scri...

Posted by ddxg on August 21, 2019

vue-cli3 multi-page 模式

vue-cli3多页应用配置与优化

vue-cli3多页打包 需求说明 在公司中经常接到运营活动的需求，这些活动有些还是比较复杂的，主要是逻辑比较复杂， 所以一般会选择使用vue来实现。活动做多了就会发现活动的一些UI样式和一些处理逻辑 是差不多的，像弹框、loading、处理错误逻辑、处理登录逻辑网络请求等都是一样的。 一个活动使用一个vue项目感觉有点繁琐，就像使用multi-page 模式将所有活动代码都写在一个vue...

Posted by ddxg on August 11, 2019

vue2.5组件化

vue2.5组件化-零碎知识点记录

vue2.5组件化 vm.$watch 监听器有另一种写法： immediate和deep参数 vm.$watch( expOrFn, callback, [options] ) watch: { cart: { handler(newVal, oldVal) { // 处理逻辑 } }, deep: tru...

Posted by ddxg on August 11, 2019

CORS跨域

Cross-origin resource sharing

CORS 跨域 对于跨域问题，我之前只知道jsonp的解决方案，这周改版了一个很复杂的H5页面，让我接触到了另一种解决跨域的方案——CORS。刚开始还是一脸蒙蔽的，然后马上联想到了之前使用koa2的时候用过koa2-cors这个模块，当时也是解决跨域问题的，这两个应该是一样的吧。查阅资料后发现是不一样的东西。 看了阮一峰老师的跨域资源共享 CORS 详解 这片文章后，对CORS有了新的认识...

Posted by ddxg on June 10, 2018

学习Chrome Devtools

Chrome Devtools

Chrome 开发者工具devTools是一个非常强大的工具，我基本只会使用其中一丁点的功能，浏览了一下Chrome 开发者工具中文文档 发现里面介绍了好多调试功能，值得学习。 我看了里面比较常使用到的几点：Elements(元素面板)、Console(控制台面板)、Sources(源代码面板)、Network(网络面板)和Application(资源面板)。 这周我做了一件很蠢的事情，在...

Posted by ddxg on May 27, 2018

FEATURED TAGS
前端开发 CSS 布局 React Native JavaScript html CSS3 HTML5 vue 框架 kaikeba webpack CSS World
ABOUT ME

挣扎的码农

FRIENDS