SF
墨鱼碎碎念
墨鱼碎碎念
注册登录
关注博客
注册登录
主页
关于
RSS
可视化编码!前端无缝接入代码可视化编辑
moyuyc
2021-12-31
阅读 2 分钟
10.2k
主流的商业化低代码平台,基本就是希望将研发全链路都推向标准化、规范化,来达到提效的效果,但是对于需求本身是变化的,同时会形成对低代码平台的依赖,后续维护均需要依赖平台能力实现;
JS 中的装饰器模式
moyuyc
2020-01-22
阅读 6 分钟
2.9k
使用过 mobx + mobx-react 的同学对于 ES 的新特性装饰器肯定不陌生。我在第一次使用装饰器的时候,我就对它爱不释手,书写起来简单优雅,太适合我这种爱装 X 且懒的同学了。今天我就带着大家深入浅出这个优雅的语法特性:装饰器。
告别笨重的 nodemon 热重启服务,热替换 Node 模块
moyuyc
2019-06-25
阅读 3 分钟
5.2k
从事 Web 开发的程序员,对于前后端分离模式多半不陌生,这也是目前主流的 Web 开发模式,具体关于前后端分离的模式可以参看文章《你不得不了解的前后端分离原理!》,在这里写者不进行说明。
全新的同步渲染 markdown 文章 + 高亮更新 书写体验
moyuyc
2018-10-28
阅读 3 分钟
4.2k
前言 16 年在 SF 中发布了文章 "探究SegumentFault Markdown编辑器",目的是仿 SF 线上书写 Markdown 文档的体验:高亮定位修改节点 在上述文章中的工具已经不再维护(😢代码写太乱),而且是在浏览器中书写 markdown 文本。 于是现在使用全新的思路实现了一个:在本地任意编辑器书写 markdown,同时同步定位修改节点 工...
告别庞大 PSD,轻松测量尺寸
moyuyc
2018-09-24
阅读 5 分钟
7.7k
起因 作为前端工程师,日常开发离不开 psd 文件。 但是日常开发的一个小弹窗页面,它的 psd 居然需要 30+Mb,所以经常得定期清理 psd... 对于我一个 PS 小菜鸡来说,用 PSD 无非只是需要用来度量元素大小(元素间距),查看属性等简单的功能。 思考,对比 相对比于 sketch,sketch 具有 sketch-measure,设计师导出成静...
React在线编辑国际化文本
moyuyc
2018-06-22
阅读 1 分钟
3.7k
在我们的项目日益庞大的情况下,国际化的字典愈变愈大,国际化文本的维护是一个问题; 有时候修改一个字段,查找就花费了很大的时间功夫。这个时候 tiny-i18n 中的 @tiny-i18n/react-live 就可以发挥它的力量了,可以帮助我们在线可视化修改、新增国际化字段。
转换 github 仓库文件为图片
moyuyc
2018-03-01
阅读 1 分钟
1.8k
? Telescope 望远镜 是一个开源的文件预览 Web 服务,目前提供 HTML、图片、pdf 三种格式的预览格式。你可以用 Telescope 来预览 github、gitlab 甚至是任何平台上的资源。
Javascript 项目常用的一些配置文件
moyuyc
2018-01-06
阅读 2 分钟
2.7k
持续集成(CI, Continuous integration),是将我们的代码规范化流程化。 相比于系统集成,CI希望每一次微小的代码修改,都会进行一次集成(可能包括构建,测试,发布等阶段),这样极大地加强了项目工程的可控性。
告别繁琐重复的webpack配置,直接上手撸代码
moyuyc
2018-01-03
阅读 4 分钟
3.8k
想写一些简单的前端Demo,却被繁琐的webpack配置给恶心到?于是乎便有了go-js的存在,我们只需要执行全局安装go-js,执行gojs指令,便可以执行前端代码
Hexo终结者:Picidae 文档生成器
moyuyc
2017-12-30
阅读 1 分钟
2.7k
无论你是博客发烧友,还是项目开发小组,或是造轮子达人。只要你需要写文档(markdown),而且需要产生出一套漂亮的页面。那么Picidae再适合不过了...
和手动刷新说拜拜
moyuyc
2017-04-03
阅读 4 分钟
3.8k
其中 css/js 引入方式为 umd(Universal Module Definition) ,也就是直接用script/link引入。而不是requirejs/seajs/webpack 对应的 amd/cmd/commonjs 加载 javascript 或样式。
什么!?nodejs 实现的同步网络请求?
moyuyc
2017-02-18
阅读 5 分钟
12.1k
但是,对于一些一次性的脚本、批处理,我们希望使用同步的方式。因为以上情形,对于效率要求不是十分迫切,更多的是需要清晰的代码结构,简明的代码逻辑。
为 Markdown 图片加上大小吧!
moyuyc
2017-02-11
阅读 1 分钟
6.4k
浏览器在未加载完图片数据的时候,浏览器是不知道其大小的所以,默认大小都是 0,除非通过 style 设置了大小之后的某个时候,图片加载完成,浏览器得到图片大小,文章就会有跳动的感觉,阅读体验不佳
HTML -> Markdown
moyuyc
2017-02-07
阅读 4 分钟
2.7k
有时候,我们看到网上比较好的文章,我们油然会想去转载,但是呈现在浏览器上文章的格式为 HTML,我们书写文章的格式又为 Markdown,所以我便想实现 HTML 到 Markdown 的转换。
一句指令,得到好看的目录树!
moyuyc
2017-01-21
阅读 2 分钟
1.9k
想要轻松获取目录树字符串吗?现在一句话就可以搞定 {代码...} npm i -g print-dir && pdir ~ -m 1 Bash {代码...} Packageafter npm install print-dir --save {代码...} Default Options {代码...} Default Characters {代码...}
一句命令!搞定高逼格单页博客
moyuyc
2017-01-15
阅读 1 分钟
2.4k
需要node环境与git环境 {代码...} windows下请在git bash中执行 效果见moyuyc.github.io 更多信息 moka => 搭建单页Blog Moka Desktop => Moka桌面版,专为Moka设计
Javascript正则匹配不含某子串
moyuyc
2017-01-12
阅读 2 分钟
4.9k
关于css的打包问题,对于一些组件的样式,可以将css打包在js文件中,但是一些全局的css,或者一些需要第一时间加载的css (如pace.css,在页面加载过程中就需要第一时间解析出样式),就需要使用ExtractTextPlugin打包成为单独的css文件了。
实现自己的“单页”博客,只需要一个指令 (Moka)
moyuyc
2016-10-16
阅读 6 分钟
2.6k
如今,单页应用"横行霸道", 而且新时代知识信息海量,我们更需要自己的Blog来沉淀知识。综上,Moka走入了我们的实现。 github.com/moyuyc/moka Usage 为了第一眼能看到效果, 我先把如何安装使用说一下。 一切从npm开始 {代码...} 安装完成后 {代码...} 线上效果moyuyc.github.io Moka主题配置 默认主题是用react/webpack开...
分片上传与断点续传解决方案
moyuyc
2016-09-14
阅读 5 分钟
17.3k
如今市面上成熟上传插件,如WebUploader,"体积太大",不适合于移动端上传;再加上作为一位程序员的"操守",当然还是更喜欢自己造轮子。
H5之「离线应用」
moyuyc
2016-09-07
阅读 6 分钟
3.8k
H5之「离线存储」 「离线存储」:顾名思义,在有线的环境下先缓存数据(包括静态资源,动态资源),从而在离线环境下,依旧可以正常使用应用(单页应用) 静态资源存储(ApplicationCache) applicationCache 是一套h5静态资源缓存方案.利用该技术可以实现配置静态资源/转发请求,加快应用加载速度,降低服务器负载. 基本...
实时多人点歌机器人 (来自网易云音乐)
moyuyc
2016-08-20
阅读 3 分钟
7.6k
偶然的机会,发现了B站的点歌机器人,觉得挺好玩的就自己做了一个简易版点歌机器人,预览如下: 功能 使用websocket,支持多人同时点歌,发送弹幕聊天 具有搜索suggestion,用户体验更佳 点击mv视频右上角可以缩小放大,不影响用户其他操作 具有mv的资源,优先播放mv 对于未播放的已点歌曲,可以进行取消 加上了实时歌词...
探究SegumentFault Markdown编辑器
moyuyc
2016-08-13
阅读 2 分钟
4.1k
SegumentFault 中的Markdown编辑器用户体验不错,比如 高亮提示并显示你当前正在编辑的文本 支持剪贴板图片直接粘贴上传,插入图片十分方便 自动保存 为了探究sf实现的原理,在sf中我提出了下面的问题【segmentfault的实时markdown编辑修改位置定位是怎么做到的,而且效率还不低】 根据采纳答案提供的信息,我搜索到了这...
为你的博客添加搜索功能吧!
moyuyc
2016-08-06
阅读 2 分钟
2.8k
Search-Spider-Blog 提供个人博客文章搜索服务, 只需要配置个人博客地址, 载入博客数据, 开启Server服务, 即可开启文章搜索服务。 对blogconfig.json配置文件监控, 修改后服务及时地更新博客数据。 本人用的为Hexo Blog, 所以Hexo用户体验更佳 代码地址 使用说明 环境配置 {代码...} 对 blogconfig.json 进行配置(以我...
「滴滴滴,老司机开车了」Nodejs 爬取煎蛋网妹子图
moyuyc
2016-07-01
阅读 4 分钟
6.6k
“流氓不可怕,就怕流氓有文化” 前天刚考完编译,今天考完网络,就开始捣鼓代码了,花了一天时间摸索了一下nodejs的爬虫,也就是tcp,http连接。 也是就做了一个爬取煎蛋网妹子图的爬虫,并保持至本地。 思路介绍 通过http请求报文模拟一次访问煎蛋网的操作 获取到了网页的HTML代码后,进行正则表达式匹配,得到图片地址 ...
express搭建图书销售系统
moyuyc
2016-06-20
阅读 8 分钟
4.1k
需交课程设计报告和软件(源代码)。课程设计报告将存档。报告内容包括:需求分析、算法思想描述、数据流图、E-R图、数据字典、程序结构、收获与体会等。功能要求:实现一个基于web的网上图书的销售管理系统,能提供多种条件的查询,还应具有会员管理、意见反馈、销售分析等功能。将留言板、图表分析、文件上传等思想纳...
基于 socket.io 实现实时你画我猜游戏
moyuyc
2016-06-11
阅读 3 分钟
10.9k
一直都想好好的学习运用node,一直都不知道要做什么东西,最近Java Web老师要求做个前端的应用,既然是前端应用,那肯定得是单页应用了,而且node很适用于高并发的实时应用,所以便选择node以及基于node的socket.io。
HTTP文件浏览(静态文件+express4.x+md/code文件渲染)
moyuyc
2016-06-10
阅读 6 分钟
5.1k
express2.x中没有express4.x中的res.sendFile()方法,之前发送文件是使用的stream.pipe()方法,导致不支持继续下载,而且用户不能知道下载进度,在线音乐视频播放也不能选择时间跳跃欣赏。res.sendFile()方法可以将本地文件以静态资源发送给用户,所有问题迎刃而解。