qq_35876316的博客

转载 最深javaScript学习提高网站

内容范围广，解释齐全。https://wangdoc.com/javascript/index.html

转载 轻松搞定Vue-cli3搭建Vue+TypeScript项目

https://segmentfault.com/a/1190000019905650

转载 vue项目增加typeScript

https://blog.csdn.net/cream66/article/details/105507586?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-7.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-7.nonecase

原创 OA登录原理解析

技术实现在说单点登录（SSO）的技术实现之前，先说一说普通的登录认证机制。如上图所示，我们在浏览器（Browser）中访问一个应用，这个应用需要登录，我们填写完用户名和密码后，完成登录认证。这时，我们在这个用户的session中标记登录状态为yes（已登录），同时在浏览器（Browser）中写入Cookie，这个Cookie是这个用户的唯一标识。下次我们再访问这个应用的时候，请求中会带上这个Cookie，服务端会根据这个Cookie找到对应的session，通过session来判断这个用户是否登

原创 最佳学习typeScript 入门教程

TypeScript 教程：https://www.w3cschool.cn/typescript/typescript-basic-types.html

原创 javaScript高阶函数map、reduce、sort

map定义和用法map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。map() 方法按照原始数组元素顺序依次处理元素。注意：map() 不会对空数组进行检测。注意：map() 不会改变原始数组。//可以不写returnconst users=res.items.map(item => ({ url: item.html_url, img: item.avatar_url, name: item.log..

原创 ES6引入iterable类型

遍历Array可以采用下标循环，遍历Map和Set就无法使用下标。 为了统一集合类型，ES6标准引入了新的iterable类型，Array、Map和Set都属于iterable类型。 具有iterable类型的集合可以通过新的for ... of循环来遍历。 for ... of循环是ES6引入的新的语法，请测试你的浏览器是否支持：'use strict';var a = [1, 2, 3];for (var x of a) {}console.log('你的浏览器支持for ... of

原创 提高前端网页性能的各种措施

总览我将把应用程序加载分为三个不同的阶段：初始渲染–用户看到任何东西需要多长时间？ 应用程序加载–用户可以使用该应用程序多长时间？ 下一页–导航到下一页需要多长时间？初始渲染减少渲染阻止请求 避免顺序渲染阻止请求链 重复使用服务器连接加快请求----对同一服务器的后续请求可以重新使用现有连接 减少文件大小并使用CDN 使用服务工作者预加载和缓存资源应用加载捆绑包拆分：仅加载必要的代码，并最大化缓存命中率 载入页面数据 开始加载数据前，请不要等待捆绑包 有两种方法..

原创 初识indexedDB数据库

一、概述随着浏览器的功能不断增强，越来越多的网站开始考虑，将大量数据储存在客户端，这样可以减少从服务器获取数据，直接从本地获取数据。现有的浏览器数据储存方案，都不适合储存大量数据：Cookie 的大小不超过4KB，且每次请求都会发送回服务器；LocalStorage 在 2.5MB 到 10MB 之间（各家浏览器不同），而且不提供搜索功能，不能建立自定义的索引。所以，需要一种新的解决方案，这就是 IndexedDB 诞生的背景。通俗地说，IndexedDB 就是浏览器提供的本地数据库，它可以

原创 ECMAScript6重要技术点整理

PromisePromise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。Promise对象有以下两个特点：（1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。这也是Promis.

原创 Node学习笔记大全（二）

Node.js常用工具util是一个Node.js核心模块，提供常用功能的集合，用于替换核心JavaScript的功能过于精简的不足。使用方法如下：const util = require('util ');util.callbackifyutil.callbackify（original）将async初始化函数（或者一个返回变量Promise的函数）转换成相应的异常优先级的样式风格的函数，例如将(err, value) => ...成为最后一个参数。在函数中，第一个参数为拒.

原创 JQ写的雪花飘飘

//飘雪$(function() { var minSnow = 5; var MaxSnow = 100; var speed = 900; //毫秒 var windowwidth = $(document).width(); var endheight = $(document).height(); var falt = $('#snow').html("❄"); $(function() { task(); .

原创 记录ES6面试题-收藏

ECMAScript 6（以下简称ES6）是 JS 语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得 JS 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。接下来咱们来看看 20 道棘手的面试题，通过做题，顺带提升一下咱们的 JS 的技能。问题1：可以解释一下ES5和ES6的区别吗?主题: JavaScript 难度: ⭐⭐⭐ECMAScript 5 (ES5)：ECMAScript 的第五版，于2009年标准化，该标准已在所有现代浏览器中完全支持。ECMASc..

原创 Node学习笔记大全（一）

基本知识：1.简介：简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。 2.Node.js 应用组成部分： 引入 required 模块：我们可以使用require指令来载入 Node.js 模块。 创建服..

原创 axios介绍总结

什么是 axios？Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。特性从浏览器中创建XMLHttpRequests 从 node.js 创建http请求 支持PromiseAPI 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御XSRF安装使用 npm: $ npm install axios 使用 bower: $ bower ins...

翻译 穷忙的人生

本文出自http://www.ruanyifeng.com/survivor/collapse/working-poor.html作者： 阮一峰1、香港曾经有一档电视真人秀，叫做《穷富翁大作战》，专门邀请富人体验穷人的生活。有一期节目的主人公是田北辰。他的父亲田元灏是香港纺织界的头面人物，人称“一代裤王”。他本科毕业于康奈尔大学电子工程专业，又去读了哈佛大学 MBA，回到香港后创办了服装品牌 G2000 和 U2，是那种很努力的“富二代”。他崇尚自由竞争和人生奋斗，座右铭是“如果..

原创 预渲染的方式---prerender（解决SEO,首屏问题）

由于页面较少，且预渲染相对于SSR比较简单，预渲染可以极大的提高网页访问速度。而且配合一些meat插件，完全可以满足SEO需求。Prerender服务需要有NodeJs环境支持，如果之前服务器环境没有NodeJs需要先进行安装。在webpack的配置如下：var PrerenderSpaPlugin = require('prerender-spa-plugin')var webpackConfig = merge(baseWebpackConfig, { plugi...

原创 使用Ant Design vue框架搭建项目

此处省略安装node.js及npm。1.首先npm install --global vue-cli安装vue脚手架。2.npm install ant-design-vue --save 安装ant-design-vue。3.项目引入ant-design-vue在main.js里面引入import ant from 'ant-design-vue'import 'ant-design-vue/dist/antd.less'Vue.use(ant);到此你就可以使用它的组件了。【注意

原创 构建vue项目步骤

一、安装node环境　　1、下载地址为：https://nodejs.org/en/　　2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功　　　　3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/　　输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。　　　　检查是否安装成功：

原创 长大后自卑的孩子，大多出自这几种家庭，别不当回事（给已经做父母或未来即将为人父母的你）

自卑是怎么形成的呢？心理学研究表明：人的性格形成除了先天性因素，也有后天环境的影响，尤其是原生家庭的影响更加深远。长大后自卑的孩子，大多都来自这几种家庭，父母们一定要重视起来。曾经看过一个咨询故事：一个女孩从来不敢穿裙子，也不好意思留长发，她对咨询师说，我怕照镜子，觉得自己好丑。事实上她长得很漂亮，样子给人一种很舒服的感觉。后来才知道，原来是父母怕她早恋，从小打压暗示她，你样子丑，不好看，不要打扮......这让我想起知乎上一个很火的帖子：“从小就缺乏自信的孩子是一种什么感受

原创 办公室主导的工作场所将在十年内结束

在当前疫情肆虐的大环境之下，新的一周开启，不少公司都选择了远程办公的模式，而这种方法具有什么样的特点？会成为一种主流的工作模式吗？不瞒您说，自从疫情发生以来，小编就一直待在家到现在，上班时间也是按照国家规定的走，什么时候得去公司上班，现在也没有一个确定的时间，哈哈哈。。。原来以前梦寐以求的每天睡到自然醒，真是实现了！远程办公不可避免虽然我们不确定蓝领工作向白领工作过度的确切时机，但毋庸置疑现如今我们已然步入了白领的时代。在大多数人的眼中，白领工作意味着：更体面，收入更好，自我价值更高每个白领上.

原创 晋升全栈高级工程师的学习清单

原创 很不错实用的前端工具

▍CSS 相关●1CSSBattle-在线比拼 CSShttps://cssbattle.dev在线比拼 CSS ，一个挺有趣的竞争性游戏，一共有12个级别，需要你用 HTML和 CSS 100%还原它给出的页面，然后再尽量减少代码，你也可以查看全球的排行榜，看解决方案。●2Learn CSS layout - 学习CSS 布局http://learnlayout.com在线CSS布局学习，它会一步一步引导初学者学习 CSS 基础知识，在实践中帮助初学者...

转载 Markdown语法详细介绍

详细介绍Markdown使用，就像发布博客使用Markdown一样https://blog.csdn.net/afei__/article/details/80717153