Web开发

17 css定位

06-06
css定位 定位是用来移动元素位置的. 相对位置,参考元素原始位置,偏移某个距离 绝对位置,参考点是最近的有定位的祖先元素,偏移某个距离 定位 1 css定位 相对定位 绝对定位 固定定位 为什么 移动元素 设置元素在包含块中出现的位置,以及遮盖 2 相对定位 position: relative; 参考自己原来的位置,偏移某个距离 * 用途 1 做一些位置微调 2 配合绝对定位使用 * 相对定位的元素不脱标,它原本所占的空间仍保留 top 正数向下 可以理解为:距离原来位置顶边框,距离是100

HTTP、MQTT、WebSocket有什么区别

06-06
https://blog.csdn.net/linyunping/article/details/81950185 相同点:均为OSI 7层模型(应用层协议) MQTT MQTT协议是为大量计算能力有限,且工作在低带宽.不可靠的网络的远程传感器和控制设备通讯而设计的协议,他主要具有一下主要几项特性: 1,使用发布/订阅消息模式,提供一对多的消息发布,解除应用程序耦合: 2,对负载内容屏蔽的消息传输: 3,使用TCP/IP提供网络连接: 4,有三种消息发布服务质量: (1)“最多一次”,消息发布完

.net动态代理-EMIT,AOP实现

06-06
动态代理实现原理: 通过动态基础目标类,重写目标虚方法,.net中实现手段-il Emit.Proxy项目源码,https://github.com/1448376744/Emit.Proxy 以下是基于Emit.Proxy实现的Demo class Program { static void Main(string[] args) { Console.WriteLine("Hello World!"); var generator = new ProxyGenerator(); //

【学习】010 Netty异步通信框架

06-06
Netty快速入门 什么是Netty Netty 是一个基于 JAVA NIO 类库的异步通信框架,它的架构特点是:异步非阻塞.基于事件驱动.高性能.高可靠性和高可定制性. Netty应用场景 1.分布式开源框架中dubbo.Zookeeper,RocketMQ底层rpc通讯使用就是netty. 2.游戏开发中,底层使用netty通讯. 为什么选择netty 在本小节,我们总结下为什么不建议开发者直接使用JDK的NIO类库进行开发的原因: 1)      NIO的类库和API繁杂,使用麻烦,你需

JS 中类型和类型转换

06-06
类型 首先明确一点,Js中的类型是针对值来说,而不是针对变量,值就是所谓的42, 'abc', false 等能用js 操作的数据.在js 中说某某某是什么数据类型,其实是说的这些值是什么类型.值呢?有7种数据类型: number, string, boolean, null, undefined, object, symbol. 42 就是number 类型了.怎么判断出来的,最简单的办法就是typeof 操作符了,它返回一个字符串来表示类型 console.log(typeof 42); /

网页布局——table布局

06-06
我们做一个简单的网站布局,代码如下: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>table布局</title> 6 <style> 7 table{ 8 border-collapse: collapse; /*用于合并表格边框*/ 9 } 10 11 </st

网页静态化解决方案Freemarker(一)

06-06
序言: 沉淀了三个月,逐步将自己最近两年在公司中用到的技术和知识点,重新整理归纳了下,对比以前可以发现,现在技术更新越来越快,也越来越成熟,在互联网企业,用到的技术也更先进,更领先,比如微服务.分布式和高并发等等.接下来我会将自己创业的时候在客户做项目,用到的一些技术和知识点给大家分享,供大家参考学习.下面我们先从网页静态化技术开始,这在项目中还是用的比较多的,如果小伙伴还有什么希望了解的技术,可以在留言区注释,我会挑选自己擅长的地方给大家分享.下面开始今天的学习吧! ——WZY 一.什么是Fr

js正则表达式验证、匹配数字、匹配字符串、匹配中文、匹配任意字符备忘录

06-06
本文转自:91博客 :原文地址:http://www.9191boke.com/235792704.html 正则表达式或“regex”用于匹配字符串的各个部分,下面是我创建正则表达式的备忘录.包括一些常用的验证.匹配数字.匹配字符串.匹配中文.匹配任意字符串. 匹配正则 使用 .test() 方法 let testString = "My test string"; let testRegex = /string/; testRegex.test(testString); 匹配多个模

【转】CSS3自定义滚动条样式

06-06
overflow介绍 定义:overflow 属性指定当它溢出其块级容器时,是否剪辑内容,渲染滚动条或显示内容. 属性值 overflow:visible //默认值.内容不会被修剪,超出内容会显示在元素框之外 overflow:hidden //内容会被修剪.超出内容被隐藏 overflow:scroll //内容会被修剪,浏览器会显示滚动条以便查看其余内容 overflow:auto //如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容. overflow:inherit //规定从该

nodejs图片下载

06-06
说一说为啥要要图片下载? 项目需要从甲方提供的数据中心拉取到图片然后推送给硬件平台,但是甲方使用的图片多是没有后缀名的,比如http://image.baidu.com/search/detail?ct=503316480&z=0&ipn=d&word=,硬件平台要求的是.jpg或者png的. 代码 const i2b = require("imageurl-base64"); const request = require("request"

Flutter -------- 解析JSON数据

06-06
SON序列化方法: 手动序列化和反序列化通过代码生成自动序列化和反序列化 手动JSON序列化是指使使用dart:convert中内置的JSON解码器.它将原始JSON字符串传递给JSON.decode() 方法,然后在返回的Map<String, dynamic>中查找所需的值. 它没有外部依赖或其它的设置,对于小项目很方便. 当您的项目变大时,手动编写序列化逻辑可能变得难以管理且容易出错.如果您在访问未提供的JSON字段时输入了一个错误的字段,则您的代码将会在运行时会引发错误. 一个简单的案

网页布局——Flex布局

06-06
早期时候我们左网站布局的使用表格(table),然后使用浮动(float). 定位(position)和内联块(inline-block),但所有这些方法本质上来讲都是hacks,存留了很多需要实现的重要功能问题(例如,垂直居中). display:flex和display:box都可用于弹性布局,不同的是display:box是2009年的命名,已经过时,用的时候需要加上前缀:display:flex是2012年之后的命名.在实际的测试中display:flex不能完全的替代display:b

阿里云短信功能php

06-06
1. 引入文件: https://help.aliyun.com/document_detail/53111.html?spm=a2c1g.8271268.10000.99.5a8ddf25gG0wWP 2. 短信文档: https://help.aliyun.com/document_detail/101300.html?spm=a2c4g.11174283.3.2.19fe2c42UM3xu2 原文地址:https://www.cnblogs.com/init-007/p/10986626.

利用PHP应用程序中的远程文件包含(RFI)并绕过远程URL包含限制

06-06
来源:http://www.mannulinux.org/2019/05/exploiting-rfi-in-php-bypass-remote-url-inclusion-restriction.html?m=1 前言 文章讲诉了如何绕过远程URL包含限制.在PHP开发环境php.ini配置文件里",allow_url_include"为"off"的情况下,不允许PHP加载远程HTTP或FTP url包含远程文件.但是使用SMB依旧可以加载. 攻击思路 攻击者需要

JSON的概述和简单的操作

06-06
一.JSON定义JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.简单地说,JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序.这个字符串看起来有点儿古怪,但是JavaScript很容易解释它,而且 JSON 可以表示比"名称 / 值对"更复杂的结构. JSON 语法是 JavaScript 对象表示法语法的子集.

Vue.js中学习使用Vuex详解

06-06
在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理,个人的理解是全局状态管理更合适:简单的理解就是你在state中定义了一个数据之后,你可以在所在项目中的任何一个组件里进行获取.进行修改,并且你的修改可以得到全局的响应变更.下面咱们一步一步地剖析下vuex的使用:首先要安装.使用 vuex首先在 vue 2.0+ 你的vue-cli项目中安装 vuex : npm install vuex --save 然后 在src文件目录下新建一个名为store的文件

CSS 背景图像

06-06
background-image 属性可以设置背景图像. 背景图像可以填充整个页面的,也可以填写一部分. background-image 属性的使用很简单:background-image:url(图片地址) 填充整个页面示例 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>背景图片</title> 5 <style type="text/css"> 6 <!--背

think PHP URL生成

06-06
定义路由规则之后,我们可以通过Url类来方便的生成实际的URL地址(路由地址),针对上面的路由规则,我们可以用下面的方式生成URL地址. // 输出 blog/thinkphp Url::build('blog/read', 'name=thinkphp'); Url::build('blog/read', ['name' => 'thinkphp']); // 输出 blog/5 Url::build('blog/get', 'id=5'); Url::build('blog/get', ['

php调用webservice报错Class &#39;SoapClient&#39; not found(转)

06-06
php在调用webservice时,报告如下类似错误: ( ! ) Fatal error: Class 'SoapClient' not found in E:/WebSrv/CI/system/libraries/WebService.php on line 17 解决方法: 打开php.ini,找到php_soap.dll , 把前面的分号去掉 ;extension=php_soap.dll 前提是,已经安装了 php_soap.dll php调用webservice报错Class 'So

jQuery EasyUI学习

06-06
1.通过form页面元素数据填充 $('#<?php echo NS;?>form').form('load',<?php echo json_encode($orm->as_array());?>);//loadYiXia 试图页源码: <form id="<?php echo NS;?>form" method="post" enctype="multipart/form-data" onsub