前端
文章平均质量分 62
m0_1229
这个作者很懒,什么都没留下…
展开
-
TypeError:......‘atom‘ of undefined
'atom' of undefined..原创 2022-10-18 09:13:50 · 153 阅读 · 0 评论 -
《你不知道的JavaScript》笔记
虽然敲代码有一段时间了,但是都是在前辈早已写好的基础上进行代码完善的,调用的属性、变量都是被提前封装好的。而自己也发现了对js的知识有点欠缺,从今天开始抽空看这本书,并更新自己的学习笔记。............原创 2022-07-20 17:29:42 · 226 阅读 · 0 评论 -
记录一下最近遇到的问题
对于ios来说,chrome浏览器只包含Safari并不包含chrome(因为ios系统上的浏览器都是同一个浏览器处理内核WebKit,且被苹果系统统一处理过),此时我们就可以通过CriOS属性来区分。原创 2022-07-20 11:25:32 · 470 阅读 · 0 评论 -
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 · 456 阅读 · 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 · 523 阅读 · 0 评论 -
用vscode时遇到的问题
npm无法将“npm”项识别为cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。最近换了台新电脑xiaoxinAir,在写代码安装node,yarn的过程中遇到一些问题,因而记录下问题及找到的解决方法。4.用navicat新建表时用到了timestamp属性,出现1294错误。原因对长度进行了设置,timestamp属性本身自带长度,不需要再设置了。解决方法安装插件openinbroswer。解决方法将长度改为0。...原创 2021-12-09 16:25:03 · 278 阅读 · 0 评论 -
【学习笔记31】Vue的生命周期
对生命周期有点一知半解,所以做个笔记记录下来。原创 2021-10-08 14:22:33 · 74 阅读 · 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 · 62 阅读 · 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 · 63 阅读 · 0 评论 -
【学习笔记28】TypeScript笔记整理
一、原创 2021-09-26 14:27:47 · 62 阅读 · 0 评论 -
【学习笔记27】ES6笔记整理
一、原创 2021-09-26 14:26:28 · 185 阅读 · 0 评论 -
【学习笔记26】事件拖放
拖放事件1.dragstart按下鼠标按键并开始移动鼠标,会触发dragstart事件,我们通过ondragstart来调用方法drag 当dragstart开始,会持续触发drag事件,类似mousemove事件dragend 当拖放停止时(即鼠标按键抬起时),会触发dragenter 拖动元素被拖动到放置元素上dragleave 拖动元素从放置元素上移出dragover 拖动元素在放置元素范围内移动drop 放置事件拖放事件 生命周期:dragstart-drag-dra原创 2021-09-17 14:24:31 · 240 阅读 · 0 评论 -
【学习笔记25】画布canvas+案例
canvas属于html元素 H5新元素 需要结合js ,主要用来绘制2d图形 在页面上放置一个canvas元素 就相当于放置了一块画布 可以绘制路径 矩形 圆形 字符 图像 属性: width 默认值 300px height 默认值 150px 注意点:canvas需要写闭合标签 <canvas></canvas> 一般不建议使用css设置它的宽高 方法: ...原创 2021-09-16 18:41:03 · 1838 阅读 · 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 · 319 阅读 · 0 评论 -
【学习笔记23】js笔记整理
JavaScript的组成部分:- ECMAScript,描述了该语言的语法和基本对象。- 文档对象模型(DOM),描述处理网页内容的方法和接口。- 浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口。Day011.js特征:①解释型的,依赖于运行环境(nodejs:基础语法+服务器端、浏览器:基础语法+DOM+BOM)②弱数据类型语言③顺序执行(自上而下)④即可以作为前端开发语言,又可以作为服务器语言,取决于运行环境(浏览器、操作系统nodejs)(Linux:node,默认原创 2021-09-14 11:46:51 · 104 阅读 · 0 评论 -
【学习笔记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 · 123 阅读 · 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 · 84 阅读 · 0 评论 -
【学习笔记20】H5C3重点整理
1.块级行内区别: ① 块级独占一行的,行内与其他元素共享一行 ②块级元素可以直接设置宽高,行内不能直接设置宽高,需要结合CSS的display来设置。 ③块级元素可以嵌套块级与行内元素,而行内只能包含行内元素。2.清除浮动 父子级: 1.在子级元素后添加一个空元素,为其添加clear:both 弊端:增加了无意义的元素结构 2.给父级元素设置一个overflow:hiddden 解决了第一种方法的弊端 3.伪类元素after...原创 2021-08-30 11:07:57 · 111 阅读 · 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 · 60 阅读 · 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 · 62 阅读 · 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 · 111 阅读 · 0 评论 -
【学习笔记16】三种布局方式
默认文档流就是对页面布局不加任何修饰,元素自动的布局方式,其特点如下1)元素在页面中的显示顺序与元素在代码中出现的顺序是一致的,即文档结构从外到内、从上到下、从左至右。2)块级元素独占一行空间,宽度默认为父级的100%,高度由其内容高度(子元素高度)所决定。3)行内元素与其他元素共享一行空间,宽高由其内容所决定。 同级别的块级元素:垂直方向的线性结构; 同级别的行内元素:水平方向的线性结构。布局方式:浮动布局、定位布局、伸缩盒布局/弹性盒1.浮动布局(flo...原创 2021-08-19 17:02:04 · 529 阅读 · 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 · 116 阅读 · 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 · 210 阅读 · 0 评论 -
【学习笔记13】CSS:动画与变形
动画:animation过渡:transition转换:transform1.动画animation的使用1)定义关键帧@keyframes 自定义的名称{ from{一个或多个css的属性值} to{一个或多个css的属性值}}或者:@keyframes 自定义的名称{ 0%{一个或多个css的属性值} 100%{一个或多个css的属性值}...原创 2021-08-18 15:09:10 · 185 阅读 · 0 评论 -
【学习笔记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 · 132 阅读 · 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 · 102 阅读 · 0 评论