- 博客(34)
- 收藏
- 关注
原创 记录关于Reflect.get的困惑
你能正确的理解Reflect.get吗?本文使用两个例子来说明我在学习Reflect.get遇到的困惑与误区,并对两个例子发生的细节进行了解释,希望可以帮助你更好的理解Reflect.get
2023-08-02 00:23:39
740
原创 vue 2.x template模板里渲染vNode的实现方案
背景这两天我打算抽象一个简单的表格组件,需要将类似elementUI的table-column那样将插槽里的内容应用到cell里面,这时我就需要在模板里面渲染vNode了,由于之前我是参考elementUI实现表格组件的,这次只是简单实现,就没有给项目引入jsx(主要是想试试其他的实现,在工作之余找点乐趣。。)。也是在网上找了很久,网上倒是确实有方案,但好像讲得不是很浅显,至少我是差点漏过去了。就这个如何在vue template里直接渲染vNode感谢这个哥们,解决了我的问题,我这里其实也只是再将
2020-10-13 22:58:35
5044
原创 记录一次代码提交失败的解决:pre-commit hook failed
本篇博客记录了我在使用yorkie检测commit代码的项目中,由于提交的文件太多导致提交失败,以及我在分析原因后想到的解决方案。lint-staged generated an argument string of 10048 characters, and commands might not run correctly on your platform.
2020-03-12 20:34:47
1952
原创 如何优雅的在嵌套组件中都使用v-model
子组件使用了v-model,同时父组件要怎么也使用v-model,这个问题其实困扰了我很久。很久以前我就遇到过这个问题,但当时没有很好的解决。而这次我找到了一个实现的方案,想要分享给大家。
2020-03-03 02:14:29
1835
原创 G2图表实现滚动
使用G2实现图表,如果数据太多,挤在一起,会影响视觉效果,这时我们会希望图表可以滚动。本文通过柱状图实现滚动的方案,希望可以给你提供一点G2图表实现滚动的思路。
2020-02-01 15:29:54
7539
4
原创 记录一次vue数据不同步的排查
今天我遇到了一个vue异步获取数据后视图没有更新的问题,排查了很久很久,最后才发现自己踩在了一个自己万万没有想到的坑上,所以记录一下。常见的解决方案关于vue数据不同步的排查已经有很多类似的博客了,一般而言,原因有一下几点:数据没有设置成功设置的数据不是响应式的设置的数据和视图上的变量不是同一个,可能设置错了变量既然写到类似话题,我也罗列一下相关的解决方案:使用this.$se...
2020-01-19 00:08:43
1143
原创 记录一次vscode调试nodemon的报错
最近在学习慕课网大前端的课程,其中在第五周1-9的课程里面,使用vscode 调试时失败了遇到了一个报错。说实话遇到这个报错,我是很想直接问问老师怎么解决的,但是我也明白,仅凭这些报错,老师很可能无法复现问题,很难仅凭代码找到原因,所以只好尝试自己解决。考虑到这个报错自己也处理了很久,而且确实有一两个遭遇和我类似的问题,我觉得可以为我们这些少数的人写写我的解决方案。本文虽然主要想针对的就是同样...
2020-01-09 08:58:21
748
3
原创 cookie无法自动携带问题排查
以前公司的项目,曾经遇到过cookie无法携带的问题,排查了很久。近日一个做前端的朋友也遇到了类似的问题,问起我来,想想这个问题也可以记录一下,于是便有了这篇文章。首先,同域 请求时,cookie是可以自动携带的,出现cookie无法自动携带,往往就是跨域导致的。一般现在都是前后端分离,因此一般都会有跨域的情况,往往cookie无法自动携带就是跨域问题导致的。我认为遇到类似的问题(cooki...
2020-01-06 00:22:42
4154
1
原创 记一次需求的解决-限制按钮频繁触发
背景最近,一个朋友叫我帮他解决一个问题,事情是这样的:他们开发的产品(这个项目的前端是使用vue实现的)即将上线,但是在测试时发现后台竟然挂了,通过查找日志,他们发现是由于接口被频繁请求,导致后台崩溃了。他们猜测是由于按钮点击没有做限制,用户频繁点击导致请求多次触发,一时又定位不出问题的所在,因此希望给所有按钮加上一个限制,让其无法重复提交。本来这个问题,理应从后台着手处理,但后台处理的成本...
2019-12-29 22:38:49
960
2
原创 初识gulp
npm init -y# 这里我其实没有安装成功,最终是使用cnpm i gulp -D安装的yarn add gulp -D修改package.json{ "scripts": { "build": "gulp" }}配置gulpfile.js可以在这个网页搜索插件:gulp plugins也可以在npm中搜索一些插件:gulp-uglify ...
2019-12-22 23:04:03
90
原创 离职后的总结与感想(二)
在写这篇博客时,我已经重新找到了工作,并入职了。到了一个新的环境,之前的离职仿佛已经有点遥远了,但乘着还能回想起来,还是希望尽量将过去半年总结一下。因为这样子我才能有积累和进步。之前文章的名称叫离职后的工作总结,但感觉我写的东西可能更偏向于感想和随笔,所以顺便就将之前的名称也给改了自律与坚持我上家公司有一个同事,他是前几个月入职的,一直坚持健身,已经坚持了一年多了,说实话我是很佩服的。虽然来...
2019-12-09 13:49:16
1611
5
原创 面试笔记(一)
这里记录整理的是面试时遇到的问题,对别人而言可能没有特别的参考价值,更多的是我对面试的总结与对接下来面试的准备。这是我从一个朋友那里学到的,他每一次面试都会进行总结,对不懂的问题会设法弄懂,可以特意找我讨论面试的内容。可以说每一次面试都在增加下一次面试成功的可能,我也想向他学习一下。http1和 http2有什么区别?http1是文本传输,而http2则是以二进制去进行传输,相对而言,htt...
2019-12-02 23:06:28
220
原创 关于如何配置bable
在项目开发时,有时需要配置bable,记录一下,以便后续用到:参考:使用Babel@babel/plugin-transform-runtime通过yarnyarn add babel-loader @babel/core @babel/preset-env @bable/plugin-transform-runtime -D# 由于@bable/plugin-transform-...
2019-11-28 22:48:53
268
原创 我是如何搭建后台管理系统的?(一)
目录说明背景搭建过程目录结构约定的风格组件视图文件JS 文件API继续调整使用环境变量调试优化配置别名其他一些webpack配置说明本文记录了我是如何搭建后台管理系统的,以及我的一些反思和心得。背景我们公司希望做一个更符合业务需求的后台管理系统,因此需要我重新搭建一个新后台出来。以下是对我根据自己搭建新后台的一些记录。搭建过程首先,我确定了项目要使用的技术栈:vue+vuex+vue-...
2019-11-25 17:12:26
8807
原创 真机调试Android的webApp
我们在进行移动端webApp开发时有时不得不进行真机调试,本文主要介绍一种android真机调试的方法:步骤:确保APP开启了开发者模式,打开USB调试翻墙保证APP和PC处于同一局域网内手机和PC通过数据线进行连接(手机如有弹窗,点击信任/确定)本地打开服务PC端Chrome浏览器输入: chrome://inspect/#devices手机Chrome浏览器通过ip打开页面(...
2019-11-19 08:08:28
435
原创 uni-app:APP/IOS/小程序对接数商云
目录背景欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入背景我们的公司需要的A...
2019-11-04 11:46:22
1003
原创 vue-使用eslint开发项目
如何使用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、但...
2019-09-24 07:49:48
264
原创 希尔排序学习笔记
最近在学习希尔排序,记录一下学习的笔记/** * 希尔排序 * 算法步骤: * 1. 选择一个递增序列(这里使用的递增序列为 1/2 * (3^k-1) -> 1,4,13,40,121,...) * 2. 按递增序列K,对序列进行K趟排序 * 3. 每趟排序,根据对应的增量ti,将待间隔为ti的元素构成子数组。 * 在子数组中将每个元素交换到比它大的元素之前去,最终子数组内均...
2019-02-19 08:28:29
108
原创 vue中如何用a标签打开本地图片
vue中如何用a标签打开本地图片vue中如何用a标签打开本地图片扯点废话最后vue中如何用a标签打开本地图片不知道各位有没有遇到希望在vue中点击一下a标签就打开本地图片这种情况。话说,会看到这篇博客的话应该是遇到了才对吧。可以这样写:<a :href="require('../../img/test.jpg')" target="_blank">te...
2018-11-16 09:54:47
7119
原创 CSS的三大机制
CSS的三大机制特殊性CSS样式规则什么是特殊性如何计算/比较选择器的特殊性声明的特殊性继承文档结构继承的机制需要注意的点层叠CSS样式来源层叠的规则:CSS的三大机制是:特殊性、继承、层叠。样式最终的呈现由层叠机制决定,但层叠与特殊性、继承又有关系。换句话说,一个元素某一样式要应用那个值,用户代理需要考虑继承,考虑声明的特殊性,考虑声明本身的来源,而这个过程就叫做层叠。本文的理论均基于CSS2...
2018-10-08 13:02:28
600
原创 微信小程序-树形菜单替代方案
起因最近项目(微信小程序项目)有一个需求,有一些多级结构的数据,需要一个树形的菜单来显示内容,类似如下: : 然而,在实现的时候却意外的遇到了困难。。实现树形菜单遇到的困难其实应该说是实现无限层级树形菜单遇到的困难。 微信小程序无法动态新增子节点,然而我们的数据并不确定有多少层级(这里顺带一提,如果层级确定且级数不多的话,实现树形菜单还是比较容易的,可以使用多级嵌套wx:fo...
2018-07-14 15:32:14
29744
23
原创 微信小程序-文本与图片无法对齐
最近项目开发小程序,于是打算重新做一遍七月老师的小程序入门项目,熟悉一下,但是做到阅读页面时却突然遇到了一个问题:文本与图片怎么都无法对齐,真的是对着代码研究了一个多小时才突然想到了原因,想想也许有人会遇到同样的坑呢?于是有了这篇博客。(要不,直接看总结?)遇到问题想下图那样文本莫名其妙的跑到了图片的下面。 <view class="avatar-date"> ...
2018-07-13 20:55:18
17976
6
原创 围城-二-阅读感想
围城-第二节本节讲了鸿渐察觉苏小姐隐隐已将其视为丈夫对待,对其没有意思的鸿渐开始想疏远苏小姐,奈何没有奏效。到上海摆脱了苏小姐后,却又发现他的博士身份被丈人大肆宣传,使得鸿渐害怕暴露自己假冒博士的事实而心烦意乱。归家后父母想替其张罗婚事,却因鸿渐在学校的一场演讲坏了风评泡汤。北平战事爆发后,鸿渐又去上海投奔了丈人。周太太(丈母)打算撮合其与张家的婚事,但终因鸿渐与张家想看两厌而失败。...
2018-06-24 20:37:29
1848
原创 围城-一-阅读感想
围城-第一节本节讲了1937年的夏季,方鸿渐从法国学成归途中的船上经历。方鸿渐在国外说是学习,实则在外混日子,终于在父母与其病逝未婚妻的父亲(丈人)的催促下,办了个假的博士文凭回国。在船上,方鸿渐轻易被已有婚约的鲍小姐勾搭上,然而才春风一度,却惨遭抛弃。为了寻求安慰,其又约上了暗恋他的苏小姐在香港游玩。 本节交代了许多的故事背景,从1937年,中国这两个信息,已给读者透露出了主角未来的生活不...
2018-06-23 09:29:56
2250
原创 vue2-获取上页的url地址
需求在vue2的项目中有一个需求需要获取上一页路由的url的地址,在网上找了一会也没有找到合适的答案,最后还是在官方文档中找到了答案,因此将此方法记录下来,希望能给有需要的人提供一点帮助。思路思路其实很简单,就是利用 beforeRouteEnter 这个钩子中的from参数获得之前url的信息,然后给 next 传递回调来访问当前组件的实例。 也许有人会问了,为什么不直接利用 ...
2018-06-14 23:20:48
9816
3
原创 为什么Object.prototype在Function的原型链上与Function.prototype在Object的原型链上都为true
关于javascript的原型链有一个问题我一直很疑惑: 为什么 Function instanceof Object 与 Object instanceof Function都为true呢?Function instanceof Object // ->trueObject instanceof Function // ->true先给个结论吧(函数a和对象b指什么看...
2018-04-20 23:39:27
4281
原创 bind(..) polyfill 代码与内置函数bind的区别
之前写了关于bind(..) polyfill 代码的理解,记录了自己的你不知道的JavaScript(上卷)93页提及的bind() polyfill 代码的一些理解,书中提到 由于 polyfill 并不是内置函数, 所以无法创建一个不包含 .prototype的函数, 因此会具有一些副作用。关于这一点,我是不明所以的。而在阅读到书中的156页时才发现了二者的一些区别:内置...
2018-04-17 11:37:05
431
原创 关于bind(..) polyfill 代码的理解
关于bind(..) polyfill 代码的理解你不知道的JavaScript(上卷)p93<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title><
2018-04-12 14:49:42
283
原创 《nodejs开发指南》express4.x版-微博案例完整实现
本文参考了 《nodejs开发指南》微博实例express4.x版 https://segmentfault.com/a/1190000002620309本来网上也有了很多相关的教程,写本文的目的主要是希望梳理对整个代码的认识,另一方面,参考的那篇文章某些地方的实现目前也不适用,需要更新。也欢迎大家与我交流^^。 本文尝试完整实现整个例子,因此将不尝试区分与《nodejs开发指南》实现的差异。
2017-11-30 21:31:50
1430
原创 CSS样式不生效错误排查
标签: CSS 不生效 前端在写页面时,有时会发现自己写的样式无法生效,由于缺乏经验,排查以来耗时耗力,最终可能发现只是由于自己一个小小的失误导致,于是便萌生结合网上的一些经验,写一篇CSS样式不生效的文章,希望能给一些初涉此道的朋友一些帮助。排查步骤首先,先试一下清除缓存,重启浏览器等手段,无效后再进行进一步排查。 接着按以下流程排查: 以下是排查以及修改方法: 再次提醒在排查前先试一下清除
2017-09-10 14:45:12
37754
5
原创 前端常用兼容性写法
学习前端也有一段时间了,现尝试将我学到的兼容性写法整理一下,与大家分享。 这里主要是分享JavaScript的兼容性写法,涉及CSS3、HTML5的兼容性写法,共享了优雅降级的JS文件html5shiv.min.js的百度云连接。
2017-08-28 15:18:18
1632
原创 CSS样式层叠规则
CSS样式层叠规则今天阅读《CSS设计指南》,里面提及的查理版简单层叠要点,发现与自身的验证结果不一致,便试着将我得出的结论记录下来。0、若本身设置了样式,则继承的样式无效;1、!important具有最高权限;2、行内式仅次于!important;3、除上面三者外,其余样式按照(I-C-E)计算特指度,特指度高的层叠特指度低的;4、同特指度的,后面的层叠前面的样式。
2017-08-22 17:49:45
3224
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人