- 博客(385)
- 资源 (57)
- 论坛 (1)
- 收藏
- 关注

原创 帮助前端同学学习参与开源,如何使用vue开发组件,学习一些CSS的高级技巧
这是一个帮助前端同学学习如何参与开源,如何使用vue开发组件,学习一些css的高级技巧。很多同学咨询我,想要参与前端开源项目,希望能够接触更多的开源的大佬。我想了想,创建了这个项目使用vue搭建。主要功能是将一些css的特效做成一个一个的组件,封装起来。如这样的这些都是使用纯css制作的特效。而我们的任务就是将他们封装成组件,以供大家使用。你可以在整个过程中,如何使用css的高级技巧,如何参与开源项目,如何使用vue封装组件。项目刚刚开始,我们需...
2020-11-09 23:00:41
1386
15

原创 CSS3 弯道超车
假舆马者,非利足也,而致千里;假舟楫者,非能水也,而绝江河。君子生非异也,善假于物也。前端开发要想实现酷炫的交互效果,选对工具是关键。工欲善其事,必先利其器。这次的Chat带大家分析几个CSS特效库,简单易用,特效MAX。站在前人的肩膀上,每一个人都可以成为大神。“肩膀”已备好了,就看你敢不敢站。点击下方链接参与Chat,让我们在CCS的山路上飙起来。使用 CSS 库实现酷炫的页面交互效果...
2020-11-03 10:34:13
133

原创 WordZ:Word终结者,基于Google API的文档自动化 电子合同发票流水账单线上集成方案
WordZ: Word终结者, 基于Google API开发的文档自动化产品。可用于线上合同,发票,所有有关文档的业务流程。主要功能包含,创建,复制文档,填充变量,导出word,导出pdf等一系列优秀功能 工作了那么多年,我在闲暇之余经常思考这样一个问题,作为一名软件开发人员,我的工作,我的研发价值,真的只存在于产品经理所规划出的这几个业务中吗? 开始这项研究的...
2019-12-01 19:37:55
483
4

原创 深夜的敲门声——献给孤独奋斗的你
多久了? 多久没听到敲门声了? 有很多时候我会想象,假如有一天,或许是周末,或许是周一,我一个人待在家里看美剧,或者漫画,又或者是在练习书法。。。。这时从我的那个金属门外传来了"咚。。咚。。咚"的声音。我的思绪想被什么东西一下子束紧了。就好像从广阔的天空一下子突然场景转换到自己所处的这个杂乱,狭窄的小房子里。这40多分贝的声音,让我一下子感到了前所未有的。。。。。...
2019-10-24 10:24:10
3023
7

原创 最新Tampermonkey 中文文档解析(附基础案例和高级案例)
近期博主在GitChat上举办了一场 彻底玩转Tampermonkey的Chat 欢迎各位前来捧场. 报名地址使用 Tampermonkey 编写高级跨网站自动化任务脚本标明:本文出现的TM 即使Tampermonkey 的缩写目录USERSCRIPT HEADER@name@namespace@version@author@description...
2019-10-21 12:29:37
4425
3

原创 基于数据驱动设计复杂页面
背景介绍:最近公司启动了一个新的版本,我负责的一个的模块中有一个很复杂的新建的页面,表格里嵌套表格,三层数据,数据级联,组件较多.交互复杂,下面是我做的一个简略图,为了保密我已将需求细节隐藏.(PS:没有table组件的墨刀,掩面苦笑,真难用)从整个页面上分析,整体分为二部分,表单FA列表和表格TA表单FA列表可以新增,删除,设为默认,其中一些表单项要求可以边输入边检索,选中选...
2018-09-01 15:10:23
4737
1
原创 js最简单的 数组转树
一开始我以为数组转树是一个很复杂的事,因为你可能要写一个在树中寻找某个父节点的方法,还要判断哪个是最顶级节点。但是利用下面这个方法,化繁为简。真是牛P。最核心的是map[ownercn].children.push(item) 这句 ,这里的ownercn可以看做是父节点的id。获取父节点idownercn后,使用map[ownercn] 获取父节点。将当前节点push到父节点中。完美。这种方法就是有点占内存。毕竟你还要维护一个map。const result = []const map = {}
2021-01-15 19:14:10
15
原创 万粉博主的运营之道
最近在公司的前端团队里进行了一次经验分享,分享的主题是《万粉博主的运营之道》。这是我进入公司第三次进行主题分享了,前两次分别是,项目组内分享《Tampermonkey的脚本教程》和前端团队的《GitLab CI/CD 实战教程》。逐步地提升自己分享能力。演讲以及知识总结能力。这次主要总结一下本次分享的感受。以及需要改进的地方。首先说一下为什么要分享这个主题。写博客已经有4年多了,这期间有了很多的思考,很多思考只是在达到一定的用户群体,或者进入到某个圈子里才能有的。比如那些文章更受欢迎,怎么为写书做准备?
2021-01-15 10:38:13
24
原创 svg替换原有伪类图标
将svg文件内容转义之后 加上前缀data:image/svg+xml;utf8, 来装载.el-icon-arrow-down::before { content: url("data:image/svg+xml,%3Csvg t='1610605001506' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='9843' xmlns:xlink='http:
2021-01-14 15:06:47
30
原创 @vue/composition-api 中无法使用ref对象的
当使用@vue/composition-api 去获取一个组件中的ref对象时如<div ref="myref"></div>setup() { const myref= ref(null) onMounted(() => { // 在渲染完成后, 这个 div DOM 会被赋值给 myref ref 对象 console.log(myref.value) // <div/> }) return { myref, }},请
2021-01-12 14:25:18
23
原创 收集的有关Node-red 资源与连接
官网 https://nodered.org/Github https://github.com/node-redNode-RED简介 https://blog.csdn.net/u011537073/article/details/79421552Node-RED入门指南 https://zhuanlan.zhihu.com/Node-REDnode-red教程2 第一条数据流 https://blog.csdn.net/geek_monkey/article/detail..
2020-12-27 13:37:16
53
原创 岁月悠悠,我心不老
问:请用一句话介绍下自己。答:孤舟蓑笠翁。问:请用一句话描述下自己的状态。答:独钓寒江雪。钓鱼这件事,一直挂在我嘴边,从年前说到年尾,可到现在鱼竿都没买,前几天赚了一点稿费,心一狠,买了一把人体工学椅放公司里坐。鱼竿在等等吧。。。。。。今年真是发生了不少大事,第一件大事就是我女儿出生了,终于明白了为什么那么多人喜欢晒娃,明白了一个大老爷们为什么会突然变得那么温柔,为什么要戒烟,因为那个新的生命正是自己的一部分,而且是最纯净,最喜欢呵护的。女儿的诞生让我的世界变得更加精彩,也让我有了更大的动力。第
2020-12-26 21:57:40
88
2
原创 使用腾讯JS-SDK实现汽车沿轨迹行驶
使用腾讯地图开发一个动态移动轨迹路线图最近公司有个地图功能开发,根据车辆的行驶的经纬度,来画出车辆的移动轨迹,并模拟车辆在该线路的行驶过程。效果图大致是这样的。这个伟大的任务交给了我,经过一番调研我决定使用腾讯地图JS SDK来实现这一功能,为什么那?因为使用腾讯地图可以轻松移植到微信小程序里。而且他们最近更新和优化了很多API。诸如,定位,地点搜索,路线规划,个性化地图。简易入门说干就干,首先要使用腾讯地图SDK,必须要先申请appkey,点击链接申请注意类型我们要选择JavaScri
2020-12-26 18:03:52
118
2
原创 JS实现复制截图,自动显示图片,并上传图片到后端,源码自取
写博客的时候,很多作者会用到截图上传的功能,通过微信截图,QQ截图,直接将截取的图片通过Ctrl+v 复制到编辑器里。编辑器自动将图片上传,并返回图片地址,将图片渲染到页面上。今天我就给大家实现一个这样的功能。主要的知识点是,浏览的paste事件,clipboardData,有关这两个属性的浏览器支持情况paste 一个标准的Dom事件,粘贴事件,会在用户按下Ctrl+v ,或者通过鼠标复制时触发.像其他事件一样,我们可以通过addEventListener为一个Element添加一个粘贴事件的监
2020-12-14 11:54:42
118
原创 收集的一些物联网资料
Github iot 相关知识 https://github.com/topics/iotNode-red https://nodered.org/https://threejs.org/http://www.thingjs.com/guide/https://xw.qq.com/cmsid/20200729A07HR100?pgv_ref=amp&ADTAG=amphttp://www.elecfans.com/d/1299383.html
2020-12-11 23:40:31
30
原创 使用Nodejs获取自己所有的CSDN博客附源码与效果图
最近一直在想着做一个自己博客的数据统计。做数据统计,报表,必须要先有数据,于是写了一个使用Nodejs获取自己CSDN所有博客链接的程序,并将这些博客数据通过页面展示出来。先看下效果图下面说一下做这个程序的具体历程,一方面是自己的总结,一方面是与大家探讨如何使用自己掌握的技术解决自己的难题分析需求做一个程序前,我们首先要思考的问题是,这个程序是要解决什么问题,如果问题过于大,耗费时间长,代功复杂,那么这个问题是否可以分成几部分来完成,自己有什么技能能够完成这项任务。很多软件之所以没有成功是因为设定
2020-12-11 09:51:15
47
原创 快速下载一个网站
有时候我们需要分析一个网站,或者基于一个网站进行魔改,这个就需要一些特殊的手段将网站源码下载到本地了,其实目前大部分网站都是有代码压缩的,很难去有修改。这里我就教大家如何快速获取一个网站的所有资源,包括源码,图片,js,css。以这个页面为例https://loading.io/spinner/这个页面所显示的图标都是付费的,但我们可以通过一些简单的手段将所有资源下载到本地。其实这并不是什么神奇的技能,有需求,就有供应,就有牛逼的程序来教你做事。第一种CTRL+S浏览器打开https://lo
2020-12-11 09:49:59
57
原创 .gitlab-ci.yml语法完整解析(三)
关于如何编写GitLab流水线,.gitlab-ci.yaml文件的关键词,已经写过两期了,gitlab-ci.yaml的关键词一共有28个,分别是分别是,script, after_script, allow_failure, artifacts, before_script, cache, coverage, dependencies, environment, except, extends, image, include, interruptible, only, pages, parallel
2020-12-11 09:49:07
149
原创 .gitlab-ci.yml关键词完整解析(二)
.gitlab-ci.yml关键词完整解析(二)上次我们介绍了script, image, artifacts ,tags, cache ,stage ,when ,only/except。学习了这几个关键词的用法,就不难配置一条简单的流水线。但如果要遇到更加复杂的业务场景,如微服务,流水线继承,多流水线,等复杂场景,那么只靠以上的几个用法是无法实现的。下面我就再给大家讲解其他几个更加复杂的关键词。这次讲解的关键词有before_script, after_script, dependencies
2020-12-11 09:46:38
76
原创 .gitlab-ci.yml关键词完整解析(一)
.gitlab-ci.yml关键词完整解析(一)使用GitLab自带的流水线,必须要定义流水线的内容,而定义内容的文件默认叫做.gitlab-ci.yml,使用yml的语法进行编写。目前任务关键词有28个,全局的关键词有10个,两者重叠的有很多。今天我给大家先讲解一下常用的关键词,掌握了这些关键词的用法,你可以编写逻辑严谨,易于扩展的流水线。任务的28个关键词分别是,script, after_script, allow_failure, artifacts, before_script, cach
2020-12-11 09:46:05
122
原创 指引线leader-line库的使用
今天给大家介绍一个用于做指引线的库,叫做leader-line。简单好用,非常容易上手。这个库是用于在二个dom元素之间,画上一条线。可以用作产品详细点补充说明,也有用作相关关系表明。这样说有点空洞,先看一下几个示例。引入与简单使用leader-line库不依赖任何库,你无需引入jquery,vue,或其他的第三方库。一个简单的案例<!DOCTYPE html><html><head> <title>demo</title&g
2020-12-11 09:45:10
165
原创 如何写文章赚稿费?
最近有一个新的社区负责人通过博客找到我,读过我的几篇博客后,他一直赞赏我的博客写的好,认为我才高八斗,玉树临风,风流倜傥。对他的夸奖我一直微笑地看着他(确切说是注视着屏幕)。后来他说 他们社区刚起步,但不差钱,想邀请我去他们家,不他们社区做做,当个首席供奉。在他们社区每发表一篇文章,都有稿费,不低于30,每篇只需要3000字,算代码和标点符号。。。。。。。。我写文章,一般都是5k字起步的,没办法,才华冒出来,挡都挡不住。刹不住车。但要求是首发,排版精美,逻辑清晰,不是水文。 我心里犯嘀咕,有那么好的
2020-12-05 16:52:33
218
2
原创 使用 rancher 最新版的dashboard管理本地集群
本地Docker运行docker run -d --restart=unless-stopped -p 8080:80 -p 8443:443 --privileged rancher/rancher:v2.5.1浏览器访问ip:8443第一次需要设置密码 并且选择默认的视图,这里选择视图要选择第二个才能直接进入Rancher的Dashboard I‘m only goding to use the 。。。。。点击继续 进入系统可以看到整个系统还没有...
2020-11-30 18:32:54
95
原创 入门级 HTML 测试题
如何在html中引入样式表?有几种方式? 块级标签与行内标签有什么区别?分别有哪些? 显示图片使用哪个标签?标签的属性有哪些?分别有什么作用? 设置一个链接使用哪个标签? 该标签有哪些属性? 如何在html中引入JavaScript脚本?有几种方式 head标签中一般都是存放什么内容? 写一个五行4列的表格 写一个表单,有具有一个输入框,一个密码输入框,一个选择器,一个文本域,一个提交按钮,一个清空按钮。 写一个无序列表和有序列表 在一...
2020-11-27 16:24:12
102
3
原创 目前挖的坑,等待去填
很多时候,自己总是灵光乍现,然后想要做这,想要做那,想做一个CSS的项目,想做一个Jeknkins的主题,想学习Python,还有读者留言问我,之前写了一篇直播小程序的文章,没写完,就写了个待续。一直没完成。还有一个fabricjs文档及教程的整理,做一个作业批改,宣传海报,作图的vue3.0开发还要学一下Jenkins脚本的编写另外我的使用页面配置GitLab 流水线的功能一直搁置。 总之,想做的事情有很多,就是不能聚焦。不能完美地完成一个。是我一个人的能力有限嘛? 也是啊。一个中..
2020-11-18 18:17:54
116
3
原创 Python初学者自测题(1)
数据类型有哪些 如果打印多行并且带有变量 数组list的增删改查 if,and or not 的使用 tuple的使用场景及特点,遍历 创建一个从0到200的数组 如何循环一个数组 for 与while两种方式 如何使用break,continue dict与set的区别,以及各自的方法 说出几个Python内置的几个函数 如何定义函数,定义参数,空函数,如何返回并接受多个值的函数 函数的默认参数如何使用..
2020-11-18 17:51:21
79
原创 收集的Python教程与学习资源
廖雪峰Python教程菜鸟Python教程知乎Python学习回答Github100天学Python教程视频[小甲鱼]零基础入门学习Python知乎Python视频教程回答Python练手项目
2020-11-18 11:59:33
92
原创 收集的一些dokcer 镜像
博客网站镜像docker run -d -p 5230:3000 yunterry/node-blogGrafana镜像docker run -d -p 3000:3000 --name=grafana grafana/grafana物联网项目Node-red镜像 docker run -it -p 1880:1880 -v node_red_data:/data --name mynodered nodered/node-red...
2020-11-16 18:56:53
58
原创 万粉博主,回报社区,初心不改,砥砺前行
今天打开博客,看到粉丝已经9994,心里不免感慨,明天就要做万分博主了,算是跨过了一个门槛。以后有人问起有多少粉丝的时候,我也可以骄傲地说已经,我的粉丝已经5位数了。 粉丝增长那么快的原因,一部分是因为CSDN的文章可以设置粉丝可见,必须关注了才能读完整的文章,另一部分是要归功于自己坚持不懈,笔耕不辍地写博客。今年每个月最少7篇起步,其实我也知道,很多博客是没有经过仔细地雕琢的,很多想流水账或者笔记,资料收集,精心雕刻的不多,但这并不会影响我的博客能够帮助很多人,每个星期都有...
2020-11-15 22:58:58
110
1
原创 大前端教程之Dokcer,部署方式,CICD的解决方案
Dokcer篇 1:Docker的用处2:Docker的三个概念3:Dokcer启动镜像的参数介绍 4:如何制作一个镜像,Dockerfike的编写 命令的讲解 5:使用Docker启动一些常用的项目 前端部署方案1:Nginx,IIS, tomcat2:Dokcer镜像3:OSS CDN 流水线篇 CI/CD流水线部分 1:Gitlab,Runner,流水线,Devops 的概念介绍及安装 2:流水线内容编写,指令讲解,制作一个最简单的流水...
2020-11-13 23:27:20
116
原创 赏析一段优秀的开源sass代码
// Variables$prefix: 'shake' !default;$trigger: 'shake-trigger' !default;// Placeholders%shake { display: inherit; transform-origin: center center;}%paused { animation-play-state: paused; }%running { animation-play-state: running; }@func.
2020-11-13 10:10:02
82
原创 js处理文本域内容,每一行转化为数组元素存储数据
文本域中的换行符为 \n 使用myValue.splict(`\n`)即可将文本域的内容处理成一个数组
2020-11-09 11:04:37
105
原创 前端创建文件,并写入自定义内容下载
创建一个a标签,往a标签里增加href 与download 属性herf里 需要写入文件的MIME, 文件所对应的MIME 可以查看我的另一篇博客 完整的 mime type 列表这个属性规定文件的格式是否正常,encodeURIComponent 是用于转化文件内容的.download属性可以设置下载的文件名此方法在chrome上测试正常。 最新版的火狐也可以function createAndDownYaml(content) { const element = do...
2020-11-06 15:35:33
181
原创 CSS资源分享主题的相关链接及资源以备使用
https://www.imooc.com/article/1286https://github.com/chokcoco/iCSShttps://github.com/bansal-io/pattern.css
2020-10-30 15:33:20
73
1
原创 常用的JS CSS 库 链接 收集
https://animate.style/animate.min.csshttps://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js
2020-10-29 09:59:40
88
原创 取消 echart 环形图鼠标放置放大的效果 hoverAnimation: false
鼠标防止环形区域 放大的效果使用hoverAnimation:false,即可取消鼠标悬浮放大的效果取消放大效果https://echarts.apache.org/zh/option.html#series-pie.hoverAnimation
2020-10-28 17:57:01
884
原创 echart 环形饼图设置中心固定信息
UI图中间的1/3是固定值 不会因为交互而改变使用title 属性来显示中间的信息如 将title 的top 与left位置设置为center 这样title就会居中 在饼形图中心option={ title: { text: `1/3`, top: 'center', left: 'center', textStyle: { color: '#fff', fontSize: '12', }, }}效果图..
2020-10-28 15:22:36
284
原创 后续的产品规划。。。那个做前端的产品。
一直以来,我的努力都要要为其赐名,之所以这样做,是因为我不想让他们被埋没,万一被人发现了那,有时候对自己暂时无用的东西,换个地方说不定就是宝贝。而且命了名之后,更方便宣传。没有名字,是不会被人记起的。以后的产品名字,都会取自中国的古典文化。比如 轩辕剑,后羿那把弓,方天画戟,青龙偃月刀。以后别人谈论我的产品 会这样说甲:你有没有用过mc的方天画戟啊,听说性能方便比青龙偃月刀还很好,UI方面是使用的青龙偃月刀乙:早就用过了,确实是一个很好的工具,大大提高了工作效率,听过mc最近又新出.
2020-10-24 23:35:23
91
原创 el-input-number 组件无法修改默认值为空
<el-input-number v-model="num" :min="1" :max="10" label="描述文字"></el-input-number>当num设置为 null 或者 "" 都不能将输入框的值变为空后来发现 将num 设置为undefined
2020-10-23 15:11:48
971
原创 js 字符串转义 与取消转义
转义序列 字符 \b 退格(BS 或 ASCII 符号 0x08 (8)) \f 换页(FF 或 ASCII 符号 0x0C (12)) \n 换行(LF 或 ASCII 符号 0x0A (10)) \r 回车(CR 或 ASCII 符号 0x0D (13)) \t 水平制表符(HT 或 ASCII 符号 0x09 (9)) \' 单引号 \" 双引号 \& &(and)符号 \\ 反斜杠 .
2020-10-20 19:08:56
358
一个专注通用权限控制与表单的React-antd-admin后台管理系统模板。
2018-07-20
gitlab cicd docker 部署 前端纯静态项目
2020-07-30
名称需要10个字的fans.json
2020-07-16
qiankun-demo.zip
2020-07-02
jquery 自定义扩展日期插件
2020-06-19
tetsdoc.zip
2020-06-15
setup-cyowcopy-1.8.0-build-652.exe
2020-06-11
wechat.zip
2020-06-04
eslint+prettier.zip
2020-04-29
site-packages.zip
2020-04-28
testcode.zip
2020-04-24
index.html
2019-10-25
自定义指令和路由守卫进行权限拦截, vue后台管理系统
2019-09-26
聊聊我的那些女徒弟
发表于 2019-07-30 最后回复 2019-09-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人 TA的粉丝