2019年04月_广积粮缓称王

原创 css宽高自适应布局，实现Sticky Footer的三种布局方式

宽度自适应布局：1、使用场景：一侧（左侧或者右侧）为固定的导航或者菜单栏，另一侧将会随着浏览器的缩放而自适应改变其大小。这种布局结构可用于顶层布局结构亦可用于某个局部功能块，常见于各种web系统（OA系统，ERP系统）等。常见的有两列布局或者三列布局（甚至是多列布局）。2、实现原理：以两列布局为例，一侧固定宽float浮动，另一侧不浮动并使用margin属性给浮动层留...

2019-04-21 15:50:17 1049

原创 flex弹性布局笔记

学习自菜鸟教程的flex布局笔记布局的传统解决方案，基于盒装模型，依赖 display 属性 + position 属性 + float 属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。简介：W3C提出了一种新的方案—-Flex布局，是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。可以简便、完整、响应式地实现各种页面布局。对...

2019-04-20 13:24:10 355

原创 vue全局安装jquery，vue使用bootstrap框架，vue中封装websocket通讯，vue引入element-ui 组件库，引入highcharts图表插件

vue安装jquery：1、使用vue-cli创建好vue项目后，在项目文件夹下，使用命令npm install jquery --save-dev 引入jquery。2、修改项目文件 build/webpack.base.conf.js，添加如下内容：var webpack=require('webpack')module.exports 对象下添加属性p'lugins如...

2019-04-17 17:58:25 2954 1

原创 Video在网页和移动端无法自动播放问题？?

<video>标签介绍<video> 标签定义视频，比如电影片段或其他视频流。支持三种视频格式：MP4、WebM、Ogg。是H5的新标签，使用如下：//autoplay表示视频自动播放，controls表示显示视频控制器，loop表示循环播放<video width="320" height="240" autoplay="autoplay" con...

2019-04-16 17:35:39 16375

原创笔记：区分文件头lang=”zh”和lang=”zh-cn”的使用？？

单一的 zh 和 zh-CN 均属于废弃用法。zh现在不是语言code了，而是macrolang，能作为语言code的是cmn（国语）、yue（粤语）、wuu（吴语）等。zh-CN 的问题还在于，其实多数情况下标记的是简体中文，但是不恰当的使用了地区，这导致同样用简体中文的 zh-SG（新加坡）等无法匹配。更典型的是 zh-TW 和 zh-HK。所以其实应该使用 zh-Hans / zh-Ha...

2019-04-16 16:27:19 2520

原创上位机和下位机的概念，理解如何实现PC从PLC中读取数据？

市面上的PLC有上百种，西门子的，三菱的，欧姆龙的等等。上位机和下位机的理解：上位机是指可以直接发出操控命令的计算机，一般是PC/host computer/master computer/upper computer,屏幕上显示各种信号变化(液压，水位，温度等)。通常工控机，工作站，触摸屏作为上位机，通信控制PLC，单片机等作为下位机，从而控制相关设备元件和驱动装置。...

2019-04-16 16:16:50 21348

原创 websocket 学习--简单使用，nodejs搭建websocket服务器，到模拟股票，到实现聊天室

websocket简介：WebSocket协议是HTML5 开始提供的一种基于TCP的一种新的全双工通讯的网络通讯协议。它允许服务器主动发送信息给客户端。和http协议的不同？？HTTP 协议是一种无状态的、无连接的、单向的应用层协议。它采用了请求/响应模型。通信请求只能由客户端发起，服务端对请求做出应答处理。这种通信模型有一个弊端：HTTP 协议无法实现服务器主动向客户...

2019-04-16 15:59:29 5972

原创 js属性对象的hasOwnProperty方法

IE 5.5+、FireFox、Chrome、Safari、Opera等主流浏览器均支持该函数。Object的hasOwnProperty()方法返回一个布尔值，判断对象是否包含特定的自身（非继承）属性。可以用于区分自身属性和继承属性，如下function foo() { this.name = 'foo' this.sayHi = function () { co...

2019-04-15 10:57:58 548

原创 vue-cli搭建和“Cannot find module npm-cli.js” 、“operation not permitted” 、" deprecated coffee-script"等错误

前言：重装nodejs后，vue-cli搭建项目后运行vue项目报错报错 "npm Error: Cannot find module npm-cli.js"，同时发现npm-v 也报错。分析: vue-cli脚手架模板是基于node下的npm来完成安装的，安装vue-cli也会先安装node；因为“npm -v”命令报错，这里重装nodejs，一步步到npm安装全局依赖包。...

2019-04-11 16:40:53 8326

zhouzuoluo的博客