未找到

JavaScript代码组织结构良好的5个特点[reuqire.js]
by ourjs keys 大话编程 分享 1418883966923
随着JavaScript项目的成长，如果你不小心处理的话，他们往往会变得难以管理。我们发现自己常常陷入的一些问题： 当在创建新的页面时发现，很难重用或测试之前写的代码。
当我们更深处地研究这些问题，我们发现根本原因是无效的依赖管理造成的。比如，脚本A依赖脚本B，并且脚本B又依赖脚本C，当C没有被正确引入时，整个依赖链就无法正常工作了。
未发布 如何安全地将你的Android应用程序更新到Nougat
by Elyn keys 分享 1473671496851
尽管手机制造商可能还需要一段时间在通往Nougat的道路上探索，本文可以提供你一些步骤让你可以做好准备。
HexGL用HTML5和WebGL实现的3D赛车游戏
by ourjs keys JS开源 开源 1417657378175

HexGL是一个未来主义的使用HTML5，Javascript和WebGL实现的反重力快节奏的赛车游戏。
AngularJS在大型单页面应用中的性能优化（一）
by kris keys JS学习 前端 1419818445256
无论你正在编写一个旧的应用程序还是在一个大型应用中采用AngularJS，性能是一个重要的方面。了解是什么原因导致AngularJS应用程序慢下 来非常重要，要知道，在开发过程中做出权衡是很重要的。本文将介绍一些AngularJS比较常见的性能问题，以及优化的建议。
将GO编绎成JavaScript，用GO语言来写前端代码
by kris keys JS开源 开源 1413424802902
GopherJS将GO代码编绎成纯的JavaScript代码。它的主要目的是让你有机会使用GO语言来写前端代码。你可以在线玩一玩。 

你可以使用GO优雅的类型系统和编绎时检查系统，因此你有机会发现大量的潜在BUG，并可以更好的进行重构。想像一下你之前要处理多少有关JavaScript遗留的参数问题，因为你不确定会不会还有人在用这些老API。GopherJS会豪无怨言地帮你解决这些问题。你可以放心，这种BUG将不会再出现。
未发布 Essential Studio for UWP发布2017 v2，新增甘特图控件
by Harriet666 keys 分享 1495780729601
Essential Studio for UWP是包含有35 +组件的综合套包，包括最快的图表和网格组件。所有组件根据当前被呈现的设备系列自适应渲染。Essential Studio for UWP发布2017 v2，新增甘特图控件。

【Essential Studio for UWP最新版点击下载>>>】

图表

区段颜色设置

图表中的每个段现已支持颜色贴图。

995952bfb60443129bd83ac458ae54f8ojpg

多个样条曲线类型

图表控件现在支持样条区域的多个样条类型。

484149a96b314a5491b95cb18957eeb9ojpg

 

图表

片段装饰

连接器中添加了一种新的装饰元素，以指示连接在另一个连接器或片段上的流动。

de1341f252e34bdabb7a48bc63b8bba0ojpg

 

PDF

增强PDF安全功能

现在支持PDF 2.0安全功能（AES Revision 6）。

77d44e0e6b76401ab02e8a510924d4e6ojpg

 

数据透视图表

快速图表类型

在透视图控件中实现了以下快速图表类型：快速列位图、快速条形图、快速行、快速位图、快速步进位图、快速分散位图和快速堆叠列位图。

修饰

添加数据透视图修饰以显示与图表细分元素相关的值。

9ffff64fc71147f4929d16d12331f483ojpg

注释

数据透视图注释显示有关绘图区域中特定目标点的图表或系列的元数据。

9137007f09c3430fad13f40e823af42bojpg

Pivot客户端

标签和值过滤器

Pivot客户端支持按标签和值进行过滤。

a1c70a38440e4827b6f7fb54f2694211ojpg

延迟更新

Pivot客户端可以仅在需要时更新，而不是在每次UI交互期间更新。

Pivot网格

Pivot行

Pivot网格可以定制为平面网格。

2f2237b52b994d8ca4fe1c9eaaf84c70ojpg

分组栏

Pivot网格提供了一个UI选项来拖动字段、过滤，并在运行时通过分组栏创建Pivot视图。

996bf06c54264a969c20b3ccf4db9af0ojpg

演示

注释功能

可以在PowerPoint演示文稿中创建和修改注释。

4773c7e27f8649bea7af50162dd246e3ojpg

富文本框

支持打印

富文本框控件现在支持从桌面和移动应用程序中打印文档内容。

a002e003c13149c6b2b951898d3207c9ojpg

页面布局

富文本框控件支持在移动设备上逐页查看文档内容。

63a5e6287a674089b4eccd746ca3434fojpg


甘特图

甘特图控件用于可视化和编辑项目进度，并跟踪项目进度。它可以帮助你组织和安排项目。你还可以通过编辑、拖动和调整大小等操作来更新项目进度。

f4eb369c934546068418ec2abec15752ojpg

主要特征

  • 任务关系
  • 交互式编辑
  • 排序
  • 自定义时间格式

树型网格

过滤

树状网格控件现在支持使用各种过滤器选项，用编程方的式过滤节点。

0d08e7d6f68d4251acd0519484bb65f4ojpg


未发布 【版本更新】完整UI库Kendo UI发布R3 2017|附下载
by AABBbaby keys 分享 1506483764670

通过70多个可自定义的UI组件，Kendo UI Professional可以创建数据丰富的桌面、平板和移动Web应用程序。通过响应式的布局、强大的数据绑定、跨浏览器兼容性和即时使用的主题，Kendo UI Professional将开发时间加快了50%。

Kendo UI Professional目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库；Kendo UI for Angular是专用于Angular开发的专业级Angular UI组件；Kendo UI Support for React支持React Javascript框架，更快地构建更好的应用程序；Kendo UI Support for Vue为Vue技术框架提供可用的Kendo UI组件，更快地构建更好的Vue应用程序。

更多资源请查看【Kendo UI视频教程集合】【Kendo UI TreeView功能详解】【Kendo UI经典开发案例赏析】

轻量级的可调视图和面板分栏Layout布局工具[开源]
by ourjs keys JS开源 开源 1449710236188
Split是一个轻量级的可以动态调整的视图或面板分栏工具。没有任何外部依赖，只需要一两个有父元素的普通元素。可将页面水平或垂直分割，你不需要自己在面板之间手动插入分割条。
未发布 跨平台应用——Qt VS HTML5（下）
by AABBbaby keys 分享 1450835650175

Qt对比HTML5——正反两面

支持的平台
  • HTML5的支持无处不在
  • Qt支持所有主流平台（而且非主流平台碰巧用它做UI）

虽然理论上你可以用HTML5适配更多平台，但这不是大多数开发人员在现实世界里使用它的原因。HTML5开发者越来越多地放弃浏览器以及构建混合App。大部分移动开发者针对Android、iOS、Windows Phone和BlackBerry 10当中的几个平台进行开发。Qt不仅支持这些平台，并且还支持更多的。事实上，在实践中我们的数据表明，平均来看Qt开发人员实际上覆盖的平台比HTML5开发人员还略多一点。结果是，对于那些想在智能手机、智能电视等任何平台运行软件的开发者来讲，Qt相比HTML5的一个显著优势是让两者不分胜负。

未发布 扫描识别工具Dynamic Web TWAIN使用教程：建立一个“Hello World”扫描页面
by Harriet666 keys 分享 1511504073281
Dynamic Web TWAIN是一个专为Web应用程序设计的TWAIN扫描识别控件。你只需在TWAIN接口写几行代码，就可以用兼容TWAIN的扫描仪扫描文档或从数码相机/采集卡中获取图像。
 
本文教你Dynamic Web TWAIN中只需3个步骤在5分钟内创建一个Web扫描应用程序的方法！
 
注意：开始之前，请确保您已经下载并安装了最新版本的Dynamic Web TWAIN。如果还没有安装，请在这里下载Dynamic Web TWAIN最新版。

步骤一：启动一个Web应用程序
1.1 将Dynamsoft的Resources文件夹复制到您的项目中
Resources文件夹通常在C:\Program Files (x86)\Dynamsoft\Dynamic Web TWAIN SDK {Version Number} {Trial}\
image003
 
1.2 创建一个空的HTML页面
请将空的html页面与Resources文件夹放在一起，如下所示：
image004
 
步骤二：将Dynamic Web TWAIN添加到HTML页面
2.1 包含两个Dynamsoft JS文件
 
2.2 添加一个Dynamic Web TWAIN容器
1
<div id="dwtcontrolContainer"></div>
 
注意： “dwtcontrolContainer”是div的默认ID。如有必要，您可以在文件dynamsoft.webtwain.config.js中更改它。
 
步骤三：使用Dynamic Web TWAIN
3.1 添加一个扫描按钮和最小的脚本
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<input type="button" value="Scan" onclick="AcquireImage();">
<script type="text/javascript" data-filtered="filtered">
    var DWObject;
    function Dynamsoft_OnReady(){
        DWObject = Dynamsoft.WebTwainEnv.GetWebTwain('dwtcontrolContainer');
    }
    function AcquireImage(){
        if(DWObject) {
            DWObject.IfDisableSourceAfterAcquire = true;
            DWObject.SelectSource();
            DWObject.OpenSource();
            DWObject.AcquireImage();
        }
    }
</script>
 
3.2 查看完成的代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<title data-filtered="filtered">Hello World</title>
<script type="text/javascript" src="Resources/dynamsoft.webtwain.initiate.js" data-filtered="filtered"> </script>
<script type="text/javascript" src="Resources/dynamsoft.webtwain.config.js" data-filtered="filtered"> </script>
 
 
<input type="button" value="Scan" onclick="AcquireImage();">
<div id="dwtcontrolContainer"> </div>
<script type="text/javascript" data-filtered="filtered">
        var DWObject;
        function Dynamsoft_OnReady(){
            DWObject = Dynamsoft.WebTwainEnv.GetWebTwain('dwtcontrolContainer');
        }
        function AcquireImage(){
            if(DWObject) {
                DWObject.IfDisableSourceAfterAcquire = true;
                DWObject.SelectSource();
                DWObject.OpenSource();
                DWObject.AcquireImage();
            }
        }
    </script>
 
3.3 查看正在运行的扫描页面
如果你打开项目中的Hello World页面，它应该是这样的：
image005
 
现在，您可以点击“扫描”按钮选择一个设备，如下所示：
image006
 
注意：
  • 选择来源对话框中只列出了TWAIN兼容设备。如果连接的扫描仪没有显示在列表中，请按照这篇文章排除故障。
  • 如果您手边没有扫描仪，则可以安装虚拟扫描仪 - 由TWAIN工作组开发的扫描仪模拟器 - 用于测试目的。

扫描完成后，图像将显示在内置的Dynamic Web TWAIN查看器中：
image007
 
如果您安装了Dynamic Web TWAIN的30天试用版，您可以在C:\Program Files (x86)\Dynamsoft\Dynamic Web TWAIN SDK {Version Number} {Trial}\Samples\Getting Started\获取完整的Hello World应用程序。
image008
 
本次教程到此结束，希望能对Dynamic Web TWAIN的用户带来帮助，接下来还会有更多的相关教程，敬请期待！
 近期热门 - 点击最多
  1. python基于asyncio实现 Redis 的异步操作哈希数据写入 / 读取、发布订阅消息中间件
  2. Node.js 打印vite react+go项目目录树
  3. Angular入门：用Signals状态管理和Bootstrap基础样式实现的用户登录注册实例教程
  4. 用Gitea搭建免费Git服务器自定义Actions配置CI/CD自动化部署和测试流水线
  5. FastAPI+SQLModel+PostgreSQL+React+Vite全栈项目文件结构说明环境搭建与初始化指南
  6. React结合vite使用vue3，在纯typescript的react hooks中使用vue
  7. valtio基于Proxy代理比redux\zustand更简洁的react状态管理库
  8. React Native为http网络请求添加timeout超时异常处理: 用XMLHttpRequest替换fetch发送的区别
  9. React Native使用fetch发送http登陆验证请求失败：无法读取set-cookie并显示network request failed
  10. 克服Redux的缺点在React/Native中使用消息队列，pubsub-js更加简洁的组件间通信和状态传递方法

  全端社区 - 最新回复
  1. 在无管理员权限的情况下，使用安装Python补全pip临时配置环境变量；即零权限使用node.js/npm
  2. Python鉴权方法：Depends 依赖注入;装饰器；与基于Proxy模式的Session状态管理自动计算脏属性；将用户数据存储在Redis中
  3. python基于asyncio实现 Redis 的异步操作哈希数据写入 / 读取、发布订阅消息中间件
  4. Angular入门：用Signals状态管理和Bootstrap基础样式实现的用户登录注册实例教程
  5. 用Gitea搭建免费Git服务器自定义Actions配置CI/CD自动化部署和测试流水线
  6. FastAPI+SQLModel+PostgreSQL+React+Vite全栈项目文件结构说明环境搭建与初始化指南
  7. Node.js 打印vite react+go项目目录树
  8. valtio基于Proxy代理比redux\zustand更简洁的react状态管理库
  9. Windows与Mac通过git ssh和rsync实现文件共享互传
  10. Windows与Mac通过git ssh和scp实现文件共享互传

  开源的 OurJS
OurJS开源博客已经迁移到 OnceOA 平台。
  关注我们
扫一扫即可关注我们：
OnceJS

OnceOA

Icon 沪公网安备31011202009668号 | 沪ICP备13020027号-2

© OurJS. All Rights Reserved. OurJS.com ourjs(at)ourjs.com