自定义博客皮肤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 117

原创 前端 杂项小记

前言有一些零零散散的,又没法起一篇文章,都放这里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 240 5

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

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

2020-12-22 20:11:57 126

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

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

2020-12-21 23:27:16 78

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

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

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

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

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

2020-12-21 17:31:03 124

原创 回流重绘了解一下

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

2020-12-16 10:03:12 89

翻译 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 66

原创 es6体会

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

2020-12-01 23:12:26 70

原创 NodeJS的CommonJS模块规范

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

2020-12-01 23:11:38 98

原创 前端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 219

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

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

2020-12-01 22:57:58 1662

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

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

2020-12-01 22:49:42 134

原创 看这里--《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 84

原创 nodejs事件模块events

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

2020-11-26 11:23:10 393

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

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

2020-11-25 13:42:22 185

空空如也

空空如也

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

TA关注的人

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