致力于把最实用、最好玩的开源项目推荐给大家。 chart.xkcd：手绘风格的 JS 图表库。 手绘风格的设计给人一种很可爱的感觉，看了这些图表你会发现数据也可以以萌萌哒的形式展示。...只需页面中包含的脚本以及一个用于显示图表的 节点即可。 在以下示例中，我们创建一个折线图。...class="line-chart"> <script src="https://cdn.jsdelivr.net/npm/chart.xkcd@1/dist/chart.xkcd.min.<em>js</em>...如果你有什么好玩、实用<em>的</em>前端开源项目，欢迎联系我，把最实用、最好玩<em>的</em>开源项目推荐给大家。
前言 本命名风格指南推荐了一种统一的命名规范来编写 Vue.js 代码。这使得代码具有如下的特性： 统一团队的命名规范，其它开发者或是团队成员更容易上手阅读和理解。...属于components文件夹下的子文件夹，也统一使用 kebab-case 的风格。 组件命名 1、自定义组件名必须是多个单词组合的，并且是完整的单词而不是单词的缩写。...单词大写开头对于代码编辑器的自动补全最为友好，因为这使得我们在 JS(X) 和模板中引用组件的方式尽可能的一致。...SearchInput.vue // 正确 components/ |- SearchButtonClear.vue |- SearchButtonRun.vue |- SearchInputQuery.vue 5、在JS...$emit('api-reload')） 2、采用PascalCase命名： 公共基础组件（MfcSelect） js中components注册组件时（import MyComponent from '
本文作者：HelloGitHub-kalifun 图表库千万个今天 HelloGitHub 给大家推荐个很有“特色”的图表库：一个手绘风格的 JS 图表库 —— Chart.xkcd，快收起你紧绷、严肃的面容让我们一起看看用手绘风格展示数据的效果...2.1 代码示例 先用一段简短的代码，让大家了解下基本的参数和代码的样子，后面会有可运行的代码示例片段供大家学习和使用 ?。 </script...雷达图是以在同一点开始的轴上显示的三个或更多个变量的二维图表的形式来显示多元数据的方法，其中轴的相对位置和角度通常是无意义的。
从结果可以看到，并没有遍历出每一个字母，而是遍历到了每个属性，正如您看到的，遍历出的数字并非是没有用的，因为"Hello World!"[1] 同样是可以返回相应的字母的。...这种循环方式看起来对string类型更有效，相同的用例，因为使用了这种语法，就能够返回元素中相应的值了。所以我们通过上述用例可知，For…of遍历的内容是对象的值。...不管怎样，先撇开哲学上的争论不谈，.foreach方法是for循环的另一个版本，但是这个方法是数组对象的一部分，它的目的是接收一个函数和一个额外的可选参数，以便在执行函数时重新定义该函数的上下文。...元素的索引，这已经简化了我们试图用for…of循环实现的任务 正在处理的实际数组。以防万一你需要做点什么。...JavaScript中关于循环的全部内容，我希望现在您对它们有了更清晰的理解，并且可以根据这些知识和我们当前的实际需求来选择您喜欢的循环。
从win8刚出的时候手贱买了个98块钱的序列号，到新本子到手觉得不能浪费银子，就装了win8，尝尝鲜后就扔一边了，要折腾还是台式机舒坦。...用win7的时候用dell的回复工具制作了出厂映像，以后还原的时候那个舒坦啊，也就想着给win8也弄一下，以后就不用用光盘咔嚓咔嚓的装系统了。懒人推动世界进步啊。...根据到处搜索的教程，加上自己的折腾，记录一下过程。 备份过程： 1、从win8/win8.1的安装包中提取install.wim文件。...这个不是必须的，有的话能加快备份速度，也可以直接用这个文件中的映像恢复系统。 2、将install.wim放到一个单独的分区中。如空空裤兜的路径是F：\sources. 3、进入恢复环境。...这个步骤必须要做，空空裤兜就理所当然的认为系统在C盘，结果备份的映像不能恢复，走了好多弯路。
有一个月没写过博客了，自己的博客也没有看过，前段时间一直在忙着写代码，公司有一个制漆的产品，与传统纵向布局不一样，要求页面横向布局，类似win8的那种布局效果，最开始，我也没有什么头绪，然后硬着头皮做了...运行出来的效果如下： ?...win8横向布局： 注意点： 1、flex的兼容性写法 2、inline-block的兼容性写法 3、html标签设置高度为100%时，body高度不能设置为100%，否则会出现滚动条 4、html与body...高度相差10个像素的原因是因为设置了!...html> JS
最近在做个 next.js 的内部项目，由于 next.js 可以通过文件 API 路由的方式快速创建一个 API，因此选择了使用 restful 风格，这样可以利用好 next.js 文件路由的优势。...handler 中的报错必须要随时捕获不然就会被 next.js 处理返回 500 页面。 handler 中要返回的数据必须要手动调用 res.json。...当然也不能太过掉以轻心，比如一些异步回调函数中的报错或者是一些 error 事件等还是需要自己去处理的。...结语 通过上面的封装，不需要多少时间就可以将 next.js 的 API 处理简化数倍，且让程序健壮性更高，后续的可维护性也大大提升。...当然封装后也有一定的局限性，比如如果此时要用到 res.pipe 直接推送流就会需要做一些额外的处理。当然目前的封装还不算结束，后期预计还会封装一些请求参数判定、统一日志记录等。
这是为了清楚的表明它是一个赋值表达式 (=)，而不是一个等式 (===) 的误写。...eslint: no-path-concat const pathToFile = __dirname + '/app.js' // ✗ avoid const pathToFile...= path.join(__dirname, 'app.js') // ✓ ok 不使用 __proto__，应使用 getPrototypeOf。...抱歉，我不是向你说教，这个语言的社区领导者在撒谎，并且害怕告诉你真相。真是羞耻。我建议，先了解 JavaScript 语句是如何结束的以及什么情况不会结束，之后你可以写出漂亮的代码。...第四条通常是那些因循守旧的人提到的情况：“不，你需要分号！”。但是，事实证明，如果你的意思是这些行不是上一行的连续行，那么在这些行之前加上分号非常容易。
Google JavaScript 代码风格指南 Google 和 Airbnb 是目前最流行的 JavaScript 代码风格，如果你长期使用 JavaScript 来写代码的话，建议对比看看。...以下是我认为在 Google 代码风格指南中最有意思的十三条规则，和大家分享一下： 使用空格，而不是 tab 除了行终止符外，在系统文件中，空格是唯一表示空白的字符，这意味着 tab 不能作为缩进使用。...// Don't do this kind of thing yet://------ lib.js ------export function square(x) { return x * x;...}export function diag(x, y) { return sqrt(square(x) + square(y)); }//------ main.js ------import...如果你的代码遵守此规则，可大大增加代码的可阅读性，但需要注意的是，如果常量是函数，需要写成驼峰。
5）将“我的文档”文件夹转到其他分区：右击“我的文档”－“属性“－“移动”，设置到系统盘以外的分区即可。...◆2、加速XP的开、关机 1）首先，打开“系统属性”点“高级”选项卡，在“启动和故障恢复”区里打开“设置”，去掉“系统启动”区里的两个√，如果是多系统的用户保留“显示操作系统列表的时间”的√。...6）享受了极速重启的乐趣后我们再进一步加速一下启动的速度，打开“系统属性”－“高级”－“启动和故障恢复”设置，打开“系统启动”区的编辑，在 fastdetect的后面加上/noguiboot，这样在启动的时候就不会再显示滚动条...CPU的二级缓存的大小，比如你的 CPU的二级缓存是256KB，就修改Dword值SecondLevelDataCache为10进制的256即可。...譬如说，我的系统CMOS实时钟的IRQ中断号是8，我要建立的键名就是IRQ8Priority。重新启动计算机之后，就会发现刚优化过的组件性能有所提高。
function plusAbc(a, b, c) { // 这个函数的输出将变化无常，因为api返回的值一旦改变，同样输入函数的a，b,c的值，但函数返回的结果却不一定相同。...c的值，但函数返回的结果永远相同。...，这篇文章中并没有完全覆盖到常见的写代码的不好的习惯，所以你如果觉的有需要补充的，都可以在文章下方评论，或者直接到我的Github的这篇文章中评论。...对于有用的，都将补充到我的掘金和Github中去。同时，你如果觉的文章写得还可以，Please在我的Github中送上你宝贵的Star，你的Star是我继续写文章最大的动力。...参考资料 https://blog.risingstack.com/javascript-clean-coding-best-practices-node-js-at-scale/（JavaScript
注：由于个人水平与眼界的原因，这篇文章中并没有完全覆盖到常见的写代码的不好的习惯，所以你如果觉的有需要补充的，都可以在文章下方评论，或者直接到我的Github[1]的这篇文章中评论。...对于有用的，都将补充到我的掘金和Github[2]中去。同时，你如果觉的文章写得还可以，Please在我的Github[3]中送上你宝贵的Star，你的Star是我继续写文章最大的动力。...NO：在不同的文件不停的定义全局变量 name.js window.name = 'a'; hello.js window.name = 'b'; time.js window.name = 'c';...，这篇文章中并没有完全覆盖到常见的写代码的不好的习惯，所以你如果觉的有需要补充的，都可以在文章下方评论，或者直接到我的Github[4]的这篇文章中评论。...jackiewillen/blog/issues/14 [7] https://blog.risingstack.com/javascript-clean-coding-best-practices-node-js-at-scale
今天给大家介绍一个我最近开发的新项目——Farrow。一款类型友好的函数式风格 Node.js Web 服务框架。...项目动机 在当下的 Node.js 开源生态里，已经有 expressjs, koajs, hapi, restify, fastify，nestjs 等或许数不胜数的 Web 服务框架，我们还需要另一个吗...答案可能因人而异，在此分享一下我的个人看法。 Node.js 里大部分流行的 Web 服务框架，是在 TypeScript 真正流行之前，用 JavaScript 的视角下所开发。...事情源于 Wes 的一条推特投票： ? 接近 70% 的开发者，选择了 expressjs 风格的中间件函数设计。一个压倒性的选择。...这些线索都指向一个结论：或许可以用函数式风格(immutable way)去设计 HTTP 中间件 API。
本篇将介绍六种最流行的 API 架构风格，分别是 SOAP、RESTful、GraphQL、gRPC、WebSocket 和 Webhook。...对于每种 API 架构风格，我们将深入探讨其优点、缺点以及适用场景，并提供相应的 DEMO 以帮助读者更好地理解每种 API 架构的实现方法和运作原理。...以下是六种最流行的 API 架构风格： # SOAP SOAP(Simple Object Access Protocol) (opens new window) 是一种轻量级协议，用于在去中心化、...）来表示对资源进行的操作 无状态 RESTful API 是无状态的，每个请求都是独立的，服务器不会保存客户端的状态信息 # DEMO server.js const express = require...# DEMO sercer1.js const grpc = require("@grpc/grpc-js"); const protoLoader = require("@grpc/proto-loader
1、课程名称：Restful风格的Spring MVC实现 2、课程内容 对于整个现在求职来讲，包括工作来讲，掌握Restful架构的思想还是很重要的，一切都是资源操作。...Restful风格的架构，直接进行信息传递以及各种变量使用，本次使用的是路径变量。...2.2、Restful风格的CRUD实现 所谓的Restful的风格核心的本质在于路径的处理上，所以这个时候就可以使用这些操作的形式完成一个标准的Restful风格的CRUD处理操作。...JSON的数据，那么只能够将返回的内容交给JS处理；就需要进行一些格式化的处理操作； 7、 编写一个get.jsp页面，此页面将使用ajax()原生函数进行数据的读取处理； · 将jquery开发包配置到项目之中...； <script type="text/javascript" src="<em>js</em>
RESTful应用 REST-表现层状态转换，资源在网络中以某种表现形式进行状态转移 RESTfl -是基于REST理念的一套开发风格，是具体的开发规则 RESTful开发规范 使用URL作为用户交互入口...charset="UTF-8"> Title <script src="https://unpkg.com/jquery@3.3.1/dist/jquery.min.<em>js</em>...不需要在方法上额外添加@ResponseBody //路径变量：存储在URI中<em>的</em>可变<em>的</em>值 @PostMapping("/request/{rid}") public String doPostRequest...url-pattern>/* JSON序列化 返回实体对象，同时有@RestController或增加了@ResponseBody，自动的通过配置的...跨域问题 同源策略：阻止从一个域加载的脚本去获取另一个域上的资源 只要协议、域名、端口有任何一个不同，都被当作是不同的域 浏览器Console看到Access-Control-Allow-Orgin
听起来很难理解，其实说白了就是在我们web环境下，如果你要获取某个图片，js，网页这些资源的时候，就要以url的形式进行表现。...RESTful是基于REST理念的一套开发风格，是具体的开发规则。...你可能会有疑问，这不就是我之前学习过的东西吗？他怎么就是RESTful呢？其实，restful解释一种编码的风格，不是一种新的技术。...返回刚才的工程，在webapp目录下放入jquery.js 文件。等下要用到它来完成Ajax的请求。然后创建一个标准的html页面，这里我叫做index.html。index.html编写如下代码？...这种放在uri中的变量，就成为路径变量。 在restful风格下，这种路径变量的使用是很普遍的。
一、设置代码格式1、代码编写风格的重要性随着你编写的程序越来越长，有必要了解一些代码格式设置约定。...二、函数的编写风格编写函数时，需要牢记几个细节，应给函数指定描述性名称，且只在其中使用小写字母和下划线。描述性名称可帮助你和别人明白代码想要做什么。给模块命名时也应遵循上述约定。...文档字符串良好的函数让其他程序员只需阅读该文档字符串中的描述就能够使用它：他们完全可以相信代码如描述的那样运行：只要知道函数的名称、需要的实参以及返回值的类型，就能再自己的程序中使用它。...所有的import语句都应放在文件开头，唯一例外的情形时，在文件开头使用了注释来描述整个程序。三、类的编码风格你必须熟悉有些与类相关的编码风格问题，在你编写的程序较复杂时尤其如此。...需要同时导入标准库的模块和你编写的模块时，先编写导入表准率模块的import语句，再添加一个空行，然后编写导入你自己编写的模块的import语句。
个人认为这种风格也将成为书写 Node.js 应用的常用范式之一。...第二个方面是业务代码的书写风格。...同样是写业务代码，语言风格不一样，代码效率也是不同的，你用 JS 写业务代码，跟 **TypeScript + Decorator **来写的效率大相径庭 —— 这也就是技术发展带来的福利。...本文着重讲解第二部分，即如何使用 TypeScript + Decorator + DI 风格编写 Node.js 应用，让你感受到使用这些技术框架带来的畅快感。...小结 距离上次写 Node.js 后台应用有段时间了，当时的技术栈和现在的没法比，现在尤其得益于使用 Decorator（装饰器语法） + DI（依赖注入）风格写业务逻辑，再搭配使用 typeorm （
领导力是练出来的，光看是学不会的。今天分享一个关于领导力的修炼方法，帮助新人建立自己的领导风格。 第一步，给下属画像：弄清楚追随者的特征。 我们根据下属的工作任务的特征，画一张四象限图。...展现的策略一共有三条渠道，共八条策略。通过选择适合自己的策略，形成自己的领导风格。从而让下属愿意跟着自己完成组织的目标。...三、通过工具来展现影响力 6、用分权的方法，激发人的上进心和责任心。通过满足他人的成就感来展现领导力。 7、用宏伟的战略蓝图，来激发人的创造力和自豪感。我们不是在做一件产品，我们是在改变世界。...8、用物质激励来激发人的行动力。 八种策略，你选择得越少，领导力风格越鲜明。根据下属在四象限的实际情况，找到人数最多的象限，选择最适合自己的几条策略去影响这个象限里的人。...第四步，复盘 每一阶段的尝试都应该记录反馈，根据反馈反思、迭代。经过一段时间的成长，最终会建立属于自己的领导风格。 参考文献： 【1】《宁向东管理学课》
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
