学习
关注
分享
扫一扫
文章平均质量分 66
m0_1229
这个作者很懒，什么都没留下…
展开
-
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 · 570 阅读 · 0 评论 -
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 · 561 阅读 · 0 评论 -
用vscode时遇到的问题
npm无法将“npm”项识别为cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。最近换了台新电脑xiaoxinAir，在写代码安装node,yarn的过程中遇到一些问题，因而记录下问题及找到的解决方法。4.用navicat新建表时用到了timestamp属性，出现1294错误。原因对长度进行了设置，timestamp属性本身自带长度，不需要再设置了。解决方法安装插件openinbroswer。解决方法将长度改为0。...原创 2021-12-09 16:25:03 · 341 阅读 · 0 评论 -
【学习笔记31】Vue的生命周期
对生命周期有点一知半解，所以做个笔记记录下来。原创 2021-10-08 14:22:33 · 100 阅读 · 0 评论 -
【学习笔记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 · 91 阅读 · 0 评论 -
【学习笔记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 · 88 阅读 · 0 评论 -
【学习笔记28】TypeScript笔记整理
一、原创 2021-09-26 14:27:47 · 94 阅读 · 0 评论 -
【学习笔记26】事件拖放
拖放事件1.dragstart按下鼠标按键并开始移动鼠标，会触发dragstart事件,我们通过ondragstart来调用方法drag 当dragstart开始，会持续触发drag事件，类似mousemove事件dragend 当拖放停止时（即鼠标按键抬起时），会触发dragenter 拖动元素被拖动到放置元素上dragleave 拖动元素从放置元素上移出dragover 拖动元素在放置元素范围内移动drop 放置事件拖放事件 生命周期:dragstart-drag-dra原创 2021-09-17 14:24:31 · 289 阅读 · 0 评论 -
【学习笔记25】画布canvas+案例
canvas属于html元素 H5新元素 需要结合js ,主要用来绘制2d图形 在页面上放置一个canvas元素 就相当于放置了一块画布 可以绘制路径 矩形 圆形 字符 图像 属性： width 默认值 300px height 默认值 150px 注意点：canvas需要写闭合标签 <canvas></canvas> 一般不建议使用css设置它的宽高 方法： ...原创 2021-09-16 18:41:03 · 1932 阅读 · 0 评论 -
【学习笔记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 · 360 阅读 · 0 评论 -
【学习笔记23】js笔记整理
JavaScript的组成部分：- ECMAScript，描述了该语言的语法和基本对象。- 文档对象模型（DOM），描述处理网页内容的方法和接口。- 浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。Day011.js特征：①解释型的，依赖于运行环境（nodejs：基础语法+服务器端、浏览器：基础语法+DOM+BOM）②弱数据类型语言③顺序执行（自上而下）④即可以作为前端开发语言，又可以作为服务器语言，取决于运行环境（浏览器、操作系统nodejs）（Linux：node，默认原创 2021-09-14 11:46:51 · 138 阅读 · 0 评论 -
【学习笔记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 · 128 阅读 · 0 评论 -
【学习笔记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 · 83 阅读 · 0 评论 -
【学习笔记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 · 95 阅读 · 0 评论 -
【学习笔记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 · 146 阅读 · 0 评论 -
【学习笔记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 · 169 阅读 · 0 评论 -
【学习笔记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 · 285 阅读 · 0 评论 -
【学习笔记11】CSS选择器
利用css更改文字样式<style>p{color:blueviolet;font-style:italic;}#col{color:#f3b8b8;}</style>css是一种标记语言，主要设置HTML页面中的文本内容、图片的外形、版面的布局和外观显示样式, CSS写在head标签...原创 2021-08-05 11:21:31 · 134 阅读 · 0 评论 -
【学习笔记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 · 239 阅读 · 0 评论 -
【学习笔记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 · 124 阅读 · 0 评论 -
【学习笔记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 · 186 阅读 · 0 评论 -
【学习笔记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 · 95 阅读 · 0 评论 -
【学习笔记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 · 81 阅读 · 0 评论 -
【学习笔记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 · 92 阅读 · 0 评论 -
【学习笔记4】HTML（2）
1.表格标签表格的主要作用：用于显示、展示数据。基本语法：<table><thead><tr><th>表头单元格（tablehead）有加粗居中的功能</th></tr></thead><tbody><tr><td>单元格内...原创 2021-07-29 19:34:28 · 140 阅读 · 0 评论 -
【学习笔记3】Axure
Axure 第一阶段：页面重构 工具：Axure 原型：是一个产品或数据系统的一个基本实用的模型 原型功能：包括UI、功能（交互） 使用者：产品经理、交互设计师、UI设计师、架构师、程序员 Axure软件可以将原型文件，rp生成HTML或图片以供演示；做出交互效果，直接通过 拖拽主键生成页面，能够快速模拟出高速保真的页面原型 原型中需要重复使用的模块可以做成母版Axure的使用： 1.文本框里的交互效果设置：在交互界面里在"输入提示...原创 2021-07-28 19:07:08 · 395 阅读 · 0 评论 -
【学习笔记2】HTML（1）
1.<!DOCTYPEhtml> <!--文档类型声明标签（需要记住） --><htmllang="en"><!--用来定义当前文档的显示语言，zn-CN表示中文，en表示英文--><metacharset="UTF-8"><!--charset表示字符集，UTF-8万国码，基本包含全世界的语言-->2.标题标签，作为标题使用，依据重要性递减<h1>一级标题，标题一共六级...原创 2021-07-28 15:00:42 · 116 阅读 · 0 评论 -
【学习笔记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 · 479 阅读 · 0 评论