• 分类:【前端
  • 浏览【11】
  • 评论【0】
  • 更新【2020-11-28 15:16:53】

svelte目前没有提供官网路由组件,不过可以在社区中找到。本文介绍的是svelte-spa-router的使用方法。 npm i svelte-spa-router 参考以下目录结构创建文件(不是必须) router.js: import index from './index/index.svelte'; import a from './a/a.svelte'; import b from './b/b.svelte'; export const routes = { '/': index, '/a': a, '/b': b } 动态导入组件和代码分割: i

阅读全文
  • 分类:【工具使用
  • 浏览【29】
  • 评论【0】
  • 更新【2020-11-20 13:41:22】

vscode远程开发 vscode远程开发功能在2019年5月份发布,到现在已经有一年半的时间了,但是周围的人很少提及此功能,并不是没有人使用vscode,而是对此没有强烈需求。 那么远程开发还有什么用呢?下面我来举些列子。 关于vscode远程环境搭建本文不重复说明,网上有大量教程,大家只需要安装remote development插件基本都可以使用起来。 远程开发,顾名思义就是连接远端服务器进行开发,这样的场景确实不是很常见,但是有时候却是很有用,能够解决燃眉之急。 本地主机性能差 有一些大型项目对电脑的要求也较高,编译耗时,跑起来吃内存,我们的常规解决方案是升级电脑内存,升级硬盘,总

阅读全文
  • 分类:【工具使用
  • 浏览【27】
  • 评论【0】
  • 更新【2020-11-17 10:04:55】

MySQL常用的客户端是Navicat,SQLyog等,本文推荐另一款通用的客户端:DBeaver DBeaver不能创建表?那是因为选错了视图。可以重新编辑链接

阅读全文
  • 分类:【工具使用
  • 浏览【47】
  • 评论【0】
  • 更新【2020-11-10 14:33:55】

puppeteer要模拟3G,4G网络需要利用DevTools Protocol。 Chrome DevTools Protocol page = await browser.newPage(); // 模拟3g网络 let cdp = await page.target().createCDPSession(); await cdp.send('Network.emulateNetworkConditions', { 'offline': false, 'downloadThroughput': 600 * 1024,//(b

阅读全文
  • 分类:【工具使用
  • 浏览【65】
  • 评论【0】
  • 更新【2020-11-03 14:29:57】

postman是开发人员必备的接口测试工具,虽然经常使用,但是并不会使用到所有功能,除了简单的接口测试外,它还有很多实用的功能,如果充分利用起来,能使我们的工作事半功倍。 环境变量的使用 捕获请求和cookie 收藏接口与分享接口 批量测试 编写文档和示例 环境变量的使用 环境变量的作用是使用切换变量的方式代替频繁的环境修改。这样我们只需保存一次测试接口就可以在不同环境下使用。 举例: 环境变量配置 环境变量使用 环境变量切换 捕获请求和cookie 能够直接将浏览器中的请求和cookie同步到postman,省去手动复制请求接口和cookie到postman中。 同时,对于需要登录

阅读全文
  • 分类:【前端
  • 浏览【118】
  • 评论【0】
  • 更新【2020-9-23 13:50:12】

Nuxt.js 2.13+可以扫描并自动导入您的组件,不再需要在该script部分中手动导入它们! nuxt.config配置: export default { components: true } 设置为true或使用对象时,它将包含nuxt / components依赖项,并且~/components在模板中使用它们时会自动导入您的组件。 组件目录: components/ ComponentFoo.vue ComponentBar.vue 使用 <template> <ComponentFoo /> <component-bar /

阅读全文
  • 分类:【工具使用
  • 浏览【168】
  • 评论【0】
  • 更新【2020-8-23 09:43:50】

Nodejs项目部署到服务器以后接下来做的最多的操作就是上线发布了。因为nodejs的语言特性决定了其开发效率高,发布自然就频繁,每个公司或个人都有自己的发布方式。 有的公司会有严格的流程,必须通过CI/CD工具进行发布,有可能使用现成的工具,如:jenkins。有可能是自研发布系统。 有的公司会通过FTP上传代码到服务器发布。 有的公司使用更原始的发布方式,直接登录服务拉代码发布。 不论哪种发布方式都有其优缺点,越高级的工具会有诸多限制,比如有权限控制,有严格的审批流程,自然就不能随时发布,也就越僵化。越原始的方式越简单越灵活,自然风险也越高。 至于采用哪种发布方式,依据需要选择即可。 而关

阅读全文
  • 分类:【工作
  • 浏览【186】
  • 评论【0】
  • 更新【2020-8-14 16:00:50】

MegaEase 是我创业的公司,主要是想把云计算(PaaS/SaaS层)的那些高可用高并发的分布式技术普及到那需要对技术自主可控的公司,这样就不需要去使用不能自主可控的闭源系统或是大公司的云平台。我于2016年开始成立MegaEase,从早期8个人,直到今天有20来个人,我们从一开始到今天都是在远程工作的公司文化。因为我很喜欢《Rework》这本书,写这本书的公司叫37signal(现名basecamp),这家公司在发《Rework》这本书的时候,整个公司只有16个人,分布在全世界8个城市,这种Geek的公司的文化很吸引我,所以,在我决定创业的时候,我就止不住地想成立这样能够远程工作的公司

阅读全文
  • 分类:【前端
  • 浏览【192】
  • 评论【0】
  • 更新【2020-8-01 11:32:54】

vue在子组件中直接修改父组件传递下来的数据会报错: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "json" 原因是vue子组件不能直接修改父组件的数据,可以使用this.$emit发送通知,让父组件来修改。 示例代码: 子组件

阅读全文
  • 分类:【前端
  • 浏览【201】
  • 评论【0】
  • 更新【2020-7-29 11:45:04】

不依赖jquery也可以实现图片预览功能: <!--图片放大后的div 开始 这块粘贴在你的html中最后body前 --> <div id="outerdiv" style="text-align: center;position: fixed;z-index: 9999;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(28,28,28,0.9);"> <img id="bigimg" style="max-he

阅读全文