基于 HTML5 WebGL 的高炉炼铁厂可视化系统
在当今工业4.0 新时代的推动下，不仅迎来了 工业互联网 的发展，还开启了 5G 时代的新次元。而伴随着带宽的提升，网络信息飞速发展，能源管控上与实时预警在工业互联网中也占着举足轻重的地位，而对于高炉炼铁的发展上来看，目前已完成国内260座高炉的数字化和智能化落地，并推动炼铁大数据平台在... ... 查看全文
websocket JS使用方式
非常简单，就这么用，目标地址是一个测试服务端，发给他什么，他给我返回来什么。 new 一个 WebSocket 对象。 var ws = new WebSocket("ws://121.40.165.18:8800") 设置一个信息接收回调 ws.onmessage = function(evt) ... 查看全文
来看下css边框阴影怎么设置？这些方法掌握后工作更轻松
我们在网页设计中，通常会使用ps工具来达到图片或者边框阴影、立体等效果。但是如果一些基础效果都需要用p图来完成那就显得效率比较低了。其实可以使用CSS来设置边框阴影，下面本篇文章来给大家介绍一下。 在css中，我们可以通过box-shadow属性来设置边框阴影。 box-shadow属性可以向边框添 ... 查看全文
angular4.0 安装最新版本的nodejs、npm、@angular/cli的方法
在使用ng项目的ui框架时，比如ng-zorro、angular Material，需要安装最新版本的@angular/cli； 配置ng-zorro框架 ng-zorro官网：https://ng.ant.design/#/docs/angular/getting-started 命令行执行下面的 ... 查看全文
原生JS三种方式判断元素是否存在某个类名
1.如果不考虑兼容IE10以下的话，可以用HTML5中的classList API，非常方便： let modulYes = document.querySelectorAll('.modul li') for (let i = 0; i < modulYes.length; i++) { modu ... 查看全文
php压缩html代码减少页面响应时间
function compress_html($string) { $string = str_replace("\r\n", '', $string); //清除换行符 $string = str_replace("\n", '', $string); //清除换行符 $string = str_ ... 查看全文
[转]HTML空格转义字符
&#32; == 普通的英文半角空格 &#160; == &nbsp; == &#xA0; == no-break space （普通的英文半角空格但不换行） &#12288; == 中文全角空格 &#8194; == &ensp; == en空格 （半个中文宽度） &#8195; == &emsp ... 查看全文
深入浅出Javascript闭包
闭包（closure）是 Javascript 语言的一个难点，面试时常被问及，也是它的特色，很多高级应用都要依靠闭包实现。本文尽可能用简单易懂的话，讲清楚闭包的概念、形成条件及其常见的面试题。 ... 查看全文
JavaScript function 常用的几种写法
JavaScript function 常用的几种写法 函数可以通过声明定义，也可以是一个表达式。 函数声明： function functionName(parameters) { 执行的代码 } 函数表达式： var x = function (a, b) {return a * b}; 写法1 ... 查看全文
兼容性较好的web html原生js轮播器
第一步：前端样式以及html代码（图片自行添加） css代码： #container{ width: 1200px; height: 400px; margin:0 auto; overflow: hidden;/*超出的图片垂直方向隐藏，水平方向也隐藏*/ position: relative;/ ... 查看全文
[Mise] Iterate through data with the `x-for` attribute in Alpine JS
In this lesson, we move the component definition to a function, defined in a script tag in the HTML document. We then iterate through an Array of Obje ... 查看全文
com.jsj.dao====新闻发布系统（4）
2020-05-14 上面我介绍了工厂类的实现，主要是方便对象的创建， 这一篇，我开始实现Dao层（接口），主要是一些业务操作，比如登录和注册的功能的定义等 方便后面的DaoImpl实现类 AdminDao.java 1 package com.jsj.dao; 2 3 import com.jsj ... 查看全文
前端入门05——JS（明日继续补充)
Js简介 1.js也是一门编程语言 它也是可以写后端代码的 用js一统天下 前后端都可以写 nodejs 支持js代码跑在后端服务器上 然而并不能 想的太天真了!!! 2.js跟java一毛钱关系都没有，纯粹是为了蹭当时java的热度 ECMAScript和JavaScript的关系 因此ECMAS ... 查看全文
53.前端07——css04
一、解决浮动带来的影响 1.浮动带来的影响 浮动在方便了块的左右移动的同时也带来了它的副作用： 出现父标签塌陷的问题 2.几种解决方法 1.自己加一个div设置高度 在设置了浮动的div后再根据浮动的这些div标签自己在手动加一个高度和设置的浮动div一样的div来防止塌陷 ps：这个办法是最没有技 ... 查看全文
前端入门04——CSS
昨日内容回顾 分组与嵌套 # 多个选择器可以并列公用一套css样式 div,p,span {} # 不同选择器之间也可以混合使用 .c1,#d1>span {} 伪类选择器 a:link {} a:hover {} # 需要记忆 a:active {} a:visited {} input:focu ... 查看全文
JavaScript中操作元素
1 DOM操作元素的属性 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> function demo1(){ //获得元素对象 var inp=d ... 查看全文
Vue基础之v-cloak、v-text、v-html、v-bind、v-on的基本使用
1、使用 v-cloak 能够解决 插值表达式闪烁的问题 <style> [v-cloak] { } </style> <p v-cloak>++++++++ {{ msg }} </p> 2、v-html的作用？ 输出data中的html的内容的 <div v-html="msg2">121211 ... 查看全文
前端开发之CSS其三
一、设置溢出内容的样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>博客测试</title> <style> #t1 { float: left; height: 100px; width: 100px; ... 查看全文
带大家认识CSS层叠上下文/层叠等级的区别和意义
什么是“层叠上下文” 层叠上下文(stacking context)，是HTML中一个三维的概念。在CSS2.1规范中，每个盒模型的位置是三维的，分别是平面画布上的X轴，Y轴以及表示层叠的Z轴。一般情况下，元素在页面上沿X轴Y轴平铺，我们察觉不到它们在Z轴上的层叠关系。而一旦元素发生堆叠，这时就能发 ... 查看全文
4、JavaScript代码块（代码段）
代码块就是使用 <script> 标签包含的 JavaScript 代码段。 示例1 在下面示例中，使用了两个 <script> 标签分别定义两个 JavaScript 代码块。 <script> //JavaScript 代码块 1 var a = 1; </script> <script> // ... 查看全文
react-native 环境搭建-windows
react-native 环境搭建-windows 步骤跟着官网走，其中与几个注意点。 1、jdk一定要安装好。java、javac、java -version指令要成功2、win10环境配置path时，需要用绝对路径配置 ... 查看全文