自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 《红宝书》章6

Array.from() ES6新增的用于创建数组的静态方法之一 还有一个是of() Array.from()的第一个参数是一个类数组对象,即任何可迭代的结构,或者有一个length属性和可索引元素的结构。 // 字符串会被拆分为单字符数组 console.log(Array.from("Matt")); // ["M", "a", "t", "t"] // 可以使用from()将集合和映射转换为一个新数组 const m = new Map().set(1, 2)

2021-03-11 15:46:13 175

原创 前端 杂项小记

前言 有一些零零散散的,又没法起一篇文章,都放这里 hover两种用法 绑定元素自身 //html部分 <div class="test"> <span class="test_sub"> content </span> </div> //css部分 .test{ opacity: 1; } .test:hover { opacity: .3; } 父元素hover,改变子元素的属性,必须是父子元素 .test_sub { opacity:

2020-12-22 20:12:34 321 5

原创 读《CSS世界》小记 4.1.2-6 content计数器

前言 前面的几章都是读完之后才把标题加完整的,因为我不确定都到哪里会有足够的篇幅,但是这一章节直接指定了小节数,懂了吧,这一小节非常非常的长,例子非常非常的多,写这句话时我知识粗略的翻了一遍。开始吧 content-reset 顾名思义,计数器重置,作用是起名字+指定初始值 可以同时初始化多个计数器, 名1 值1 名2 值2 其中都是使用 空格分离,空格分离,空格分离,空格分离 名字的指定规则:正常命名 值的指定规则:尽量为整数,chrome浏览器对小数向下取整,其他的浏览器不识别 普照规则:

2020-12-22 20:11:57 200

原创 读《CSS世界》小记 4.1.2 1-5小小小小节

前言 打了盆水,泡着jio,继续撸书。。。不对是PDF,对不起,旭哥@张鑫旭,我白嫖了 content内容生成技术 因为content一般都是在::before和::after伪元素中配合使用,所有有时候也称为== before/after伪元素技术 == ...

2020-12-21 23:27:16 131

原创 读《CSS世界》小记 4.1.1章

content 与替换元素 替换元素可以理解为另一个看待html元素的角度,顾名思义: 内容可以被替换 通常我们把html元素分为“内联元素” 和 “块级元素” 这里说的另一个角度,就是分为“替换元素”和 “非替换元素” 这里贴一张原文的图片 替换元素的尺寸计算规则 固有尺寸:直接指定元素,不指定宽高时候的尺寸,固有尺寸无法被改变 HTML尺寸: 我没理解 CSS尺寸:通过CSS为元素指定宽高之类的,也就是content-box 图片的异步加载 通常我们为了节约带宽费用(就是按需加载)都会给一个临时

2020-12-21 22:16:38 265 2

原创 读《CSS世界》小记 1-3章

前言 明确自己前行的方向,虽然最近接手公司的后端项目,开始做java,但是也要抽空多学学自己的“主营业务”。偶然的机会在某乎看到张鑫旭大神的一本书《CSS世界》,读一读,记一记。

2020-12-21 17:31:03 191

原创 回流重绘了解一下

前言 今天公司网出了点问题,项目跑不起来,闲不住,根据中级前端的题目再来巩固一下基础。 首先的了解reflow和repaint的区别,先说一下浏览器的渲染过程中什么时候会触发回流和重绘(有的人喜欢叫重排/重绘,或者reflow/repaint,意思差不多) 浏览器渲染过程 这里只说每个步骤的结论,不说原理 生成DOM树、生成CSSOM树; 根据上面两个生成渲染树; 根据渲染树进行回流; 根据渲染树+回流结果进行重绘; 页面展示; 比较回流和重绘 回流:根据渲染树计算可见DOM节点在设备视口(viewpo

2020-12-16 10:03:12 143

翻译 SQL学习 -- mysql

前言 临时要写一下java,设计到一个很复杂的sql,学一下,技多不压身 基础部分 sql语句注释 一共三种方式可以进行sql语句的注释 //句首 加上 -- table_name表名 -- select * from table_name; //句首 加上 # # select count(*) from table_name; //和代码一样 用 /* */包裹 column_name字段名 /* select column_name from table_nam

2020-12-10 14:57:56 116

原创 es6体会

es6零零散散 记录一些平时工作用到的,觉得比较使用的es6语法 let:let和var 有区别:var存在变量提升,let没有 const:const声明下分两种情况:1.声明简单类型不可重复赋值;2.声明复杂类型比如对象,可以改变对象的属性,但不能直接改变变量指向另一个内存,有点绕口,例如: //变量提升问题------------------------------------- console.log(a); //undefined var a = 5; console.log(b); //报错

2020-12-01 23:12:26 132

原创 NodeJS的CommonJS模块规范

前言 最近一段时间在学习nodejs,个人觉得整个前端没有系统的学习方案,有些东西不记下来,要用的时候很难再找到,再博客里记录,方便以后忘了快速找到,更快的回想起来。 文件定位 背景 node中的模块规范是通过exports、module、require暴露和引用来实现的。 请求模块时分几种情况: 内置的模块如http、fs、path、events等 路径文件:绝对或者相对路径 自定义的文件模块,以非路径的形式引入,相当于在js中的原型中添加的方法 加载速度(按从快到慢顺序): 内置的模块本身已经编译

2020-12-01 23:11:38 500

原创 前端vuecli3中使用webpack解决跨域问题

前言 如题,这里记录一下,方便以后回顾 理解不了代码中的/api的看这里 我前面有发过一篇文章axios封装使用, 里面有写到我的所有请求都是走了代理(baseURL后的常量带了/api)的,所有请求都会加上 /api 这个部分,举个例子,我发的请求的是/example/xxxx,走了代理之后,实际上发出的请求是/api/example/xxxx,所以下文的/api重写就是去掉请求中的/api得到我们想要的请求 config/index.js文件下(稍低一点的版本可能是新建vue.config.js文件进行

2020-12-01 23:09:33 289

原创 前端vue项目打包之配置文件修改

前言 经常听到前端项目打包之后出现白屏的问题,我这里还没有碰到过,先记一下自己的做法吧 为什么要打包? 一般我们打包都是为了部署到服务器 确定修改的地方 首先我们得找对位置,打开你的config下的index.js文件(我的版本比较高,稍微低一点的版本webpack配置是在自己新建的vue.config.js中进行的) 这里为了方便观察,我把配置细节先折叠起来 我们打包要执行的命令是npm run build所以不难理解要修改build下面的配置 其实就一个地方要改 assetsPublicPath:

2020-12-01 22:57:58 1791

原创 记录项目中axios封装使用

前言 记录一下项目中axios的封装使用,方便以后回顾 安装axios npm install axios --save 在项目根目录下新建axios文件夹,其下创建index.js 引入axios import axios from 'axios'; 创建实例并进行相关配置 /** * 我这里使用的是新版本的webpack进行跨域配置,所以使用的VUE_APP_BASE_URL常量进行环境切换 * node会自动判断当前环境,一般默认就是开发环境development / const axiosI

2020-12-01 22:49:42 221

原创 看这里--《Node入门》读书笔记

前言 js最早运行在浏览器==>浏览器提供js运行所需要的上下文 node.js允许js在后端运行(脱离浏览器) node是一个运行时环境,是一个库 1. 一个完整的基于node的web应用 分析: 我们要提供web页面,所以要一个HTTP服务器; 请求的url不同,相应不同,所以要路由分发; 请求的参数需要处理,所以要数据处理功能; 需要对请求处理,所以要请求处理程序; 需要响应客户端; 1.1node内置模块http–构建服务器 var http = require("http"); http

2020-11-27 15:55:13 144

原创 nodejs事件模块events

前言 events模块为提供了 EventEmitter 类,这是在 Node.js 中处理事件的关键 基本引入和使用 const EventEmitter = require('events') //引入 const myEmitter= new EventEmitter() //创建EventEmitter 对象 //注册事件 eventsName myEmitter.on('eventsName',fn) //相当于emitter.addListener() //注册一次性事件 myEmit

2020-11-26 11:23:10 471

原创 巩固一下原型和原型链

这里写自定义目录标题原型和原型链(js/node.js?)个人的疑问思路整理先了解下:原型的原型具体应用场景 备忘:个人平时沉迷B乎以及各种大大小小的社区不能自拔,偶尔碰到深度好文看完感觉学到了,反手丢进收藏夹,从“我学会了”到”我学废了“来来回回N多次;决定还是写博客记录一下知识点,不求文笔,只求回头易懂-----顺便告诫自己一句”坚持写好博客,就像努力过好每一天“。 原型和原型链(js/node.js?) 思考:原型和原型链有什么用,为什么要有这样的东西 参考:https://github.com/mq

2020-11-25 13:42:22 253

空空如也

空空如也

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

TA关注的人

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