星辰大海

github page 自定义访问

只需三步就可以绑定： 1、ping你的http://github.io域名，得到一个IP； 2、修改你的域名解析记录，添加一个A记录，用得到的IP； 3、登录http://github.com>进入项目>Settings>Custom domain...

Posted by sqq5682 on October 20, 2020

Vue中TypeScript实践

TypeScript有什么用 类型检查、直接编译到原生js、引入新的语法糖 为什么用ts？ TypeScript的设计目的应该是解决JavaScript的“痛点”：弱类型和没有命名空间，导致很难模块化，不适合开发大型程序。另外它还提供了一些语法糖来帮助大家更方便地实践面向对...

Posted by sqq5682 on September 7, 2020

require.context实现前端工程自动化

require.context是什么 一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件,然后自动导入,使得不需要每次显式...

Posted by sqq5682 on August 8, 2020

puppeteer的使用

Puppeteer是什么？ Puppeteer 是 Chrome开发团队2017年发布的一个 Node.js包，提供了一组用来操纵Chrome的API，通俗来说就是一个Headless Chrome浏览器，这Headless Chrome也可以配置成有UI的 。利用Puppeteer可以做到...

Posted by sqq5682 on July 22, 2020

Vuex的核心概念

Vuex是什么？ VueX 是一个专门为 Vue.js 应用设计的状态管理架构，统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。 Vue有五个核心概念，state, getters, mutations, actions, modules。本文将...

Posted by sqq5682 on June 12, 2020

vue项目中白屏问题的解决

在做的项目是使用 vue-cli 脚手架为基础的，只能使用微信浏览器打开的。在某次更新功能代码后，被反馈在一些手机上会出现白屏。经过一番探索，多管齐下解决了问题 白屏可能的原因： es6 代码没有被编译成 es5; 文件打包路径错误； 运营商塞入的广告 js 服务器报...

Posted by sqq5682 on May 26, 2020

ES6 Promise 用法

Promise 的含义 Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。 所谓 Promise ，简单说就是一个容器，里面保存着某个未来才会结束的事...

Posted by sqq5682 on April 16, 2020

CSS中@support的用法

CSS中的@support主要是用于检测浏览器是否支持CSS的某个属性，其实就是条件判断，如果支持某个属性，你可以写一套样式，如果不支持某个属性，你也可以提供另外一套样式作为替补。但是这里有一点需要注意的是：@support对于浏览器的版本也是有要求的，不是说所有的浏览器以及其所有的版本都是支...

Posted by sqq5682 on March 29, 2020