JavaScript或前端
文章平均质量分 76
kagula086
高级码农
展开
-
Component for Angular Novices
The component in Angular is likeWindow Concept in Win32 C++ Development. I regard it as a page or control. Here I will give examples of how to navigate from pages, and how to communicate between components.原创 2023-03-13 14:52:12 · 259 阅读 · 0 评论 -
NgIf for Angular Novices
Introduce the Ngif of Angular by examples.原创 2023-03-08 17:17:43 · 541 阅读 · 0 评论 -
Databinding for Angular Novices
Introduce data binding in the Angular framework by examples.原创 2023-03-08 15:16:38 · 305 阅读 · 0 评论 -
The String Interpolation for Angular Novices
Examples of string interpolation for angular novices.原创 2023-03-07 20:40:07 · 232 阅读 · 0 评论 -
Hello World of Angular in Visual Studio Community 2022
Angular is a front-end framework, here we will build ourfirst angular project in visual studio 2022.原创 2023-03-05 10:50:08 · 553 阅读 · 0 评论 -
Examples of Layer for Bootstrap5
Examples of Layer for Bootstrap5.原创 2023-03-04 20:00:55 · 468 阅读 · 0 评论 -
jQuery学习笔记
jQuery Study NoteskagulaJanuary 15, 2021Selector$("#myid")$("div#myid")$(".myClassName")$("#mainTable tbody") //tbody is a html tag under the mainTable.Add$("#warning_parameter_setting").append("<span class=\"selected\"></span&原创 2021-01-15 18:10:28 · 112 阅读 · 1 评论 -
JavaScript调用C/CPP的一种形式-Http/Https服务-webcc20200813开源项目介绍
作者: kagula最后更新日期: 2020-11-04前言 一个软件可以是由构件和连接件组成, 连接件负责连接构件, 查看图一 C++连接件分为很多种, 这里要解决的是C++实现的构件如何向其它语言实现的构件提供服务, 这里提供了Http/https连接件解决方案. 图一 种类繁多的连接件...原创 2020-11-04 12:15:23 · 575 阅读 · 0 评论 -
JavaScript-X3DOM学习笔记(二)-对象的选取
Date: 2018-03-16Author: kagula演示如何选取对象,并移动选取的对象。只有shape类型的对象才能被选取,这个例子有三个文件组成,其中一个是html,另外两个是js。这里是render效果x3dom_translate.html<html><head> <meta http-equiv="X-UA-Compatible" conte...原创 2018-03-16 14:35:33 · 661 阅读 · 0 评论 -
JavaScript-X3DOM学习笔记(三)-route类型节点功能的演示
VRML2 Source Book例子的基础上做了些修改,使之能在x3dom 1.7.3中能正确运行。显示效果为一个跳动的砖头。x3dom_route.html<html><head> <meta charset="utf-8"> <title>一个使用x3dom route类型节点的例子</title> &..原创 2018-03-16 14:40:11 · 623 阅读 · 0 评论 -
JavaScript-WebGL學習筆記
對有DX/OpenGL基礎的人,通過下面的代碼可以快速有一個WebGL概念示例有兩個文件組成webgl.html<html><head> <!-- Date: 2018-3-16 Author: kagula Prologue: 对已经有DirectX/OpenGL基础的,通过这里的代码快速对W...原创 2018-03-19 10:17:58 · 347 阅读 · 0 评论 -
JavaScript-WebGL2学习笔记
在前一篇WebGL的基础上修改了代码,使之符合WebGL2规范。<html><head> <!-- Date: 2018-3-16 Author: kagula Prologue: WebGL2的例子 Prologue: Description: ...原创 2018-03-19 13:02:00 · 1031 阅读 · 0 评论 -
JavaScript-WebGL2学习笔记二-从外部load shader
在前一篇的基础上做了以下修改[1]shader改为从url中获取[2]去掉了四个顶点颜色的输入,改为根据顶点同左下角的距离在fragment shader中计算着色.现在有四个源文件组成这个demohtml文件<html><head> <!-- Date: 2018-3-19 Author: kagula Pr...原创 2018-03-19 14:39:24 · 977 阅读 · 0 评论 -
JavaScript-WebGL2学习笔记三-纹理
这个例子还是由四个文件组成html源文件清单<html><head> <!-- Date: 2018-3-19 Author: kagula Description: 相对于上一个例子 [1]去掉了透视投影变换. [2]添加了纹理显示 [3]添加...原创 2018-03-19 15:52:13 · 839 阅读 · 0 评论 -
JavaScript-WebGL2学习笔记四-蒙板
stencil test(蒙板) demo的显示效果这个例子由四个源文件构成webgl.html<html><head> <!-- Title: JavaScript-WebGL2学习笔记四-Stencil Date: 2018-3-22 Author: kagula Prologue: ...原创 2018-03-23 16:27:11 · 1158 阅读 · 0 评论 -
JavaScript-X3DOM学习笔记(一)-世界坐标
快捷键r,可以重置观察者viewpoint, 鼠标左键是rotation, 中键是Pan.右键是forward/backward这是运行效果图下面是html源代码<html><head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta charset="utf-...原创 2018-03-14 09:37:26 · 1187 阅读 · 0 评论 -
JavaScript-WebGL2学习笔记五-离屏渲染
Author: kagulaDate: 2018-03-30Description: 这是我《WebGL Lesson 16 – rendering to textures》的学习笔记。源文地址:http://learningwebgl.com/blog/?p=1786Content:WebGL中离屏渲染有三个步骤组成:[第一步]新建frame buffer和同frame buf...原创 2018-03-30 16:41:51 · 1205 阅读 · 0 评论 -
JavaScript-WebGL2学习笔记六 - 设备坐标下拾取物体
Date: 2018-4-03 Author: kagula Description: 实现对象的拾取比较复杂,所以打算分两步来理解, 先做二维坐标里的对象拾取。 这里演示WebGL NDC(Native Device Coordinator)坐标系统下,对象拾取功能。 *一个红色和绿色距形代表被拾取对象。 *蓝色距形表示光标位置。 ...原创 2018-04-03 15:18:44 · 1050 阅读 · 0 评论 -
使用VisualStudioCode远程调试NodeJS程序
Kagula2018-08-02环境:[1]NodeJS v8.9.1[2]Visual Studio Code 1.25.1[3]有两台计算机: 第一台计算机上装了linux系统, 运行nodeJS程序. 我们称之为远程计算机, ip地址为192.168.168.168. 第二台计算机上装了windows系统, 运行Visual Studio Code, 要远程...原创 2018-08-02 15:17:45 · 4667 阅读 · 0 评论 -
VC2017下开发ATL程序注意事项
VC2017下开发ATL程序注意事项kagula2019-4-29阅读对象 早期做过ATL 项目开发的C++程序员.环境 Windows10 Pro, Visual studio 2017/Visual studio 2019, IE11, C++ ATL x86项目. 正文 VC2017相对于VC2013对ATL开发不是很方便, ...原创 2019-04-29 12:00:37 · 2480 阅读 · 2 评论 -
JS Datatables插件server-side方式处理分页的示例代码段
演示如何使用Datatables插件实现后台分页的代码段。原创 2017-02-07 10:46:22 · 3470 阅读 · 0 评论 -
JavaScript-D3入门五-数据和字符串数组映射到颜色模型
基于《JavaScript-D3入门四-事件绑定》中的代码。这里只要soccerviz2.js代替上一篇的soccerviz.js,就可以在Web Server上运行html,一边修改代码一边观察运行效果。下面是soccerviz2.js源代码//soccerviz2.js//演示颜色映射的几种方式function createSoccerViz() { d3.csv("/data/...原创 2018-03-08 10:55:49 · 1495 阅读 · 0 评论 -
JavaScript-D3入门四-事件绑定
直接给出可以在WebServer中运行的代码,通过这个示例,你可以知道如何进行事件绑定表格数据官方建议用csv运行效率高d3ia_2.html<html><head> <title>D3 in Action Examples</title> <!-- 演示D3的事件绑定 --> <meta charset=...原创 2018-03-07 16:58:37 · 2869 阅读 · 0 评论 -
JavaScript-D3入门三-数据绑定
csv数据绑定<html><head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>测试D3_v4.3 数据绑定</title> <style> .kagula_stroke {原创 2018-03-07 15:03:20 · 399 阅读 · 0 评论 -
struts1.2下实现文件上传进度条
标题:struts1.2下实现文件上传进度条作者:lee353086(kagula)最后修改日期:2007-11-23内容概要: 本文只是对《采用dwr+ajax和struts开发文件上传进度条》细节的补充,有些内容不在熬述。 本文分两部份:client部份和server部份。阅读对象: 知道有种语言叫java,并已阅读《采用dwr+ajax和struts开发文件上传原创 2007-12-18 10:37:00 · 4014 阅读 · 0 评论 -
SpringSecurity学习三-当前所有用户的信息
Spring Security框架sessionRegistry.getAllPrincipals()返回空数组的问题。原创 2016-09-21 10:50:42 · 2935 阅读 · 0 评论 -
一个WebSocket客户端的JavaScript例子
一个Websocket客户端的JavaScript例子,在别人的基础上稍微完善了下,用于测试WebSocket服务端程序写的对不对。原创 2017-06-05 16:02:17 · 3977 阅读 · 0 评论 -
HTML Select控件的增、删、查、选操作
一个HTML Select控件的使用示例代码,这里记一下,免的以后到处找。原创 2017-02-23 13:18:37 · 2685 阅读 · 0 评论 -
SpringSecurity学习四-自定义Login请求和返回的数据格式
完美解决了Spring Security自定义Login请求,自定义Login返回内容及其数据格式的需求。原创 2016-09-21 17:26:30 · 16481 阅读 · 1 评论 -
Spring Security学习二 - 自定义Login方法
自定义Spring Security的Login方法。原创 2016-09-19 16:41:27 · 16931 阅读 · 4 评论 -
Chrome Native Messaging技术示例
在Chrome浏览器中,Native Messaging是唯一能让web page调用Native API的技术,这里记录要达到这个目的所要涉及到的知识。原创 2015-10-23 16:24:55 · 23445 阅读 · 2 评论 -
QT5如何让控件随着窗口大小改变而缩放(图示)
测试环境:vs2010SP1+QT5.41原创 2015-04-14 11:42:43 · 22076 阅读 · 8 评论 -
编写轻量级WebService服务器
标题:编写轻量级WebService服务器作者:Lee353086(kagula)日期:2007-12-15目的:通过示例代码和其它样例文件,你将了解[1]如何解析和生成soap信息[2]简单的http server端编程阅读对象: java程序员环境:[1]IBM JAVA JDK(From WebSphere6.1安装包)[2]MyEclipse5.1.x内容: j原创 2007-12-17 12:07:00 · 4016 阅读 · 2 评论 -
配置JSP环境
kagula 采用WinXP+Tomcat5方案(一)做准备工作<HTML><HEAD><TITLE>JSP测试页面</TITLE></HEAD><BODY><%out.println("<h1>Hello World! </h1>");%></BODY></HTML>(二)安装J6SDK跟据默认安装,添加环境变量 PATH=%PATH%;C:/Java/jdk1.6.0原创 2007-06-09 06:58:00 · 868 阅读 · 0 评论 -
纯JSP简单登录实例
记一下,免得以后忘记了,又要去查。文件共有四个web.xml、login.jsp、logout.jsp、welcome.jsp四个文件测试环境:Tomcat 6.0.x假设项目名称是LoginSample,我的目录结构是这样的...\webapps\LoginSample\WEB-INF\web.xml...\webapps\LoginSample\login.jsp...原创 2012-10-17 13:32:15 · 33202 阅读 · 6 评论 -
JavaScript-D3入门二-最基本的动画效果
结合SVG, 下面的代码演示了最简单的动画效果<html><head> <title>D3的最基本动画效果</title> <script src='/d3/d3.min.js'></script> <style> </style></h原创 2018-03-07 14:30:36 · 432 阅读 · 0 评论 -
JavaScript-D3入门
把如何使用D3的最基本示例,放在了下面的html中.d3.min.js可以从D3官网下载<html><head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>测试D3_v4.3 增 删 改 功能</title> &l原创 2018-03-07 14:27:07 · 566 阅读 · 0 评论 -
HTML-SVG入门
有JavaScript html基础的话, 一看下面的源代码就知道SVG是什么概念了.<html><head> <title>测试SVG 功能</title> <!-- 通过svg中添加path polygon circle rect 在这里可以对SVG有个概念 --> <style> ...原创 2018-03-07 14:13:57 · 223 阅读 · 0 评论 -
我的第一个NodeJS程序
使用NodeJS建一个尽可能简单的BS程序Demo,给自己一个快速入门。 jade是一个html模板引擎。 npm用来管理后端的库,bower用来管理前端的库。 这个示例需要你新建index.js,index.jade,style.css,angular_demo.html四个文件。原创 2017-11-16 16:28:23 · 339 阅读 · 0 评论 -
NodeJS文件上传示例代码
一个尽可能简单的Express multer方式文件上传例子,目的是给初学NodeJS的人有个概念。原创 2017-11-18 22:08:46 · 1840 阅读 · 0 评论