- 博客(62)
- 收藏
- 关注
RSS订阅原创 第四章：vue脚手架配置代理
使用Vue发送axios请求的时候，存在跨域问题。可以利用代理服务器解决跨域问题。代理服务器：URL和端口等都和请求的主机的一致，于是请求的主机和代理服务器间不存在跨域问题，代理服务器代替请求主机向目标服务器发起请求，因为他们都是服务器，使用 http 通信，不使用ajax，不存在跨域问题。
2022-11-19 16:34:14
216
原创 第 3 章 使用 Vue 脚手架
一种组件间通信的方式，适用于：子组件 ===> 父组件使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中）。通过在B中触发自定义事件调用A的回调函数，把数据传给A绑定自定义事件：或第二种方式，在父组件中：因为就相当于拿到子组件的实例对象，然后通过$on监听该事件，当事件触发时，执行方法回调(这种方式可以不用在一开始就给子组件绑定自定义事件)
2022-11-18 14:39:58
128
原创 （八）第 1 章：Vue 核心
参考：https://www.yuque.com/cessstudy/kak11d/hfeef2英文官网: https://vuejs.org/中文官网: https://cn.vuejs.org/遵循 MVVM 模式编码简洁, 体积小, 运行效率高, 适合移动/PC 端开发它本身只关注 UI, 也可以引入其它第三方库开发项目采用组件化模式，提高代码复用率、且让代码更好维护声明式编码，让编码人员无需直接操作DOM，提高开发效率使用 和 ，尽量复用 节点3、模板语法这里 data:
2022-11-10 15:33:18
225
原创 跨域与JSONP
同源策略（英文全称 Same origin policy）是浏览器提供的一个安全功能。MDN 官方给定的概念：同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB无法接触非同源网页的 DOM无法向非同源地址发送 Ajax 请求同源指的是两个 URL 的协议、域名、端口一致，反之，则是跨域。出现跨域的根本原因。
2022-10-06 17:03:19
57
原创 Ajax加强
定义：查询字符串（URL 参数）是指在 URL 的末尾加上用于向服务器发送信息的字符串（变量）。格式：将英文的?放在URL 的末尾，然后再加上参数＝值，想加上多个参数的话，使用&符号进行分隔。以这个形式，可以将想要发送给服务器的数据添加到 URL 中。
2022-10-05 10:57:51
68
原创 （六、数据交互/异步编程 Ajax/Git）服务器的基本概念与初识Ajax
概念：Ajax 的全称是 Asynchronous Javascript And XML（异步 JavaScript 和 XML）。通俗的理解：在网页中利用 XMLHttpRequest 对象和服务器进行数据交互的方式，就是Ajax。作用：Ajax能让我们轻松实现网页与服务器之间的数据交互。
2022-09-26 20:49:00
348
原创 ES6
ES 的全称是 ECMAScript, 他是由 ESMA 国际标准化组织，制定的一项脚本语言的标准化规范。ES6 实际上是一个泛指，泛指 ES2015 及后续的版本。每一次标准的诞生都意味着语言的完善，功能的加强。JavaScript语言本身也有一些令人不满意的地方。
2022-09-24 15:58:16
326
原创 函数进阶
相同点：都可以改变函数内部的this指向call和apply会调用函数, 并且改变函数内部this指向call和apply传递的参数不一样，call传递参数形式，apply必须数组形式[arg]bind不会调用函数，可以改变函数内部this指向，并返回一个原函数的拷贝使用场景call经常做继承apply经常和数组有关，比如借助数学对象实现数组最大最小值bind不调用函数，但是还想改变this指向，比如改变定时器内部的this指向JavaScript 除了提供正常模式外，还提供了。
2022-09-22 19:58:11
251
原创 构造函数和原型
在典型的 OOP 的语言中（如 Java），都存在类的概念，类就是对象的模板，对象就是类的实例，但在 ES6之前， JS 中并没用引入类的概念。ES6， 全称 ECMAScript 6.0 ，2015.06 发版。但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。 在 ES6 之前 ，对象不是基于类创建的，而是用一种称为 构建函数 的特殊函数来定义对象和它们的特征。创建对象可以通过以下三种方式：new Object()
2022-09-20 13:02:08
261
原创 【无标题】
错误:20 https://developer.download.nvidia.cn/compute/cuda/repos/ubuntu2004/x86_64 InRelease。因为Ubuntu18.04默认gcc7.0，而CUDA9.0只支持gcc6.0及以下版本，因此需要降级，这里选择降级到的版本是gcc5.5版本。gcc升降级，版本切换的方法。服务器的系统是ubuntu 18.04，不支持cuda 9.2，安装时选择16.04。服务器的cuda版本为10.1，不匹配，想要安装cuda 9.2。
2022-09-16 19:40:57
329
原创 BOM- 操作浏览器
需求：5秒钟之后，广告自动消失分析：①：设置延时函数②：隐藏元素// 132JS 是单线程JavaScript 语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。这是因为 Javascript 这门脚本语言诞生的使命所致——JavaScript 是为处理页面中用户的交互，以及操作 DOM 而诞生的。比如我们对某个 DOM 元素进行添加和删除操作，不能同时进行。 应该先进行添加，之后再删除。单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。这样所导致的问题是： 如果
2022-07-28 20:06:24
457
原创 DOM- 网页特效篇
二、滚动事件和加载事件1、滚动事件：当页面进行滚动时触发的事件为什么要学？很多网页需要检测用户把页面滚动到某个区域后做一些处理， 比如固定导航栏，比如返回顶部事件名：scroll监听整个页面滚动：给 window 或 document 添加 scroll 事件监听某个元素的内部滚动直接给某个元素加即可2、加载事件load加载外部资源（如图片、外联CSS和JavaScript等）加载完毕时触发的事件为什么要学？ 有些时候需要等页面资源全部处理完了做一些事情 老代码喜欢把
2022-07-26 15:12:47
654
原创 DOM- 事件高级
需求：一张图片一直跟着鼠标移动需求：按下回车键盘，可以发布信息二、事件流1、事件流与两个阶段说明事件流指的是事件完整执行过程中的流动路径说明：假设页面里有个div，当触发事件时，会经历两个阶段，分别是捕获阶段、冒泡阶段简单来说：捕获阶段是 从父到子 冒泡阶段是从子到父事件冒泡事件捕获从DOM的根元素开始去执行对应的事件 (从外到里)事件捕获需要写对应代码才能看到效果，如下图点击son区域，会相继弹出“我是爷爷”、“我是爸爸"、”我是儿子“说明： addEventListener第三
2022-07-23 17:24:37
281
原创 DOM- 节点操作
节点可以让我们更好的理清标签元素之间的关系 parentNode 属性，子元素.parentElement 返回的是一个对象 返回最近一级的父节点 找不到返回为null需求：多个二维码，点击谁，谁关闭（3）兄弟节点查找下一个兄弟节点nextElementSibling 属性上一个兄弟节点previousElementSibling 属性3、增加节点很多情况下，我们需要在页面中增加元素 比如，点击发布按钮，可以新增一条信息一般情况下，我们新增节点，按照如下操作：
2022-07-19 20:23:50
1247
原创 DOM-事件基础
事件是在编程时系统内发生的动作或者发生的事情比如用户在网页上单击一个按钮就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，也称为注册事件案例–淘宝点击关闭二维码需求：点击x关闭之后，淘宝二维码关闭需求：点击按钮之后，随机显示一个名字，抽到的人从名单中划掉，抽完则禁用按钮需求：点击开始随机快速抽取，点击结束输出结果需求：当表单得到焦点，显示下拉菜单，失去焦点隐藏下来菜单需求：用户输入文字，可以计算用户输入的字数需求：用户点击全选，则下面复选框全部选择，取消
2022-07-16 19:11:17
507
1
原创 ( 四、web APIs ) DOM-获取DOM元素、修改属性
（1） 选择匹配的第一个元素（2）选择匹配的多个元素DOM对象都是根据标签生成的,所以操作标签,本质上就是操作DOM对象。就是操作对象使用的语法。 只能将文本内容追加到 前面的位置，不能直接放入想要的盒子里面，只能修改body内容 文本中包含的标签会被解析 将文本内容添加 / 更新到任意标签位置 文本中包含的标签不会被解析，如下图 将文本内容添加/更新到任意标签位置 文本中包含的标签会被解析如下，之前div就有一个类one，想要保留之前的类：为了解决className 容易覆盖
2022-07-12 21:17:20
622
原创 JS 对象
属性：信息或叫特征（名词）。 比如 手机尺寸、颜色、重量等…（变量） 方法：功能或叫行为（动词）。 比如 手机打电话、发短信、玩游戏…（函数）属性访问声明对象，并添加了若干属性后，可以使用 . 或 [] 获得对象中属性对应的值，称之为属性访问。方法数据行为性的信息称为方法，如跑步、唱歌等，一般是动词性的，其本质是函数。JavaScript内部提供的对象，包含各种属性和方法给开发者调用，如document.write()、console.log()如何生成5-10的随机数？如何生
2022-07-07 19:27:20
1737
原创 JS 函数
函数体函数体是函数的构成部分，它负责将相同或相似代码“包裹”起来，直到函数调用时函数体内的代码才会被执行。函数的功能代码都要写在函数体当中。3、函数传参（1）意义 可以极大提高函数的灵活性声明语法参数列表 传入数据列表 声明这个函数需要传入几个数据 多个数据用逗号隔开调用语法调用函数时，需要传入几个数据就写几个，用逗号隔开形参和实参形参：声明函数时写在函数名右边小括号里的叫形参（形式上的参数）实参：调用函数时写在函数名右边小括号里的叫实参（实际上的参数）形参
2022-07-02 17:30:08
602
原创 JS循环+数组
好处：把声明起始值、循环条件、变化值写到一起，让人一目了然循环结束： continue：结束本次循环，继续下次循环 break：跳出所在的循环for 循环嵌套数组(Array)是一种可以按顺序保存数据的数据类型，可以保存多个数据通过下标取数据用循环把数组中每个元素都访问到,一般会用for循环遍历① 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度 (重点)② 方法将一个或多个元素添加到数组的开头，并返回该数组的新长度① 方法从数组中删除最后一个元素，并返回该元素的值②
2022-07-02 12:54:24
2204
原创 运算符+分支+循环语句
（2）字符串的比较字符串比较，是比较的字符对应的ASCII码从左往右依次比较如果第一位一样再比较第二位，以此类推比较的少，了解即可NaN不等于任何值，包括它本身尽量不要比较小数，因为小数有精度问题不同类型之间比较会发生隐式转换✔ 最终把数据隐式转换转成number类型再比较✔ 所以开发中，如果进行准确的比较我们更喜欢 === 或者 !==5、逻辑运算符（1）逻辑运算符的使用程序三大流程控制语句分支语句包括： If 分支语句、三元运算符、switch 语句if 语句有三
2022-07-01 10:53:13
76
原创 （三、JS基础）JS介绍+变量+数据类型
4、JS 注释单行注释 符号：// 作用：//右边这一行的代码会被忽略 快捷键：ctrl + /块注释 符号：/* / 作用：在/ 和 */ 之间的所有内容都会被忽略 快捷键：shift + alt + A5、JS结束符结束符 分号 ；结束符可以省略, 因为JS中换行符（回车）会被识别成结束符但为了风格统一，要写结束符就每句都写，要么每句都不写6、输入和输出语法输入语法：显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字② c
2022-06-30 14:29:07
217
原创 响应式布局
一套代码可以适配不同大小的屏幕和设备目标：能够根据设备宽度的变化，设置差异化样式之前的媒体查询，通过检测视口宽度设置根字号在响应式布局中，媒体查询是一个范围。2、书写顺序如果这三个媒体查询书写顺序变了，就不会有这样的效果，因为css有层叠性，如果先写③，再写①②，③会被②覆盖，导致大于992px都是蓝色。所以min-width（从小到大）max-width（从大到小）关键字：and、only、not媒体类型：媒体是用来区分设备类型的，如屏幕设备、打印设备等，其中手机、电脑、平板都属于屏幕
2022-06-27 13:40:01
287
原创 移动适配rem
一、移动适配背景：因为移动端不同设备宽高不同，需要一种方法使得对所有宽高布局一致。方法：rem： 目前多数企业在用的解决方案vw / vh：未来的解决方案用像素做单位没有办法实现等比例放大缩小，用百分比做单位也不能完全解决。对于宽度来说，其父级元素无须确定宽度就能设置百分比若某元素的父元素没有确定高度，则无法有效使用height=XX%的样式1、rem单位相对单位rem单位是相对于HTML标签的字号计算结果1rem = 1HTML字号大小<style> h
2022-06-11 16:06:12
1766
原创 移动端flex
一、移动端特点1、移动端和PC端网页不同点PC屏幕大，网页固定版心手机屏幕小， 网页宽度多数为100%2、谷歌模拟器在电脑里面边写代码边调试移动端网页效果：谷歌模拟器3、分辨率分辨率分类物理分辨率是生产屏幕时就固定的，它是不可被改变的逻辑分辨率是由软件（驱动）决定的制作网页参考逻辑分辨率移动端主流设备分辨率4、视口默认情况下，网页的宽度和逻辑分辨率不一样，为了让其一样，添加视口标签html中!后格式自动有了，不用另外写。5、二倍图为了高分辨率下图片不会模糊失
2022-05-21 16:57:51
128
原创 空间转换+动画
一、空间转换1、移动空间：是从坐标轴角度定义的。x 、y 和z三条坐标轴构成了一个立体空间，z轴位置与视线方向相同。属性：transform语法transform: translate3d(x, y, z);transform: translateX(值);transform: translateY(值);transform: translateZ(值);取值（正负均可）像素单位数值百分比z变换没有改变，是因为电脑平面，默认无法观察远近效果，属性perspec
2022-05-10 14:47:38
113
原创 （二、移动端）字体图标+平面转换
一、字体图标背景：① 字体图标用来显示网页中通用的、常用的一些小图标；② 精灵图存在图片文件大、图片放大缩小会失真、不易修改的缺点字体图标方便前端工程师修改，展示的是图标，本质属于字体。③ 字体图标优点：灵活方便修改、加载快、兼容性好④ 字体图标和精灵图使用场景：结构样式简单的小图标，用字体图标结构样式复杂的小图片，用精灵图字体图标下载网站：① icomoon② 阿里iconfont字体字体图标的使用首先将刚刚下载的包解压......
2022-05-10 13:20:27
190
原创 小兔鲜儿案例
一、注意点1、Header 部分开发（1）logo搜索引擎优化做法h1里面放a,a里面输入网站名，图标用背景导入，字体为0不显示。 <!-- 头部 --> <div class="header wrapper"> <div class="logo"> <h1><a href="#">小兔鲜儿</a></h1> </div> </
2022-05-08 20:16:21
352
原创 CSS定位装饰
一、定位1、定位的基本介绍① 网页常见布局方式1.标准流块级元素独占一行 → 垂直布局行内元素/行内块元素一行显示多个 → 水平布局2.浮动可以让原本垂直布局的 块级元素变成水平布局3.定位可以让元素自由的摆放在网页的任意位置一般用于盒子之间的层叠情况②定位常用于可以解决盒子与盒子之间的层叠问题:定位之后的元素层级最高，可以层叠在其他盒子上面可以让盒子始终固定在屏幕中的某个位置2、定位的基本使用① 设置定位方式➢ 属性名：position➢ 常见属性值：② 设置
2022-05-02 11:51:09
300
原创 CSS布局 浮动
一、结构伪类选择器目标：能够使用 结构伪类选择器 在HTML中定位元素作用：根据元素在HTML中的结构关系查找元素场景：常用于查找某父级选择器中的子元素➢ 选择器:➢ n的注意点：n为：0、1、2、3、4、5、6、……通过n可以组成常见公式<style> li:nth-child(2n){ background-color: aqua; } </style>（拓展）结构伪类选择器的易错点
2022-04-24 14:32:08
71
原创 CSS盒子模型
1、PxCook的基本使用1.通过软件打开设计图新建项目web，手机端选另两个2.常用快捷键放大设计图：ctrl + +缩小设计图：ctrl + -移动设计图：空格按住不放，鼠标拖动3.常用工具量尺寸吸颜色4.img文件使用设计模式，psd文件使用开发模式直接获取数据2、盒子模型（1）盒子模型介绍盒子的概念1.页面中的每一个标签，都可看做是一个 “盒子”，通过盒子的视角更方便的进行布局2.浏览器在渲染（显示）网页时，会将网页中的元素看做是一个个的矩形区域，我们也形象的
2022-04-22 10:12:18
624
原创 CSS进阶
1、选择器进阶（1）复合选择器后代选择器：空格➢作用：根据 HTML 标签的嵌套关系，选择父元素 后代中 满足条件的元素➢ 选择器语法：父选择器1 后代选择器2 { css }➢结果：在选择器1所找到标签的后代（儿子、孙子、重孙子…）中，找到满足选择器2的标签，设置样式➢注意点：1.后代包括：儿子、孙子、重孙子……2.后代选择器中，选择器与选择器之前通过 空格 隔开<style> div p{ color: brown; } <
2022-04-16 20:54:17
208
原创 CSS基础
1、CSS基础认知(1)CSS的介绍CSS：层叠样式表CSS作用：给页面中的HTML标签设置样式(2)语法规则写在哪里？css写在style标签中，style标签一般写在head标签里面，title标签下面（3)常见属性注意：CSS 标点符号都是英文状态下的每一个样式键值对写完之后，最后需要写分号大小都要以px结尾<style> p{ color: blue; font-size: 30px;
2022-04-14 21:56:55
300
原创 XGBOD:用无监督表示学习改进有监督离群点检测
XGBOD: Improving Supervised Outlier Detectionwith Unsupervised Representation Learning论文链接：https://www.andrew.cmu.edu/user/yuezhao2/papers/18-ijcnn-xgbod.pdf代码：https://github.com/yzhao062/XGBOD无监督+有监督本文工作补充知识离群点检测：【1】监督学习方法正常样本和异常样本都有标记：典型的处理方法是对
2022-04-14 14:31:45
1476
原创 HTML 标签元素
1、标题标签 Headingh1~h6<h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6>同时选中下一个相同字符：command + D特点：独占一行文字加粗文字变大，h1->h6 文字逐渐变小2、段落标签 Paragraph
2022-04-11 17:04:58
152
原创 （一、html+css）HTML基本认知
1、常见 5 大浏览器IE火狐 FireFox谷歌 ChromeSafari欧朋 Opera2、渲染引擎3、Web 标准4、HTML超文本标记语言5、hello world需要设置显示 文件扩展名文件扩展名：.htmlindex.html<strong>hello world</strong>6、HTML 骨架<html> <head> <title></title> </he
2022-04-11 16:55:29
3590
原创 真题。。。。
#时间显示p=['00','01','02','03','04','05','06','07','08','09','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24','25','26','27','28','29', '30', '31', '32', '33', '34', '35', '36', '37', '38', '39', '40', '41', '42', '43', '44', '4
2022-04-02 20:03:26
71
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人