- 博客(93)
- 收藏
- 关注
RSS订阅原创 CPU和CPU的运行过程
取指令阶段（①②③）：①②过程指令地址寄存器（INSTUCTION ADDRESS REGISTER）从0地址或指定地址开始读存入RAM中的程序，③过程将读出的数据复制到指令寄存器（INSTRUCTION REGISTER）中。执行阶段（⑤⑥⑦）：⑤过程由解码阶段得出的RAM的地址的基础上对RAM进行寻址，过程⑥得出相应数据；解码阶段（④）：将读出的数据前后4位分别作为操作码和RAM的地址，在这个解码过程中使用对应的电路对操作码进行二进制判断，进而由该操作码进行相应的操作。
2024-01-24 18:12:43
484
原创 RAM&ROM
RAM（Random Access Memory），随机存取存储器，也叫主存，又称内存（动态ROM），是与CPU直接交换数据的内部存储器。它可以随时读写（刷新时除外），而且速度很快，通常作为操作系统或其他正在运行中的程序的临时数据存储介质，可以和人的短期记忆进行类比，即记录当前一段时间的数据信息。RAM（静态），如CPU的缓存，速度更快，不用像动态RAM一样不断给电容充电来维持数据，它只要在通电的情况下，不存储新的数据，负责存储的单元只要代表了0或者1，就不会消失。其中一个内存模块为：包括32个内存方块。
2024-01-22 22:51:51
465
原创 寄存器&内存
当WRITE ENABLE（允许写入线）置0（关闭）时，无论DATA IN（数据输入）置0或1，DATA OUT（数据输出）不会发生改变；当WRITE ENABLE（允许写入线）置1（打开），DATA IN（数据输入）分别置0或1时，GATED LATCH（门锁）就会将DATA IN（数据输入）的数据锁存起来，DATA OUT（数据输出）将一直输出被锁存的数据（0或1）；GATED LATCH（门锁，又称锁存器）：只存储1位数据（存储1位二进制）数据总线用来写入数据和读取数据。8位寄存器（存储8位二进制）
2024-01-22 17:28:27
356
原创 jQuery 多库共存
问题概述:jQuery使用$作为标示符,随着jQuery的流行，其他js库也会用这$作为标识符,这样一起使用会引起冲突。客观需求:需要一个解决方案,让jQuery和其他的js库不存在冲突,可以同时存在,这就叫做多库共存。jQuery解决方案:1.把里面的$符号统一改为jQuery。比如jQuery("'div")2. jQuery变量规定新的名称: $.noConflict()var xx = $.noConflict(); <script> .
2022-02-14 22:54:24
363
原创 jQuery 对象拷贝
如果想要把某个对象拷贝（合并）给另外一个对象使用，此时可以使用$.extend ()语法︰$.extend ( [deep], target,object1,[objectN])1.deep:如果设为true为深拷贝，默认为false为浅拷贝2.target:要拷贝的目标对象3.object1:待拷贝到第一个对象的对象。4.objectN:待拷贝到第N个对象的对象。5.浅拷贝（覆盖之前的数据）是把被拷贝的对象复杂数据类型中的地址拷贝给目标对象,修改目标对象会影响被拷贝对象（指向被拷贝对象的地.
2022-02-14 22:49:19
1509
原创 jQuery 事件对象
事件被触发，就会有事件对象的产生。element.on (events, [selector] ,function (event) { })阻止默认行为:event.preventDefault()或者return false阻止冒泡:event.stopPropagation() <script> $(function() { $(document).on("click", function() {
2022-02-14 22:22:23
249
原创 jQuery 事件注册、事件解绑、事件自动触发
1.单个事件注册语法:element .事件(function() {})$("div").click(function() {事件处理程序 })其他事件和原生基本一致。比如mouseover、mouseout、blur、focus、 change、keydown、keyup、resize、scroll等//1. 单个事件注册$("div").click(function() { $(this).css("background", "purple");});$("div"
2022-02-13 20:43:07
843
原创 jQuery尺寸位置操作
1.尺寸语法 用法 width() / height() 取得匹配元素宽度和高度值只算width / height innerWidth() / innerHieght() 取得匹配元素宽度和高度值包含 padding outerWidth() / outerHeight() 取得匹配元素宽度和高度值包含 padding、border outerWidth(true)/outerHeight(true) 取得匹配元素宽度和高度值包含padding、borde
2022-02-13 16:06:01
151
原创 JavaScript jQuery创建、添加、删除元素
1.创建元素语法:$("'<li></li>");动态的创建了一一个<li>2.添加元素①内部添加元素,生成之后,它们是父好关系。②外部添加元素,生成之后,他们是兄弟关系。(1)内部添加把内容放入匹配元素内部最后面,类似原生appendChild.element.append("内容)把内容放入匹配元素内部最前面。element.prepend("内容")(2)外部添加把内容放入目标元素后面element.after("
2022-02-12 22:26:23
186
原创 JavaScript jQuery遍历对象each()方法
1遍历元素jQuery隐式迭代是对同一类元素做了同样的操作。如果想要给同一类元素做不同操作,就需要用到遍历。语法1 :$ ("div") . each (function (index, domEle) { XXX; } )1. each()方法遍历匹配的每一个元素。主要用DOM处理。each 每一个2.里面的回调函数有2个参数: index 是每个元素的索引号; demEle是每个DOM元素对象,不是jquery对象语法2 :$.each (object , function (index,
2022-02-12 22:01:22
6065
原创 JavaScript jQuery内容文本值
主要针对元素的内容还有表单的值操作。1.普通元素内容html() (相当于原生innerHTML)html()//获取元素的内容html("内容") //设置元素的内容2.普通元素文本内容text() (相当与原生innerText)text()//获取元素的文本内容text("文本内容") // 设置元素的文本内容3.表单的值val() (相当于原生的value)val()//获取表单的值val("内容") //设置表单的值<body> &.
2022-02-12 21:26:17
162
原创 JavaScript jQuery属性操作
1.设置或获取元素固有属性值prop()所谓元素固有属性就是元素本身自带的属性，比如<a>元素里面的href，比如<input>元素里面的type。(1)获取属性语法prop("属性")(2)设置属性语法prop("属性";"属性值")2.设置或获取元素自定义属性值attr()用户自己给元素添加的属性，我们称为自定义属性。比如给div添加index = “1”。(1)获取属性语法attr("属性")//类似原生getAttribute
2022-02-12 16:00:19
191
原创 JavaScript 自定义jQuery动画效果
1.语法animate (params, [speed], [easing], [fn] )2.参数(1) params:想要更改的样式属性,以对象形式传递,必须写。属性名可以不用带引号,如果是复合属性则需要采取驼峰命名法borderLeft。期参数都可以省略。(2) speed :三种预定速度之一 的字符串( "slow" ，"normal" , or "fast" )或表示动画时长的毫秒数值(如: 1000)。(3) easing : (Optional)用来指定切换效果,默认是"swing”
2022-02-11 22:43:59
266
原创 JavaScript jQuery效果
1.显示语法规范show ( [ speed, [easing], [fn]])hide ( [ speed, [easing], [fn]])toggle ( [ speed, [easing], [fn]])2.下滑效果语法规范slideDown( [speed, [easing], [fn] ])slideUp( [speed, [easing], [fn] ])slideToggle( [speed, [easing], [fn] ])hover([over,]out)( 1
2022-02-11 20:21:36
297
原创 JavaScript jQuery修改样式
jQuery可以使用css方法来修改简单元素样式;也可以操作类，修改多个样式。修改元素样式1.参数只写属性名，则是返回属性值$(this).css("color");2.参数是属性名，属性值，逗号分隔，是设置一组样式，属性必须加引号，值如果是数字可以不用跟单位和引号$(this).css("color" , "red");3.参数可以是对象形式，方便设置多组样式。属性名和属性值用冒号隔开，属性可以不用加引号，$(this).css({ "color":"white" ,"f
2022-02-09 20:03:05
7451
原创 JavaScript jQuery筛选方法
语法 用法 说明 parent() $("li").parent(); 查找父级 children(selector) $("ul").children("li") 相当于$("ul>li")，最近一级（亲儿子) find(selector) $("ul").find(""li"); 相当于$("ul li"),后代选择器 siblings(selector) $(".first"").siblings("li"); 查找兄弟
2022-02-08 21:41:56
94
原创 JavaScript jQuery选择器
原生JS获取元素方式很多,很杂,而且兼容性情况不一致,因此jQuery给我们做了封装,使获取元素统一标准。$( "选择器”) 里面选择器直接写CSS选择器即可,但是要加引号名称 用法 描述 ID选择器 $("#id") 获取指定ID的元素 全选选择器 $('*') 匹配所有元素 类选择器 $(".class") 获取同一类class的元素 标签选择器 $("div") 获取同一类标签的所有元素 并集选择...
2022-02-08 20:54:48
562
原创 JavaScript jQuery对象和DOM对象的区别和转换
1.用原生JS获取来的对象就是DOM对象2. jQuery方法获取的元素就是jQuery对象。3. jQuery对象本质是:利用$对DOM对象包装后产生的对象(伪数组形式存储)。1. DOM 对象： 用原生js获取过来的对象就是DOM对象2. jQuery对象： 用jquery方式获取过来的对象是jQuery对象。 本质：通过$把DOM元素进行了包装3. jQuery 对象只能使用 jQuery 方法，DOM 对象则使用原生的 JavaScirpt 属性和方法<body>.
2022-02-05 12:18:36
510
原创 JavaScript jQuery概括
jQuery是对原生JavaScript的封装，内部都是用JavaScript实现的jQuery是一个快速、简洁的JavaScript库，其设计的宗旨是“write Less , Do More”，即倡导写更少的代码，做更多的事情。j就是JavaScript ;Query查询;意思就是查询js，把js中的DOM操作做了封装，我们可以快速的查询使用里面的功能。jQuery封装了JavaScript常用的功能代码，优化了DOM操作、事件处理、动画设计和Ajax交互。学习jQuery本质∶就是学习调用.
2022-02-05 12:08:18
618
原创 JavaScript 本地存储
sessionStorage localStorage 生命周期 关闭浏览器窗口 永久生效，除非手动删除否则关闭页面也会存在 数据共享 在同一个窗口(页面)下数据可以共享 可以多窗口(页面)共享(同一浏览器可以共享) 存储形式 以键值对的形式存储使用 以键值对的形式存储使用 存储数据 sessionStorage.setltem(key, value) localStorage.setltem(key, value) 获取数据...
2022-02-02 17:43:34
57
原创 JavaScript 移动端点击事件延迟问题
移动端click事件会有300ms的延时，原因是移动端屏幕双击会缩放(double tap to zoom)页面。解决方案:1.禁用缩放。浏览器禁用默认的双击缩放行为并且去掉300ms的点击延迟。<meta name="viewport" content="user-scalable=no">2.利用touch事件自己封装这个事件解决300ms延迟。原理就是︰1.当我们手指触摸屏幕，记录当前触摸时间2.当我们手指离开屏幕，用离开的时间减去触摸的时间3.如果时间小于150ms
2022-01-29 20:44:03
1068
原创 JavaScript 移动端touch触摸事件
touch对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔)对屏幕或者触控板操作。常见的触屏事件如下∶触屏touch事件 说明 touchstart 手指触摸到一个DOM元素时触发 touchmove 手指在一个DOM元素上滑动时触发 touchend 手指从一个DOM元素上移开时触发 <body> <div></div> <script>
2022-01-28 19:52:59
1132
原创 JavaScript 动画
动画原理 1. 获得盒子当前位置 2. 让盒子在当前位置加上移动距离 3. 利用定时器不断重复这个操作 4. 加一个结束定时器的条件 5. 注意此元素需要添加定位， 才能使用element.style.left动画分匀速动画和变速动画 匀速动画 就是 盒子是当前的位置 + 固定的值 10 缓动动画就是 盒子当前的位置 + 变化的值(目标值 - 现在的位置) / 1...
2022-01-23 22:44:52
362
原创 JavaScript 元素滚动scroll
scroll翻译过来就是滚动的，我们使用scroll系列的相关属性可以动态的得到该元素的大小滚动距离等。scroll系列属性作用element.scrollTop返回被卷去的上侧距离，返回数值不带单位element.scrollLeft返回被卷去的左侧距离，返回数值不带单位element.scrollWidth返回自身实际的宽度，不含边框，返回数值不带单位element.scrollHeight返回自身实际的高度，不含边框，返回数值不带单位如果浏览器的高(或宽)度不足以显示整个
2022-01-22 11:12:52
2496
原创 JavaScript 立即执行函数
1.立即执行函数: 不需要调用，立马能够自己执行的函数2. 写法 (function() {})() 或者 (function(){}());第一个小括号可以传递参数进来第二个小括号可以看做是调用函数立即执行函数最大的作用就是独立创建了一个作用域, 里面所有的变量都是局部变量 不会有命名冲突的情况<body> <script> function fn() { ...
2022-01-21 23:46:16
603
1
原创 JavaScript 元素可视区client
client翻译过来就是客户端，我们使用client系列的相关属性来获取元素可视区的相关信息。通过client系列的相关属性可以动态的得到该元素的边框大小、元素大小等。client系列属性 作用 element.clientTop 返回元素上边框的大小 element.clientLeft 返回元素左边框的大小 element.clientWidth 返回自身包括padding、内容区的宽度，不含边框，返回数值不带单位 element.clientHeight
2022-01-21 16:24:12
404
原创 JavaScript 元素偏移量offset
offset翻译过来就是偏移量，我们使用offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置和获得元素自身的大小(宽度高度)注意:返回的数值都不带单位offset系列常用属性︰offset系列属性 作用 element.offsetParent 返回作为该元素带有定位的父级元素如果父级都没有定位则返回body element.offsetTop 返回元素相对带有定位父元素上方的偏移 element.offsetLe
2022-01-19 22:20:26
822
1
原创 JavaScript history对象方法
history对象方法 作用 back() 可以后退功能 forward() 前进功能 go(参数) 前进后退功能参数如果是1前进1个页面如果是-1后退1个页面 <body> <a href="list.html">点击我去往列表页</a> <button>前进</button> <script> var btn = document.querySelec
2022-01-19 22:15:02
583
原创 JavaScript navigator对象
navigator对象包含有关浏览器的信息，它有很多属性，我们最常用的是userAgent，该属性可以返回由客户机发送服务器的user-agent头部的值。案例：可以判断使用的哪种终端打开的页面if( (navigator.userAgent.match( /(phone|pad| pod| iPhone |iPod| ios|iPad|AndroidlMobile|BlackBerry|IEMobile |MQQBrowser|JUC| Fennec |wOSBrowser| BrowserN
2022-01-19 22:05:28
1905
原创 JavaScript location对象
location对象属性 返回值 location.href 获取或者设置整个URL location.host 返回主机(域名)www.itheima.com location.port 返回端口号如果未写返回空字符串 location.pathname 返回路径 location.search 返回参数 location.hash 返回片段#后面内容常见于链接锚点 统一资源定位符(Uniform Resource Locator, U
2022-01-19 21:55:42
282
原创 JavaScript 同步任务和异步任务
同步：前一个任务结束后再执行后一个任务 ,程序的执行顺序与任务的排列顺序是一致的、 同步的。异步：你在做一件事情时，因为这件事情会花费很长时间,在做这件事的同时,你还可以去处理其他事情。执行顺序：1.先执行执行栈中的同步任务。2.异步任务（回调函数)放入任务队列中。3.一旦执行栈中的所有同步任务执行完毕，系统就会按次序读取任务队列中的异步任务，于是被读取的异步任务结束等待状态，进入执行栈，开始执行。由于主线程不断的重复获得任务、执行任务、再获取任务、再执行,所以这种机制被称为事件循环(
2022-01-18 22:44:50
99
原创 JavaScript 定时器
setTimeout 语法规范： window.setTimeout(调用函数, 延时时间); 1. 这个window在调用的时候可以省略 2. 这个延时时间单位是毫秒 但是可以省略，如果省略默认的是0 3. 这个调用函数可以直接写函数 还可以写 函数名 还有一个写法 '函数名()' 4. 页面中可能有很多的定时器，我们经常给定时器加标识符 （名字)<body> <script>...
2022-01-18 22:37:42
71
原创 JavaScript 窗口事件
window.onload是窗口(页面)加载事件,当文档内容完全加载完成会触发该事件(包括图像、脚本文件、CSS文件等),就调用的处理函数。1.有了window.onload就可以把JS代码写到页面元素的上方,因为onload是等页面内容全部加载完毕,再去执行处理函数。2. window.onload传统注册事件方式只能写一次,如果有多个,会以最后-个window.onload为准。3.如果使用addEventListener则没有限制DOMContentLoaded事件触发时,仅当DO.
2022-01-17 21:58:58
976
原创 JavaScript BOM
BOM ( Browser Object Model )即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。BOM ( Browser Object Model )即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。
2022-01-17 21:37:36
40
原创 JavaScript 鼠标事件和键盘事件
鼠标事件 触发条件 onclick 鼠标点击左键触发 onmouseover 鼠标经过触发 onmouseout 鼠标离开触发 onfocus 获得鼠标焦点触发 onblur 失去鼠标焦点触发 onmousemove 鼠标移动触发 onmouseup 鼠标弹起触发 onmousedown 鼠标按下触发 ...
2022-01-17 21:15:19
470
原创 JavaScript 事件委托
事件委托也称为事件代理,在jQuery里面称为事件委派。事件委托的原理：不是每个子节点单独设置事件监听器,而是事件监听器设置在其父节点上,然后利用冒泡原理影响设置每个子节点。给父节点添加侦听器， 利用事件冒泡影响每一个子节点当点击当前节点，会实现逐渐向上一个节点探查，当探查到存在监听器时，执行监听器<body> <ul> <li>弹框</li> <li>弹框</li>
2022-01-17 19:27:32
165
原创 JavaScript 阻止事件对象默认行为和阻止事件冒泡
阻止默认行为（事件） 让链接不跳转 或者让提交按钮不提交<body> <div>123</div> <a href="http://www.baidu.com">百度</a> <form action="http://www.baidu.com"> <input type="submit" value="提交" name="sub"> </form> .
2022-01-16 20:33:03
49
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人