- 博客(20)
- 收藏
- 关注
RSS订阅原创 我的webpack进化史-构建篇
开篇还是我的一些碎碎念！前面我们刚刚把webpack最基础的加载css，加载图片，一些基本配置都写完啦！那么这次接着上周的代码，我们继续捣鼓！我之前用vue脚手架搭的项目写项目时就会很奇怪，为什么我每次一保存它就会自动帮我更新页面呀！为什么每次我启动项目都会自动帮我打开浏览器？由于当时的我脑子里充满了业务需求，这些东西通通被我抛到脑后，这次扫盲过程才发现之前经典webpack面试题目–热更新（HMR 全称 HotModuleReplacement) 就是讲这个的呀！唉，年少不知webpack。这次构建篇还
2021-08-23 16:11:16
257
原创 我的webpack进化史-基础篇
先来一些我的碎碎念吧！毕业到现在也一年了，写了很多项目，vue的，react的都有，但都是速成框架，站在前辈大佬的肩膀上，吭呲吭呲的写业务。写业务写到后期很迷茫，每天都是这些业务变来变去。关于webpack这一块的问题除了稍稍优化下，也没有碰到过，直到看了呆呆大佬的面试文章，我感觉要自闭了，10个问题9个说不明白。于是痛下决心要开始学习，先从webpack开始，一步一个脚印搞懂来。文章不会写的很难，毕竟我的肚子里也没几点墨水，就记录我学习webpack过程中出现的bug。期间如果会出现小白问题，若有大佬路过
2021-08-23 16:10:05
311
原创 elmentUI table表格，表头合并、表格内数据合并单元格
这几天写了一个表格，表头要实现合并两个单元格，第一列数据全部合并，翻了下element-ui的属性方法，没找到好一点的合并表头的方法，也不想原生写一个table表，所以找了一个死办法来实现，不过这个方法仅限于表格列数据不固定(fixed)的情况，先贴效果图直接贴全部代码了，注释也全部写在代码里了<el-table border :data="toolTableData" :span-method="objectSpanMethod" height="400"> <el-tab
2021-05-08 16:01:19
630
1
原创 VUE+vue-print-nb，vue打印我踩过的坑
这几天写了一个需求，要求打印条形码，先来张要打印出来的效果图吧，效果图大概长这样子（图是我随便找的，二维码扫出来是啥我也不知道，哈哈）写这个需求的时候踩了太多的坑了，在此记录下辛酸史。vue-print-nb基本用法这个插件用法很简单，安装依赖后就可以直接使用(npm install vue-print-nb)，点击打印就会唤起打印弹框。 <div style="display:none;"> <div id="printStyle" ref="printTest"&
2021-04-02 17:15:29
6651
1
原创 el-tree数据回显，解决子级部分选中，父级全选效果
在el-tree中回显数据有一个很明显的坑，只要回显的数据里有父级的id，不管当前父级下的子级是部分选中还是全选，父级的check效果都是全选。预计效果图：实际效果图：我看了很多博主说用setChecked循环便利来勾选叶子节点，但我试了半天也没用，setTimeout，nextTick都试了，无效。所以干脆自己写。我还是用的setCheckedKeys来实现勾选的，逻辑很简单，arr是存储叶子节点的数组，里面包含了父级和子级的所有id。利用getNode()获取当前节点，在循环判断当前节点是否叶
2021-01-22 14:38:43
2645
2
原创 React+Antd实现可增删改表格
最近写了一个小东西，模仿自己原先用vue写的项目改成react语法。写了一个可编辑的表格，期间磕磕碰碰的，打算把bug记录下。先把效果图和代码贴上去，主要用的是react+antdtable表格，点击编辑，打开弹窗，弹窗内是tab切换显示不同的form表单+可编辑表格，表格内操作栏"+"，表格内新增一行可编辑的数据，编辑，保存，删除这些操作就不细说也不贴效果图了Table/index.jsimport React, { useState }from 'react'import { Row,
2021-01-12 15:46:32
4716
3
原创 获取小程序码所携带的参数
最近写了一个h5链接，其中有一个推广的功能，点击推广可以转发到微信朋友圈或者微信，而且下面的这个小程序码，用户扫了可以进入小程序特定的页面，并且写到了当前分享的这个人的邀请码。关于微信分享的问题下次再说，这次要说得是扫小程序码(江湖人称菊花码)，在小程序里有的时候可以获取到邀请码，有的时候获取不到，前提是后端那没问题，邀请码(inviteCode)是一定返回了的。...
2020-11-02 14:11:15
7450
原创 VUE源码简析
VUE源码简析最近好不容易空闲下来，赶急赶忙的写完项目，项目中遇到很多坑，自己总结后觉得现在写的业务代码太多，也不会出梳理自己的项目，觉得自己太急于求成，项目写的多，但却没有仔细的研究过vue源码，画了一个下午的时间去观看各个大佬的源码解释，找到一个比较清楚，也比较适合我们去探究的，下面先把源码贴出来，等我一步一步的弄清楚了所有的代码，再来把流程补清楚，现在就先把我膜拜的大佬的代码贴出来，文后有相关的链接，若有相关不对的地方，立马改正，哈哈哈。 /* 源码目录 src/core/instance/sta
2020-10-28 17:51:28
315
1
原创 axios的封装的基本思路与API接口管理
在实际项目中，所有的请求都有一些基本操作：1:请求发过去的时候header里面携带token。2:请求响应回来的时候拦截状态码或其他错误信息，做出相应的判断axios是一个基于promise封装的一个http库，单纯的用用还是可以的，但是在实际项目中如果还是axios.get(…).then(…)这种写法就会给开发带来些麻烦，所以在进一步的封装axios是有必要的一：构建一个axios对象实例import axios from 'axios'import { MessageBox, Messag
2020-05-11 14:17:27
262
原创 小程序 省市区地址选择器
这两天闲着没事干，给自己挖了个坑，用小程序些省市区地址选择器，直接上效果图吧，样子有点丑。接口地址，我是直接找的开源的，今天我就懒的讲那么多话了，直接上代码。省（全国各省）http://datavmap-public.oss-cn-hangzhou.aliyuncs.com/areas/csv/100000_province.json市(以安徽为例)http://datavmap-publ...
2020-04-26 17:40:33
2292
原创 微信网页静默授权
这几天接到了一个h5的新需求，需要重构登录注册流程。说实话，我知道的时候是很懵逼的，因为这个h5项目被我同事誉为“公司最坑的项目”。和我之前了解的h5有点不同，这个项目用户只能在微信打开。我之前没有碰过和微信配置相关的项目。好了，话扯了那么多，直接说下这个项目的基本情况吧。原先的注册方式有两种方式：1:域名进入注册页面，也就是http://XXXXX.xx/register2:邀请链接进入注...
2020-04-26 17:26:05
1108
原创 token过期自动跳转到登录页面
这几天项目提测，测试给我提了个bug，说token过期，路由应该自动跳转到登陆页面，让用户重新登录。先说下一些前置条件，1：我公司的token时效在生产环境设置为一个小时，当token过期，所有接口都直接返回2：每次路由跳转都会对token进行判断，设置了一个全局的beforeEach钩子函数，如果token存在就跳到你所需要的页面，否则就直接跳转到登录页面，让用户登录重新存取token{...
2020-03-17 14:02:45
10839
2
原创 React基础练习 TodoList
React基础练习 TodoList最终效果：1：在输入框输入，点击Add，【正在准备的事情】增加一项2：点击【正在准备的事情】的【X】，本项移入【已完成的事情】3：点击【已完成的事情】的【X】，本项移入【正在准备的事情】虽然效果的逻辑有些许的bug，但是操作无误，重在练习嘛！react小白，有错误欢迎指出。import React from 'react';import '.....
2020-01-16 17:38:19
194
原创 一 el-form表单校验碰见的坑
el-form表单校验碰见的坑这几天做公司的业务需求，把一个弹框改为页面，页面具体内容没变，只是增加了表单校验。刚开始是只需要判断不为空，但是每次在请求里面判断数据格式，太费事。但是，在做校验的时候碰见了几个坑。先上图吧这是目标样子原先的需求就是，我输入会员号合商品ID后下面要出现会员和商品的信息，但是会员和商品的都要做校验。坑就是，出现错误却不提示，没报错却提示，这个弄了我好久。代码...
2020-01-08 11:13:38
1199
原创 深入理解nodejs中mysql模块用法
使用mysql模块连接数据库代码结构使用连接池连接我们前面几节写的都是直接对代码进行操作，和数据库几乎没啥关系。但是作为一个前端的攻城狮怎么可能不去接触数据库呢？所以在nodeJS中提供了mysql模块供我们使用。在使用mysql模块时，会比较常用到用到mysql里面的几种操作：1 查询数据select * from 表名 where 查询条件；2 删除数据delete from 表名 where 搜索条件；3 修改数据update...
2019-07-30 20:55:30
3087
2
原创 深入理解NodeJS中的中间件
在上一节，我们讲了当客户端发送的请求方式为pos的时候，要如何处理以及获取数据。要先把以流的形式获取数据，再讲数据转为对象，再去获取你想要的东西。当代码量一多起来，多个post请求时，这种写法就显得格外的笨重。所以这一节，我们就讲NodeJS中的中间件。先给大家解释下什么是中间件？中间件：用来处理(过滤)请求，最终为路由提供服务中间件分为四种类型：：应用级中间件（自定义）：路由级中间件...
2019-07-29 16:46:14
2765
原创 NodeJS——用express创建一个简单的服务器
express上一节我们讲了如何用http模块去创建服务器，但是大家会发现当url变得越来越多时，用http来创建的服务器所有的访问地址全在一起，就会显得很混乱，而且访问性能也不是最好的。所有后面就提出了express。它基于NodeJS平台、快速、开发、极简的web开发框架。它创建web服务器的步骤：1、引入模块 const express=require('require');2、创建...
2019-07-29 11:34:40
1987
原创 NodeJS——http模块创建最简单的服务器
###http创建服务器在nodejs的http模块中，http既可以创建服务器，也可以模拟浏览器向其他服务器发送请求1、模拟浏览器http.get(url,callback) 向服务器发请求url 请求的urlcallback 回调函数，获取服务器端的响应res x响应的对象res.statusCode 获取响应的状态码res.on(‘data’,functio...
2019-07-27 17:54:19
686
原创 JS模块
在初学闭包时，对于模块这个概念太过模糊，也不了解，今天花了点时间去弄懂它！！！模块的定义在讲之前，我们先看一段代码 function CoolMudules() { var something = 'cool'; var another = [1,2,3]; function doSomething(){ conso...
2019-07-11 20:29:57
288
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人