- 博客(97)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 在Linux系统中修改数据库密码
修改数据库配置文件有一个前提是能访问服务器，对服务器root账户有权限，要是对服务器没有权限，那么连配置文件也访问不了。字段名需要根据数据库版本进行对应修改，可以在mysql数据库中查看user表看哪个字段名是存储密码的。使用#注释[mysqld]下方内容，保存后退出。2.重启完成后可以通过查看状态命令进行验证。一、修改数据库配置文件使之登录不需要密码。将光标移动到这里，按下字母i，换行，输入。三、还原配置文件设置，使之登录需要密码。重新使用修改后的密码登录mysql即可。2.定位mysql配置文件位置。
2024-08-01 16:42:36
377
原创 jQuery知识点三
当某个事件上面的逻辑，在特定需求下不需要的时候，可以把该事件上的逻辑移除，这个过程我们称为事件解绑。实际开发中，很多项目连续开发十多年，jQuery版本不断更新，最初的 jQuery 版本无法满足需求，这时就需要保证在旧有版本正常运行的情况下，新的功能使用新的jQuery版本实现，这种情况被称为，jQuery 多库共存。bootstrap中的js插件其实也是组件的一部分，只不过是需要js调用功能的组件，所以一般bootstrap的js插件一般会伴随着js代码（有的也可以省略js，用属性实现）。
2023-04-27 17:06:25
612
1
原创 jQuery知识点二
此方法用于遍历 jQuery 对象中的每一项，回调函数中元素为 DOM 对象，想要使用 jQuery 方法需要转换。data() 方法可以在指定的元素上存取数据，并不会修改 DOM 元素结构。remove删除元素本身，empty()和html(“”)都可以删除元素里面的内容，只不过html还可以设置内容。jQuery 尺寸操作：jQuery 尺寸操作包括元素宽高的获取和设置，且不一样的API对应不一样的盒子模型。jQuery 元素操作主要讲的是用jQuery方法，操作标签的遍历、创建、添加、删除等操作。
2023-04-27 17:03:10
481
原创 jQuery知识点一
jQuery 是一个快速、简洁的 JavaScript 库，其设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。j 就是 JavaScript；意思就是查询js，把js中的DOM操作做了封装，我们可以快速的查询使用里面的功能。简单理解：给匹配到的所有元素进行循环遍历，执行相应的方法，而不用我们再进行循环，简化我们的操作，方便我们调用。②speed:三种预定速度之一的字符串（“slow”，“normal”，or “fast”）或表示动画市场的毫秒数值（如：1000）
2023-04-27 17:00:56
609
原创 toDoList最简单待办事项案例的实现
⑥ load 加载函数里面，新增一个条件,如果当前数据的done为true 就是已经完成的，就把列表渲染加载到 ul 里面。① 切记： 页面中的数据，都要从本地存储里面获取，这样刷新页面不会丢失数据，所以先要把数据保存到本地存储里面。④ 根据这个索引号删除相关的数据----数组的splice(i, 1)方法，从i的位置开始删除，删除一位。获取本地存储数据，需要把里面的字符串转换为对象格式JSON.parse() 我们才能使用里面的数据。① 点击里面的a链接，不是删除的li，而是删除本地存储对应的数据。
2023-04-27 17:00:30
1244
原创 电梯导航栏的实现
刷新页面时发现电梯导航不见了，是因为只有在页面滚动的时候才加载动画，为了避免这种情况的出现，我们可以封装成一个函数，只要加载完成就调用这个函数，在页面滚动的时候也调用这个函数。⑧ 当我们页面滚动到内容区域某个模块， 左侧电梯导航，相对应的小li模块，也会添加current类， 兄弟移除current类。当我们点击了小li 此时不需要执行 页面滚动事件里面的 li 的背景选择 添加 current，可以使用节流阀（互斥锁）来控制。④ 当我们点击电梯导航某个小模块，就可以拿到当前小模块的索引号。
2023-04-27 16:59:46
1054
原创 jQuery购物车案例模块
<div class="car-header"> <div class="w"> <div class="car-logo"> <img src="img/logo.png" alt=""> <b>购物车</b> </div> </div> </div> </d
2023-04-27 16:59:27
959
原创 WebAPI编程知识点六
移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。不同的视频格式文件，我们可以通过source解决。确认插件实现的功能，去官网查看使用说明，下载插件，打开demo实例文件，查看需要引入的相关文件，并且引入，复制demo实例文件中的结构html，样式css以及js代码。随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，HTML5规范提出了相关解决方案。
2023-04-20 10:35:23
400
原创 仿淘宝返回顶部
③只需要把所有的left相关的值改为跟页面垂直滚动距离相关就可以了。②此时可以继续使用我们封装的动画函数。④页面滚动了多少，可以通过。⑤最后是页面滚动，使用。①带有动画的返回顶部。
2023-04-05 16:38:52
135
原创 网页轮播图的代码原理分析和实现
一、结构搭建：<style> * { margin: 0; padding: 0 } img { border: 0; /*ie6*/ vertical-align: middle; } /*去掉列表前面的小点*/ li { list-style: none; } .fl { float: left; }
2023-03-19 21:55:33
2269
原创 WebAPI编程知识点五
当滚动条向下滚动时，页面上面被隐藏掉的高度，我们就称为页面被卷去的头部。scroll 概述：scroll 翻译过来就是滚动的，我们使用 scroll 系列的相关属性可以动态的得到该元素的大小、滚动距离等。（5） 拖拽过程: 鼠标移动过程中，获得最新的值赋值给模态框的left和top值，这样模态框可以跟着鼠标走了。（9） 鼠标移动，就让模态框的坐标 设置为 ：鼠标坐标 减去盒子坐标即可，注意移动事件写到按下事件里面。④用鼠标距离页面的坐标减去盒子在页面中的距离，得到 鼠标在盒子内的坐标。
2023-03-19 12:19:17
333
原创 仿京东放大镜效果的实现
（8） 如果小于零，就把坐标设置为0，如果大于遮挡层最大的移动距离，就把坐标设置为最大的移动距离。（2） 鼠标经过小图片盒子， 黄色的遮挡层 和 大图片盒子显示，离开隐藏2个盒子功能。（6） 发现，遮挡层位置不对，需要再减去盒子自身高度和宽度的一半。（9） 遮挡层的最大移动距离：小图片盒子宽度 减去 遮挡层盒子宽度。（5） 此时用到鼠标移动事件，但是还是在小图片盒子内移动。（4）移动黄色遮挡层，大图片跟随移动功能。（1） 黄色的遮挡层跟随鼠标功能。（3）黄色的遮挡层跟随鼠标功能。
2023-03-17 16:08:15
1864
原创 WebAPI编程知识点四
同步任务和异步任务：单线程导致的问题就是后面的任务等待前面任务完成，如果前面任务很耗时（比如读取网络数据），后面任务不得不一直等待！于是，JS 中出现了。this指向问题：this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，一般情况下this的最终指向的是那个调用它的对象。比如做饭的异步做法，我们在烧水的同时，利用这10分钟，去切菜，炒菜。异步任务指的是：不进入主线程、而进入“任务队列”的任务，当主线程中的任务运行完了，才会从”任务队列”取出异步任务放入主线程执行。
2023-03-15 19:56:10
917
原创 WebAPI编程知识点三
学习目标：能够使用removeChild()方法删除节点能够完成动态生成表格案例能够使用传统方式和监听方式给元素注册事件能够说出事件流执行的三个阶段能够在事件处理函数中获取事件对象能够使用事件对象取消默认行为能够使用事件对象阻止事件冒泡能够使用事件对象获取鼠标的位置能够完成跟随鼠标的天使案例1.1. 节点操作1.1.1 删除节点[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UAm3VUPj-165366476999...
2022-08-29 16:55:14
135
原创 WebAPI编程知识点二
1.排他操作： 如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法所有元素全部清除样式（干掉其他人）给当前元素设置样式 （留下我自己）注意顺序不能颠倒，首先干掉其他人，再设置自己 <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button>
2022-06-01 21:41:03
125
原创 WebAPI编程知识点一
1.介绍： 现阶段我们主要针对于浏览器讲解常用的 API , 主要针对浏览器做交互效果。比如我们想要浏览器弹出一个警示框， 直接使用 alert(‘弹出’)，MDN 详细 API ，因为 Web API 很多，所以我们将这个阶段称为 Web APIs。此处的 Web API 特指浏览器提供的一系列API(很多函数或对象方法)，即操作网页的一系列工具。例如：操作html标签、操作页面地址的方法。2.获取元素（1）根据ID获取： document.getElementById(id)作用：根据ID获取元素
2022-05-27 22:27:21
223
原创 JavaScript基础中作用域的知识点
1.作用域： 就是代码的名字（变量）在某个范围内起效果和作用，目的是为了提高程序的可靠性，更重要的是减少命名冲突（1）JavaScript（es6前）中的作用域有两种：①全局作用域：作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件②局部作用域（函数作用域）：作用于函数内的代码环境，就是局部作用域。 这个代码的名字只在函数内部其效果和作用。因为跟函数有关系，所以也称为函数作用域 eg：function fn（）{var num=10;console.log(nu
2022-04-15 11:07:44
512
原创 JavaScript基础中数组和函数的用法
1. isNaN() 这个方法用来判断非数字 并且返回一个值, 如果是数字返回的是 false ，如果不是数字返回的是trueeg： console.log(isNaN(16)); // false console.log(isNaN('你好')); // true2. 使用alert弹出一条信息3. typeof检测变量数据类型eg： var age = prompt('请输入您的年龄'); console.log(age); console.log(
2022-04-11 18:39:13
917
原创 移动端WEB开发之响应式布局
1. 响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。设备的划分情况：①小于768的为超小屏幕（手机）② 768~992之间的为小屏设备（平板）③ 992~1200的中等屏幕（桌面显示器）④大于1200的宽屏设备（大桌面显示器）2 .响应式布局容器响应式需要一个父级做为布局容器，来配合子级元素来实现变化效果。原理就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大小，从而实现不同屏幕下，看到不同的页面布局和样式变化
2022-04-08 20:07:01
476
原创 rem适配方案
1. 让一些不能等比自适应的元素，达到当设备尺寸发生改变的时候，等比例适配当前设备。使用媒体查询根据不同设备按比例设置html的字体大小，然后页面元素使用rem做尺寸单位，当html字体大小变化元素尺寸也会发生变化，从而达到等比缩放的适配。2. 技术方案：①less+rem+媒体查询②flexible.js+remrem实际开发适配方案1①假设设计稿是750px②假设我们把整个屏幕划分为15等份（划分标准不一可以是20份也可以是10等份）③每一份作为html字体大小，这里就是50px④那么在
2022-04-08 18:15:58
764
原创 移动WEB开发之流式布局
1. 通过meta标签来对视口进行设置，Width属性，用来设置视口的宽度，initial-scale 初识缩放比，maximum-scale 最大缩放比，minimum-scale 最小缩放比，user-scalable 用户是否可以进行缩放 <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, minimum-
2022-04-08 17:27:48
403
原创 记录搭建网站的过程
搭建网站上线大概的流程：（1）需要有一个服务器（云服务器或者真实的硬件服务器）（2）把自己写好的代码放到服务器上面（3）通过这个服务器的地址去访问这个网站接下来我们以这五个系统中的Windows系统进行说明：1.怎么配置服务器：可以用putty等可视化软件去搭建，在红框框里输入你的公网ip→open这个是让你输入账号和密码，先输入root之后输入密码时，你是看不到输入东西的，所以尽量输入正确。输入密码正确后，会跳出来以下界面，然后输入命令：yum install -y wget &&
2022-03-17 20:57:58
365
原创 CSS精灵技术讲解
为了有效地减少服务器接受和发送请求的次数，提高页面的加载速度，出现了CSS精灵技术（也称CSS Sprites）。CSS 精灵其实就是利用背景图和不同位置的图片整合到一张大图中（精灵图），然而各个网页元素通常只需要精灵图中不同位置的某个小图，要想精确定位到精灵图中的某个小图。这样，当用户访问该页面时，只需向服务发送一次请求，网页中的背景图像即可全部展示出来。<img src="media/xingy.png" />我们需要使用CSS的 background-image、backgrou
2022-02-28 17:42:49
316
原创 移动端设置视口标签以及引入初始化样式
视口标签<meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><link rel="stylesheet" href="../css/normalize.css">移动端常用初始化样式 body {margin: 0 auto;//居中min-width: 320px;m
2021-12-09 21:19:53
501
原创 移动端less 基础
Less中文网址：http://lesscss.cn/常见的CSS预处理器：Sass、Less、Stylus1.Less安装：①安装nodejs，可选择版本(8.0)，网址：http://nodejs.cn/download/②检查是否安装成功，使用cmd命令（win10是window+r 打开运行输入cmd） —输入“node –v”查看版本即可③基于nodejs在线安装Less，使用cmd命令“npm install -g less”即可④检查是否安装成功，使用cmd命令“ lessc -
2021-11-18 11:47:07
723
原创 Electron入门笔记
1.创建一个文件夹mkdir test ，eg：test，vscode打开这个文件夹，进入这个文件夹cd test，怎么确定你进没进入这个文件夹呢，vscode-终端-新建终端，输入pwd来查询2.在终端输入yarn init -y，你会发现多了一个package.json,这是一个项目初始化3.安装：yarn add --dev electron，如果想安装版本为6.0.0可以这样写：yarn add --dev electron@6.0.0，接下来以这个版本去学习的4.查看是否安装成功npx el
2021-11-17 22:02:50
509
原创 flex布局就是通过给父盒子添加flex属性来控制子盒子的位置和排列方式
1.父项常见属性flex-direction设置主轴的方向justify-content设置主轴上的子元素排列方式flex-wrap设置子元素是否换行align-content设置侧轴上的子元素的排列方式（多行）align-items设置侧轴上的子元素排列方式（单行）flex-flow复合属性，相当于同时设置了 flex-direction 和 flex-wrap2.flex-direction设置主轴的方向①在 flex 布局中，是分为主轴和
2021-11-17 21:49:25
1391
原创 媒体查询（Media Query）
媒体查询（Media Query）是CSS3新语法。使用 @media查询，可以针对不同的媒体类型定义不同的样式@media 可以针对不同的屏幕尺寸设置不同的样式媒体查询语法规范用 @media开头 注意@符号mediatype 媒体类型关键字 and not onlymedia feature 媒体特性必须有小括号包含@media mediatype and|not|only (media feature) { CSS-Code;}1. mediatype 查询
2021-11-17 20:58:06
6921
原创 HTML怎么引入字体包中的字体
得到压缩包之后，我们得知字体图标 本质就是 字体文件。 注意这个压缩包不要删掉，我们后面还有用的。1.首先把 fonts文件夹放入我们 根目录下 。2. html标签内里面添加结构 <span>这里粘贴刚复制的图标</span> 3.在样式里面声明字体： 告诉别人我们自己定义的字体(一定注意字体文件路径的问题) @font-face { font-family: 'icomoon';//这个可以任意取，但是应与后面相对应eg：yxingguang
2021-11-11 18:35:28
10660
原创 常用命名规范
ClassName含义about关于account账户arrow箭头图标article文章aside边栏audio音频avatar头像bg,background背景bar栏（工具类）branding品牌化crumb,breadcrumbs面包屑btn,button按钮caption标题，说明category分类chart图表clearfix清除浮动close关...
2021-11-11 18:16:42
85
原创 软件设计师笔记Y---计组---（二）---定点数的运算
1.定点数的移位运算（1）算术移位不同机器数算术移位后的空位添补规则码制添补代码正数原码、补码、反码0负数原码0负数反码1负数补码左移添0，右移添1（2）逻辑移位规则：逻辑左移时，高位移丢，低位补0；逻辑右移时，低位移丢，高位添02.原码定点数的加减法加法：先判断符号位，若相同，则绝对值相加，结果符号位不变；若不同，则做减法，绝对值大的数减去绝对值小的数，结果符号位与绝对值大的数相同。减法：两个原码表示的数相减，首先将减数符号取反，
2021-11-06 18:58:28
1398
原创 软件设计师笔记Y---计组---（一）---概论
1.系统硬件的组成：计算机系统是由硬件和软件组成的，它们协同工作来运行程序。 计算机的基本硬件系统由 运算器、 控制器、 存储器、 输入设备和输出设备5大部件组成。2.中央处理单元CPU：负责获取程序指令、 对指令进行译码并加以执行（1）cpu的功能：①程序控制：CPU通过执行指令来控制程序的执行顺序，这是 CPU的重要功能。②操作控制：一条指令功能的实现需要若干操作信号配合来完成，CPU产生每条指令的 操作信号并将操作信号送往对应的部件，控制相应的部件按指令的功能要求进行操作。 ③时间控制：CP
2021-11-06 18:17:01
285
原创 3D爱心特效
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>爱心</title> <style type="text/css"> *{ margin: 0px; border: 0px; } body{ overflow:
2021-08-26 13:25:35
275
原创 使用Bootstrap框架时的一些知识点
1.为什么使用 Bootstrap？移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。浏览器支持：所有的主流浏览器都支持 Bootstrap。容易上手：只要您具备 HTML 和 CSS 的基础知识，您就可以开始学习 Bootstrap。响应式设计：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。它为开发人员创建接口提供了一个简洁统一的解决方案。它包含了功能强大的内置组件，易于定制。它还提供了基于 Web 的定制。它是开源的。2.什么
2021-08-25 23:46:38
390
原创 解决win10新建文本文档内容可以打开但显示图标不对的问题
方法一：1. 找到新建文本文档快捷方式存放的位置2. 选中右键→属性3. 快捷方式→更改图标如果没有用使用方法二方法二：1. 开始菜单右键→应用和功能→默认应用→重置2. 运行→regedit，打开注册表找到HKEY_CLASSES_ROOT\txtfile\DefaultIcon，右面有默认的REG_EXPAND_SZ类型的一项，把值改成%SystemRoot%\system32\imageres.dll,-1023. 打开任务管理器→右键重新启动，图标正常...
2021-06-16 23:48:57
2983
4
原创 用 css 画形状图像
1. 圆形.css3-circle{width: 150px;height: 150px;border-radius: 50%;background-color: red;}2. 椭圆.css3-elipse{width: 200px;height: 100px;border-radius: 50%;background-color: red;}3. 上三角.css3-triangle{width: 0;height: 0;border-left: 100px sol
2021-03-28 19:48:25
194
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人