前端岚枫的博客_javascript系统系列,前端面试题系列,Web性能实战

png、jpg、gif那些事情

为什么想整理这方面的类容，我觉得就像油画家要了解他的颜料和画布、雕塑家要了解他的石材一样，作为网页设计师也应该对图片格式的特性有一定了解，这样才能更好的表达你的创意和想法。除此之外，我们在平时工作中也会遇到许多与图片格式相关的问题。比如设计师会奇怪为什么有些页面的产出物总是没法达到设计稿那样的品质和效果，什么样的设计才更适合Web页面；页面重构师和前端工程师则想知道在切图的时候应采用什么图片格

html

图片

压缩

应用

存储

转载 2022-09-27 14:54:24 263 阅读

利用jsonp、iframe和location.hash解决跨域问题

几种解决js跨域的方法js的跨域：由于浏览器同源策略，凡是发送请求url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域。

jsonp

hash

iframe

跨域

方法

原创 2022-09-27 14:53:57 118 阅读

6个很棒的PostCSS插件，让您成为一个CSS向导

PostCSS是一个非常通用的工具，它可以通过javascript插件转换CSS样式。它的灵活性在于它的建造方式。PostCSS的核心部分是一个node.js模块，您可以使用NPM进行安装，它有一个由200多个插件组成的生态系统，您可以在项目中选择使用这些插件

postcss

插件

css

优化

自定义

翻译 2022-09-27 14:53:35 1448 阅读

用vue实现按字母排序的多选列表功能类似通讯录

这两天做项目，pc端本来是一个简单的select多选功能，做到客户端的时候，产品要求做成按字母排序功能，类似手机通讯录功能，由于我们客户端用的滴滴的cube-ui 组件，我选择了cube-ui IndexList，在它的基础上进行扩展。

vue

cube-ui

多选列表

通讯录

indexlist

原创 2022-09-27 14:53:24 605 阅读

2019年的一个小目标，纪念一下

2020年1月17日上午申请了博客专家，下午收到申请已通过，我当时感觉到很兴奋，很激动，虽然19年的目标，20年初才达到，不过还没过春节，也算是19年的一个目标实现了，技术之路上的一个里程碑，在此纪念一下，以前也申请过，平台回复说我写的文章不够深，就像代码库，当时感觉很失落，不过幸好没放弃在博客上文章，记录自己工作遇到的难点、问题。

技术知识

代码库

javascript

原创 2022-09-27 14:52:46 85 阅读

2021前端面试题系列：fetch与axios、浏览器内多个标签页面通信及安全问题

大家好，我是前端岚枫，今天主要跟大家分享我整理的笔记2021前端面试题系列：fetch与axios、浏览器内标签页之间的通讯方法、XSS 和CSRF以及如何防范，此方面内容在我们的工作中常用到，也是面试官经常提问的问题，希望下面文章对大家有所帮助。fetch与axios问题分析fetch与axios的认识。

前端

安全

javascript

web安全

面试

原创 2022-09-27 14:52:29 372 阅读

教你轻松搞懂vue-codemirror的基本用法：主要实现代码编辑、验证提示、代码格式化

2017年的时候用过codemirror,当时用的是jQuery库、codemirror、beautify插件。主要实现代码的编辑功能、插入一些变量功能、beautify插件主要用来格式化代码，实现代码美化效果。不过这两年做项目都是用vue了

vue-codemirror

json编辑器

格式化

代码验证提示

语法验证提示

原创 2022-09-27 14:52:28 10000+阅读 1评论

Vue3核心概念、新特性及与Vue2的区别

大家好，我是前端岚枫，一枚二线城市的程序媛，上篇主要跟分享了《VUE系列-Vue中组件的应用(三)》，今天主要跟大家分

vue.js

javascript

html

新特性

原创 2022-09-23 23:01:36 242 阅读

带你学习Javascript中的函数进阶（一）

文章目录1. 函数的定义和调用1.1 函数的定义方式1.2 函数的调用方式2. this2.1 函数内this的指向2.2 改变函数内部this指

函数

apply

call

bind

this

原创 2022-09-23 23:01:05 46 阅读

小程序入门到精通：微信小程序介绍及开发准备工作（一）

1. 什么是小程序？微信小程序（wei xin xiao cheng xu），简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用 ( 张小龙对其的定义是无需安装，用完即走，实际上是需要安装的，只不过小程序的体积特别小，下载速度很快，用户感觉不到下载的过程 )。小程序是一种新的开放能力，开发者可以快速地开发一个小程

微信

小程序

入门

精通

开发者

原创 2022-09-23 23:00:56 155 阅读

2021前端面试题系列：HTTP请求和HTTP缓存控制

大家好，我是前端岚枫，一枚二线城市的程序媛，今天主要跟大家分享我整理的笔记2021前端面试题系列：HTTP请求和HTTP

前端

http

缓存

面试

网络协议

原创 2022-09-23 23:00:50 120 阅读

前端性能优化经典：javascript防抖节流

大家好，我是前端岚枫，一枚二线城市的程序媛，今天主要跟大家分享我整理的前端的一些性能优化，js防抖节流，它是项目比较

前端

javascript

性能优化

html

搜索

原创 2022-09-23 23:00:33 82 阅读

详细了解文档对象模型（DOM）

我们都听说过与JavaScript相关的D

dom

重绘

tree

node

html

翻译 2022-09-08 08:46:09 172 阅读

浅谈vue中provide和inject 用法

provide：Object | () => Object inject：Array | { [key: string]: string | Symbol | Object } provide 和 inject 主要为高阶插件/组件库提供用例。并不推荐直接用于应用程序代码中。是2.2.0版本新增的。这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，

依赖

注入

vue

provide

inject

原创 2022-09-08 08:45:43 26 阅读

axios的用法详解

axios: 是一个类库，基于Promise管理的Ajax库

axios

ajax

配置

并发

ios

原创 2022-09-08 08:45:20 80 阅读

前端基础-git(三)：git和GitHub的一些基础操作

github是一个网站，是一个开源的源代码管理平台，用户注册后，可以在自己账户下创建仓库，用来管理项目的源代码（源代码是基于git传到仓库中）我们所熟知的插件、类库、框架等都在这个平台上有托管，我们可以下载观看和研究源码等文章目录settings 用户设置创建仓库把本地仓库信息提交到远程仓库真实项目开发流程：NPM(node package manger)

git

npm

github

commit

add

原创 2022-09-08 08:44:43 46 阅读

Webpack实战（一）：基础入门-教你轻松搞定Webpack打包工具安装及参数配置

Webpack实战（一）：Web也引起了很多弊端：需要手动维护JavaScript的加载顺序多次请求资源，影响了加载速度在每个script标签中，顶层作用域即全局作...

模块打包工具

Webpack

npm

webpackconfig

build

原创 2022-09-08 08:43:50 168 阅读

轻松弄懂var、let、const之间的区别

ECMAScript 6（简称ES6）是JavaScript语言的下一代标准，于2015年6月正式发布，也称ECMAScript 2015。ES6的好处ES6的出现为我们前端带来了很多方便之处，以前用js几十行才实现的一个功能，ES6几行代码就能简单的实现，ES6新增的一些特性，改变了很多弊端之处，比如新出现的let、const，实现了块级作用域功能，减少了以前var的全局变量，箭头函数代替词法作

let

var

const

decoder

变量声明

原创 2022-09-08 08:43:16 35 阅读

前端基础-git(二)：轻松搞定git创建仓库，操作仓库内容

qiuqiudeMacBook-Pro:git qiuqiu$ git initInit

git

add

commit

仓库

log

原创 2022-09-08 08:42:37 153 阅读

前端基础git(一)-git入门代码版本控制介绍

化的版本控制系统有CVS、SVN、Perforce等，都有一个单一的集中管理服务...

版本控制

git

svn

集中式版本控制系统

分布式版本控制

原创 2022-09-08 08:42:06 58 阅读

如何玩转sortablejs-vuedraggable实现表单嵌套拖拽功能

最近几天在研究有关

vuedraggable

vue组件递归

vuetity

嵌套拖拽排序

拖拽

原创 2022-09-08 08:42:02 2016 阅读

Webpack实战（八）：教你搞懂webpack如果实现代码分片（code splitting）

2020年春节已过，本来打算回郑州，却因为新型冠状病毒感染肺炎的疫情公司推迟了上班的时间，我也推迟了去郑州的时间，在家多陪娃几天。以前都是在书房学习写博客，今天比较特殊，抱着电脑，在楼顶晒着太阳，陪着家人，写着博客。前面的几篇文章主要告诉大家如何安装、配置webpack、webpack实现样式分离等，今天这篇文章主要跟大家分享如果webpack如何实现代码分片。现在工程项目中，实现高性能应用的其中

CommonsChunk

SplitChunks

代码分片

按需加载

加载

原创 2022-09-08 08:40:59 119 阅读

再见2019，拥抱2020

完成了其中的一小部分。2019年收获本科的课程还在坚持上，统考两科考试已过，不用担心影响毕业了，期末考试成绩还都可以，没自己想的那么差；读了...

2019总结

规划

目标

2020

技术

原创 2022-09-05 07:38:19 68 阅读

2021年年终总结：工作10年宝妈级别的前端开发工程师年终总结

大家好，我是前端岚枫，一枚二线城市的程序媛，今天也是在公司上班的最后一天（因为公司要全员放长假，啥时候能上班待定），即将为从2011毕业到现在10年工作的历程画上句号。在这里总结一下自己2021年。工作方面一年工作部门调整了三次，最后还是没熬住经济压力，公司最终还是要全体放长假，公司发通知，从明天开始放假到2022年3月31日，具体是否上班，另发通知。收到消息那一刻，说不出啥感觉，从2011年3

前端

javascript

开发语言

技术方面

公众号

原创 2022-09-05 07:37:23 141 阅读

前端javascript经典面试题集合（2020年最新）

1. call和apply的区别是什么，哪个性能更好一些fn.call(obj, 10, 20, 30)fn.apply(obj, [10, 20, 30])call性能要

前端面试题

经典

javascript

闭包

柯里化

原创 2022-07-13 19:47:43 116 阅读

javascript基础系列：堆栈内存（stack&；heap）(二)

忙了一段时间，很容易忘记更新博客文章，拖延症很严重，今天晚上趁着有时间，继续系统温习，希望对大

javascript

堆栈内存

stack

heap

字符串

原创 2022-07-13 19:46:55 64 阅读

vue系列：Vue核心概念及特性 (一)

大家好，我是前端岚枫，一枚二线城市的程序媛，下半年对于我们来说是比较特殊的几个月，7月

vue.js

mvc

javascript

数据

html

原创 2022-07-13 18:13:24 52 阅读

带你学习javascript的函数进阶（二）

1 严格模式1.1 什么是严格模式JavaScript除了提供正常模式外，还提供了严格模式（strict mode）。ES5

严格模式

高阶函数

闭包

递归

深拷贝

原创 2022-07-13 18:12:50 88 阅读

ES6学习笔记（五）：轻松了解ES6的内置扩展对象

扩展内置对象

find

findIndex

forEach

数组

原创 2022-07-13 18:12:38 54 阅读

axios学习笔记（二）：轻松弄懂XHR的使用及如何封装简易axios

使用 XMLHttpRequest（XHR）对象可以与服务器交互。您可以从URL获取数据，而无需让整个的页

axios

xhr

send

open

ajax

原创 2022-07-13 18:12:26 170 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

技术翻译，前端知识

png、jpg、gif那些事情

利用jsonp、iframe和location.hash解决跨域问题

6个很棒的PostCSS插件，让您成为一个CSS向导

用vue实现按字母排序的多选列表功能类似通讯录

2019年的一个小目标，纪念一下

2021前端面试题系列：fetch与axios、浏览器内多个标签页面通信及安全问题

教你轻松搞懂vue-codemirror的基本用法：主要实现代码编辑、验证提示、代码格式化

Vue3核心概念、新特性及与Vue2的区别

带你学习Javascript中的函数进阶（一）

小程序入门到精通：微信小程序介绍及开发准备工作（一）

2021前端面试题系列：HTTP请求和HTTP缓存控制

前端性能优化经典：javascript防抖节流

详细了解文档对象模型（DOM）

浅谈vue中provide和inject 用法

axios的用法详解

前端基础-git(三)：git和GitHub的一些基础操作

Webpack实战（一）：基础入门-教你轻松搞定Webpack打包工具安装及参数配置

轻松弄懂var、let、const之间的区别

前端基础-git(二)：轻松搞定git创建仓库，操作仓库内容

前端基础git(一)-git入门代码版本控制介绍

如何玩转sortablejs-vuedraggable实现表单嵌套拖拽功能

Webpack实战（八）：教你搞懂webpack如果实现代码分片（code splitting）

再见2019，拥抱2020

2021年年终总结：工作10年宝妈级别的前端开发工程师年终总结

前端javascript经典面试题集合（2020年最新）

javascript基础系列：堆栈内存（stack&；heap）(二)

vue系列：Vue核心概念及特性 (一)

带你学习javascript的函数进阶（二）

ES6学习笔记（五）：轻松了解ES6的内置扩展对象

axios学习笔记（二）：轻松弄懂XHR的使用及如何封装简易axios