kang`blog

react 配置环境变量（测试环境，正式环境等） 添加自定义环境变量 – 官网中文文档地址 dotenv – dotenv文档 第一步，创建文件夹在项目根目录创建.env.local .env.development .env.production 文件夹 注意：创建的文件夹名称以.evn开始,新增的的变量统一以REACT_APP_开头 12345678# 公共的环境变量 .envREACT_APP_VERSION = ${npm_package_version} # 包版本# 测试环境的环境变量 .env.developmentREACT_APP_ENV = 'development' # 包环境# 正式环境的环境变量 .env.productionREACT_APP_ENV = 'production' # 包环境 第二步，安装dotenv1npm install dotenv-cli --save-dev 第三步，编辑配置pagckage.json下scripts 注意：左侧的文件比右侧的 ...

项目实战|Fetch基础请求封装基础请求封装 参考文章：项目实战|基础请求封装 — 由于我是在泛微里编写代码，我在基础上稍微做了一些改变(Qs为cdn引入等) 封装未封装之前的 fecth 如下使用 1234567fetch('https://www.baidu.com/search/error.html') // 返回一个Promise对象.then((res) => { return res.text() // res.text()是一个Promise对象}).then((res) => { console.log(res) // res是最终的结果}) 封装完整代码如下 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919 ...

Chrome插件(扩展)开发 参考文章： 【干货】Chrome插件(扩展)开发全攻略 — 较为详细的开发攻略 开发chrome extension抓取页面数据，并传输到另一页面 — 简单了解通讯 360安全浏览器开放文档 — 360官网开发文档 示例代码 — 这里是我对照上面文章所创建的简单示例 安装1.点击谷歌右上角按钮，接着在更多工具里找到拓展程序2.确保右上角开发者模式打开，没打开先打开3.点击左上角 加载已解压的扩展程序4.选中当前crx文件夹即可 打包1.找到拓展程序里面2.点击左上角 打包扩展程序3.扩展程序根目录 选中crx插件文件夹4.点击打包拓展程序即可,会生成crx文件，后面只需要直接拖入crx文件就行了

Promise方法串行执行, 让Promise一个接一个进行转载来自：参考文章本人在实际工作中遇到需要一个接一个导出数据的场景，在此记录以下方法 控制台运行下面代码可以看到效果 12345678910111213141516171819202122function waitPromise(i) { console.log(222, i) return new Promise((resolve, reject) => { setTimeout(() => { resolve('resolved'); }, 1000); });}var ps = [];for (let i = 0; i < 9; i++) { ps.push(() => waitPromise(i + 1 * 1000));}var p = Promise.resolve();ps.reduce((p, c) => { r ...

在Vue.js中的延迟加载路由上命名Webpack块转载来自：参考文章在本技巧中，我想分享我在必须处理路线和延迟负载时通常的工作方式。最有可能的是，您习惯于看到这样的Vue路线： 1234567891011121314151617181920import Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'import About from '../views/About.vue'import Login from '../views/Login.vue'Vue.use(VueRouter)const routes = [ { path: '/', name: 'Home', component: Home }, { path: '/about', name: 'About', component: About }, { path: '/login', name: 'Login', component: Login ...

uniapp开发企业微信h5页面微信官方文档 企业微信 微信公众号 示例代码 企业微信与微信公众号同理，如下以开发企业微信为例 页面授权 构造网页授权链接 我们在app.vue 123onLaunch() { this.$wechat.wxAuthorize()}, 查看/common/jsweixin/wechat.js文件 123456789101112131415161718192021222324// 微信授权const wxAuthorize = () => { // 已经授权登录过的就不用再授权了 if (MAIN.app.vuex_logoInfo) return; let code = util.getQueryString('code') // 如果拿到code，可以调用授权接口，没有拿到就跳转微信授权链接获取 if (!!code) { // 这里可以调用后台接口，授权  ...

Vue 过滤器什么是过滤器？ 过滤器是对即将显示的数据做进一步的筛选处理，然后进行显示，值得注意的是过滤器并没有改变原来的数据，只是在原数据的基础上产生新的数据。 过滤器的创建 全局过滤器 首先新建一个单独的 filters.js 文件 123456789const install = Vue => { Vue.filter('filter_name', e => { return e; })}export default { install} 接着在 main.js 引入并使用 123// 引入全局过滤器import filters from './common/filters.js'Vue.use(filters) 局部过滤器 直接在局部 filters 里创建 1234567new Vue({ filters: { filter_name(e) { return e; } } ...

使用Hexo搭建自己的博客什么是Hexo？ Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。 环境 Mac OS Windows 安装前提安装 Hexo 相当简单。然而在安装前，您必须检查电脑中是否已安装下列应用程序： Node.js：用来生成静态页面的 Git：把本地的hexo内容提交到github上去 GitHub：博客部署到GitHub账户上 安装Hexo这里呢，我们可以打开 Git Bash 命令行来进行Hexo的安装操作 1.建立一个存放Hexo的文件夹，例如 D:\Hexo，使用 Git Bash 进入的该文件夹下 1cd D:/Hexo 2.所有必备的应用程序安装完成后，即可使用 npm 安装 Hexo 1npm install -g hexo-cli 3.安装 Hexo 完成后，请执行下列命令，Hexo 将会在指定文件夹中新建所需要的文件,即Hexo文件夹下会生成 blog 文件夹 123hexo init blogcd blognpm install 新建 ...