- 博客(38)
- 收藏
- 关注
RSS订阅
2原创 《你不知道的JavaScript》笔记
虽然敲代码有一段时间了，但是都是在前辈早已写好的基础上进行代码完善的，调用的属性、变量都是被提前封装好的。而自己也发现了对js的知识有点欠缺，从今天开始抽空看这本书，并更新自己的学习笔记。............
2022-07-20 17:29:42
245
原创 记录一下最近遇到的问题
对于ios来说，chrome浏览器只包含Safari并不包含chrome（因为ios系统上的浏览器都是同一个浏览器处理内核WebKit，且被苹果系统统一处理过),此时我们就可以通过CriOS属性来区分。
2022-07-20 11:25:32
576
原创 react笔记
1.html文件中引入库：react、react-dom、Babel <script src="https://cdn.bootcdn.net/ajax/libs/react/17.0.2/umd/react.production.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/react-dom/17.0.2/umd/react-dom.production.min.js">...
2022-03-09 19:10:10
515
原创 Node笔记
1.nodejs:一种js解释器单页面程序：（浏览器端渲染语言）打包之后只有一个页面，不利于SEO做检索，一般情况下部署在静态服务器(apache)下问：什么是浏览器端渲染？多页面程序：（服务器端渲染）多页面程序开发：nuxt(Vue)/next(react)使用nuxt(vue)在node环境中npx create-nuxt-app 名称nodejs相关api： 1）http：(网络模块)提供HTTP服务器功能 2）fs：与文件系统交互 3）url(统一资源定位符...
2022-03-06 16:56:19
545
原创 用vscode时遇到的问题
npm无法将“npm”项识别为cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。最近换了台新电脑xiaoxinAir，在写代码安装node,yarn的过程中遇到一些问题，因而记录下问题及找到的解决方法。4.用navicat新建表时用到了timestamp属性，出现1294错误。原因对长度进行了设置，timestamp属性本身自带长度，不需要再设置了。解决方法安装插件openinbroswer。解决方法将长度改为0。...
2021-12-09 16:25:03
314
原创 【学习笔记30】数组去重的多种方法
方法1：for循环去重var arr=[1,2,1,2,3,4,3];let unique=(arr)=>{//数组的前一项for(let i=0;i<arr.length;i++){//数组的后一项for(let j=i+1;j<arr.length;j++){if(arr[i]===arr[j]){arr.splice(j,1);//移除重复元素...
2021-09-28 14:47:41
79
原创 【学习笔记29】创建一个ArrayLike类，在该类的构造函数中完成数组到类数组对象的转换，并且为其提供迭代器
class ArrayLike{ constructor(args){ for(let i=0;i<args.length;i++){ let val = args[i] this[i] = val; } Object.defineProperty(this,'length',{ configurable:true, enumerable:false, value:args.length }) } .
2021-09-27 18:57:37
78
原创 【学习笔记26】事件拖放
拖放事件1.dragstart按下鼠标按键并开始移动鼠标，会触发dragstart事件,我们通过ondragstart来调用方法drag 当dragstart开始，会持续触发drag事件，类似mousemove事件dragend 当拖放停止时（即鼠标按键抬起时），会触发dragenter 拖动元素被拖动到放置元素上dragleave 拖动元素从放置元素上移出dragover 拖动元素在放置元素范围内移动drop 放置事件拖放事件 生命周期:dragstart-drag-dra
2021-09-17 14:24:31
266
原创 【学习笔记25】画布canvas+案例
canvas属于html元素 H5新元素 需要结合js ,主要用来绘制2d图形 在页面上放置一个canvas元素 就相当于放置了一块画布 可以绘制路径 矩形 圆形 字符 图像 属性： width 默认值 300px height 默认值 150px 注意点：canvas需要写闭合标签 <canvas></canvas> 一般不建议使用css设置它的宽高 方法： ...
2021-09-16 18:41:03
1877
原创 【学习笔记24】jQuery
1)使用1.导入 jquery.min.js2.应用:$（表示jQuery）2)$用法$(function(){}) 在文档加载完毕后执行$(css选择器) 通过css选择器指定dom对象，并且封装到jQuery这个类数组对象中$("<div><span><span></div>")将字符串中的元素转换为dom对象，再封装到jQuery对象中$(dom对象) 将dom对象转换为jQ...
2021-09-14 19:20:15
342
原创 【学习笔记23】js笔记整理
JavaScript的组成部分：- ECMAScript，描述了该语言的语法和基本对象。- 文档对象模型（DOM），描述处理网页内容的方法和接口。- 浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。Day011.js特征：①解释型的，依赖于运行环境（nodejs：基础语法+服务器端、浏览器：基础语法+DOM+BOM）②弱数据类型语言③顺序执行（自上而下）④即可以作为前端开发语言，又可以作为服务器语言，取决于运行环境（浏览器、操作系统nodejs）（Linux：node，默认
2021-09-14 11:46:51
122
原创 【学习笔记22】js算法整理
1.分别用while，for，do...while这三种方式递归算法实现10！ //for循环 var sum=1;for(var i=1;i<=10;i++){ sum*=i;}console.log(sum); //while循环var i=10,sum=1;while(i>0){ sum*=i; i--;}console.log(sum);//do...while循环var i=1,sum=1;do{ sum*=i;
2021-08-30 20:30:58
141
原创 【学习笔记21】js重点整理
1.数据类型转换其他类型转string 1)+号拼接'' 2)toString()函数，除了null和defined，其他的都有 3)String()包装器其他类型转Boolean 1）!! 2）Boolean()包装器 转换为false的值是：'' 0 NaN null undefined 假性值 ' ':空格字符串——true其他类型转number 1)+-,+'123' 一元运算符，本质上是Number包装器 2)Numbe...
2021-08-30 11:10:33
107
原创 【学习笔记20】H5C3重点整理
1.块级行内区别： ① 块级独占一行的，行内与其他元素共享一行 ②块级元素可以直接设置宽高，行内不能直接设置宽高，需要结合CSS的display来设置。 ③块级元素可以嵌套块级与行内元素，而行内只能包含行内元素。2.清除浮动 父子级： 1.在子级元素后添加一个空元素，为其添加clear:both 弊端：增加了无意义的元素结构 2.给父级元素设置一个overflow:hiddden 解决了第一种方法的弊端 3.伪类元素after...
2021-08-30 11:07:57
131
原创 【学习笔记19】两边定宽中间自适应的三种方法
方法1：利用flex盒给父代设置display:flex;属性对第一个和第三个盒子设置宽高和背景颜色；对第二个盒子设置：flex：1body区域：<div class="outer"> <div class="first"></div> <div class="second"></div> <div class="third"></div></div&
2021-08-28 22:04:37
75
原创 【学习笔记18】云服务器
1.安装xshell或者用电脑自带的cmd，远程登录并安装apache2步骤：apt-get updateapt-get install apache2service apache2 statusservice apache2 starts2.利用cmd或者xshell上传文件到云服务器步骤：ssh root@自己的ip号——输入密码，登录云服务器mv 文件名 var/www/html ——apache2的文件cd var/www/htmllschmod -R 77.
2021-08-25 19:20:56
87
原创 【学习笔记17】媒体查询和网站推荐
媒体查询由一个可选的媒体类型，以及若干个css表达式这两部分组成。用媒体查询来实现响应式布局。响应式媒体查询尺寸：在link标签中写：且src='相应的css名称'@media screen and (max-width: 768px) 超小屏@media screen and (min-width:768px) and (max-width: 992px) 小屏@media screen and (min-width:992px) and (max-width: 1200px) 中
2021-08-25 18:58:11
135
原创 【学习笔记16】三种布局方式
默认文档流就是对页面布局不加任何修饰，元素自动的布局方式，其特点如下1)元素在页面中的显示顺序与元素在代码中出现的顺序是一致的，即文档结构从外到内、从上到下、从左至右。2)块级元素独占一行空间，宽度默认为父级的100%，高度由其内容高度（子元素高度）所决定。3)行内元素与其他元素共享一行空间，宽高由其内容所决定。 同级别的块级元素：垂直方向的线性结构； 同级别的行内元素：水平方向的线性结构。布局方式：浮动布局、定位布局、伸缩盒布局/弹性盒1.浮动布局（flo...
2021-08-19 17:02:04
554
原创 【学习笔记15】HTML&CSS错题整理
1.form元素的enctype属性值默认是：-application/x-www-form-urlencoded2.HTML元素的核心属性有哪些？ id、class、title、style3.display：none与visibility：hidden的区别：前者隐藏对应的元素但不挤占该元素原来的空间；后者隐藏对应的元素，但会挤占该元素原来的空间。4.如何使用响应式布局：方法1：通过@media进行媒体查询，在不同的网页加载中执行不同的css代码；方法2：利用boo...
2021-08-18 16:27:51
147
原创 【学习笔记14】动画案例：同心圆的呼吸效果
代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&
2021-08-18 15:15:45
238
原创 【学习笔记13】CSS：动画与变形
动画：animation过渡：transition转换：transform1.动画animation的使用1）定义关键帧@keyframes 自定义的名称{ from{一个或多个css的属性值} to{一个或多个css的属性值}}或者：@keyframes 自定义的名称{ 0%{一个或多个css的属性值} 100%{一个或多个css的属性值}...
2021-08-18 15:09:10
206
原创 【学习笔记12】CSS：盒子模型及背景样式
盒子模型：默认盒子模型，又叫W3C盒子，取值为content-box其中，width/height仅表示盒子内容所占的宽度/高度。盒子的宽=width+padding_left+padding_right+border_left+border_right盒子的高=height+padding_top+padding_bottom+border_top+border_bottom所占屏幕的宽=盒子的宽+margin_left+margin_right所占屏幕的高=盒子的高+ma.
2021-08-11 09:05:05
159
原创 【学习笔记11】CSS选择器
利用css更改文字样式<style>p{color:blueviolet;font-style:italic;}#col{color:#f3b8b8;}</style>css是一种标记语言，主要设置HTML页面中的文本内容、图片的外形、版面的布局和外观显示样式, CSS写在head标签...
2021-08-05 11:21:31
121
原创 【学习笔记10】HTML补充+H5对input的扩展
1.HTML的补充：（1）progress：进度条 max:默认为1 value：0-1之间，小数<form action="" method="post"> 指定：<progress value="70" max="100"></progress>70% <br> 指定：<progress value="30" max="1...
2021-08-04 20:30:45
188
原创 【学习笔记9】HTML案例-课表
编写课表并且有课时用不同的背景色表示代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale...
2021-08-03 20:20:08
108
原创 【学习笔记8】HTML案例3：个人简历表格设计
介绍：设计个人简历表格代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"&g...
2021-08-03 19:31:52
167
原创 【学习笔记7】HTML（3）+H5语义化标签
1.图片： <img src="" alt=""/> src:图片的地址（必须填），alt:图片地址出错时会显示alt的内容，width,height视频： <video src="D:\briup\Html\图片+视频\axure_day04_2" controls> </video> controls:表示是否显示控制条 loop：是否循环播放（播放结束后从头开始播放） muted：是否静音播放 autopl...
2021-08-03 19:27:37
85
原创 【学习笔记6】HTML案例2（笔记目录）
功能：点击目录跳转到当前页面的位置代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=...
2021-08-03 19:24:45
70
原创 【学习笔记5】HTML案例1（表单）
代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><t...
2021-08-02 19:12:22
88
原创 【学习笔记4】HTML（2）
1.表格标签表格的主要作用：用于显示、展示数据。基本语法：<table><thead><tr><th>表头单元格（tablehead）有加粗居中的功能</th></tr></thead><tbody><tr><td>单元格内...
2021-07-29 19:34:28
118
原创 【学习笔记3】Axure
Axure 第一阶段：页面重构 工具：Axure 原型：是一个产品或数据系统的一个基本实用的模型 原型功能：包括UI、功能（交互） 使用者：产品经理、交互设计师、UI设计师、架构师、程序员 Axure软件可以将原型文件，rp生成HTML或图片以供演示；做出交互效果，直接通过 拖拽主键生成页面，能够快速模拟出高速保真的页面原型 原型中需要重复使用的模块可以做成母版Axure的使用： 1.文本框里的交互效果设置：在交互界面里在"输入提示...
2021-07-28 19:07:08
366
原创 【学习笔记2】HTML（1）
1.<!DOCTYPEhtml> <!--文档类型声明标签（需要记住） --><htmllang="en"><!--用来定义当前文档的显示语言，zn-CN表示中文，en表示英文--><metacharset="UTF-8"><!--charset表示字符集，UTF-8万国码，基本包含全世界的语言-->2.标题标签，作为标题使用，依据重要性递减<h1>一级标题，标题一共六级...
2021-07-28 15:00:42
95
原创 【学习笔记1】Git
学习内容1：建立并连接仓库步骤：1.在www.gitee.com上创建了自己的账号，并创建了自己的仓库（此为云端仓库）；2.建立需要上传的文件夹及文件（此为本地仓库），打开需上传文件的所在位置并在文件地址栏中输入cmd，然后输入命令git init，此时会在目标文件夹中建立一个隐藏的 .git文件，此时本地仓库已是git仓库；3.继续输入以下指令：git add * //Enter以下，*代表该文件夹中的所有文件git commit -m "first commit" //将文件内容提交.
2021-07-27 20:26:28
444
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人