利用JavaScript(JS)实现一个九宫格拖拽功能

利用JavaScript(JS)实现一个九宫格拖拽功能 Demo实现了对任意方格进行拖拽,可以交换位置,其中Demo-1利用了勾股定理判断距离! Demo-1整体思路: 1.首先div实现自由移动,一定需要脱离标准文档流,所以我们给它使用绝对定位。 2.利用视觉欺骗,点击鼠标悬浮的其实是利用JS生成的一个Div,交换信息的两个Div并没有位置交换,只是把双方属性进行了交换。 3.利用了勾股定理去判断距离。 ##效果图如下: 网页源代码: <!DOCTYPE html> <html> <he
分类: 其他 发布时间: 05-15 20:14 阅读次数: 0

Web框架与HTTP协议

实现多并发的web服务端 import spcket from threading import Thread server=socket.socket() #实例化socket对象 server.bind(('127.0.0.1',10086)) #绑定地址及应用端口号 server.listen() #建立连接 def feedback(conn): client_msg=conn.recv(1024) #接收连接请求    print(client_msg) #
分类: 其他 发布时间: 05-15 20:14 阅读次数: 0

No section matches selector - no section to be FIRST/LAST

1. 使用KEIL MDK ,STM32F405RG,编译的时候报错 .\Objects\ks3620_stm32f405_proj.sct(7): error: L6236E: No section matches selector - no section to be FIRST/LAST. 看下LOG窗口 2. 看下出错的位置 3. sct文件,全称是scatter file,中文名分散加载文件,上面可以看出IROM就是单片机的 flash区域,IRAM就是单片机的RAM区域。 4. 说
分类: 其他 发布时间: 05-15 20:14 阅读次数: 0

PHP邮件发送库:Swiftmailer

Swiftmailer需要PHP 7.0或更高版本,(proc_*函数可用。) 安装 composer require "swiftmailer/swiftmailer:^6.0" 使用 require_once '/path/to/vendor/autoload.php'; $transport = (new Swift_SmtpTransport('smtp.163.com', 25)) // 邮箱服务器 ->setUsername('your username') // 邮箱用户名
分类: 其他 发布时间: 05-15 20:14 阅读次数: 0

WPF教程(十四)命令(转)

WPF教程(十四)命令 2018年09月26日 13:40:55 yangwenxue1989 阅读数:80 命令这东西很有意思,简明一点说,它是一种逻辑,但这种逻辑可以被多种源调用,可以作用于多种目标上。如我们常见的"复制","剪切"等命令,它们本身就是一种逻辑——对剪切板进行操作的逻辑行为,不过,你会发现,它们不仅可以在菜单项中使用,也可以在工具栏按钮上使用,也可以通过快捷键Ctrl + C等来调用。 (一)命令模型 命令(Command):WPF的命令实际上就是实现了ICommand接口
分类: 其他 发布时间: 05-15 20:14 阅读次数: 0

Comet OJ - Contest #2 C题 言论的阴影里妄想初萌

题目描述 Takuru 是一名能力者,他在地震时获得了念力致动的能力。所以他经常用自己的能力去干一些奇奇怪怪的事情。 有一天他获得了一张 nn 个点的无向完全图,之后他使用了能力,导致这张图的 \frac{n(n-1)}{2}2n(n−1) 条边中的每一条都有 \frac{x}{y}yx 的概率遭到破坏而消失。 现在 Takuru 想知道这张无向图点集的全部 2^n2n 个的子集中,是独立集的子集数量的期望值。 一张无向图 GG 的一个子集是独立集的定义如下:此点集 SS,满足对于任意的 x,
分类: 其他 发布时间: 05-15 20:14 阅读次数: 0

【LeetCode每天一题】 Minimum Depth of Binary Tree(二叉树的最小深度)

Given a binary tree, find its minimum depth.The minimum depth is the number of nodes along the shortest path from the root node down to the nearest leaf node. Note: A leaf is a node with no children. Example: Given binary tree [3,9,20,null,null,15,7
分类: 其他 发布时间: 05-15 20:14 阅读次数: 0

卡夫卡入门

卡夫卡(kafka) 1.Kafka独特设计在什么地方? 2.Kafka如何搭建及创建topic、发送消息、消费消息? 3.如何书写Kafka程序? 4.数据传输的事务定义有哪三种? 5.Kafka判断一个节点是否活着有哪两个条件? 6.producer是否直接将数据发送到broker的leader(主节点)? 7.Kafa consumer是否可以消费指定分区消息? 8.Kafka消息是采用Pull模式,还是Push模式? 9.Procuder API有哪两种? 10.Kafka存储在硬盘上
分类: 其他 发布时间: 05-15 20:14 阅读次数: 0

数据库的进入

MySQL:   开启服务:cmd中进入mysql的bin目录,mysqld.exe -install     net start mysql   进入mysql:mysql -h localhost -u root -p   显示-=p数据库:show databases;   显示数据库中的表:desc dbname; sql server:   进入sql server: osql -S (local) -U sa -P password   显示所有数据库:select name fr
分类: 其他 发布时间: 05-15 20:14 阅读次数: 0

js的类型系统--js基于原型的基石是所有对象最终都能够类型自证

一、动态类型 变量能够类型自证的类型即为动态类型 二、基础与内置类型 三、对象与类型的关系 1、对象本身能够自证为基本类型; 2、运行可能为一个空的集合; 3、复合对象的成员能够自证为基本类型; 4、复合类型具有成员便利的基本功能; 四、复合类型对象的引用 五、成员的归属:原型or对象 有判断支持; 有包含支持;
分类: 其他 发布时间: 05-15 20:14 阅读次数: 0

Python3+Appium学习笔记09-元素定位android_uiautomator

appium是使用了uiautomator的框架的,所以uiautomator所带的定位方式。appium也是支持的 需要使用appium中find_element_by_android_uiautomator()方法 示例基本都已百度app为例 1)text定位 1.通过text文本来定位 'new UiSelector().text("对应text的值")' 2.类似模糊匹配,只要包含text内容 'new UiSelector().textContains("包含text文本")' 3.
分类: 其他 发布时间: 05-15 20:14 阅读次数: 0

codeforces#1163C2. Power Transmission (Hard Edition)(计算几何)

题目链接: https://codeforces.com/contest/1163/problem/C2 题意: 给出$n$个点,任意两点连接一条直线,求相交直线的对数 数据范围: $1 \le n \le 10^3$ 分析: 先建立所有的直线,可以把直线定义成$ax+ by=c$,但是需要把$a$和$b$的大小化简成最小,保证直线的唯一性 $k=\frac{y_{1}-y_{2}}{x_{1}-x_{2}}$,上下化简,再用点斜式构造$ax+ by=c$ ac代码: #include<bit
分类: 其他 发布时间: 05-15 20:14 阅读次数: 0

PHP验证器类Validator

Particle\Validator是一个小巧优雅的实用的PHP验证类库,提供了一个非常简洁的API。它无需依赖其他组件,提供友好的文档,并且有利于扩展。 安装 composer require particle/validator 使用 在使用之前请确保在项目中引入了 vendor/autoload.php 文件 Code: 1. <?php 2. use Particle\Validator\Validator; 3. require './vendor/aut
分类: 其他 发布时间: 05-15 20:14 阅读次数: 0

Java Web项目搭建过程记录(struts2)

开发工具:eclipse 搭建环境:jdk1.7 tomcat 8.0 基础的java开发环境搭建过程不再赘述,下面从打开eclipse 之后的操作开始 第一步: 创建项目,File -> New -> dynamic web project tomcat 版本一般会自动获取,只要填上项目名称,点击下一步 到这个页面之后,把Content directory 改成WebRoot,自动生成xml的选项点选为√ ,点击完成。 项目目录如下图所示: 其中,lib文件夹放的是项目所需的jar包,将ja
分类: 其他 发布时间: 05-15 20:14 阅读次数: 0

web安全之点击劫持

点击劫持(ClickJacking)是一种视觉上的欺骗手段。大概有两种方式, 一是攻击者使用一个透明的iframe,覆盖在一个网页上,然后诱使用户在该页面上进行操作,此时用户将在不知情的情况下点击透明的iframe页面; 二是攻击者使用一张图片覆盖在网页,遮挡网页原有位置的含义; iframe覆盖 直接示例说明 1. 假如我们在百度有个贴吧,想偷偷让别人关注它。于是我们准备一个页面: <!DOCTYPE HTML> <html> <meta http-equiv="Content-Type
分类: 其他 发布时间: 05-15 20:14 阅读次数: 0

JMeter怎样测试WebSocket,如何设置(一)

一、安装WebSocket取样器 1、从JMeter插件管理器官网下载:https://jmeter-plugins.org/ 把这6个jar包放到C:\JMeter\apache-jmeter-3.3\lib\ext目录下 或者从github上下载:https://github.com/maciejzaleski/JMeter-WebSocketSampler 二、自动安装 下载完成后, JMeter会自动重启。 三、WebSocket取样器
分类: 其他 发布时间: 05-15 20:14 阅读次数: 0

一起分享生活 分享技术

自从18年7月毕业 很少会更新博客园或者一起分享文章技术,加之工作繁忙,以后欢迎大家 在今日头条APP搜索"攻城狮在南京" 互粉交流
分类: 其他 发布时间: 05-15 20:14 阅读次数: 0

ASCII码对照表0-255

十进制代码 十六进制代码 MCS 字符或缩写 DEC 多国字符名 ASCII 控制字符 0 0 NUL 空字符 1 1 SOH 标题起始 (Ctrl/A) 2 2 STX 文本起始 (Ctrl/B) 3 3 ETX 文本结束 (Ctrl/C) 4 4 EOT 传输结束 (Ctrl/D) 5 5 ENQ 询问 (Ctrl/E) 6 6 ACK 认可 (Ctrl/F) 7 7 BEL 铃 (Ctrl/G) 8 8 BS 退格 (Ctrl/H) 9 9 HT 水平制表栏 (Ctrl/I) 10 0A
分类: 其他 发布时间: 05-15 20:14 阅读次数: 0

数据库修仙之路2

根据函数的返回结果,我们将函数分为单行函数和多行函数 单行函数 (一条记录返回一个结果) 日期函数 转换函数(重点) 其他函数(保证类型兼容) 多行函数(组函数. 聚合函数) (多条记录 返回一个结果 (重点)) 1) 、count :统计记录数 count() -->* 或一个列名 2) 、max min: 最大值 最小值 3) 、sum:求和 4)、avg:平均值 分组 分组: group by , 将符合条件的记录 进一步的分组 过滤组:having , 过滤组信息 ,表达式 同 whe
分类: 其他 发布时间: 05-15 20:14 阅读次数: 0

需求的本质是矛盾

需求是什么?需求从哪里来?怎么化解需求?怎么引领需求?
分类: 其他 发布时间: 05-15 20:14 阅读次数: 0