随笔分类 - 前端
摘要:安装NVM(Node版本管理器) 安装过程十分简单,只需要在终端中执行如下命令,即可完成安装: curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash 安装Node # 查看nvm是否安
阅读全文
摘要:今天,我想写一个"低技术"问题。 话说我订阅了不少了新闻邮件(Newsletter),比如JavaScript Weekly。每周收到一封邮件,了解本周的大事。 有一天,我就在想,是不是我也能做一个这样的邮件? 然后,就发现这事不那么容易。抛开后台和编辑工作,单单是设计一个Email样板,就需要不少
阅读全文
摘要:一、概述 网格布局(Grid)是最强大的 CSS 布局方案。 它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。 上图这样的布局,就是 Grid 布局的拿手好戏。 Grid 布局与 Flex 布局有一定的相似性,都可
阅读全文
摘要:
ECharts官方推荐的社区模板网站ECharts Gallery(www.makeapie.com) 自2022年2月15号停止服务,如果需要参照更多模板,可以查看本文提供的模板网站。
阅读全文

摘要:一个组件上的v-model默认会利用名为value的prop和名为input的事件,但是像单选框、复选框等类型的输入控件可能会将value属性用于不同的目的。为组件自定义一个v-model选项可以用来避免这样的冲突。
阅读全文
摘要:12306.cn网站挂了,被全国人民骂了。我这两天也在思考这个事,我想以这个事来粗略地和大家讨论一下网站性能的问题。因为仓促,而且完全基于本人有限的经验和了解,所以,如果有什么问题还请大家一起讨论和指正。(这又是一篇长文,只讨论性能问题,不讨论那些UI,用户体验,或是是否把支付和购票下单环节分开的功能性的东西)
阅读全文
摘要:`rrweb` 是 `'record and replay the web'` 的简写,旨在利用现代浏览器所提供的强大 API 录制并回放任意 web 界面中的用户操作。
阅读全文
摘要:简介 本文服务端以 Nest 官方模板,客户端以 Vue3 + Vite 官方模板为例,简单介绍如何在 Nest 项目中使用 socket.io 与 Vue3 的客户端进行即时通讯。 初始化项目 服务端 # 安装Nest脚手架 $ npm i -g @nestjs/cli # 创建一个nest后端项
阅读全文
摘要:
整理了常见的使用javascript进行项目开发的大型框架,包括前端框架、后端框架、算法框架等。
阅读全文

摘要:什么是跨域? 跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器施加的安全限制。 简单的说,跨域是浏览器的限制。 允许跨域有什么用呢? 允许跨域则可以访问其他的内容。均益在做网站前后端分离开发的时候,经常遇到跨域的问题。通过在开发过程中,解决跨域的问题有三种: json
阅读全文
摘要:
asyncData 可以用来在客户端加载 Data 数据之前对其做一些处理,也可以在此发起异步请求,提前设置数据,这样在客户端加载页面的时候,就会直接加载提前渲染好并带有数据的 DOM,完成服务端渲染,有助于搜索引擎的抓取。
阅读全文

摘要:
Nest 是一个用于构建 Node.js 服务器端应用程序的框架。使用渐进式 JavaScript,内置 TypeScript(但允许用纯 JavaScript 编写代码)并结合了 OOP(面向对象编程),FP(函数式编程)和 FRP(函数式响应编程)的元素及思想,并且设计上很多灵感来自于 Angular。
阅读全文

摘要:Airbnb JavaScript 代码规范 一种写JavaScript更合理的代码风格。 Note: 本指南假设你使用了 Babel, 并且要求你使用 babel-preset-airbnb 或者其他同等资源。 并且假设你在你的应用中安装了 shims/polyfills ,使用airbnb-br
阅读全文
摘要:HTTP/1.1 中可使用的请求方法 方法名称含义解析 GET 获取资源 用来请求已被识别的URI资源 POST 传输实体内容 向指定的资源提交要被处理的数据,或用于添加新的内容 PUT 传输文件 向服务器提交文件,与FTP协议上传文件一样,在请求头中添加待提交文件,或更新文件对资源进行整体覆盖,返
阅读全文
摘要:let arr1 = [1,2,3,4,5,6] let arr2 = ['1a','2a','3b',1] let arr3 = []; for(let i in arr1.length > arr2.length ? arr1 : arr2){ if (arr1[i]) arr3[2*i] =
阅读全文
摘要:
ECMAScript 6 简介 let 和 const 命令 变量的解构赋值 字符串的扩展 字符串的新增方法 正则的扩展 数值的扩展 函数的扩展 数组的扩展 对象的扩展 对象的新增方法 Symbol Set 和 Map 数据结构 Proxy Reflect Promise 对象 Iterator 和
阅读全文

摘要:
介绍 Ace是一个用JavaScript编写的可嵌入代码编辑器。它与Sublime,Vim和TextMate等本地编辑器的功能和性能相匹配。它可以轻松地嵌入任何网页和JavaScript应用程序中。 官网地址:Ace - The High Performance Code Editor for th
阅读全文

摘要:概述 Web Components 标准非常重要的一个特性是,它使开发者能够将HTML页面的功能封装为 custom elements(自定义标签),而往常,开发者不得不写一大堆冗长、深层嵌套的标签来实现同样的页面功能。这篇文章将会介绍如何使用HTML的custom elements。Firefox
阅读全文
摘要:Class 的继承 简介 Class 可以通过extends关键字实现继承,这比 ES5 的通过修改原型链实现继承,要清晰和方便很多。 class Point { } class ColorPoint extends Point { } 上面代码定义了一个ColorPoint类,该类通过extend
阅读全文