不才的博客

Hello World!

这已经是博客的第三个版本了，哈哈哈哈。是我太闲了吗嘤嘤嘤。👾技术栈博客有点为了堆技术栈而堆技术栈的感觉。本人表示已经实锤了！！！原本是打算直接3n框架直接撸的，还是太懒了。。大体: nest/nuxt/vueUI: Element/Vuetify数据储存: mongo/redis

Quill富文本编辑器入坑指北

公司项目需要支持简单表格、图片上传、样式不丑的富文本编辑器。当时选择Quill这个富文本编辑器了也是看了一些附带的插件的Demo（quill-better-table、quill-image-resize-module），还有自定义的toolbar。中间碰到很多坑查了很多资料，也做了很多妥协。

js x-no-lambda 警告的几种解决方法

js x-no-lambda 警告的几种解决方法 js x-no-lambda 的存在是因为 js x 中 lambda会造成性能的损耗列表添加事件tslint检查不通过问题// 复现[1,2,3,4].map(item => ( <p key={item} onClick={ ()=>{_

create-react-app 在不暴露配置情况下配置 scss/sass 全局变量

create-react-app 在不暴露配置情况下配置 scss/sass 全局变量由于项目中需要定义全局主题的样式变量，也就是利用sass-resources-loader这个loader将scss变量打包到每个文件中，但是由于 create-react-app(以下简称cra)暴露配置会破

解决：moment. js 体积过大的问题，推荐用 date-fns 代替

问题：使用 Webpack 打包 moment. js 时，会将 moment. js 所有的 locale 全部打包进去。解决方法 1：Webpack plugins 选项配上：new webpack.ContextReplacementPlugin(/moment[\\\/]locale$/

记一次腾讯校招前端笔试

前提本次笔试共5题目都是算法题前提：腾讯在线笔试，当时是在外面旅游，没带电脑，然后随便找了个网吧，腾讯要求摄像头拍摄的但是当时没有而且时间紧张不过还是买到了摄像头。笔试环境：浏览器，IDE：浏览器，编程环境：浏览器，测试环境：腾讯笔试环境。不过当时脑壳傻掉了，好多东西也忘了，现在重新拿出来写一下第一

fabric js 在Vue 中的实际操作

刚进公司安排了一个项目，需要一个图片进行标注的系统（参照华为云的标注），找了一圈最后觉得fabric js 比较符合当前的业务👍👍👍目前编写代码还是比较流畅的，没有碰到很坑、很玄的问题附上一张图在Vue中使用其实和普通操作dom差不多，在组件渲染完成后调用 const canvas

每日一题

只是单纯的想长期的坚持做一件事。博客每天上午12点之前更新题目、qq群(656726969)每天十点之前发布，每天一个题目。ps: 如有问题，麻烦指出谢谢6月25、26两天🐦了，最近身体不好感觉目前只有上班时间才有时间写这个6月28、29两天也鸽了，返校办理毕业手续没带电脑7

使用Commitizen-规范你的commit message

使用Commitizen-规范你的commit message先简单了解一下 commit message format(信息域)commit message一般分为三个部分Header，Body 和 Footer<type>(<scope>): <subject>// 空一行<bod

redux-saga call fetch js on Failed to execute ' js on' on 'Response': Illegal invocation

Failed to execute ' js on' on 'Response': Illegal invocation// 问题复现{ *getData(_, { call, put }) { // 获取数据 const res = yield call(fetch, '/api/l

Element UI Message 组件的实现原理

相关链接Message Element 组件文档Vue-extendmessage. js 源码地址Message 使用方法绑定到Vue的原型 Vue.prototype.$message = Message; 使用 this.$message('这是一条消息提示'); 实现思路

通过vhvw单位替代rem

解决响应式布局问题先介绍下 rem吧规范中写道：Equal to the computed value of ‘font-size’ on the root element.「rem」是指根元素（root element，html）的字体大小，好开心的是，从遥远的 IE6 到版本帝 Chrome 他

nest js 控制器路由优先级问题

nest js 控制器路由优先级问题问题复现由于 /user/:id 执行优先级高于 @Get('follow') 所以当访问 user/follow会先触发:id这个路由导致出现问题我这里的错误信息：Cast to ObjectId failed for value "follow"

大学个人技能发展清单

个人技能的清单，可能好多只是需要才了解了一下的，记录一下我的大学，没什么用但是想发一下曾经有半年因为某些事不仅学习，脑袋还蒙的很高中接触前端已经是高中的时候的，那时候只了解html/css， js 当时都看不懂，只会易语言，还学了点手工sql注入、挂黑页，搞搞免流大学刚来大学的时候，

VUEJS文件扩展名esm. js 和common. js 是什么意思

转载：https://segmentfault.com/q/1010000011452736vue. js ： vue. js 则是直接用在<script>标签中的，完整版本，直接就可以通过script引用。vue.common. js : 预编译调试时，CommonJS规范的格式，可以使用 require

憨憨本憨

日子照样过，憨憨照样憨。关于我一个啥也不会的憨憨。廖文平，专科毕业于九江职业技术学院(应届)，现就职于浙江金华某公司，从事WEB前端开发，主力Vue. js 。微信: wuxin-liaoQQ: 1450941858GitHub: notbucaiEmail: 1450941858

PI的飞花令小程序

PI的飞花令详见 Feihualing. js 步骤下载零到九的诗词句子得到pi遍历pi的每一位通过之前下载的句子进行匹配得到数据const pi = require('pi');const LEN = 500;const superagent = require('su

Linux从安装Nginx到部署前端项目

自己写项目总归是要给人看的，对于测试或者上线最终都是要部署到服务器的，本文就是记录前端项目如何部署到nginx服务器Linux安装Nginx （傻瓜式）CentOS7 中使用yum安装Nginx的方法参照：CentOS7中使用yum安装Nginx的方法配置静态服务器ps: 如果可以的

nuxt 使用 style-resources 解决公共变量每次都要引用的问题

https://zh.nuxt js .org/api/configuration-build/#styleresourceshttps://github.com/nuxt-community/style-resources-module

AlloyTeam TSLint 规则

https://github.com/AlloyTeam/tslint-config-alloyhttps://alex-0407.github.io/mini-blog/2018/06/06/TSLint/{ // 禁止给类的构造函数的参数添加修饰符 "no-parameter-prope

[占山为王]我是如何四步将一个微信小程序请求库改成Taro的

本项目中的第三方库作者不再维护，fork后自己进行的维护，如有侵权立刻删除！憨憨本憨，快速开源项目，占山为王。如何做一个优秀的开源贡献者，只需要四步。第一步 clone 一个微信小程序请求库wechat-request$ git clone git@github.com:notbuc

关于Vue.prototype 和vue.use()的疑问

首先，不管你采用哪种方式，最终实现的调用方式都是 vm.属性()也就是说，两种方法，实现的原理都是在Vue.prototype上添加了一个方法。所以结论是“没有区别”。再来说说Vue.use()到底干了什么。我们知道，Vue.use()可以让我们安装一个自定义的Vue插件。为此，我们需要声明一

Linux下Node. js 搭建简述

首先在/usr/local/目录下创建node文件夹用来存放相应文件admin@Ali_Cloud:~$ cd /usr/local/admin@Ali_Cloud:/usr/local$ sudo mkdir nodeadmin@Ali_Cloud:/usr/local$ cd no

JavaScript sourceMap 笔记

js source map建议打开一个真实的项目的sourceMap对照食用由于前端项目在网络中访问导致为了减少体积进行一系列优化操作，最后导致生产环境出问题无法定位到项目代码中的指定位置，使得调试变成一件很难得事。由此产生了Source Map。它是个什么东西简单说，sourceMap

2018总结、2019展望

2018 总结2018 是迷茫的一年，是傻乎乎的一年，也算是收获挺多的一年吧。有很长一段时间整个人都是蒙的，一天到晚啥也不知道啥也不想干。学习方面总的来说：比上不足，比下有余把Android、 js p（servlet）、python、es6、node、vue、微信小程序、opencv 都过

我的博客关于第三个版本的介绍

这已经是博客的第三个版本了，哈哈哈哈。是我太闲了吗嘤嘤嘤。👾技术栈博客有点为了堆技术栈而堆技术栈的感觉。本人表示已经实锤了！！！原本是打算直接3n框架直接撸的，还是太懒了。。大体: nest/nuxt/vueUI: Element/Vuetify数据储存: mongo/redis

Virtual DOM 的原理与实现

只贴代码不解释过程勿喷博客文章地址;github地址模板环境搭建1.克隆$ git clone https://github.com/cvgellhorn/webpack-boilerplate.git$ npm install $ npm install @babel/plu

jest 入门笔记

jest 入门笔记Jest is a delightful JavaScript Testing Framework with a focus on simplicity.It works with projects using: Babel, TypeScript, Node, React,

实现跨域的几种方法

什么是跨域跨域是指从一个域名的网页去请求另一个域名的资源。比如从 www.baidu.com 页面去请求 www.google.com 的资源。跨域的严格一点的定义是：只要协议，域名，端口有任何一个的不同，就被当作是跨域。为什么要跨域既然有安全问题，那为什么又要跨域呢？有时公司内部有多个

js 实现一个简单的迭代器

简单模式function myIterator(arr) { let nextIndex = 0; return { next() { return { value: arr[nextIndex++], done:

js 中 call apply bind

call 和 apply1.方法定义call方法:语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]])定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将

从输入URL到页面渲染完成

从输入URL到页面渲染完成涉及网络、浏览器工作原理等知识。前序知识浏览器进程结构Browser进程负责协调、主控，包括地址栏、书签、历史栈。GPU进程负责整个浏览器界面的渲染网络进程负责发起接收网络请求插件进程控制网页中使用到的插件如flash

Vue. js 相关技术词

Vue. js 是一套用于构建用户界面的渐进式框架。MVVM框架。Vue Router 是 Vue. js 官方的路由管理器。Vuex 是一个专为 Vue. js 应用程序开发的状态管理模式。SSR 服务器端渲染Vue CLI 致力于将 Vue 生态中的工具基础标准化。Vue. js 构建工具Axi

关于ts中没有node的方法

问题还原： ts中使用 util.promisify 但是显示没找到模块“"util"”没有导出的成员“promisify”百度无果上google 然后在github ts库中的issues中找到一条 node. js types are not part of TypeScript itsel

egg 构建一个MVC项目环境模版

1.配置数据库 mongodb// config.default.tsconfig.mongoose = { client: { url: 'mongodb://127.0.0.1/CloudDisk', options: {}, // mongoose

利用虚拟列表改造索引列表（IndexList）

引言在一个倡导“快速开发”的团队中，交付日期往往是衡量工作的第一标准。而遇到问题的解决方式也会偏暴力，暴力的方式往往大脑都会厌恶和失声，尤其是在面试官问开发过程中的难点的时候更是无法回答，只能无底气的回一句“感觉开发过程很顺利，并没有碰到什么难以解决的问题。”。以下便是我想到的非暴力方式来改造原

设计并实现一个简单自动化部署工具

说之前先放地址 https://cycle.bucai.cc/，开发环境运行的，有点慢请耐心等待加载。GitHub: https://github.com/notbucai/cb-cycle这是我尝试用流程化的思路进行项目开发实现的记录。至于为什么不适用市面上现有且完善的框架，是因为我好久没写