haishangfeie的博客

背景这两天我打算抽象一个简单的表格组件，需要将类似elementUI的table-column那样将插槽里的内容应用到cell里面，这时我就需要在模板里面渲染vNode了，由于之前我是参考elementUI实现表格组件的，这次只是简单实现，就没有给项目引入jsx（主要是想试试其他的实现，在工作之余找点乐趣。。）。也是在网上找了很久，网上倒是确实有方案，但好像讲得不是很浅显，至少我是差点漏过去了。就这个如何在vue template里直接渲染vNode感谢这个哥们，解决了我的问题，我这里其实也只是再将

本篇博客记录了我在使用yorkie检测commit代码的项目中，由于提交的文件太多导致提交失败，以及我在分析原因后想到的解决方案。lint-staged generated an argument string of 10048 characters, and commands might not run correctly on your platform.

子组件使用了v-model，同时父组件要怎么也使用v-model，这个问题其实困扰了我很久。很久以前我就遇到过这个问题，但当时没有很好的解决。而这次我找到了一个实现的方案，想要分享给大家。

使用G2实现图表，如果数据太多，挤在一起，会影响视觉效果，这时我们会希望图表可以滚动。本文通过柱状图实现滚动的方案，希望可以给你提供一点G2图表实现滚动的思路。

最近在学习慕课网大前端的课程，其中在第五周1-9的课程里面，使用vscode 调试时失败了遇到了一个报错。说实话遇到这个报错，我是很想直接问问老师怎么解决的，但是我也明白，仅凭这些报错，老师很可能无法复现问题，很难仅凭代码找到原因，所以只好尝试自己解决。考虑到这个报错自己也处理了很久，而且确实有一两个遭遇和我类似的问题，我觉得可以为我们这些少数的人写写我的解决方案。本文虽然主要想针对的就是同样...

背景最近，一个朋友叫我帮他解决一个问题，事情是这样的：他们开发的产品(这个项目的前端是使用vue实现的)即将上线，但是在测试时发现后台竟然挂了，通过查找日志，他们发现是由于接口被频繁请求，导致后台崩溃了。他们猜测是由于按钮点击没有做限制，用户频繁点击导致请求多次触发，一时又定位不出问题的所在，因此希望给所有按钮加上一个限制，让其无法重复提交。本来这个问题，理应从后台着手处理，但后台处理的成本...

npm init -y# 这里我其实没有安装成功，最终是使用cnpm i gulp -D安装的yarn add gulp -D修改package.json{ "scripts": { "build": "gulp" }}配置gulpfile.js可以在这个网页搜索插件：gulp plugins也可以在npm中搜索一些插件：gulp-uglify ...

这里记录整理的是面试时遇到的问题，对别人而言可能没有特别的参考价值，更多的是我对面试的总结与对接下来面试的准备。这是我从一个朋友那里学到的，他每一次面试都会进行总结，对不懂的问题会设法弄懂，可以特意找我讨论面试的内容。可以说每一次面试都在增加下一次面试成功的可能，我也想向他学习一下。http1和 http2有什么区别？http1是文本传输，而http2则是以二进制去进行传输，相对而言，htt...

在项目开发时，有时需要配置bable，记录一下，以便后续用到：参考：使用Babel@babel/plugin-transform-runtime通过yarnyarn add babel-loader @babel/core @babel/preset-env @bable/plugin-transform-runtime -D# 由于@bable/plugin-transform-...

目录说明背景搭建过程目录结构约定的风格组件视图文件JS 文件API继续调整使用环境变量调试优化配置别名其他一些webpack配置说明本文记录了我是如何搭建后台管理系统的，以及我的一些反思和心得。背景我们公司希望做一个更符合业务需求的后台管理系统，因此需要我重新搭建一个新后台出来。以下是对我根据自己搭建新后台的一些记录。搭建过程首先，我确定了项目要使用的技术栈：vue+vuex+vue-...

我们在进行移动端webApp开发时有时不得不进行真机调试，本文主要介绍一种android真机调试的方法：步骤：确保APP开启了开发者模式，打开USB调试翻墙保证APP和PC处于同一局域网内手机和PC通过数据线进行连接（手机如有弹窗，点击信任/确定）本地打开服务PC端Chrome浏览器输入： chrome://inspect/#devices手机Chrome浏览器通过ip打开页面（...

目录背景欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入背景我们的公司需要的A...

标签： CSS 不生效 前端在写页面时，有时会发现自己写的样式无法生效，由于缺乏经验，排查以来耗时耗力，最终可能发现只是由于自己一个小小的失误导致，于是便萌生结合网上的一些经验，写一篇CSS样式不生效的文章，希望能给一些初涉此道的朋友一些帮助。排查步骤首先，先试一下清除缓存，重启浏览器等手段，无效后再进行进一步排查。 接着按以下流程排查： 以下是排查以及修改方法： 再次提醒在排查前先试一下清除

学习前端也有一段时间了，现尝试将我学到的兼容性写法整理一下，与大家分享。 这里主要是分享JavaScript的兼容性写法，涉及CSS3、HTML5的兼容性写法，共享了优雅降级的JS文件html5shiv.min.js的百度云连接。

本文参考了 《nodejs开发指南》微博实例express4.x版 https://segmentfault.com/a/1190000002620309本来网上也有了很多相关的教程，写本文的目的主要是希望梳理对整个代码的认识，另一方面，参考的那篇文章某些地方的实现目前也不适用，需要更新。也欢迎大家与我交流^^。 本文尝试完整实现整个例子，因此将不尝试区分与《nodejs开发指南》实现的差异。

起因最近项目（微信小程序项目）有一个需求，有一些多级结构的数据，需要一个树形的菜单来显示内容，类似如下： ： 然而，在实现的时候却意外的遇到了困难。。实现树形菜单遇到的困难其实应该说是实现无限层级树形菜单遇到的困难。 微信小程序无法动态新增子节点，然而我们的数据并不确定有多少层级（这里顺带一提，如果层级确定且级数不多的话，实现树形菜单还是比较容易的，可以使用多级嵌套wx:fo...

本文主要介绍了一种将父子关系转为树形结构数组的思路、原理以及方法。

vue中如何用a标签打开本地图片vue中如何用a标签打开本地图片扯点废话最后vue中如何用a标签打开本地图片不知道各位有没有遇到希望在vue中点击一下a标签就打开本地图片这种情况。话说，会看到这篇博客的话应该是遇到了才对吧。可以这样写：<a :href="require('../../img/test.jpg')" target="_blank">te...

如何使用eslint开发项目1、安装npm i eslint eslint-config-standard eslint-plugin-standard eslint-plugin-promise eslint-plugin-import eslint-plugin-node -D2、创建.eslintrc，这样就可以检测代码了{ "extends":"standard"}3、但...

CSS样式层叠规则今天阅读《CSS设计指南》，里面提及的查理版简单层叠要点，发现与自身的验证结果不一致，便试着将我得出的结论记录下来。0、若本身设置了样式，则继承的样式无效；1、！important具有最高权限；2、行内式仅次于！important；3、除上面三者外，其余样式按照(I-C-E)计算特指度，特指度高的层叠特指度低的；4、同特指度的，后面的层叠前面的样式。