2020年09月_吃不胖的猫o(=^ェ^=)m

原创 JavaScript对元素的拖拽（兼容任意浏览器）

思路：鼠标在元素上按下时，开始拖拽 onmousedown鼠标移动时候被拖拽元素跟随鼠标移动onmousemove鼠标松开，元素被固定在当前位置onmouseup全部代码：（1）封装了两个函数，id获取函数、拖拽函数（2）解决了拖动时点击元素中任意位置，指针只会跳在元素左上角的问题（鼠标的坐标 - div的偏移量）（3）解决了事件的兼容性问题，特别是ie8,window.event（4）针对不同的浏览器，对事件的捕获与取消捕获（5）拖拽功能的异常，通过return false来取消默认

2020-09-30 15:47:14 290

原创 JavaScript多个事件的绑定（所有浏览器均可以用）

单个事件的绑定添加按钮<button id="btn01">点击</button>使用对象.事件 = 函数的形式绑定响应函数，他只能同时为一个元素的一个事件绑定一个函数//点击按钮以后弹出内容var btn01 = document.getElementById("btn01");btn01.onclick = function(){ alert("1");};若想绑定多个事件使用对象.事件 = 函数的形式绑定响应函数,不能绑定多个函数，如果绑定多了，后面

2020-09-30 11:43:58 4084

原创 JavaScript事件的冒泡及委派

事件的冒泡及取消冒泡事件的冒泡（Bubble）事件向上传导，当后代元素的事件被触发时，其祖先元素的相同事件也会被触发在开发中，大部分冒泡都是有用的，如果不希望发生冒泡可以通过冒泡事件来取消冒泡通过一个简单的例子来简述事件的冒泡及取消冒泡html代码：<div id="box1"> 我是box1 <span id="s1">我是span</span></div>css代码：<style> #box1{

2020-09-30 10:52:48 140

原创 JavaScript鼠标移动练习：1.显示xy，2.div随鼠标移动

一：当鼠标在areaDiv移动时，在showMsg中显示鼠标的坐标鼠标在元素中移动时触发onmousemoveclientX,clientY用于获取鼠标相对于当前可见窗口的坐标，在ie8中不支持解决事件的兼容性问题e = e ||window.e;效果：html代码：<div id="areaDiv"></div><br><div id="showMsg"></div>css代码：<style> #a

2020-09-30 09:53:56 511

原创 JavaScript使用Dom操作CSS （判断滚动条是否到底的用户注册练习）

通过js改元素的样式语法：元素.style.样式名 = 样式值如果css样式中含有-，需要将这样的样式名修改为驼峰命名法box1.style.width = "300px";box1.style.backgroundColor = "yellow";如果在样式中写了！important，用js不能覆盖，因为他有最高的优先级读取样式（内联样式）通过style属性设置和读取到的都是内联样式，无法读取样式表中的样式box1.style.width获取元素当前显示的样式(只能在ie..

2020-09-29 19:03:30 383

原创 JavaScript增删改查练习（将人员信息可以添加到表格中也可以进行删减）

将人员信息可以添加到表格中也可以进行删减html代码： <table style="margin:100px 100px 30px 100px" border="3" id="employeeTable"> <tr> <th style="text-align: center;">Name</th> <th style="text-align: center;">Email&

2020-09-29 08:22:19 770

原创 JavaScript Dom其他查询方法及 js增删改查

Dom其他查询方法获取body标签document.getElementsByTagName("body")[0]或document.body获取页面中所有的元素document.all或 document.getElementsByTagName("*")根据元素的class属性查询一组元素的节点document.getElementsByClassName("box1")ie8及以下浏览器不支持根据CSS选择器来查询元素的节点document.querySelector(".box1 div"

2020-09-28 19:52:22 155

原创 JavaScript 事件，Dom查询，图片切换和全选反选例子

DOM（Document Object Model）JS通过DOM来对HTML文档进行操作文档：整个HTML网页文档对象：讲网页中的每一个部分都转化为一个对象模型：使用模型来表示对象之间的关系，方便获取对象节点：Node——构成HTML文档最基本的单元文档节点：整个HTML文档元素节点：HTML文档中HTML标签属性节点：元素的属性文本节点：HTML标签中的文本内容事件：用户和浏览器之间的交互行为例如：按钮点击事件<script> //事件，用户和浏览器

2020-09-25 09:44:09 155

原创 .Net Core 3.1 发布到IIS

检查是否安装了IIS在浏览器中输入：http://localhost:如果得到如下"Internet information Services"欢迎页面，则IIS已经安装且运行正常;如果得到“server not found"(找不到服务器）则IIS未安装或已经停止运行若没有安装IIS打开控制面板——程序点击“启用或关闭Windows功能”点击“Internet Information Services”，然后在打开的列表中勾选你需要的功能，点击确定接着windows会自动下载并安装您

2020-09-23 16:53:56 1102

原创 JavaScript正则表达式

正则表达式定义字符串的规则计算机可以根据正则表达式，检查字符串是否符合规则，获取字符串中符合规则的内容提取出来创建正则表达式的对象var 变量 = new RegExp("正则表达式"，“匹配模式”)使用typeof检查正则对象会返回object正则表达式的一个方法text（），来检查一个字符串是否符合正则表达式的规则，是true，不是false判断字符串中是否有a var reg = new RegExp("a"); console.log(reg.test("a"));

2020-09-23 11:27:10 120

原创 MySQL迁移数据库

环境：数据库所在的两个主机网段相同选择本地数据库删除本地数据库，右键数据库名字 Drop Schema–Drop now（也可重新命名）菜单栏Migration Wizard数据库迁移选择左下角 Start MigrationSource Selection选择需要被迁移的数据库左下角测试连接Text Connection 输入密码–成功–ok，右下角，Next>Target Selection目标位置放入本地数据库地址127.0.0.1 左下角，测试

2020-09-16 14:10:23 189

原创 C#自定义控件-可选择类型的按钮（取反式，点击式，延时式）

要做一个自定义控件，效果是：可以选择三种不同的类型的按钮，并各自实现功能三种按钮通过枚举类型取反式功能：点击置位，再次点击复位思路：利用click事件，标志位取反来实现点击式功能：点击置位，松开复位思路：挂载鼠标按下，鼠标松开事件延时式功能：当到达预设时间后才可置位，松开复位思路：定义一个刷新计数countTime，通过countTime >= 设定的延时时间（ms） / 定时器刷新时间，即到达延时时间，触发，也是鼠标按下，松开事件1.枚举三种按钮 pu

2020-09-01 15:49:28 2534

Yueqin0512的博客