奇淫技巧

分享在日常工作和学习中使用到的一些实用技巧
该标签下有 14 篇文章
Vue.js 使用 Ant X6 实践
Vue.js 使用 Ant X6 实践

因为项目用到流程图,并且需求也算是不详细,所以选择比较灵活的 x6 图形编辑器作为流程图编辑器,从文档来看不算复杂,这边就是作为参考教程。

2 分钟阅读
Webpack5 上手
Webpack5 上手

之前很多项目都用到 Webpack 这个工具,毕竟目前前端领域上它所占的地位相当高,使用它可以减少大量的前端工作提高工作效率。正好最近需要用到它所以尝试下新版本的脚手架工具。

4 分钟阅读
Virtual DOM 引发一些思考
Virtual DOM 引发一些思考

早在以前了解 Vue 和 React 了解渲染页面的原理,俩者基本都是使用 Virtual DOM 技术来更新页面内容。但当时也没有进行深入了解,正好这段时间关注下,看了一些资料后记下来,以便以后用到。这边就不关注俩个框架具体实现,只关注于 Virtual DOM 的实现原理,为了下文方便,直接把 Virtual DOM 叫做虚拟节点。

6 分钟阅读
写了一个插件:Vue-Right-Click
写了一个插件:Vue-Right-Click

在写插件前想过插件架构(当写完插件浏览同类型插件时候证实我的想法),第一反应就是使用组件形式去编写,但实际上开发我感觉工作量不比写个右击菜单业务量少,所以这边我采用了自定义指令完成我的需求。

3 分钟阅读
Webview Vue 网页调试
Webview Vue 网页调试

最近公司有个小项目类似这样,不过 App 这一块是利用 .Net 的 Xamarin 技术构建的 App,所以这就造成无法从浏览器调试数据。其次我利用 VueCli 生成静态页面,比编写原生的 HTML 页面高效多了,但同样无法抓取到页面动态数据的抓取。

5 分钟阅读
Vue Cli注入方法
Vue Cli注入方法

使用 Provide/Inject 在子组件注入一个方法,这个方法可以控制 router-view 的显示和隐藏,从而达到页面加载的效果。

1 分钟阅读
JavaScript Array.from 详解
JavaScript Array.from 详解

Array.from允许在 JavaScript 集合(如: 数组、类数组对象、或者是字符串、map 、set 等可迭代对象) 上进行有用的转换。

4 分钟阅读
React Native 添加 Redux 支持
React Native 添加 Redux 支持

之前写的项目都是人家编写好的脚手架,里面包含项目所需的环境文件,但由于有些东西用不到打包增加软件体积,所以自己从头搭建个环境。

4 分钟阅读
Node.js后端开发笔记后续 - 2
Node.js后端开发笔记后续 - 2

续上篇文章 Node.js 后端开发笔记后续 - 1 利用 Sequelize-Cli 工具已经完成表结构设计以及数据填充,下面使用 Sequelize 插件库本身的数据模型 model 的查询能力来实现表查询。

20 分钟阅读