2020年11月_飞翔的熊blabla

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

转载 JSON Schema入门

JsonSchema官方文档入门文档入门文档生成Schema工具使用Json的好处（什么是Schema）：描述现有的数据格式提供清晰的人工和机器可读文档完整的数据结构，有利于自动化测试完整的数据结构，有利于验证客户端提交数据的质量什么是JSON SchemaJSON Schema本身就是一种数据结构，可以清晰的描述JSON数据的结构。是一种描述JSON数据的JSON数据。https://www.jianshu.com/p/1711f2f24dcf?utm_campaign=hug

2020-11-30 18:12:34 890

转载解决 “Script Error“ 的另类思路

前端的同学如果用 window.onerror 事件做过监控，应该知道，跨域的脚本会给出 "Script Error." 提示，拿不到具体的错误信息和堆栈信息。这里读者可以跟我一起做一个实验，来深入了解这个事情。先做一下实验准备：app.js创建一个 Node APP，只做静态服务器，提供两个端口用于做跨域实验。const express = require('express');const app = express();app.use(express.static('./pub

2020-11-27 20:03:44 1793

转载服务端渲染（SSR）

转自:https://v2.umijs.org/zh/guide/ssr.html#%E4%BB%8B%E7%BB%8D介绍#什么是服务端渲染服务端渲染（Server-Side Render），是指将单页应用（SPA）在服务器端渲染为 HTML 片段，发送到浏览器，然后为其绑定状态与事件，成为完全可交互页面的过程。#与客户端渲染的区别后续简称服务端渲染为 SSR，客户端渲染为 CSR如下图所示：...

2020-11-16 14:26:56 217

转载理解webpack中的devTool的配置项

2.1. eval eval 会将每一个module模块，执行eval，执行后不会生成sourcemap文件，仅仅是在每一个模块后，增加sourceURL来关联模块处理前后对应的关系。在webpack中配置devtool: 'eval', 如下打包后的代码：(function(modules) { // webpackBootstrap "use strict"; eval("__webpack_require__.r(__webpack_exports__);\n/* harmo.

2020-11-15 16:35:27 1476

转载 AMS：用类json配置快速搭建管理后台页面

今天给大家分享一个开源项目——AMS，一个由唯品会开源的，基于类json配置的管理后台前端解决方案。背景我们先来回顾一下，管理后台的搭建方式。最原始的方式，前后端还未分离，前后端代码融合一起，往往是后端把整个管理后台负责了发展到前后端分离和JQ兴起，前端可以完全手写实现，也可以使用类似bootstrap这些框架进行快速搭建在发展到React/Vue这些MVVM框架的兴起，也产生了很多对应的配套，比如Element-ui、Ant Design由于管理后台对UI要求不高以及功能通用，U

2020-11-15 15:17:16 683

转载 JS打包工具rollup——完全入门指南

前言最近在做一个提供给浏览器和node同时使用的js的url模板工具类，在用什么打包工具上纠结了一段时间，正好有一天在知乎上看到了关于rollup的介绍，在自己试了试之后，就决定用rollup.js来打包自己的工具类了。这篇文章主要是为了让对rollup.js也有兴趣的同学能够快速入门rollup的使用方式而写的，文章除了开始对rollup.js的基本介绍之外，主要用多个demo来介绍rollup.js的不同使用方法，以及介绍一些比较常用的rollup插件。读者可以选择自己有兴趣的部分查看。文章

2020-11-11 14:45:51 4392

转载 HTTP跨域请求后台处理-详解跨域

1.什么是跨域跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。同源策略限制了一下行为：Cookie、LocalStorage 和 IndexDB 无法读取 DOM 和 JS 对象无法获取 Ajax请求发送不出去1.1 常见的跨域场景所谓的同源是指，域名、协议、端口均为相同。http://www.nealyang.cn/index.html调用http://www.nealyang.cn/server.php...

2020-11-10 16:31:56 832

转载 js-获取用户移动端网络类型：wifi、4g、3g、2g...

今天工作时间很宽裕，忽然想起，自己做过的所有页面中，有些页面经常会面临用户在网络状态很差的时候打开页面，页面是挂了的状态，感觉很LOW~。所以我决定在今后的页面中我需要先判断用户的网络状态，若是很差的话，我首先会提醒他，当前网络状态不是很好，页面加载状态不是很好，提醒他最好切换网络状态；尤其是可以用在播放视频的时候，若用户使用的是流量，可以清明的提醒用户“当前是在用流量播放视频”，好吧，也就我这么好的人才会提醒以下是获取用户网络状态的代码：getNetworkType(..

2020-11-06 11:15:06 2732

转载 Rollup常用配置

0、前言rollup也是一款打包工具，比webpack要轻量许多，用于弥补gulp的无tree-shaking是很好的选择，最大的用途是打包生产一个库文件，比如sdk.js之类。虽然webpack也可以做到，但是webpack较重，打包后的文件有部分webpack内部代码，如__webpack__require之类的函数定义，给人一种不干净的感觉。而rollup打出来的包就很干净，没有其他冗余代码。1、使用方式首先安装rollupnpm i rollup再看rollup的几种调用形式

2020-11-03 17:53:22 3497 1

转载 rollup 打包配置支持 typescript + react

rollup 打包配置支持 typescript + reactrollup 是js 打包器，打包体积小，代码精简，较少注入，适合组件打包。rollup 建议node 升级到10以上安装 typescript安装typescript：npm install typescript -Dtypescript 配置文件 tsconfig.json{ "compilerOptions": { "allowUnreachableCode": true, // 不报告执行不.

2020-11-03 11:46:41 6244 1