- 博客(34)
- 收藏
- 关注
RSS订阅原创 JS获取本地文件并预览
2.然后js获取,并监听当input框内填入文件时响应,然后创建正则函数（后面用），创建filereader对象用来获取文件对象并读取，然后获取文件的地址基于b64，这里用正则表达式区分一下视频文件和图形文件，图像文件直接传就行，视频文件需要转为aBlob对象再创建个新的filereader对象再传入，不然可能会报错。首先那些/C/......之类的都是本地的假地址，没法直接访问打开，（emm我想可能是因为用户协议之类的没法直接获取本地数据来用），那就需要一些方法来获取本地文件的可操作地址。
2022-10-15 21:31:18
1743
1
原创 node用axios上传文件
这种方法是将js中param传输的数据接收并加在url后面直接传输，然后data传输文件，并且在路远传输文件时还须传输文件头。路由，（以前没写过node项目，搞得我弄了半天QAQ），路由发送文件数据时有两种方法。js，跟之前没什么不同记得是一个formdata里加入多个文件，不要创建多个fromadata。最近在写项目时，在写axios上传文件时不知道咋上传了，来记录一波。在调用接口时记得先试试，有可能后端页毛病，上传文件时路由里的mult不要忘写。还是老方法，用fromadata接收文件并传输，
2022-10-09 16:41:40
917
1
原创 用js自定义视频播放器
功能列表：0.视频加载完成前的初始1.控制视频开始暂停；2.实时监控进度更新进度条和时间3.控制声音大小；6.进度条点击更改视频进度；创建flag判断如果现在暂停的话flag为false点击开始播放，播放时flag为true点击暂停。在视频未加载出前或者当你改变进度条时需要加载figure就显示，加载好了再让vido显示。由于前面实时监听的时间，在改变视频时间后，进度条会自动更新。声音大小等于总的减去点击的长，再除以总的得到百分比。首先在视频加载前先要完成一些初始化。视频音量大小为0到1，初始值为1.
2022-09-25 09:02:08
1551
1
原创 js promise
promise是抽象的异步处理对象，实例化的promise有三种状态Fulfilled: 表示成功解决，这时会调用 onFulfilled.Rejected: 表示解决失败，此时会调用 onRejected.Pending: 表示待解决，既不是resolve也不是reject的状态。也就是promise对象刚被创建后的初始化状态.
2022-09-17 16:01:18
213
原创 try，catch，finally
在写代码中我们在页面运行时，如果有代码错误或写法有问题，那么输出台会给我们报出一行红色的错误，实际上我们也可以自己抛出错误并报出。因为try，catch是同步执行在一个task中，而settimeout是异步，在任务队列中，当task执行完后才能执行任务队列，所以捕获不到。}包含块中的代码有错误，则运行catch(err){…所以说当finally不是在他俩必须出现后执行，所以它不是人如其名，不是最后执行的。catch 语句允许我们定义当 **try** 代码块发生错误时，所执行的代码块。
2022-09-10 16:35:58
174
原创 js 有关this的使用问题
不止js中有this，java和c++都有this的存在，在js中，this的指向是随着宿主环境的变化而变化的，所以在不同地方调用也会有不同的结果。
2022-09-03 15:42:29
322
原创 Websocket
1.搭建socket服务器 new WebSocket.server({port:8080},()=>{})2.前端进行连接（数据交互） new WebSocket('ws://localsocket:8080')服务器推送分为长链接和短连接，长链接我们常用socket，而短连接我们常用ajax。ajax简单，快捷，不过需要前后端设置接口，访问接口，比较浪费资源。3.websocket (h5新增，低版本浏览器不兼容，使用简单)2.socket.io(麻烦但兼容性好)...
2022-08-14 10:10:03
154
原创 nodejs
安装实际上跟java差不多，也需要配置环境，在官网下载完后配置环境后就可以了，不过在使用node时我们通常需要安装npm，是随同NodeJS一起安装的包管理和分发工具，它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。nodejs是一个用于js开发服务端程序，可以编写高性能网络服务器的javascipt工具包，让JavaScript运行在服务器的开发平台，是一个基与Chromev8引擎的JavaScript运行环境。node的特点是运行很快，性能非常好，但站的内存也多。...
2022-07-31 11:20:59
73
原创 考核后一些总结以及小知识点
首先创建正则表达式varreg=RegExp(/特殊符号或内容等/)，用正则表达式可以判断密码邮箱，手机号等等是否符合要求，通过reg.test(对象)方法来判断里面是否有所需要的东西，不过要注意的是test方法是正则.test(对象),是正则方法。es6中新增了反引号，他可以多行使用，也就是不用将很长的代码挤在一行啦，另外它还有一种用法，${对象},在获取数据遍历时常常用到，大括号中是需要添加的对象，这样就不必像""+对象+""这么麻烦了（并且这样写还很容易少个+号或"号）。...
2022-07-24 09:16:00
43
原创 关于date对象和formData对象
1.创建date对象有多种方法，创建出来的东西也不同2.get方法获取具体日期date对象是无法直接打印出来的，而是需要get函数来具体获取年月日等例如getDate()获取某一天1-31getDay()获取某星期几0-6，周日是0，周一是一以此类推可以获取的时间和当时你定义的东西有关，方法为get+首字母大写()，如果没有定义大部分返回0和1也就是第一个值另外getMonth()获取几月，0-11，一月就是0以此类推，所以使用月的时候要加1。...
2022-07-17 09:52:57
420
原创 es6，Map
在有时候，用js写算法题时，有时候看题解会发现有些时候会用到map，map我的第一个感觉就是它像个数组但又不是个数组，so我也深入的了解了一下。map对象是一个js中的数据结构，它里面保存的是键值对，其中任何值都可以作文键和值map.set(jian,"zhi")map.get(jians)不难看出set就是设置一个map后，将键和值都传进去，然后可以用get方法来返回这个值在set中jian可以是一个字符串对象，也可以直接是一个字符串，还可以是函数，NaN，在get中jians如果是jian或者是这
2022-07-10 20:34:52
84
原创 暑假第四周canvas画布画验证码
canvas画布标签是在html中建立一个类似于画板的标签，在上面可以任意绘制内容，canvas标签常伴随js同时使用，可以让canvas标签有更大的用处，比如验证码，小图标甚至小游戏。（代码在后面）canvas画布中有许多方法，这里介绍几种在绘制验证码时常用的方法1.“canvas对象名”.getContext("2d")首先要用js绘制画布时在得到该canvas元素后，还不能直接使用，还要用后才能以这个新的对象使用canvas的各种方法2.fillText()在画布上添加文字fillText(te
2022-07-03 11:07:08
320
1
原创 暑假第三周，thymeleaf和select标签
themeleaf简要 thymeleaf，在前端页面中是写在html标签中的，这样可以实现静态和动态，当有数据返回html标签中时thymeleaf便会动态的替换原本的静态内容，不过themeleaf常用于前后端混合模式，前后端需要多商讨，知道数据格式。thymeleaf基本使用方法如上述例子，双引号内部还可以用对象，连接等 也可以使用属性 选择变量表达式：*{...}，用法和变量表达式差不多，不过在子元素使用父元素内部的属性时可以使用object属性方便引入
2022-06-26 10:10:26
687
原创 js数组常用的方法
1.增加 push unshfitpush向数组末尾添加元素，可以添加多项输出的是改变后数组的长度，而原数组也被改变unshift向数组开头添加元素，可以添加多项跟push差不多只不过是在开头添加2.删除，更改pop shift splicepop，删除最后一项，不能删除多个输出的是被删除的那个数，原数组被改变shift删除第一项，不能删除多个输出的是被删除的那个数，原数组被改变splice(a,b,c)删除。更改，可以删除多个a：从哪个位置开始b：从哪个位置结束c：要替换的元素,可
2022-06-19 14:05:56
60
原创 5.14总结
学校又封了T^T，这周在写页面时的一些总结1.mouseover与mouseentermouseover与mouseenter单独作用于一个单独元素时效果是一样的，但是他们还是有些不同，当<ul> <li> <li><ul>var ul=document.querrSelector("ul")ul.onmouseover=function(){ console.log("666")}给
2022-05-14 17:30:33
74
原创 5.7考核总结
最令我头疼的上机考核终于结束了QAQ，查漏补缺下。1.获取节点，元素与获取nodelist节点列表和数组的方式 这个获取节点和节点列表的方法我理解错了，节点（node）是html中的每一个部分，如html元素，属性，文本甚至是注解，获取节点的方式与获取元素的方式一致1.根据id获取元素document.getElementById("id属性的值");2.根据标签名字获取元素document.getElementsByTagName("标签的名字");3.根据nam...
2022-05-08 09:53:23
57
原创 Grid布局
虽说刚开始学的就是flex布局，但学了grid布局后，感觉这个布局真的高级。首先grid布局是网格式布局，特别适合用在一堆整齐排列的元素中，比如商城中的一些商品列表之类的，虽说flex布局也能很好地完成这项工作，但是grid布局使用起来将会更加规整。grid布局分为两个作用域，一个是给大盒子，父类的，另一个是给大盒子中的元素，子类的；大盒子中在display：grid后，最常用的两个方法就是grid-template-rows指定每行的高度 ，g...
2022-04-30 22:10:04
433
原创 写页面时遇到的一些问题及总结（overflow和粘性定位）
这周在模仿仿写华为官网页面时发现了一些不会的问题，查查百度，或者问问学长后才恍然大悟(＾－＾)V。overflow众所周知，overflow最常用的就是overflow：hidden，再搭配上text-overflow：ecllipsis以及white-space：no-wrap，就能让多字体隐藏变成点点点，但其实它还有很多用法，首先，它的另一大用法就时添加滚动条，当使用overflow：auto，若这个div内的东西超出这个div的固定长度（宽度）时就会出现滚动条，从而达到局部 滚动的效果，以下是
2022-04-24 08:20:38
615
1
原创 var let const
以前老是对着三个定义变量的方法搞不清，今天好好梳理一下。作用域在说他仨之前首先要了解一下什么是作用域，他就是一块"地盘", 一个代码段所在的区域，另外它是静态的(相对于上下文对象), 在编写代码时就确定了。作用隔离变量，不同作用域下同名变量不会有冲突var首先先概括一下：var定义的变量可以修改，如果不初始化会输出undefined，不会报错var定义的变量在之后可以进行改变，var没有块级作用域，也就是说他定义的变量不会被隔离，在哪都能用，但是在使用它的时候，如果是这样的
2022-04-17 11:39:26
166
原创 for循环引发的一些问题，事件循环模型
上回书说到<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> var btns = document.getElementsByTagName( "button")//遍历加监听 for
2022-04-12 20:36:10
182
原创 第五周总结js高级——闭包
这周已经将js高级部分学完啦，周日就要考核啦。这部分相对于以往的浅显易懂的东西要难上很多，因为它主要讲了js内部运行的一些问题，但了解js高级后我也更加深入地了解了js为何会这样运行，也解开了我以前的未解之谜。曾经用for循环给每个按钮设置功能时老是遇到这个问题：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</t
2022-04-02 21:14:55
479
1
原创 第四周总结
考核已经结束了，自己爷从错误中学到不少知识，首先就是各种文件的存放问题，应该把每一个小板块，小功能做出一个js，html等文件，这样不仅可以提高代码的利用率而且还可以方便自己找错，纠正的=等，这个好习惯应该早早养成。其次，最近浅看了一下Vue，以后用Vue时也可以copy别人的这个版式的代码，方便快捷。另外这星期的新的学习也开始了，这部分的东西大部分是js的原理问题，理解这些原理有助于应对以后在编写js可能出现的一些小bug。我们在一些对象或是函数中有时能看见一些本不是自己编译的代码，这些属性其实也
2022-03-27 10:08:16
1175
原创 第三周总结
转眼已经返回我们学校快一个月了，最近天气急转直下，忽然就从春天拐回来大冬天，还给我搞感冒了，而且最近疫情加重，学校更是连一丝出校门的机会也不给了，新乡这么大我还从来没看过哎。 这周考核也基本上结束，我对接口的使用也开始变得熟练起来，不过在接口的使用中有一些小细节需要注意，例如：success:function(data){ $(".contents").empty() fo...
2022-03-19 10:26:20
1414
原创 开学第二周总结
本周各项制度均已恢复，该跑步跑步，该检查检查，（该出不去依旧出不去🐕），本周基本上把这次的学习内容以经学习完毕，本周最重点的知识应该是jq中Ajax请求， $.ajax({ url:'http://118.195.129.130:3000/food/del', data:{ _id:idarray[i]
2022-03-12 16:56:32
934
1
原创 开学第一周总结
开学一周里各项秩序都回归正规，上课，校园跑，作业都接踵而至，又恢复了平常的校园生活（包括依然不变的封校），在开学的一周里我也开始从家庭作息转变为校园作息，在新的学期里明显感觉课程变多了，也变难了，各种小课大课实验课也纷至沓来，所以我要在新的学期里，更加努力学习，课堂学习和小组学习都不耽误。 本周主要学习了es6以及jq的Ajax知识，es6中新增了很多方法，用法也比较简洁，如新的声明字符串``可以直接在里面引入对象let kun ='坤坤'let out = `${kun...
2022-03-06 10:29:20
68
1
原创 寒假第三周总结
寒假已经匆匆过去，现在我们已经来到学骁学习，依然是熟悉的封闭式管理，在上个星期里，我们重点学习了如何建一个git库，这样可以快捷方便的传输代码，并且将来可以和他人一起合作完成项目等，git还可以不断更改，提交，创建新的版本，并且还可以看见他人更改过什么，中文的仓库有gitee仓库，而国外有github仓库，GitHub仓库虽然比较全面但由于在国外，有时会进不去，相比较起来，GitHub更快捷。此外我们还学习了sass，sass是css的扩展语言，这可以让我们的css代码更简练，比如创建一些sass的各...
2022-02-26 20:31:57
137
1
原创 寒假第二周总结
这周已经将计划中的学习内容学习完毕，我们也开始进行考核内容，京东页面。通过这周的学习我学会了如何使用dom事件来触发一些状况，以及用计时器来定时或重复循环发生某一方法。在本周里接触的最多的还是页面制作了，通过这周的制作，页面完成度依然 没有太大的进展，可以说写的挺慢的，究其原因，首先是有些css的内容略有遗忘，又是还要查找一番，虽然css的内容繁多，但是我们也要通过不断的训练，练习来记住它们，在这周的制作里，我又渐渐想起了那些快要遗忘的知识，所以说复习是很重要的，并且温故而知新，在复习中我也学到了不少新
2022-01-23 20:04:43
301
原创 寒假第一星期学习总结
寒假放假回家已经一个多星期的时间了，在家里，我也在开始适应在家的学习习惯，首先在家要养成良好的作息习惯，并且要有独立自主的学习能力。这个星期，我主要学习了JavaScript的一些基础知识，以及一些如DOM等的可以与用户交互的方法。譬如，当客户点击一些按钮，文本，或是输入一些数据是，通过JavaScript就可以及时响应，与其互动，交互，也可以实时传递一些数据，如时间等。另外JavaScript的语法结构与java差不多，比如JavaScript的if，switch语句，以及while，for循环等，它们的
2022-01-16 15:33:11
599
原创 第二周前端学习总结
这一周，我们学习了如何制作好看的动画，主要用到了2D，3D转换和动画效果.div{transform: translate(50px,100px);transform: rotate(30deg);transform:skew(<angle> [,<angle>]);}.div{ transform: rotateX(120deg); transform: rotateY(130deg); }/*以及设置3D效果*/。div...
2021-12-19 17:11:54
97
原创 前端考核后总结
经过了一周的考核后，我的任务也是顺利完成，在学长同学的帮助下，以及考核中，考核官指出的错误中我也学到了很多，也发现了自身的一些问题。学习新知：在写页面的过程中有一些不会的地方幸亏有学长和同学的指点才让我恍然大悟，首先是hover的一些用法，hover不仅能.名字:hover，还可以.名字:hover .另一个名字来达到鼠标移动到第一个该名字的时候，另一个名字的hover便会显现，这样便可达到局部出现阴影或边框等效果另外还有如何在,<title>中加上图像logo&l.
2021-12-12 15:30:56
135
原创 第二周周记
又经过了一周的学习，现在前端的考核也在如火如茶地进行中，在这一周内我学习到了许多新知，也认识到了许多不足。 本周学习内容总结： 本周我对css里各种属性有了一个较好的掌握，学会了制作导航栏，改变点击效果（hover）表单，下拉菜单等页面中常见的工具，也知道了如何将页面布局得美观。另外在这一周里我深刻感受到div的不可或缺的作用，基本上每行都要用到它，它虽然不太起眼，但能把页面中的内容安排的井然有序，即简便，又容易找到他们的位置。我还粗略地了解了页面布局的基本内容，掌握了页...
2021-12-05 15:30:49
360
原创 周记，本周前端的学习
本周我们开始学习了前端的知识，前端虽然知识繁多，但内容很有趣，在此期间我初步认识了写页面的方法，写好一个页面首先要构造好大体的标签，然后给他们放置合适的位子，填充颜色，北京，边框等，最后再写上内弄，开始时，没咋用css的我基本都把style写在内容里，很不方便，还特别难找，搞得我眼花缭乱，后来学了CSS后写代码时整体看起来就舒服多了。在这一周的学习里我已经熟练掌握了基本标签的使用，插入表格，盒子等，也学会了一些如何用CSS美化页面，知道了HTTL和CSS到底是干什么用的，并且还尝试着写了写页面（虽然看起..
2021-11-28 15:22:51
1172
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人