在刚接触 p5.js 时我以为这只是一个艺术方向的 canvas 库，没想到它还支持视频文件和视频流的播放。
随着当今计算机网络技术的发展，Web技术由于其良好的跨平台特性，其对于更新迭代较慢的工控行业的影响也越来越大。包括西门子在内的工业自动化巨头都将Web技术融入到自身最新控制系统中: WinCC Unified PCS7 neo等。但是在传统的SCADA系统中，往往对于最新的Web技术的兼容性不够理想。例如西门子公司的Wincc软件，由于强大的功能和可扩展性，在工控行业应用广泛，笔者在最近的项目中就遇到一个问题，因为某品牌称重模块的参数设置和校准是通Web页面来实现的，但是在用Wincc的WebBrowser Control控件时经常会遇到一个问题，那就是新打开网页的时候经常会报浏览器脚本执行错误，客户不接受系统有报错显示，所以必须想办法给予解决。通过查询相关资料得知，Wincc的WebBrowser Control控件因为采用的旧的IE内核的原因，对于JS脚本兼容性不够好。
前言 在使用OrbitControls监听鼠标操作时控制台报如下错误 📷 解决方案 在使用构造函数创建控件对象时除了传入相机对象之外还要传入第二个参数renderer.domElement let controls = new THREE.OrbitControls(camera, renderer.domElement) 或者引入相同版本的核心文件和控件文件 <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/build/t
第一：来看一下最终的效果 第二：来看一下使用方法： 第三： Component类代码如下所示： public class Component { publi
前言 日历控件是web网站上经常会遇到的一个场景，有些输入框是可以直接输入日期的，有些不能，以我们经常抢票的12306网站为例，详细讲解如何解决日历控件为readonly属性的问题。 基本思路：先用js去掉readonly属性，然后直接输入日期文本内容 一、日历控件 1.打开12306的车票查询界面，在出发日期输入框无法直接输入时间 2.常规思路是点开日历控件弹出框，从日历控件上点日期，这样操作比较烦躁，并且我们测试的重点不在日历控件上，只是想输入个时间，做下一步的操作
在web前端领域，在UI制作方面有着悠久的历史，且一直都基于html+js+css技术，更利于技术的沉淀，是否能把web领域的优秀实践借鉴到游戏中呢？
小程序自发布以来，为开发者和用户提供了一种轻量级的App。作为一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。小程序也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。 微信客户端为小程序的运行提供了框架支持，如service运行环境、页面缓存机制以及控件原生化支持等，本文将对这些部分实现原理做一一介绍。 6. 原生控件的创建与交互机制 小程序内部提供了部分非H5实现的原生控件。原生控件可以提供H5控件无法实现的一些功能，原生控件的用户体
在前一篇博客《.NET混合开发解决方案11 网页JS调用C#方法》中介绍了JS访问C#方法的简单实现方式。但是在企业级应用软件中业务需求可能更加复杂，如JS调用C#方法之后，需要访问宿主的窗体，设置窗体（WinForm、WPF、WinUI、Win32）中的控件等。
Ext.net V1.0数据操作介绍 简介 Ext.net V1.0前身叫Coolite V0.8以前我用Coolite做过一个小项目，效果很不错，现在www.coolite.com已经变成www.ext.net，正式发布 ext.net V1.0 新增了不少新功能，前台的JS也更容易操作，非常不错，完全可用于一些小项目的开发。 Ext.net官方网站的介绍是一个用于快速开发asp.net的富AJAX的web应用程序控件类库，底层使用的javascript类库是Ext.js（开源的商业类库），当然E
picker-extend.js
在我们使用selenium进行自动化测试的时候，selenium能够帮助我们实现元素定位和点击输入等操作，但是有的时候，我们会发现，即使我们的元素定位没有问题，元素也无法执行操作；也有部分情况是我们无法直接定位滚动条河时间控件来进行操作，这个时候，我们就需要借助JavaScript来解决问题。本文就来给大家介绍一下selenium如何执行JavaScript脚本，以及这种方法的一些常见应用场景和最佳实践。
在我的博客《.NET混合开发解决方案10 WebView2控件调用网页JS方法》中介绍了C#调用网页中定义的JavaScript方法以执行某种业务逻辑，同样WebView2控件中加载的网页中自定义的JavaScript方法中也可以调用C#方法。
辛苦学习网页开发，回报终于来了，在EasyShu近期推出的几大图表中，已经可以顺利转型为使用网页来进行属性配置了。可以为下一步作兼容WPS推出WPS版本的图表插件作准备，一次开发，多次复用。
KindEditor 基于JavaScript 编写，可以与众多WEB应用程序结合。KindEditor 依靠出色的用户体验和领先的技术提供富文本编辑功能，是一款非常受欢迎的HTML在线编辑器。其呈现如下图：
前面一篇完成了添加购物的功能，这篇来完善购物车页面上，修改商品数量和小计这两处地方的代码。
看一下结构，还是比较清晰的。jQuery的dom对象直接调用就行了，下面我拿jQuery官方上的一个例子来说明
在上篇《基于Metronic的Bootstrap开发框架经验总结（1）-框架总览及菜单模块的处理》介绍了Bootstrap开发框架的一些基础性概括，包括总体界面效果，以及布局、菜单等内容，本篇继续这一主题，介绍页面内容常用到的数据分页处理，以及Bootstrap插件JSTree的使用。在数据的界面显示当中，表格数据的展示以及分页是非常常见的处理操作，利用Bootstrap的样式布局，以及JQuery的Ajax数据处理，就能很好实现数据的动态展示和分页处理。 1、列表展示和分页处理 1）数据的列表展示 在很多
前言 JavaScript最初的一个应用场景就是分担服务器处理表单的责任，打破处处依赖服务器的局面，这篇文章主要介绍zepto中form模块关于表单处理的几个方法，serialize、seriali
有了上面的知识的回顾，接下来我们开始看zepto中serialize和serializeArray的实现
首先，我们web端想要去显示一些可视化的数据，我们肯定调用别人写好的库是最好的，有哪些呢？
Hello，大家吼，吾就是那个挖坑不止的郭小喵，不管有没有想我(˶‾᷄ ⁻̫ ‾᷅˵)的，这次就分享快速实现一个自定义WebView的小控件吧，效果如下图，废话不多说，我们直接开撸吧。**
在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步 (除了上述输入法组合文字时)。你可以添加 lazy 修饰符，从而转变为使用 change 事件进行同步：
日前，谷歌旗下Android系统爆出webview控件存在接口安全隐患，会令绝大部分使用Andorid系统为核心的设备沦为黑客的“玩物”。目前，包括微信、手机QQ、遨游云浏览器等多款Andorid应用已在漏洞报告平台乌云被曝光可以进行手机挂马，当用户打开挂马页面后，手机就会自动执行黑客指令，出现被安装恶意扣费软件、向好友发送欺诈短信、通讯录和短信被窃取等严重后果。 安恒信息提醒开放手机业务的相关企事业单位尽快进行自检修复。 一、webView及addJavaScriptInterface简介:
作为前端开发，在浏览器上打印算是一个比较常见的需求了。最简单的做法就是直接打印整个网页，在浏览器直接打印或者调用window.print()。 这样就能将当前页面整个打印出来了。 然而，实际上的需求往往都不是这样简单，它更多的可能是需要打印整个网页中的某一段“特定”的内容。
曾经找到过“Editor.md”，看之心喜，一直想在Angular中集成下这款markdownpad编辑器玩，在网上也只找到一篇通过指令集成的，虽然可以实现，但还是希望能做成组件形式的，之后看到一篇自定义组件的文章，了解到ControlValueAccessor才真正完成这个心愿，现在记录分享与诸公。
代码： var PageState = { MakeParams: function (valueState) { var params ={}; var controlState={}; //获取控件中的值 var inputs = document.getElementsByClassName("controlKeep").getElementsByTagName("input"); var selects =
马上到了金三银四的时间，很多公司开启了今年第一轮招聘的热潮，虽说今年是互联网的寒冬，但是只要对技术始终抱有热情以及有过硬的实力，即使是寒冬也不会阻挠你前进的步伐。在面试的时候，往往在二面，三面的时面试官会结合你的简历问一些关于你简历上项目的问题，而以下这个问题在很多时候都会被问到
一个优秀的交互设计往往会影响一个产品的命运。在设计这款调试器时，我一直在构思这款调试器该长什么样子。简单、好用是我设计的原则，于是在《跨平台PHP调试器设计及使用方法——立项》一文中，我给出了一个Demo。之后实现的效果也与之变化并不大。（转载请指明出于breaksoftware的csdn博客）
引子 几年前，数据绑定在便已在前端界风生水起，Angular.js、React.js、vue.js等热门前端框架都具备这种能力。 数据绑定简单来说，就是通过某种机制，把代码中的数据和xml(UI)绑定起来，双方都能对数据进行操作，并且在数据发生变化的时候，自动刷新数据。 数据绑定分单向绑定和双向绑定两种。 单向绑定上，数据的流向是单方面的，只能从代码流向UI；双向绑定的数据流向是双向的，当业务代码中的数据改变时，UI上的数据能够得到刷新；当用户通过UI交互编辑了数据时，数据的变化也能自动的更新到业务代码中的
背景 最近在一个 SCADA 项目中遇到了在 Web 页面中展示设备报表的需求。一个完整的报表，一般包含了筛选操作区、表格、Chart、展板等多种元素，而其中的数据表格是最常用的控件。在以往的工业项目中，所有的表格看起来千篇一律，就是通过数字和简单的背景颜色变化来展示相关信息。但是现在通过各种移动 App 和 Web 应用的熏陶，人们的审美和要求都在不断提高，尤其是在 Web 项目中，还采用老式的数字表格确实也有点落伍了。 如何选择一个合适的 HTML 前端表格控件？此处可以省略一万字。哈哈。jQuery
本文介绍了如何利用HT的表格控件实现海量数据的加载和展示，重点讲解了在HT中如何实现动态数据加载和实时刷新，并给出了具体的示例代码。此外，还介绍了如何利用HT的图表控件实现数据的可视化展示，包括饼图、柱状图等。
1、 从Control到GridView继承了多少层？ （这个图可不是现做的，这是以前为了写QuickPager分页控件而弄的。http://www.cnblogs.com/jyk/archive/
前言 做任何事情都不是想象中的那么简单。好久没有更新技术博客了，跟最近瞎忙有很大关系，虽说是瞎忙也抽空研究了些技术。 主要是前端渲染，像原生的WebGL和Cesium。WebGL写了几篇博客，自我感觉还可以。Cesium是一个封装好的WEB端3D Earth框架，有了WebGL的基础之后切换到Cesium按理说一切应该是顺理成章，简单的测试了几个功能之后发现确实非常好，简单的几行代码就可以实现Google Earth的功能，当然Google Earth重要的绝对不是他的渲染框架。 前期做了很多Geotrel
以前并没有做过相似的开发，我们的后台是xadmin，当时正在研究xadmin的插件，于是想着能不能用插件去做，后来发现太麻烦，而且实现起来我也没研究通，主要是添加按钮之类的没搞懂，于是就换了一种简单的方法。
在实际工作中，我们进行web自动化的时候，文件上传是很常见的操作，例如上传用户头像，上传身份证信息等。所以宏哥打算按上传文件的分类对其进行一下讲解和分享。
百度在线地图的应用老早就做过，后面经过不断的完善才到今天的这个程序，除了基本的可以载入地图并设置一些相关的属性以外，还增加了各种js函数直接异步加载数据比如动态添加点、矩形、圆形、行政区划等各种。当然最大的是增加了离线地图的支持，当年这个离线地图拖了很久很久才去做，最终还是搞定了。
最近在整理我写的几个服务器控件，发出来与大家共享吧。 我写的自定义服务器控件呢分为两个类， 一是“简单继承”控件，就是继承框架里的控件然后加点属性了、事件了什么的。 二是“功能”控件，简单的说那是符合控件，但是呢是以实现一种功能为目的地。这种控件要实现某一种功能，比如分页的功能，添加、修改数据的功能，查询的功能。 原先呢还不会使用接口了什么的，所以呢代码写得有点不太“好看”，现在使用接口、继承了什么的来整理一下。 先发一个“文本框”的吧，就是继承系统的 TextBox，然后加上几个属性、方法。
在之前我们操作本地文件都是使用flash、silverlight或者第三方的activeX插件等技术，由于使用了这些技术后就很难进行跨平台、或者跨浏览器、跨设备等情况下实现统一的表现，从另外一个角度来说就是让我们的web应用依赖了第三方的插件，而不是很独立，不够通用。在HTML5标准中，默认提供了操作文件的API让这一切直接标准化。有了操作文件的API，让我们的Web应用可以很轻松的通过JS来控制文件的读取、写入、文件夹、文件等一系列的操作，让Web应用不再那么蹩脚，而之前Web应用如果不借助第三方插件，那就是个shit！但是最新的标准中大部分浏览器都已经实现了文件的读取API，文件的写入，文件和文件夹的最新的标准刚制定完毕，相信后面随着浏览器的升级这些功能肯定会实现的非常好，接下来我主要给大家介绍文件读取的几个API。
随着 Web 技术和移动设备的飞速发展，各种 APP 层出不穷，极速的业务扩展提高了团队对开发效率的要求，这个时候使用 IOS/Andriod 开发一个 APP 似乎成本有点过高了，而 H5 的低成本、高效率、跨平台等特性马上被利用起来形成了一种新的开发模式：Hybrid APP。
函数可以直接传入一个类名（对用户定义的组件而言，类名就是脚本的文件名，并且区分大小写。）：
利用FormData对象，我们可以通过JavaScript用一些键值对来模拟一系列表单控件，我们还可以使用XMLHttpRequest的send()方法来异步的提交这个”表单”。比起普通的ajax, 使用FormData的最大优点就是我们可以异步上传一个二进制文件。 语法：
由于公司的前端开始转向 VueJS，最近开始使用这个框架进行开发，遇到一些问题记录下来，以备后用。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
