基于 HTML5 WebGL 的 智慧楼宇能源监控系统
21世纪，在能源危机和全球气候变暖的压力下，太阳能等可再生能源越来越受到关注，其中光伏建筑一体化逐渐成为绿色发展方式和生活方式，加强节能降耗，支持低碳产业和新能源、可再生能源发展，也已经成为国家战略，所以基于数据进行管理和监控的智慧楼宇能源系统已经成为了一种趋势。通过数据我们可以直观对建筑执行能耗量... ... 查看全文
web前端入门到实战：编写CSS代码的8个策略，资深开发工程师总结
编写基本的CSS和HTML是我们作为Web开发人员学习的首要事情之一。然而，我遇到的很多应用程序显然没有人花时间真正考虑前端开发的长久性和可维护性。我认为这主要是因为许多开发人员对组织CSS/HTML和JavaScript的策略缺乏深刻的理解。在我和我们团队的观念中，编写可维护的前端代码非常重要。尽管我们有一些使用了多年的客户端，但要记住你永远不会是唯一一个工作于应用程序的人。仅仅因为你的一次性元 查看全文
web前端入门到实战：前端高手在CSS 开发效率的必备片段
这篇文章会记录我们平时常用到的CSS片段，使用这些CSS可以帮助我们解决许多实际项目问题中遇到的，墙裂建议点赞收藏再看，方便日后查找清除浮动浮动给我们的代码带来的麻烦，想必不需要多说，我们会用很多方式来避免这种麻烦，其中我觉得最方便也是兼容性最好的一种是，在同级目录下再创建一个<div></div>；不过这样会增加很多无用的代码。此时我们用:after这个伪元素来解决浮动的 查看全文
H5打造属于自己的视频播放器（JS篇1）
回顾 1）H5打造属于自己的视频播放器（HTML篇）2）H5打造属于自己的视频播放器（逻辑篇） 前言 在HTML篇当中我们写好了样式，今天我们为video新增一个样式 .bad-video video { width: 100%; height: 100%; display: block; obje ... 查看全文
浅谈CSS图片base64编码技术
（1）引言 图片处理在前端工作中可谓占据了很重要的一壁江山。而图片的 base64 编码可能相对一些人而言比较陌生，本文不是从纯技术的角度去讨论图片的 base64 编码。标题略大，不过只是希望通过一些浅显的论述，让你知道什么是图片的 base64 编码，为什么我们要用它，我们如何使用并且方便的使用 ... 查看全文
Nodejs关闭windows服务进程
1.根据端口号，查询进程信息命令： 2.根据pid杀死进程命令： 完整代码： 参考： Node.js脚本杀掉占用端口的进程 ... 查看全文
scala的fastjson
import com.alibaba.fastjson.{JSON, JSONObject} val str="{\"boxId\":\"001\",\"allContent\":[{\"fruitName\":\"apple\",\"weight\":\"1\"},{\"fruitName\":\ ... 查看全文
jmeter json提取器提取某个属性的所有值
json 提取器各字段说明： Variable names：保存的变量名，后面使用${Variable names}引用 JSON Path expressions：调试通过的json path表达式 Match Numbers：匹配数字（0代表随机提取，1代表提取第一个，-1代表提取所有） Def ... 查看全文
关于js在一个固定的盒子里面拖拽的问题（包含临界值）
回武汉打卡第三天，武汉加油，逆战必胜！今天我们一起分享一下js拖拽的问题。 当然实现拖拽方法是有很多的，下面简单讲一种方法，大致思路如下： 首先需要用到的事件主要有 onmousedown，onmousemove，onmouseup。因为是小盒子(small)在拖拽拖拽，所以首先onmousedow ... 查看全文
如何用css样式修改select下拉箭头默认样式
select { /* 鼠标移上，变小手 */ cursor: pointer; padding: 0 10px; /* 清除默认的箭头样式 */ appearance: none; -moz-appearance: none; -webkit-appearance: none; /* 右侧添加箭头 ... 查看全文
C# 导出HTML为Excel
最近在项目中需要Excel导出，有多个Sheet页，每个Sheet页的内容比较多，且不是规整的表格，绑定值是个比较麻烦的事，便考虑直接将HTML转换为Excel文件进行导出。 一、使用JS方法将HTML导出为Excel 原理就是获取需要导出到Excel的HTML代码，然后利用JS方法进行导出。此代码 ... 查看全文
web前端入门到实战：CSS五种方式实现 Footer 置底
页脚置底（Stickyfooter）就是让网页的footer部分始终在浏览器窗口的底部。当网页内容足够长以至超出浏览器可视高度时，页脚会随着内容被推到网页底部；但如果网页内容不够长，置底的页脚就会保持在浏览器窗口底部。1、将内容部分的底部外边距设为负数这是个比较主流的用法，把内容部分最小高度设为100%，再利用内容部分的负底部外边距值来达到当高度不满时，页脚保持在窗口底部，当高度超出则随之推出的效 查看全文
同源策略与JSONP劫持原理
同源策略 浏览器中有两个安全机制，一个浏览器沙盒（Sandbox），另一个就是同源策略(Same Origin Policy，简称SOP) ，下面介绍同源策略。同源是指 、`同域名 同端口`，必须三同，缺一不可。下面列举了一些例子，为方便读者了解哪些是属于同源，下面列举一些案例： 根据这个策略，a. ... 查看全文
原生js实现文件下载的几种情况
内容来源： https://www.cnblogs.com/ajaxkong/p/11686041.html 1：一般通过a标签的方式下载，利用H5的Download属性 代码示例如下： 场景：适用于现代浏览器，url是下载地址，而不是文件流，常用于GET请求 1 function downLoad ... 查看全文
web前端入门到实战：解决HTML页面乱码问题
【文章来源微信公众号：每天学编程】---关注，后台领取编程资源HTML文件乱码一般是因为编码格式不匹配造成的，比如：不同编码内容混杂、浏览器不能自动检测网页编码等等；但无论是哪种情况造成乱码，在HTML文件头中设置网页编码，匹配好编码格式就可。下面是一个中文乱码的html：<!DOCTYPEhtml><html><body><h1>标题</h1 查看全文
Vue和js冲突解决
问题描述： Vue不允许js直接操作他的dom对象中的属性， 解决：通过js直接操作Vue还没赋值时的元素。即原先我们是直接把我们想要的值赋值给标签，现在我们需要先把值赋值给Vue,然后通过Vue再把值赋值给标签，这样，就避免了直接操作dom元素 代码： 第一步：在外面创建一个变量，并把值赋值给Vu ... 查看全文
Hive 中 get_json_object 函数的使用
语法 get_json_object(json_txt, path) 函数需要传入两个函数，分别为json字符串及解析的path! 一旦传入的json字符串非法，返回null值！ Path的写法 $:代表json的根对象 .: 子属性操作符 [] : 代表json array的子脚本操作符 案例 j ... 查看全文
JavaScript 获取时区
在一个大型的项目中，不可避免会出现操作时间的业务，比如时间的格式化，比如时间的加减，我们一般会直接使用moment.js库来做，毕竟稳定可靠，也方便，那当我们系统只是几个简单页面，对时间的操作并不是很大，引入库文件并不是很必须的情况，我们需要时区展示怎么办？是不是可以用浏览器支持的原生方法来实现？ ... 查看全文
让你的代码更加简练，springboot使用JSR303校验
痛点相信不少人写过这样都代码，对方法入参进行了各种校验。上面还是比较少的校验。如果遇到什么邮箱、手机号更复杂，对格式也需要进行校验。可能洋洋洒洒几百行代码就过去了。这种代码其实跟业务流程没有太多关系，但是又不能不做。那么有没有一种方法可以避免呢。当然有！就是JSR-303（**JSR是指向JCP(JavaCommunityProcess)提出新增一个标准化技术规范的正式请求，是Java界的一个重要 查看全文
C#利用phantomJS抓取AjAX动态页面
在C#中，一般常用的请求方式，就是利用HttpWebRequest创建请求，返回报文。但是有时候遇到到动态加载的页面，却只能抓取部分内容，无法抓取到动态加载的内容。 如果遇到这种的话，推荐使用phantomJS无头浏览器。 开发之前，先准备两样东西。 1. phantomJS-2.1.1 官方下载地 ... 查看全文
C# json帮助类，JsonHelper
/// <summary> /// json帮助类 /// </summary> public class JsonHelper { public JsonHelper() { // //TODO: 在此处添加构造函数逻辑 // } public static string DataTableToJ ... 查看全文