- 博客(17)
- 收藏
- 关注
RSS订阅原创 react+Koa服务端渲染系列——基于Gitlab和Docker部署篇
前言从三月面试开始拉开巨幕，到五月份结束，终于拿到欢聚时代的offer。于是，在离职期间，我开始研究了服务端渲染，从技术选型，搭建框架到实现自动化部署，踩了不少的坑，终于完成了初步框架搭建和自动化部署这两步。由于自动化部署是最后完成的，所以印象深刻。现在趁热打铁，先把自动化部署的研发的整个过程记录在案，以方便之后自己或者各位看客能够看到我踩过的坑！本次自动化部署是基于gitlab+docker进行自动化部署的。下面请看我娓娓道来~一、gitlab和.gitlab-ci.yml众所周知，g
2021-06-14 13:10:53
430
1
原创 React + SVG之流程图原生设计开发
一、前言进来大厂有一段时间了，emmm...确实学到很多，现在自己还能慢慢研究别人的一些技术方案，然后融入自己的一些想法，故创造了一个流程图设计的demo。笔者也是找了很多线上的方案，但是现在的方案（如jsplumb，g6）看文档比较麻烦，而且配置非常多，有时候还不满足需求（比如需要对齐辅助线和吸附的功能）。想用一些高级功能还要付费。所以笔者希望能够开源一个demo，供大家参考参考。由于是一套方案，所以笔者开始只是以完成功能为主，ui样式优化将会非常弱化，以后再进行维护。...
2020-12-08 17:34:06
1443
3
原创 Jsplumb的坑
一、前言时隔三年，我跳去了某大厂工作了。从以前使用vue，到现在使用React，感觉还可以接受，毕竟现在好多框架都是开箱即用的。刚好有个拓扑图的需求，于是我技术选型了使用jsplumb，发现里面有不少坑，于是写下博客已作记录。二、需要在container上加上position:relative;如果你在使用jsplumb时，使用到它的api——setContainer的话，那么这个时候你就要注意了，一定要为这个container设置一个样式——position: relative;如下图1-
2020-08-06 15:23:43
5591
13
原创 微信公众号开发之测试号入坑大法（三）——调用微信js-sdk的接口
一、前言突然有一天，接到了领导的各种需求，比如希望微信公众号可以支付，希望微信公众号可以实现定位（喜欢加一些无谓的骚操作），于是就要引入今天我们需要的js-sdk去实现这个功能了。二、首先要填写域名如下图1-1，首先要修改图1-2的js接口安全域名，改成自己前端页面的接口名字即可注意！！！写域名是不用带上http://或者https://，不然永远都进行不下去！比如，你的域名是ht...
2020-05-08 08:45:37
973
原创 微信公众号开发之测试号入坑大法（二）——获取关注公众号的用户信息
一、前言很多时候，我们都会看到访问一些公众号，然后就会问你是否允许授权获取个人信息，这个功能实怎么做的呢？且看下面一一分解。二、在测试号页面找到授权第三方网页获取个人信息的接口在这个页面往下翻 ...
2020-05-07 13:42:32
1592
原创 微信公众号开发之测试号入坑大法（一）——联通公众号测试号
一、前言微信公众号开发真的是很麻烦，于是想弄一个方法，可以在vue开发模式下进行调试的。然后就不断踩坑，终于有了这系列的文章。话少说，直接上干货！（怎么注册公众号这里就省略了）二、微信公众号测试号1、输入微信公众号测试号，点击红色圈住的地方2、然后进行扫码登录，进入到下图这一步 ...
2020-05-06 18:04:47
446
原创 修改elementUI源码并发布到npm上
一、前言有时候，我们需要修改elementUI的源码，来达到boss们的要求。但是修改完之后，又不知道如何发布到npm上来安装。那么这一篇文章将介绍如何修改elementUI源码然后发布到npm上。二、fork一份elementUI源码首先去到github官网，然后搜索elementUI代码，进去看到该页面，然后点击Fork按钮fork完之后，记得修改一下项目的名字接下...
2019-05-30 20:23:59
3808
4
原创 nuxt.js框架中 audio标签的坑
一、前言上星期接到一个需求，业主说要在移动端的考试系统中弄一个背景音乐上去，让人听着做题更舒服，并且做对题目和做错题目都需要有不同的音乐提示（业主不当产品经理留在小公司折磨我这种小员工实属浪费）。于是就想到用html5的audio标签。但是后来做的时候发现，audio标签在IOS（苹果）端的微信浏览器中存在着很多坑，而且要整合到nuxt.js当中又踩了坑，决定把这些坑和解决办法记下来。二、...
2019-04-08 19:32:41
1972
原创 jQuery简化版源码浅显解读
一、前言这里主要是为了把学到的原型知识写在这里，所以并不是真正解读jQuery里面的源码，而是把它简化了一下，然后着重讲解里面jQuery的$.fn，$.fn.extend与$.extend。一、使用立即执行函数定义jQuery(function(window) { var version = "3.3.1", // 从这里开始定义一个jQuery的变量 jQuery = ...
2019-03-14 16:21:36
195
原创 封装一个事件触发所学到的前端知识
一、封装触发事件的函数拜读了elementUI的dom.js后，感觉整个人好像打通了任督二脉，于是有感而发，想写一下关于里面的触发事件所学到的知识。先说一下我看了哪个函数：export const on = (function() { if (!isServer && document.addEventListener) { return function...
2018-09-26 19:57:48
345
原创 解决elementUI在ie中报错的方法
使用elementUI开发项目时，在ie中，如果遇到“script1002: 语法错误”这个错误，而且已经使用了poly-fill和es6-promise都不行的话，不妨再加一个方法：如下图，在webpack.base.conf.js中，修改成下面那样然后记得重新npm run dev！！！分割线——更新1、今天看了下，暂时发现使用webpack-dev-server的3.8....
2018-08-28 16:47:29
8242
3
原创 基于ElementUI的一个文件批量上传，下载，删除以及图片预览组件（样式篇）
一、前言 领导们的心总是难以猜测，这不，他们对于elementUI的上传组件有意见，说不能真正达到批量上传（也确实，因为elementUI的上传组件虽说可以多文件上传，但是它实际上是上传一个文件就建立一条连接，实质上还是单文件一个个上传），所以最终还是要重新做一个上传组件，那么，这一篇先讲解最简单的样式篇吧。二、上传按钮 众所周知，如果我们直接写<input type="file...
2018-06-05 10:45:02
9553
原创 批量上传文件时，关于post请求报错NET:ERR_CONNECTION_RESET
前言 新手做前端大项目，遇到坑真是接踵而来。这次遇到的是使用formData传文件的时候，如果上传文件数太多，总是报NET:ERR_CONNECTION_RESET的错，百度好久也不知道什么原因，后来自己慢慢摸索，可能原因有二。一、查看一下tomcat配置文件server.xml是否设置了上传文件总大小的限制 注意下面的maxPostSize，它就是设置限制上传文件的大小的属性，单位是...
2018-06-04 09:23:14
33856
1
原创 vue-awesome-swiper遇到的坑！！！（包括swiper display: none后在显示的bug）
前言最近项目需要一个基于Vue可以滑动的组件，想到之前用jQuery的时候用到了一个非常强大的swiper组件，于是想看看有没有基于Vue的Swiper组件，果不其然，发现了一下vue-awesome-swiper正是自己需要的，结果不用不知道，用起来才发现巨坑无比！！!所以特此说明下有什么坑。一、版本问题首先说明一下，本人使用的vue-awesome-swiper版本...
2018-06-02 12:48:09
22305
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人