首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

comment.js:一个纯JS实现的静态站点评论系统

直接用现成的 issue 作为后端,不像 isso 那样还需要自己搭个后台,搞定数据库。 接入简单。获取评论会话和获取最新列表各自对应一个函数。 代码简单。...- 用于 Ajax 请求以及将评论内容插入到页面中。...获取评论会话 第一步,在页面中添加一个 DIV ,用于展示评论会话内容。...通过阅读 Hexo 的文档后我发现 helper 似乎比较适合用作这个目的:把核心功能写成一个 helper ,然后在模板文件里直接执行这个 helper ,得到的数据还能进一步再模板中调诸如 markdown...之后我想在 NodeJS 中加入 jQuery,用 jQuery 来操纵 DOM ,而不再依赖 renderer 。但这个方案似乎也不可行。

2.6K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    当creator遇上protobufjs|相遇

    环境准备 我一直在探索cocos H5正确的开发姿势,目前做javascript项目已经离不开 nodejs、npm、grunt等脚手架工具了。...我之前的文章提到过在选择nodejs模块时,要注意是否同时支持nodejs和web,只要是纯js的模块在cocos中一般都可以随便用,比如async、undersocre、lodash等。...、文件等AJAX操作的基础 nodejs fs.readFile / fs.readFileSync nodejs上的文件操作模块,底层由c/c++实现 cocos-jsb jsb.fileUtils.getStringFromFile...找到protobufjs加载文件的主要代码,下面我为源码加上了注释,请认真读一下注释内容: Util.fetch = function(path, callback) { //检查callback...send方法发起AJAX请求 xhr.send(null); } else { ////调用send方法发起AJAX请求,同步获取文件数据

    2K20

    前端面试2021-011

    请求主要通过表单或者Ajax进行发送;请求中以附带任意类型的参数数据,参数包含在请求体中进行发送,具有一定的保密性;主要用于向服务器提交数据; 3、一个HTTP请求从发送到浏览器渲染展示 期间都发生了什么事...,将返回的数据包装到响应对象中 响应对象返回给浏览器进行解析,渲染展示给用户 4、阐述一下你都用过哪些NodeJS模块 NodeJS是一个JavaScript运行时环境,包含了大量的具有独立功能的模块...cookie-parser用于cookie数据操作 md5用于数据单向加密 ... 5、什么是中间件,NodeJS中你都用过哪些类型的中间件 中间件是工作在请求和响应之间的中间组件,主要用于请求和响应的增强...应用级中间件:路由函数,拦截了请求,使用对应的函数进行数据处理 内置中间件:静态文件处理、POST参数处理 第三方中间件:session会话管理 前置中间件:自定义中间件,主要用于在所有路由函数之前进行请求...Ajax请求,客户端在发生某个事件时后台发送请求,获取服务器返回数据后可以执行页面中的数据局部刷新 7、什么是跨域?

    70820

    ASP.NET 调味品:AJAX

    术语可能有些混乱,但是当我介绍 AJAX 时,就是在介绍从客户端异步调用服务器端函数的整体框架。提到 Ajax.NET 时,我是指能够帮助您创建利用 AJAX 框架的解决方案的特定实现。...这会将文档添加到会话中)。...我们将使用轮询系统来检查是否存在任何可用的队列文档。一般来说,这意味着我们将在稍后一段时间内一直调用服务器端方法,并显示结果。在加载页面时仅发生第一次调用,每隔 X 秒发生后续调用。...另外,我们可以在会话中存储 DocumentId,并在服务器端 ReleaseDocument 中访问。通常,ReleaseDocument 从锁定的文档列表中删除文档。...我首次听到这个想法是 Josh Ledgard(英文)设想在 MSDN 论坛(英文)里添加一个功能。目的是尝试帮助用户自己找到问题的答案,以及限制重复发布的数量。

    3.7K50

    JavaScript——事件循环机制

    JavaScript是单线程的,单线程是指 js引擎中解析和执行js代码的线程只有一个(主线程),每次只能做一件事情,然而ajax请求中,主线程在等待响应的过程中回去做其他事情,浏览器先在事件表注册ajax...综上所述,检查调用栈是否为空以及讲某个任务添加到调用栈中的个过程就是event loop,这就是JavaScript实现异步的核心。...按照MDN中的定义: window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画,并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。...2.2 event loop过程 检查macrotask队列是否为空,非空则到2,为空则到3 执行macrotask中的一个任务 继续检查microtask队列是否为空,若有则到4,否则到5 取出microtask...,所有的macrotask都会被加到这一个宏队列中,但是在NodeJS中,不同的macrotask会被放置在不同的宏队列中。

    12811

    day043: nodejs中的异步、非阻塞IO是如何实现的?

    首先,我想有必要把 I/O 的概念解释一下。I/O 即Input/Output, 输入和输出的意思。...在浏览器端,只有一种 I/O,那就是利用 Ajax 发送网络请求,然后读取返回的内容,这属于网络I/O。回到 nodejs 中,其实这种的 I/O 的场景就更加广泛了,主要分为两种: 文件 I/O。...总之,CPU要么重复检查I/O,要么重复检查文件描述符,要么休眠,都得不到很好的利用,我们希望的是: nodejs 应用程序发起 I/O 调用后可以直接去执行别的逻辑,操作系统默默地做完 I/O 之后给...还记得之前讲过的 eventLoop 吗?在每一个Tick当中会调用GetQueuedCompletionStatus检查线程池中是否有执行完的请求,如果有则表示时机已经成熟,可以执行回调了。...一旦 EventLoop 的轮询操作中,调用GetQueuedCompletionStatus检测到了完成的状态,就会把请求对象塞给I/O观察者(之前埋下伏笔,如今终于闪亮登场)。

    2.4K30

    腾讯+阿里+唯品会+拼多多

    至此春招也差不多该结束了 0 offer 纪念一下自己两个月的耕耘 不想在找了 好好准备秋招!秋天见 ***腾讯SNG 内推一面挂 16分钟 3月29日 1. 事件冒泡 2. 事件循环 3....了解nodejs吗? 15. Promise的原理 16. ajax的状态变化; 17. Promise的运用场景; 18. 对ES6的看法; 19. 了解设计模式吗? 20....JS的数据类型 26. 优化 ***腾讯CDG 一面 25分钟 4月16日 1. js实现快排 2. 闭包实现一个函数使得函数每次调用的返回值都+1  比如第一次调用返回0,第二次调用返回1。。。...不使用slice和concat的in-place快速排序 最惨痛的一次,面试官并不知道我在国外, 凌晨2点还再面试的,估计也只有我啦 ***腾讯TEG 一面挂 42分钟 5月3日 小姐姐 1....对字符串中数字加1 15. split join 16. box-shade 17. border-radius 18. js事件绑定 19. addeventlistener 的参数 false代表什么

    1.4K40

    深入浅出 Nodejs ( 一 ) :Nodejs 的简介

    内心萌生的好奇心使我很想去了解它的本质,而《深入浅出Nodejs》刚好是我现阶段所需要的一本书,磨刀不误砍柴工,我磨完刀就拿这本书开刀了。...看完一个章节是我每天必须完成的一个任务,每看完一个章节,我都会龙飞凤舞地把自己对这个章节的理解写在笔记中,不知道地以为是我的笔记加了密,有时连我自己也看不懂我的狂草,所以最近想花点时间把这些可能还不太成熟的草书整理成系列文章的方式分享给大家...《深入浅出Nodejs》这本书,可能会涉及到Node的一些源码,所以我希望阅读本系列文章的读者有涉略过Nodejs方面的书籍,如果对于Nodejs还没有入门可以参照我的KM文章,尝试自己搭建Node环境...图1经典的Ajax请求 在Node中,异步I/O也很常见。我们以读文件为例,我们可以发现它与前端Ajax请求的处理方式是极其相似的。...朴灵用两个案例充分验证自己的观点,第一个案例是LinkedIn移动版网站用Node重构的实践,旧有的系统具有非常稳定的数据接口,持续为传统网站服务,同时为移动版网站提供数据源,通过Node可以异步并行调用这些数据接口

    3.6K10

    给前端新人看的前端之路漫谈

    表单验证,对于表单的提交,容错性的考虑; 网页特效,比如我们经常看到的图片轮播,菜单导航(有一部分是纯粹的CSS代码写的)等; 数据传输,通过Ajax我们可以在不刷新网页的前提下更新网页的部分元素哦,而且通过对于数据的操作...以前我们数据传输的形式是直接把php代码写在HTML文件中,但AJAX的出现打破了这一僵局,使得前后端分离的更为彻底,因为只需要一个接口,前后端定下接口也就各干各事了。...先从一个小demo写起来,起码{}得有啊; json,接触了OOP,学会了AJAX那么现在就得学下json了,json是一种数据格式,在页面交互中,后端会把数据以json格式返回,前端用ajax拿到后,...Node我也还在学习中,按下不表; 后端重点 PHP语法简单的了解; PHP框架了解CI,thinkphp,laravel等等; SQL语句学习,这个必备,虽然现在的数据库工具十分的强大,但必要的SQL...网络协议,我们知道OSI七层协议:物理层,数据链路层,网络层,传输层,会话层,表示层,应用层;我们所做的都是在这层皮肤上(应用层),接触最多的就是是HTTP协议了,协议这个玩意看不见摸不着的,很抽象,我们可以用一些抓包工具抓包像

    1.2K90

    【nodejs】让nodejs像后端mvc框架(asp.net mvc)一样处理请求--目录(88 完结)

    为什么要做这个 在使用nodejs开发过程中,总是发现需要做很多重复性的体力劳动,且因为自身是服务端程序员出身,感觉有一些服务端好的东西其实可以在nodejs上得到应用并能提高一些开发工作效率。...如自动路由,路由映射,参数映射等等功能; 代码基本上都是用typescript写的,因为他有比较好的语法检查,以及最重要的智能提示!!!实在是烦透了方法名、类名要么自己手动敲,要么各种copy。...已完成的功能 可以根据默认url路由规则自动调用请求处理函数 请求参数可以使用声明实体类+装饰器的方式完成参数的自动绑定 处理结果可以根据需求自动适配(nodejs服务端渲染、ajax调用返回json、...jsoncallback调用) PS: 因为看到博问 关于nodejs作为后端功能性的疑问后,觉得我的这几百行代码还是可以分享一下的。...我相信只要有一点底子的还是基本能看到。后续代码完善一下,比如改改名称,大小写,谢谢注释,优化优化结构后放到github上。如果能帮到你,也甚是荣幸。刚好也借这次机会,把代码review一次,规范一下。

    1.1K20

    Cookie

    什么是cookie cookie:会话跟踪技术 客户端 session:会话跟踪技术 服务端 在网页中怎么查看cookie里面的数据情况?...1.可以在编辑器中输入document.cookie,然后打印或输出即可 2.Chrome浏览器中F12打开,开发者工具 —— Application面板中查找cookie即可 cookie作用: 将网页中的数据保存到浏览器中...;path=/;" 例如: 保存到了www.it666.com/jQuery/Ajax/路径下, 我们想在 www.it666.com....com下面保存了一个cookie, 那么我们在edu.it666.com中是无法访问的 如果想在edu.it666.com中也能访问, 那么我们需要再添加一个...,注意点:默认只能删除默认路径的cookie数据,想删除别的路径的cookie,必须在调用函数前传入指定的路径即可删除 */ function delCookie(key,path){ addCookie

    1.3K20

    MySQL 5.7 X Plugin:流水线技术vs.并行查询技术

    类似初始协议,每条X插件的连接都会打开一次MySQL会话; 一条5.7 X Plugin指令(在库支持的情况下)会立刻返回,且查询终止之前,仍可继续操作(异步调用)。...传统同步查询中,表锁定则应用程序锁定(包括网络通信)。但如果有NodeJS和5.7 X Plugin,则MySQL做队列运行,下载环节继续。...这一次,在开始NodeJS之前锁定表格,切断连接,最后再解锁表格。...表解锁后,它会插入一个文件中的第一个statement。 实施unique check 若重启脚本,会再次找出相同的视频,故而可能需要提升数据一致性。...例如当MySQL表被锁定时,可能不希望网络通信受阻(例如下载或API调用)。同时,除非查询/等待服务器发出的确认字符,否则数据不一定会写入MySQL。

    3.1K60

    三分钟让你了解什么是Web开发?

    注意:假设我们想在提交之前添加验证——例如,产品应该包含至少5个字符,或者SKU字段不应该是空的。我们可以使用JavaScript进行这些验证。...我们需要对提交的Click事件作出反应,并检查web元素是否有我们需要的数据。如果有任何遗漏,我们可以显示错误消息并停止将数据发送到服务器。...会话由惟一ID标识,其名称依赖于编程语言——在PHP中称为“PHP会话ID”。在客户端浏览器中,需要将相同的会话ID存储为cookie。 显示个人博客 我们的下一个项目是展示个人博客帖子。...Controller:第三部分,如果我们点击视图后链接,控制器将被调用。它从模型获取数据,并使用该数据呈现视图。 这里的blogpost是控制器名称,视图是控制器中的一个操作(方法)。...POST:向服务器提交表单数据,或者通过Ajax提交任何数据。 例如,当你在浏览器中输入google.com时,浏览器会将这个命令发送到google.com服务器。

    5.8K30

    漫谈前端之路

    表单验证,对于表单的提交,容错性的考虑; 网页特效,比如我们经常看到的图片轮播,菜单导航(有一部分是纯粹的CSS代码写的)等; 数据传输,通过Ajax我们可以在不刷新网页的前提下更新网页的部分元素哦,而且通过对于数据的操作...以前我们数据传输的形式是直接把php代码写在HTML文件中,但AJAX的出现打破了这一僵局,使得前后端分离的更为彻底,因为只需要一个接口,前后端定下接口也就各干各事了。...先从一个小demo写起来,起码{}得有啊; json,接触了OOP,学会了AJAX那么现在就得学下json了,json是一种数据格式,在页面交互中,后端会把数据以json格式返回,前端用ajax拿到后,...Node我也还在学习中,按下不表; 后端重点 PHP语法简单的了解; PHP框架了解CI,thinkphp,laravel等等; SQL语句学习,这个必备,虽然现在的数据库工具十分的强大,但必要的SQL...网络协议,我们知道OSI七层协议:物理层,数据链路层,网络层,传输层,会话层,表示层,应用层;我们所做的都是在这层皮肤上(应用层),接触最多的就是是HTTP协议了,协议这个玩意看不见摸不着的,很抽象,我们可以用一些抓包工具抓包像

    1.2K91

    2017最全的Java学习方向

    方向不对努力白费,Java技术的学习并不是一蹴而就的,正确的学习方向能让你事半功倍,如果你想在自己的Java学习之初就了解学Java又好又快的方法,那么这篇文章就是为你准备的。...;JDBC操作常见数据库;RowSet与离线结果集;数据库连接池;事务管理、批处理; 6、JDBC进阶:存储过程、函数;触发器;理解JCBC的不足;掌握ORM工具优势和设计; 由于篇幅有限,今天分享之前先说下这个...Servlet、标签的作用;JSTL、DisplayTag等常见标签库用法; 15、Web编程原理:请求/响应、架构;Http协议;深刻理解Jsp运行原理;掌握Web容器底层的线程池、socket通信、调用...Servlet的命令模式; 6Ajax编程 16、Ajax编程:XML HttpRequest和异步请求;发送请求和处理响应;常见Ajax库(Prototype、Jquery、ExtJs、DWR)用法;...Bean及其生命周期;IoC与EJB拦截器;JMS与MDB;会话Bean与Web Service; 25、JPA:ORM框架与JPA规范;JPA注解与常用API;JTA事务与事务管理;JPQL查询;EJB

    1.6K50

    如何部署 Node.js 开发环境

    输入以下命令更新本地软件包: sudo apt update 从存储库安装Node.js: sudo apt install nodejs 如果存储库中的软件包满足您的需求,那么您需要做的就是使用Node.js...由于与另一个包冲突,因此调用的是Ubuntu存储库中的可执行文件nodejs而不是node。在运行软件时请记住这一点。...要检查在这些初始步骤之后安装了哪个版本的Node.js,请输入: nodejs -v 一旦确定了从Ubuntu存储库安装了哪个版本的Node.js,就可以决定是否要使用不同的版本,包存档或版本管理器。...从Nodesource运行安装脚本后,您可以像上面一样安装Node.js包: sudo apt install nodejs 要检查在这些初始步骤之后安装了哪个版本的Node.js,请输入: nodejs...若您想在实验室环境抢先体验搭建node.js环境,我推荐您到腾讯云实验室页面进行选择,不仅有步骤指导,还可以免费上机,帮助您快速掌握开发知识!

    3.6K67

    前后端不分离到分离演变,优势,前后端接口联调,排错及优化

    核心思想是前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互。...JSP可以通过直接调用方法或使用UseBean的自定义标签得到JavaBeans中的数据。需要说明的是,这个View还可以采用 Velocity、Freemaker 等模板引擎。...直接到达html页面(前端控制路由与渲染页面,整个项目开发的权重前移) 3. html页面负责调用服务端接口产生数据(通过ajax等等, 后台返回json格式数据,json数据格式因为简介高效取代xml...8.如果页面上有一些权限等等相关的校验,那么这些相关的数据也可以通过ajax从接口里拿。 9.对于既可以前端做也可以后端做的逻辑,我建议是放到前端,为什么?...什么是前后端接口联调 之前开发写代码的时候,所有的ajax数据都不是后端返回的真实数据,而是我们自己通过接口mock模拟的假数据,当前端的代码编写完毕,后端的接口也已经写好之后,我们就需要把mock数据干掉

    2.7K50

    前后端数据对接的思考及总结

    早期的开发方式 早期的开发方式如下图: 这也是我前面工作1-3年的开发方式,我们没有前端帮我们写JS函数功能,所有的页面表单验证,数据渲染,数据接口编写都是我们后端全部实现,看上去更像是一个全栈工程师,...,后端所有的接口都是可跨域调用的jsonp形式,抛开需要登录的授权之外的接口,前端在开发的时候本地无需开启服务即可调用服务端接口,然后渲染数据,完成页面交互渲染效果 jsonp的优点 不像XMLHttpRequest...,后端响应后执行callback函数达到调用前端业务逻辑的目的,渲染页面 nginx+ajax 这种配合开发方式也是适合前端还没有引入Node等一站式开发解决方案的情况下引入的,纯粹的HTML+CSS+...node层,node渲染响应数据到前端 如果存在会话信息同步等问题,可以使用中间件,例如redis缓存数据库,解决前端node和后端Api信息同步问题,传参可以通过JWT等方式完成接口权限验证 不管是jsonp...还是ajax+nginx这两种方式,node作为中间件都可以轻松切换处理,而且node作为中间层,还可以将多个后端接口组合成一整个数据集,最终以同步的方式渲染前端,这也利于做SEO优化,也是前面两种方式无法做到的

    3.2K30

    「Nodejs进阶」一文吃透异步IO和事件循环

    在 Nodejs 中像开发者调用 fs 读取本地文件或网络请求等操作都属于I/O操作。...如何合理的看待Nodejs中异步I/O 前端开发者可能更清晰浏览器环境下的 JS 的异步任务,比如发起一次 ajax 请求,正如 ajax 是浏览器提供给 js 执行环境下可以调用的 api 一样 ,在...浏览器的事件来源于用户的交互和一些网络请求比如 ajax 等, Nodejs 中,事件来源于网络请求 http ,文件 I/O 等,这些事件都有对应的观察者,我这里枚举出一些重要的观察者。...请求对象与线程池 从 JavaScript 调用到计算机系统执行完 I/O 回调,请求对象充当着很重要的作用,我们还是以一次异步 I/O 操作为例 请求对象: 比如之前调用 fs.readFile ,本质上调用...在 NodeJS 中不止一个队列,不同类型的事件在它们自己的队列中入队。在处理完一个阶段后,移向下一个阶段之前,事件循环将会处理两个中间队列,直到两个中间队列为空。

    2.1K20
    领券