强大的js - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

简单而强大的swig.js

本文作者：IMWeb json 原文出处：IMWeb社区未经同意，禁止转载 swig的简单介绍 swig是JS模板引擎，它有如下特点：根据路劲渲染页面面向对象的模板继承，页面复用动态页面...快速上手功能强大 swig的使用 swig的变量 {{ foo.bar }} {{ foo['bar'] }} //如果变量未定义，输出空字符。...，这个模板将使用当前上下文参数： file 包含模板相对模板 root 的相对路径 {% include "a.html" %} {% include "template.js...参数： on 当前内容是否转义 type: 转义类型，js 或者 html，默认 html input = 'Hello "you" & \'them\'';...endautoescape %} //<p>Hello "you" & 'them' </p> {% autoescape true "js

1.3K2 0

简单而强大的swig.js

本文作者：IMWeb json 原文出处：IMWeb社区未经同意，禁止转载 swig的简单介绍 swig是JS模板引擎，它有如下特点：根据路劲渲染页面面向对象的模板继承，页面复用动态页面...快速上手功能强大 swig的使用 swig的变量 {{ foo.bar }} {{ foo['bar'] }} //如果变量未定义，输出空字符。...，这个模板将使用当前上下文参数： file 包含模板相对模板 root 的相对路径 {% include "a.html" %} {% include "template.js...参数： on 当前内容是否转义 type: 转义类型，js 或者 html，默认 html input = 'Hello "you" & \'them\'';...endautoescape %} //<p>Hello "you" & 'them' </p> {% autoescape true "js

1.7K9 0

您找到你想要的搜索结果了吗？

是的

没有找到

强大的图片预览组件Viewer.js

1、 Viewer.js简介 Viewer.js 是一款强大的图片查看器。我们通过Viewer.js 在页面上添加强大的图片查看功能，同时，这款优秀的插件配置操作起来也非常的方便。...截图大概如下： 2、Viewer.js支持的功能支持移动设备触摸事件支持响应式支持放大/缩小支持旋转(类似微博的图片旋转) 支持水平/垂直翻转支持图片移动支持键盘...支持全屏幻灯片模式(可做屏保) 支持缩略图支持标题显示支持多种自定义事件 3、Viewer.js的API 名称类型默认值说明 inline 布尔值 false 启用 inline 模式...数字 0 设置图片查看器 inline 模式时的 z-index url 字符串/函数 src 设置大图片的 url build 函数 null 回调函数，具体查看演示 built 函数 null 回调函数...这里为我用的是js版本，简单做了一个demo html代码 <!

4.2K2 0

好用的轮子之强大的原生引导js库---Driver.js

前言 Driver.js 是一款轻量的、没有依赖普通的javascript引擎，目的是为了方便引导用户浏览网站的功能。其实是一款web端分步引导用户查看功能的库。...可以让用户更快地更方便地知道你的网站有什么样的功能或者新增了什么功能。...看一下大体的效果特点简单：方便易用，没用任何的第三方支持自定义：有很多强大的api支持你想要的效果任何元素都可高亮：页面上的任何元素都可以高亮显示支持所有的浏览器（包括IE）遵循MIT Licensed...开源协议安装 // yarn 方式 yarn add driver.js // npm 方式 npm install driver.js 引入 import Driver from 'driver.js...是一个非常好用的引导用户使用网站功能的js库，可以更加人性化、更加方便快捷地融入到你开发的网站。

1.6K2 0

功能强大的 JS 文件上传库：FilePond

-- 引入FilePond的js --> js"> ...该库拥有多样、强大的插件部分，可以根据自己的需求选择插件组合起来使用哦。...-- 引入图像预览插件的js文件 --> js.../filepond-plugin-image-preview.js"> 的js--> js">

4.4K2 0

强大的jQuery验证插件：jquery.validate.js+jquery.validate.unobtrusive.js

），这几天在看.Net MVC4的时候，看到微软官方出的jquery.validate.unobtrusive.js，再看看其MVC4产生的客户端代码，我被震撼了，可读性变强了，编程的复杂度降低了，看来不能老守旧...如果我们做基于HTML5的开发，其实不用.NET MVC4，也可以直接用其jquery.validate.unobtrusive.js，这样我们的Html和客户端的验证工作就会变得很简单。...ASP.NET MVC 3.0http://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.unobtrusive-ajax.jsjshttp://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.min.js.../3.0/MicrosoftMvcAjax.debug.js 附上微软官方的几个链接： [URL=http://msdn.microsoft.com/en-us/gg618485]ASP.NET

3K3 0

JavaScript系列之初识JS，强大的实干家

JavaScript作为最流行的脚本语言之一，这门语言广泛应用于Web。假如要把JS作一个比喻，我觉得她是一位强大的实干家。...JS的出现主要是用于处理网页中的前端验证，所谓的前端验证，就是指检查用户输入的内容是否符合一定的规则。比如: 用户名的长度、密码的长度、邮箱的格式等。...； 3作用 (1) 验证用户输入的内容 JS可以对用户输入的数据进行验证。...3编写工具 (1) 常用编辑器由于JS程序可以嵌入HTML文件中，因此可以使用任何一种能编辑HTML文件的工具软件作为JS的文本编辑器，如Windows中的记事本、写字板、Adobe Dreamweaver...首先编写外部的JavaScript文件，命名为index.js。index.js文件的代码，如下所示。 alert("Hello World,ITester软件测试小栈！")

1.2K3 0

Vue.js：轻量级而强大的前端框架

Vue.js：轻量级而强大的前端框架随着现代Web开发的不断发展，前端框架成为了开发者不可或缺的工具。...Vue.js，作为一个轻量级而强大的前端框架，因其简单易用、高效灵活的特性，迅速在开发者社区中赢得了广泛的关注和喜爱。...一、Vue.js的起源与特点 Vue.js，由前Google员工Evan You于2014年创建，旨在通过简洁的API实现响应式的数据绑定和组合的视图组件。...Vue.js的核心库专注于视图层，使得开发者能够更轻松地构建用户界面。其特点主要包括：轻量级：Vue.js的体积非常小，压缩后的版本只有几十KB，非常适合移动端和大型Web应用。...四、总结 Vue.js作为一个轻量级而强大的前端框架，以其简单易用、高效灵活的特性赢得了广泛的赞誉。无论是小型项目还是大型应用，Vue.js都能够为开发者提供出色的开发体验和性能表现。

5831 0

强大的JS方法Object.defineProperty详解及VUE.JS双向绑定原理

Object.defineProperty是一个很了不起的方法。vue.js之所以能够实现双向绑定便是拜它所赐！...我们知道对象是由多个键/值对组成的无序集合。对象当中的属性可以是任意类型的值。我们可以通过构造函数以及字面量的形式来定义对象。...需定义或修改的属性的名字 descriptor：必需。目标属性所拥有的特性前两个参数不多说了，看代码就明白了，我们主要看第三个参数descriptor，看看它是个什么鬼！...接下来，咱们可以通过defineProperty模拟下VUE.JS的双向绑定： ...可能有的小伙伴会想，既然这个Object.defineProperty如此强大，每次只能设置一个属性吗？那么这玩意儿用起来也挺费劲的！

1.3K2 0

分享一款强大的图片预览组件：Viewer.js

介绍 Viewer.js 是一款强大的图片查看器。我们通过Viewer.js 在页面上添加强大的图片查看功能，同时，这款优秀的插件配置操作起来也非常的方便。...这是作者github地址：https://github.com/fengyuanchen/viewerjs 下图即为插件的演示样式：特点支持移动设备触摸事件支持响应式支持放大/缩小支持旋转（...类似微博的图片旋转）支持水平/垂直翻转支持图片移动支持键盘支持全屏幻灯片模式（可做屏保）支持缩略图支持标题显示支持多种自定义事件如何使用？...viewerjs/1.10.0/viewer.min.css"> js...zIndex 整型 2015 图片查看器modal模式时z-index值 zIndexInline 整型 0 图片查看器inline模式时z-index值 build 函数 null 回调函数，viewer.js

4.4K2 0

深入理解 Nest.js 控制器：构建强大的RESTful API

引言--Nest.js 是一个流行的 Node.js 后端框架，它通过其模块化、注解风格的编程和强大的依赖注入系统，为构建现代、可维护的 Web 应用程序提供了强大的工具。...其中，控制器是 Nest.js 应用中的核心组件之一，用于处理传入的请求并返回响应。...在本文中，我们将深入探讨 Nest.js 控制器的工作原理和用法，为您提供有关如何构建强大的 RESTful API 的深入理解。什么是 Nest.js 控制器？...异常处理Nest.js 控制器还提供了强大的异常处理机制，以处理在请求处理过程中可能出现的错误和异常。...然后，我们通过 apply 方法将中间件应用到 /users 路由下的所有请求。结语--Nest.js 控制器是构建强大的 RESTful API 的关键组件之一。

9702 0

只有1KB大小的js库功能竟然这么强大

最近小编发现了一些只有1kb大小的js库，我简直惊呆了！你知道吗？这些小小的js库体积虽然小，但是实力却不容小觑！...而且还十分强大好用今天就给大家推荐几个极小的JS库，看看他们都能干什么 Snarkdown Snarkdown 是一个小型的 JavaScript 库，用于将 Markdown 格式的文本转换成...https://github.com/developit/mitt ResponsiveSlides ResponsiveSlides.js是一个基于jQuery的响应式幻灯片插件，用于创建漂亮的全宽度滑块幻灯片...可以轻松地设置和定制幻灯片的动画效果、自动播放和分页控制等选项。使用ResponsiveSlides.js，您可以在任何设备上创建优雅的幻灯片展示，并提升您网站或应用程序的视觉效果。...https://github.com/arielsalminen/ResponsiveSlides.js microtip Microtip 是一个轻量级的JavaScript库，用于在网页上创建漂亮的提示框

1.3K3 1

Nest.js Controller 解析：探索路由和请求处理的强大功能

每个控制器它会有多个路由，不同路由对应不同的业务请求处理。在 Nest 中，创建一个控制器，应该使用类和装饰器，装饰器会使类相关联的数据的关联起来，将请求绑定到相应的控制器。...可以使用Nest-cli 提供的指令快速创建一个 CURDnest g resource [name]1.3.1 路由@Controller 是 Nest 的基本控制器，通过修饰器 @Controller... 可以将路由分组，模块化进行路由的管理，并最大限度的减少了代码重复性。...@Controller 装饰器修饰类，该类就拥有和装饰器关联的属性和功能,传递了一个参数 user , 说明当前路由分组名称为 user , 当前类下的所有基准路由都是 /user/ 开头了。...此外， @All()定义处理所有这些的端点。1.3.3 路由通配符支持基于模式的路由。例如，星号用作通配符，将匹配任何字符组合。

8905 0

最强大可拓展的知识库系统——Wiki.js部署教程

本文发布于408天前，最后更新于1天前，其中的信息可能有所发展或是发生改变。...1.前言官方网址：Wiki.js 安装参考文档：Docker | Wiki.js (requarks.io) 本教程使用的服务器：https://www.rainyun.com 2.部署 2.1安装docker...域名填写你进行反代的域名！（说实话如果没有域名你随便填一个似乎也不影响）然后登录：这里我们选择右边那个：ADMINISTRATION 这就是后台界面了~ 我们去把语言改成中文。...在左侧Locale中找到右边的download locale，找到Chinese（中文简体）下载即可。...下载完成后到左边的locale settings中，把english改成中文，然后界面就是中文的了！再次访问ip:9999或者你的域名，接下来就去做你想做的事情吧！

1.5K1 0

【JS】388- 深入了解强大的 ES6 「 ... 」运算符

运算符，是 ES6 里一个新引入的运算法，也叫展开/收集运算符，我们每天都要和它打交道。这篇文章，我就带你系统的回顾下这个运算符，介绍一些基础和进阶的用法。...运算符可以展开一个可迭代对象重的所有项。可迭代的对象一般是指可以被循环的，包括：string, array, set 等等。下面我们来看几个基础的例子来加深理解。...就可以实现类数组到数组的转换，转换之后，就可以使用数组的各种方法了。你还记得在这个操作符出来之前是如何转换的吗？这个问题还是头条的一个前端面试题。...name 属性时，我们的克隆对象的 name 属性没有受影响，这是符合我们预期的。...运算符非常灵活，收放自如，非常强大，希望我们都能很好的掌握这个工具。

5192 0

在JS中使用强大的CSS选择器来定位页面元素

然后又切换到火狐浏览器进行测试，结果还真是加载不出来内容，通过 F12 也快速定位到了的问题，是因为关闭了谷歌在线翻译功能后，按钮的注册事件失败，影响到了后续 JS 脚本的执行。...熟悉 JS 代码的小伙伴应该都清楚这里发生了啥，最简单的修复方式就是在注册点击事件前，加个 if 条件判断，当元素不存在时不进行事件注册。...于是便想到了使用 CSS 的选择器语法来支持，首先定位到这些按钮的父元素上，然后再逐一对子元素（即按钮本身）进行事件注册，这样当某个按钮被删除后也就无须 if 条件判断，同样也不用调整 JS 代码。...直接在浏览器终端窗口中使用 JS 语法进行了快速验证，得到的答案是可行的。...相比于 JS 中使用 ID 或名称来定位页面元素的方式，这种使用 CSS 选择器的模式，操作起来会更的加简便和灵活。

8291 0

强大的PropertyGrid

把要编辑的对象看成类的话, 所有要编辑的属性就是成员嗯嗯, 最近看了几眼Ogitor, 它对于PropertyGrid的使用就很不错所有要编辑的对象(灯光, 模型, 粒子等等)都有一个共同的基类,...每当选中一个可编辑对象时, 右边的属性框里就显示出当前对象的属性......(公司那个编辑器要多土就有多土-_-) 尽管Ribbon界面看起来很酷, 我还是对MFC提不起兴趣来... .net里的PropertyGrid更方便, 一点一点来: 属性自动绑定: ref class...把性别改成枚举看看: enum struct SexType { Male, Female }; 另外, 还可以弹出自定义的编辑界面, 比如随时间变化的曲线啦(经常用来做效果...这个, 暂时没需求, 不实现了, 有兴趣的参考:Getting the Most Out of the .NET Framework PropertyGrid Control

7825 0

强大的PropertyGrid

把要编辑的对象看成类的话, 所有要编辑的属性就是成员嗯嗯, 最近看了几眼Ogitor, 它对于PropertyGrid的使用就很不错所有要编辑的对象(灯光, 模型, 粒子等等)都有一个共同的基类,...每当选中一个可编辑对象时, 右边的属性框里就显示出当前对象的属性......如果只是像上面那样放上的话, 只会得到个灰色不可编辑的东西~ ?...另外, 还可以弹出自定义的编辑界面, 比如随时间变化的曲线啦(经常用来做效果...)...这个, 暂时没需求, 不实现了, 有兴趣的参考:Getting the Most Out of the .NET Framework PropertyGrid Control

1.2K5 0

【开源】谷歌发布deeplearn.js，浏览器端的强大机器学习库

【新智元导读】谷歌最新发布 deeplearn.js 0.1.0，这是一个开源的 WebGL 加速的 JavaScript 机器学习库，完全在浏览器中运行，不需要安装，不需要后端处理。...官网已经发布一系列demo，能力强大。机器学习（ML）已经成为越来越强大的工具，可以应用于对象识别，语言翻译，医疗等各种领域。...伴随着 deeplearn.js 的发布，接下来我们将提供从 TensorFlow checkpoint 导出权重的工具，这将允许作者将它们导入到 deeplearn.js 推理的网页。...使用连接实时网络摄像头的图像分类器，你可以观察到网络的内部表示；或者以每秒60帧生成流畅的抽象艺术视频。deeplearn.js 主页上还有更多demo。...我们希望这个库能显着提高机器学习的可见性和参与度，使开发者能够访问强大的工具，同时为日常用户提供与之进行交互的方式。我们期待与开源社区合作，推动这一愿景。

8755 0

Vue.js的核心概念是其强大功能和灵活性的基石

Vue.js的核心概念是其强大功能和灵活性的基石，以下是对这些核心概念的详细介绍： 1. 响应式系统 Vue.js使用响应式系统来确保用户界面（UI）与底层数据保持同步。...这种机制是通过数据劫持（例如，使用Object.defineProperty或Proxy对象来拦截对数据的访问和修改）和发布-订阅模式实现的。 2. 组件系统 Vue.js应用由可复用的组件构成。...模板中可以使用插值（如{{ }}）来显示数据，以及指令（如v-if、v-for等）来控制DOM的渲染和行为。 4. 虚拟DOM 虚拟DOM是Vue.js性能优化的关键。...当数据发生变化时，侦听器可以执行异步或耗时的操作来响应这些变化。这些核心概念共同构成了Vue.js的基石，使其成为一个强大且灵活的前端框架。...通过深入理解这些概念，开发者可以更加高效地利用Vue.js来构建高质量、可维护的前端应用。

4451 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭