自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 vscode nodejs 调试

vs nodejs 调试

2022-08-29 16:32:16 246 1

原创 eggjs笔记

loader文件加载顺序:config->plugin->agent.js->app.js->service->middleware->controller->router.jsloaderunit加载顺序:plugin->框架->应用加载时如果遇到同名的会覆盖,比如想要覆盖ctx.ip可以直接在应用的app/extend/context.js定义 ip 就可以了。框架生命周期called in agent.js or app.....

2022-06-21 16:07:28 208

原创 http知识整理

1 http相关协议HTTP,DNS(应用层)->TCP(传输层)->IP(网络层)2 报文组成:报文首部(请求行/状态行 首部字段),空行,报文主体报文首部:请求报文 GET / HTTP/1.1 首部字段 响应报文 HTTP/1.1304 Not Modified 首部字段 首部字段HTTP首部字段详解_hizyk的博客-CSDN博客_http首部字段通用 请求 响应

2022-06-01 23:23:30 474

原创 一些容易忘的css

1 换行相关white-space:nowrap; //指定元素内的空白怎样处理。word-break: keep-all;word-wrap: normal;word-break: break-all 和word-wrap:break-word 区别

2022-05-30 18:39:55 96

原创 Object.defineProperty 和 proxy 区别

Object.defineProperty 和 proxy 区别

2022-02-23 18:21:00 489

原创 手动搭建vue项目最简配置

一、vue-loader是一个 webpack 的 loader,编译.vue文件。vue-template-compiler 编译templates为render函数,单独拿出来是可以单独指定其版本,版本与vue版本相对应。npm install -D webpack vue-loader vue-template-compiler二配置 webpack 使用 file-loader 或者 url-loader 去处理像 .png 这样的文件转换资源 URL 的好处是:file-

2022-01-14 20:13:25 491

原创 sessionStorage

sessionStorage 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。测试:1 页面刷新后是否丢失答案:不会2 同一页面在不同tab页是否会相互影响答案:不会代码逻辑:每set一次sessionStorage中存储的数字加1两个tab页完全不影响...

2021-08-13 16:22:45 797

原创 同时设置flex和width:0,确保宽度不会被撑开

如果没有设置width,当内部元素的内容大小超过平均分配的剩余空间时,元素的宽度等于内容大小如果设置了width并且这个width的大小小于平均分配的剩余空间大小时,取平均分配的剩余空间

2021-03-29 19:31:29 1139

原创 ResizeObserver loop completed with undelivered notifications.

ResizeObserver介绍ResizeObserver 接口可以监听到 Element 的内容区域或 SVGElement的边界框改变。const resizeObserver = new ResizeObserver(entries => { for (let entry of entries) { entry.target.style.borderRadius = Math.max(0, 250 - entry.contentRect.width) + 'px'; ...

2021-02-04 18:56:19 19481

原创 js模块化

AMD(Asynchronous Module Definition)cjs(CommonJS)UMD(Universal Module Definition)CMD(Common Module Definition)ES6import// 变量提升foo();import { foo } from 'my_module';// 报错,import在编译阶段执行,在运行时才能得到结果的表达式、变量这些语法结构不能使用import { 'f' + 'oo' } from 'my_modul

2021-01-11 18:35:29 103

转载 移动WEB前端开发资源整合

转发,原文地址:https://www.runoob.com/w3cnote/moible-web-front-source.htmlmeta篇1.视窗宽度<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>其中width=device-width是设置视窗宽度为设备视窗宽度,还可以..

2020-12-27 14:09:11 119

原创 移动端fixed定位兼容问题

iOS 下,fixed定位的元素里如果有input,键盘弹起后,点击定位会上移,显示定位也会出问题解决:不使用fixedbody{height:100%;}使用absolute 替代 fixed,相对于body定位

2020-08-06 14:36:59 558

原创 prototype和__proto__

__proto__对象属性prototype函数专有属性,由于函数也是对象,所以函数也有__proto__属性Object是个构造函数

2020-05-13 18:20:10 152

原创 element-ui vue vue.runtime.esm.js?2b0e:619 [Vue warn]: Property or method "affectWay" is not define

因为一个很弱智的错误导致

2019-11-29 15:23:20 15312 1

原创 异步编程

Generator 函数调用 Generator 函数后,该函数并不执行,而是返回一个指向内部状态的遍历器对象。下一步必须调用遍历器对象的next方法,使得指针移向下一个状态,直到遇到下一个yield表达式(或return语句)为止。yield表达式本身没有返回值,或者说总是返回undefined。next方法可以带一个参数,该参数就会被当作上一个yield表达式的返回值。for....

2019-10-26 22:29:08 103

原创 for in和for of

for in遍历数组所有的可枚举属性索引,包括原型,适合遍历对象for of遍历的是数组元素值,不包括数组的原型属性,可以自动遍历Iterator对象

2019-10-26 17:54:40 105

原创 js cookie 操作

Read all cookiesallCookies = document.cookie;Write a new cookiedocument.cookie = newCookie+[;path=path(e.g., '/', '/mydir')|;domain=domain(e.g., 'example.com' or 'subdomain.example.com')|;max-a...

2019-09-27 17:59:39 138

原创 css 选择器:优先级、伪类、伪元素

1 选择器优先级内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器如何计算:计算选择符中 ID 选择器的个数(a),计算选择符中类选择器、属性选择器以及伪类选择器的个数之和(b),计算选择符中标签选择器和伪元素选择器的个数之和(c)。按 a、b、c 的顺序依次比较大小,大的则优先级高,相等则比较下一个。若最后两个的选...

2019-09-27 10:36:53 898

原创 @counter-style

system用于定义如何给list编号。system: cyclic;列表循环模式。<style>@counter-style fisheye { system: cyclic; symbols: ◉; suffix: " ";}ul { list-style: fisheye;}</style>...

2019-09-24 18:52:38 359 2

原创 跨浏览器事件处理

var EventUtil = { addHandler: function (element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); } else if (element.at...

2018-10-10 10:41:13 114

原创 实现加载图片进度

&lt;button id="upbtn"&gt;up&lt;/button&gt;&lt;div id="status"&gt;&lt;/div&gt;&lt;img style="display: none;" id="loadimg"&gt;&lt;script&gt; var xhr =

2017-09-07 11:59:36 265

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除