首页
学习
活动
专区
圈层
工具
发布

为你的小程序快速添加评论组件

介绍如何为小程序快速接入评论系统 WxComment是一个微信小程序的评论插件,结合BaaS提供商LeanCloud,无需其他另外的个人或者云服务器,可以免费使用。...这里以科技爱好者周刊为例,介绍下如何使用WxComment插件为小程序添加评论功能。...# 账号准备 # LeanCloud 1.注册LeanCloud账号,创建LeanCloud应用; 2.前往 LeanCloud 控制台 > 组件 > 社交,保存「微信小程序」的 AppID 与 AppSecret...# 微信小程序 登录微信小程序后台,进入 开发 > 开发管理 > 开发设置 > 服务器域名,添加如下域名: https://nwfwwkyp.api.lncld.net; https://nwfwwkyp.lc-cn-n1...-shared.com; # 代码修改 1.克隆项目WxComment并将其放入小程序目录: git clone https://github.com/yicm/WxComment.git 这里的示例小程序是使用

1.8K10

chrome插件 DIY

当你打开chrome的“扩展程序”界面,看着琳琅满目的插件,有没有想过亲自动手,打造一个自己的插件呢?当然,这种想法不应该是闲着某个部位疼,刻意的去开发一个连自己都不会实际使用的插件。...那么在哪里配置控制页面dom的代码呢?在content_scripts中: { "name": "My extension", ......目前我们已经掌握了插件两个功能点的配置了。如果用过evernote剪裁插件的人应该知道,插件可以改变chrome在页面上的右键菜单: ? 这里在哪里实现的呢?...使用书签/笔记的方法,有两个弊端:一个是下次再进入时,不记得上次看到哪里了,又得重头开始看,或者拼命回忆上次看到哪里;另一个是,下次根本不记得哪些是没有看完的(除非专门建一个分类标签)。...: 记录没有看完的文章/博客(在页面上通过右键菜单添加标记),保存进度(按高度百分比)。

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

    chrome插件 DIY

    当你打开chrome的“扩展程序”界面,看着琳琅满目的插件,有没有想过亲自动手,打造一个自己的插件呢?当然,这种想法不应该是闲着某个部位疼,刻意的去开发一个连自己都不会实际使用的插件。...那么在哪里配置控制页面dom的代码呢?在content_scripts中: { "name": "My extension", ......目前我们已经掌握了插件两个功能点的配置了。如果用过evernote剪裁插件的人应该知道,插件可以改变chrome在页面上的右键菜单: ? 这里在哪里实现的呢?...使用书签/笔记的方法,有两个弊端:一个是下次再进入时,不记得上次看到哪里了,又得重头开始看,或者拼命回忆上次看到哪里;另一个是,下次根本不记得哪些是没有看完的(除非专门建一个分类标签)。...: 记录没有看完的文章/博客(在页面上通过右键菜单添加标记),保存进度(按高度百分比)。

    3.6K60

    Flare 制作记录:应用前后端性能优化

    ://github.com/soulteary/docker-flame [新封装的应用] 在项目文档中,记录了我的修改: 简化程序功能和依赖(如K8S),减少软件包体积,重构了一些细节逻辑,简化应用启动流程...重写了天气获取逻辑,使用城市名称替换经纬度来获取天气数据。 对程序已有的一些小 BUG 进行了修复,支持中文搜索。 对程序进行了简单的汉化。 但是随着深入使用,我发现页面有着比较大的性能问题。...比如在我启动容器后,这个应用会自动将新启动的容器作为书签或者应用进行添加。 其次,在拥有自己的 SSO 服务之后,我也不再需要使用简单的账号密码登录之类的功能,所以这个功能也可以去掉。...或许有同学会问,如果不使用 React、Vue、Angular 这类框架,难道在 2022 年还要再拾起 jQuery 等老的工具吗?...额外的优化 如果我们使用 lighthouse 针对 Flame 前端实现进行测试,能够看到前端程序在实现上的一些小问题,得分虽然四个环绿三个,但是只有一个环是绿色的。

    88000

    万物皆可集成系列:低代码对接微信小程序

    近年来,微信小程序的开发如火如荼,很多移动端应用为了更方便被大家所使用的,都步入了小程序的行列 那么对于低代码平台开发的移动端应用是否可以和小程序集成呢?这里我以微信小程序为例。...为大家介绍如何在 首先,众所周知,微信小程序的开发,微信官方有自己的一套标准和开发模式,对于通过低代码开发平台开发的移动端H5页面,如何嵌入微信小程序中,这个在网上有很多的教程,单纯的页面级集成依靠小程序提供的...将微信小程序用户的openid作为活字格的唯一身份信息,调用活字格的提供的AddUserAndLogin服务端命令,在活字格的服务端命令逻辑中,校验活字格用户管理中是否存在以微信小程序openid为用户名的活字格用户...,如果存在,调用GetSSOToken服务端命令,实现单点登录;如果用户不存在,执行添加用户逻辑,再实现单点登录。...5.调试时因为需要获取UserInfo信息,请在微信开发者工具详情中,添加微信小程序AppID 6.发行微信小程序 发行成功后,可以在微信小程序中查看到开发版本,提交审核即可 此时可以通过体验版在手机端体验

    2.8K50

    Bookmarklet编写指南

    Bookmarklet是一个复合词,由Bookmark(书签)和-let(小的)构成,中文可以译成"书签工具"。 它在形式上与"书签"一样,都保存在浏览器收藏夹里。...二、Bookmarklet的优点 它有几个很显著的优点,其他技术难以取代: 1. 安装快速   Bookmarklet的安装,就是在收藏夹中保存一段代码,一步就能完成。所有浏览器都原生支持。 2....如果写的正确,同样一个Bookmarklet在各种浏览器上都能正常使用。 三、Bookmarklet的编写规则 1....连接外部javascript代码 有时,Bookmarklet必须再引入外部的Javascript代码,这就需要为当前页面添加一个script标签。   ...添加外部函数库 如果Bookmarklet需要用到外部函数库,就必须把它也加进来。但是,前提是必须先检查一下,看看原页面是否已经加载了这个函数库。 下面以加载jQuery为例:   if (!

    1.8K90

    .NET框架设计(高级框架架构模式)—钝化程序、逻辑冻结、冻结程序的延续、瞬间转移

    ;当然它的使用方式多种多样了; 我相信这篇文章绝对让你对 .NET框架设计 感兴趣,框架设计思想其实真的很美,让人陶醉; 2】程序书签(代码书签机制) 美好的一切都要有一个良性的开始,程序的钝化少不了对程序的逻辑保存的功能...,我们要想将程序的逻辑流程钝化肯定是少不了对逻辑调用的保存;原本的程序逻辑是线程本地的执行路径,属于.NETCLR直接管理的,依赖于栈的执行,所以我们无法干预其生命周期过程,那么我们只有将它们对象化后才能由我们自己操控...上图的意思是说在一个流程的开始到结束基本上三个重要环节,Begin\Processs…\End过程,在每个过程中需要不同的处理逻辑,在图的偏上方,我们有三个ProcessName名称的小方块表示程序的调用顺序...,ProcessName1调用ProcessName2调用ProcessName3; 在ProcessName2的上面我们加了一个Bookmark的标记,表示我们这里所说的代码书签,通过代码书签我们就可以记录下本次执行到哪里了...,就好比我们在看书的时候都有一个买书时赠送的书签卡,我们看到哪里就把这个书签卡插在那里,当下次要看的时候直接找到这个书签卡继续看; 这里的代码书签跟这个是一样的道理,理论就是这些我们下面通过示例代码来亲身体验一下这种设计模式

    1K100

    CSDN Chrome插件来了。助开发者提升开发效率,远离996

    插件定位 帮助开发者提升开发效率,远离996 官网 特点 以搜索框为入口,集成开发者常用工具,提升开发效率 主要功能如下: 支持本地书签、tab页、历史记录搜索 集成CSDN搜索结果,本地内容和远程结果无缝集成...所有操作都支持快捷键,提升搜索效率 快速查看文档,目前支持html,html5,h5,css,css3,js,jquery,bootstrap,vue,echarts,json,linux,docker...,更多功能正在添加中 安装 下载安装包 浏览器输入地址“chrome://extensions/”进入扩展程序页面,开启开发者模式 以下操作任选其一: zip文件安装: 将zip包解压到任意目录...,点击“加载已解压的扩展程序”按钮,选择已解压的插件目录完成安装 Chrome商店安装:审核中,敬请期待 试用 安装完成后,在浏览器任意页面,按键o (不是0)触发插件 这个输入框就是插件的主要入口了...,所有功能都从这里触发 使用mac的同学应该比较熟悉,参考了mac的聚焦搜索 功能介绍 书签、历史记录、标签页搜索 插件的基本功能是搜索书签、历史记录、标签页。

    66810

    IDEA:7个强大功能助你高效编码和优质工作!

    摘要: 本文介绍了IntelliJ IDEA的七个强大功能,包括“查找一切”、“知道你在哪里”、“SQL优化”、“多行编辑”、“后退/前进”、“书签”以及“一种编辑器适用于所有”。...查找: ⇧Shift+⇧Shift. 2 知道你在哪里 此功能通过将当前正在编辑的文件在项目结构中自动高亮显示,帮助用户快速定位自己在代码库中的位置。...该功能可以帮助用户更快地找到正在编辑的文件所属的项目和位置,提高工作效率。 在大多数的IDE中,启用知道你在哪里功能通常需要手动设置。用户可以在IDE的设置中心中找到该选项,并将其启用。...在软件开发中,SQL查询经常是应用程序中最耗时的操作之一,通过优化SQL查询,可以减少数据库操作的时间和成本,从而提高应用程序的性能和用户体验。...6 书签 书签功能是指用户可以在代码中添加标记(即书签),以便随时快速定位到自己需要编辑的代码行。 要转到书签,请按⌃+(Win / Linux为Ctrl +)。

    40010

    他们做的小程序,要把全世界的好文章装进你的口袋 | 晓组织 #12

    这也是作为创业公司,在选择一个项目时,从 0 到 1 的思考过程。 1. 产品想法 我们大概从年后,就有了关于「墨加口袋」的想法。 一开始想做的并不是小程序,而是一款基于浏览器的书签管理器。...主要解决浏览器书签的同步速度慢、查找效率低下等问题。为平日里通过电脑办公的人,提供一个云端的内容存储和分类管理工具,让用户可以在任何地方,通过任何设备访问收藏的内容。...在研究中,我们也为「墨加口袋」这个产品列了一些基本点:比如要简洁易用,要三步内完成操作;又比如以微信生态为主,兼收并蓄其他平台等等。...因为系统在初期不稳定,导致一开始的新用户流失率非常高,后来逐渐稳定下来就好了很多,希望做小程序开发的企业注意考虑到这点。 第一波用户从哪里来?...关于小程序的未来 目前我们是比较看好小程序,这不仅仅是因为微信团队的支持,更主要的方面是小程序在某种程度上代表一种便利性,能让每个用户都能接触并使用到,以解决自己遇到的问题,很多时候用 app 解决问题反而繁杂

    54820

    中国用户也能同步 Chrome 书签了

    众所周知,Chrome 浏览器的书签的同步正常情况下需要连接 Google 账号才能进行,但由于某些原因这一点在国内正常情况下是不可用的。...今天推荐一款更加好用的 Chrome 书签同步小插件 ——Chrome™书签同步,截止 2022年5月11日该插件最新版本为 1.4 。...在扩展程序页面中,打开“开发者模式”开关,点击“重新加载”按钮,然后把第 1 步下载的文件拖拽当前页面。...此时会弹出对话框,提示“添加Chrome™书签同步”,点击“添加扩展程序”按钮,此时扩展程序页面中会多了一项:Chrome™书签同步。 此时扩展已经安装成功。为了方便使用,可以把它固定到工具栏中。...选择“扩展程序”图标,选择 Chrome书签同步 的“固定”按钮,此时工具栏中就会添加 Chrome书签同步 的标签。

    7.2K11

    jQuery源码研究:jQuery对象及原型上的extend()方法

    ,如果附加的对象被传递给这个方法将那么它将接收新的属性,如果它是唯一的参数将扩展jQuery的命名空间; 后面的object1到objectN同样作为对象,包含额外的属性合并到第一个参数。...return target; } 在jQuery对象上添加extend属性,并且在jQuery.fn上面也添加同样的extend属性,还记得前面jQuery.fn = jQuery.prototype...jQuery对象的fn属性指针就指向jQuery对象的原型,并且因为对象都是引用类型的,所以上例代码的操作意思就是:在jQuery对象和它的原型对象上都添加extend方法,该方法最后返回的是一个合并处理后的对象...非undefined值 // tips: 这个有个小技巧,undefined == null 值为true; 但undefined === null值为false。...jQuery.fn即原型对象上添加extend()方法的代码解释,再复习下:jQuery对象和其原型上都具有extend()方法,区别在于一个是类方法,一个是成员方法,在使用场景上请注意。

    1.4K30

    Ajax与jQuery异步加载数据

    由于用 jQuery 实现 ajax 比较简单,因此接下来的代码引用jQuery库实现Ajax,另外使用Django作为框架。 其中jQuery可以手动下载放到本地文件夹中,也可以引用下面的语句。...Python url(r'^ajax_server/$', 'tools.views.ajax_server', name='ajax_server'), 缺陷 对应用Ajax最主要的批评就是,它可能破坏浏览器的后退与加入收藏书签功能...在动态更新页面的情况下,用户无法回到前一个页面状态,这是因为浏览器仅能记下历史记录中的静态页面。...一个被完整读入的页面与一个已经被动态修改过的页面之间的可能差别非常微妙;用户通常都希望单击后退按钮,就能够取消他们的前一次操作,但是在Ajax应用程序中,却无法这样做。...(例如,当用户在Google Maps中单击后退时,它在一个隐藏的IFRAME中进行搜索,然后将搜索结果反映到Ajax元素上,以便将应用程序状态恢复到当时的状态)。

    12.3K20

    网站项目开发学习手册

    淘宝页面的混合开发 微信小程序 & 微信公众号. Node.js 前端工程化 & 组件化 & 插件化 其中两次爆炸性的发展 无异于是 小程序的出现,和Node.js的出现....大前端工程师一般都要会 网页开发+混合开发+移动端开发+小程序开发 Nodejs开发目前是一个拓展技能,但它绝对是大前端发展的趋势. ---- 网站项目进化史 静态网页 刚开始学习网站项目时,都会先从最基础的...目前移动端网页比较多的使用Vue.js进行开发,因为其自带的大部分都是苹果端的控件效果. ---- 小程序/公众号开发 随着微信的用户量激增,以及其平台的绝对地位,小程序的免安装特性,小程序也随之崛起....很多中小型公司是不会专门开设"小程序开发工程师"的职位的,一般小程序开发都是由公司里的前端工程师来干.所以也是前端工程师需要掌握的....BOM (浏览器对象) 通过JS获取浏览器对象,进行一些内定函数(方法)的执行,例如 添加书签, DOM 通过JS获取HTML文档对象 ,对网页中一些不需要再显示的模块进行删除,或者增加 刷新 数据

    2.7K60

    为了让你在微信里「稍后阅读」,他们做了款小程序 | 晓组织 #21

    「超级收藏夹」是一款个人知识管理工具,支持 App、网页、微信文章等内容的收藏整理。 只需添加收藏机器人「收藏君」为好友,收藏即变得跟分享到微信一样简单。...Gavin 某天研究案子看到了一个酷炫到爆炸的小众网站,马上收藏到浏览器的书签里。...让小程序也拥有原生 App 的体验 「知乎」App 及「超级收藏夹」小程序的沉浸式设计 我们的技术宅乐此不疲地挖掘小程序的黑科技,力求让用户觉得「Wooh!原来小程序也可以做得像 App 那样」。...当然,除了设计,我们在小程序开发中也踩了不少坑。 小程序目前并不能直接加载 HTML 页面,也不能进行外链的跳转,导致原文内容无法展示。...对原内容进行抓取并重排 我们通过对小程序深入研究,针对用户主动收藏的网页内容,开发出「精确匹配」及「通用抓取」两大模块,应用于内容获取及转码优化,使用户收藏的内容在小程序界面得以有效、美观地呈现。

    90230

    前端阿瓜每周速记(2020 第 34 周)

    本瓜在面试中被问过,面试官多半是后端或架构师 不要方,抱紧我。芜湖起飞! 内存分配 程序运行时的内存分配的策略有三种: 静态存储。 栈式存储。 堆式存储。...栈式存储分配:也可称为动态存储分配,是由一个类似于堆栈的运行栈来实现的.和静态存储分配相反,在栈式存储方案中,程序对数据区的需求在编译时是完全未知的,只有到运行的时候才能够知道,但是规定在运行中进入一个程序模块时...JS 不允许直接访问堆内存中的位置,因此我们不能直接操作对象的堆内存空间。 操作对象时,实质上操作的是这个对象的引用,可理解为:在栈内存中的一个指针,指向堆内存的某个地址。...SNYK-JS-JQUERY-565129 没道理啊,都是 Vue 项目,哪里来的 JQuery,后来全局搜索发现,还真有!原因是 svn 上后台的老旧模板引用了 JQuery 依赖。...JQuery 很多函数/方法都是XSS接收器。所以说在我们用 JQuery 时,必须注意对 DOM 所做的更改以及传递,不要相信用户的任何输入,常升级 JQuery 版本等。

    92830

    JavaScript 事件委托 以及jQuery对事件委托的支持

    事件委托        事件委托  允许我们不必为某些特定的节点添加事件监听器,而是将事件监听器添加到(这些节点的)某个 parent节点上。...另外,如果在实际的应用中,很有可能同过js在 div1下动态生成p 元素,这时候,我们相应地还要添加事件处理函数,像这种动态添加的动作很有可能分散在我们 应用的很多个角落,这样动态添加处理函数将是一个非常蛋疼的事儿...delegate(selector,[type],[data],fn) jquery 的delegate 方法是典型的为事件委托准备的。...data:   传递到函数的额外数据   fn:       当事件发生时运行的函数 概述:          指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数...第二,理论上委托会导致浏览器额外的加载,因为在容器内的任意一个地方事件的发生,都会运行事件处理函数,所以多数情况下事件处理函数都是在空循环(没有意义的动作),通常不是什么大不了的事儿。

    1.4K60

    【拓展】655- React 与前端开发的那些年

    「应用程序的状态较为分散,无法追踪和维护」。 另外这里再介绍下 React 出现的时代背景: 1.「大量业务逻辑由后端转为前端实现」,即前后端分离; 2.已有前端框架开发的「复杂应用性能不佳」。...小前端时代 随后进入“小前端时代”,形成了以 HTML 为骨架,CSS 为外貌,JavaScript 为交互体验的前端开发模式,在这个时代,出现了 Ajax 这种划时代意义的技术,让静态网页升级为动态网页...jquery 大前端时代 在小前端时代稳定发展一段时间之后,工程师们开始发现前端「需要呈现的数据量越来越大」,「网页动态交互效果也越来越多」,jQuery 这类工具库「越来越频繁操作 DOM」,使得应用性能越来越差...在 React 中,可以将页面中每个部分分成每一个独立的小模块,每个小模块就是组建,这些组件可以互相组合和嵌套,就组成每一个页面。...「React v16.2.0 (November 28, 2017)」 增加 Fragment 组件,其作用是将一些子元素添加到 DOM tree 上且不需要为这些元素提供额外的父节点,相当于 render

    1.2K31

    keli4使用文档

    库管理 库管理器允许从编译和组装的目标模块中创建目标库。库是经过特殊格式化的目标模块的有序程序集合,稍后可由链接器使用。当链接器处理库时,仅使用创建程序所需的那些模块。...带有用于程序测试的在线仿真器。 ? 可以使用Ctrl+F来进行全局文件的搜索 在文件中查找 在多个文件中搜索匹配的字符串。 在哪里 找什么 输入要搜索的字符串。可以使用正则表达式。...(下面没有描述的项目在上面解释。) 在哪里 向上搜索 单击Find Next时更改搜索方向。 找下一个 跳转到后一个或前一个匹配字符串。 全部收藏 为找到匹配字符串的每一行添加书签。...代替 仅扫描当前活动的文件以查找匹配的字符串。 (下面没有描述的项目在上面解释。) 在哪里 用。。。来代替 应该替换匹配字符串的字符串。 代替 替换当前突出显示的匹配字符串。...全部替换 替换活动文件中匹配字符串的所有匹配项,或者在选择文本后替换所选内容中的所有匹配字符串。 ? 一个小的正则表达式的支持 ?

    1.1K20
    领券