前端
GGxGx
欢迎交流前端知识,vx:XG_1006,后端推荐大家看https://www.cnblogs.com/jinjidelei/这个博客,一起进步~
展开
-
Diff算法
diff算法详解原创 2023-04-06 14:45:07 · 430 阅读 · 0 评论 -
基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传
基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传原创 2023-04-04 10:41:10 · 7987 阅读 · 0 评论 -
vscode 上传本地构建项目到github
上传本地项目到github原创 2023-01-31 09:55:28 · 129 阅读 · 0 评论 -
element-ui table分页/筛选后保留勾选项
element table 勾选不消失原创 2022-09-20 15:56:09 · 809 阅读 · 0 评论 -
element之v-infinite-scroll
element-ui原创 2022-08-04 09:39:31 · 339 阅读 · 0 评论 -
div自定义滚动条样式
div设置滚动条样式原创 2022-08-04 09:34:11 · 2545 阅读 · 0 评论 -
JavaScript将字符串转换为文档下载
JavaScript将字符串转换为文档下载downloadFile.js/** * @param {string} fileName * @param {string} content */export function downloadFile(fileName, content) { const a = document.createElement('a'); const event = document.createEvent('MouseEvents'); const blo原创 2021-11-10 14:34:11 · 746 阅读 · 0 评论 -
win10下nginx配置
win10下nginx配置1. 到nginx官网上下载相应的安装包,https://www.cnblogs.com/qfb620/p/5508468.html;2.下载进行解压,将解压后的文件放至自选的目录下,我的解压文件放在了d盘software目录下,如下图所示:3. 打开cmd窗口,进入到nginx目录(D:\software\nginx-1.18.0),使用“start nginx.exe ”进行nginx的安装,如下图所示:4.安装成功后,在“任务管理器”中会看到“nginx.e原创 2021-07-06 14:30:40 · 557 阅读 · 0 评论 -
vue实现点击按钮保存图片
HTML部分:<div class="btn" @click="saveImg">保存海报</div>js部分: downloadIamge: function(imgsrc, name) { let image = new Image(); image.setAttribute("crossOrigin", "anonymous"); image.onload = function() { let canvas =原创 2021-03-11 11:22:14 · 2641 阅读 · 8 评论 -
vue element上传文件并使上传文件按钮和其他按钮显示在同一行
vue element上传文件并使上传文件按钮和其他按钮显示在同一行<el-form> <el-form-item > <!-- 文件上传按钮 --> <el-upload class="upload-demo" action="http://localhost:9002/educenter/member/upImg" :on-preview="handlePreview" :on-原创 2021-03-11 11:19:47 · 2566 阅读 · 2 评论 -
21届秋招前端面经 -- 猫眼
JS继承的6种方式原型链继承 重点:让新实例的原型等于父类的实例。特点:实例可继承的属性有:实例的构造函数的属性,父类构造函数属性,父类原型的属性。(新实例不会继承父类实例的属性!)缺点:新实例无法向父类构造函数传参。继承单一。所有新实例都会共享父类实例的属性。(原型上的属性是共享的,一个实例修改了原型属性,另一个实例的原型属性也会被修改!)借用构造函数继承 重点:用.call()和.apply()将父类构造函数引入子类函数(在子类函数中原创 2020-10-27 15:08:21 · 324 阅读 · 0 评论 -
21届秋招前端面经 -- 淘宝
Vue和jquery区别1.jQuery首先要获取到dom对象,然后对dom对象进行进行值的修改等操作2.Vue是首先把值和js对象进行绑定,然后修改js对象的值,Vue框架就会自动把dom的值就行更新。可以简单的理解为Vue帮我们做了dom操作,我们以后用Vue就需要修改对象的值和做好元素和对象的绑定,Vue这个框架就会自动帮我们做好dom的相关操作。这种dom元素跟随JS对象值的变化而变化叫做单向数据绑定,如果JS对象的值也跟随着dom元素的值的变化而变化就叫做双向数据绑定3.vue适用的场景:复原创 2020-10-20 16:38:21 · 356 阅读 · 0 评论 -
21届秋招前端面经 --支付宝
支付宝一面事件委托的原理事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。好处:在JavaScript中,添加到页面上的事件处理程序数量将直接关系到页面的整体运行性能,因为需要不断的与dom节点进行交互,访问dom的次数越多,引起浏览器重绘与重排的次数也就越多,就会延长整个页面的交互就绪时间,提高性能;使用场景给 ul 的1000个li注册点击事件,普通做法是循环给每个li添加,事件委托利用事件对象的 target 来找到当前点击的 li,因为点击 li,事件会冒原创 2020-10-20 16:25:17 · 397 阅读 · 0 评论 -
21届秋招前端面经 -- 腾讯(企业微信部)
For Each和map区别一、相同点:1.都是循环遍历数组中的每一项2.每次执行匿名函数都支持三个参数,参数分别为item(当前每一项),index(索引值),arr(原数组)3.匿名函数中的this都是指向window4.只能遍历数组二、不同点1.map()会分配内存空间存储新数组并返回,forEach()不会返回数据。2.forEach()允许callback更改原始数组的元素。map()返回新的数组。数组方法foreach、map、filter、some、everyforEach原创 2020-10-19 14:58:24 · 650 阅读 · 0 评论 -
21届秋招前端面经 -- 腾讯
Ajax实现音乐播放器//获取随机频道信息 function getChannel(){ $.ajax({ url: 'http://api.jirengu.com/fm/getChannels.php', dataType: 'json', Method: 'get', success: function(response){原创 2020-10-19 08:56:12 · 501 阅读 · 1 评论 -
21届秋招前端面经
21届前端秋招面经汇总985本硕 非科班 前端小学生 从7月10号开始投简历 到现在手上已有的面试基本都给面完了(面的那叫一个昏天地暗,我想象过今年的面试会很痛苦,却没想到能这么痛苦)。最终决定还是将这一段时间的面试的经历给详细的写一写,为大家铺铺路,也是对面试中的知识点进行一个回顾和总结。下面先罗列出我面试的一些公司名单,后续会一家家的补上我记录中的面试内容。持续更新!!!(尽量做到每天更新一家)思谋科技(一面,二面,HR面)Shopee (笔试,一面,二面,HR面)作业帮(一面,二面,HR面)原创 2020-10-18 14:45:59 · 467 阅读 · 1 评论 -
21届秋招前端面经 -- 兴业数金
JS事件流事件流描述的是从页面中接收事件的顺序。事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程即 DOM 事件流。比如我们给一个div 注册了点击事件:DOM 事件流分为3个阶段:捕获阶段当前目标阶段冒泡阶段事件冒泡: IE 最早提出,事件开始时由最具体的元素接收,然后逐级向上传播到到 DOM 最顶层节点的过程。事件捕获: 网景最早提出,由 DOM 最顶层节点开始,然后逐级向下传播到到最具体的元素接收的过程。同步和异步同步 所有的操作都做完,才返回给原创 2020-10-18 14:41:08 · 1795 阅读 · 0 评论 -
秋招 -- 前端面经
大概记录下自己的秋招历程,希望对大家能够有所帮助吧,下篇博客开始写正式面经,如果不想看这个博客可以直接去主页找下一篇啦~秋招历程最近一直在准备秋招,博客也没有更新,上一篇还停留在2020年3月。从3月开始找实习一直到九十月秋招,大小厂投了个遍,索性结果还不错,拿了度小满,好未来,跟谁学(SP),有赞,大华,兴业数金,电信云。自己也是一边秋招一边整理面经,刚刚结束了秋招,计划将自己整理的面经发出来大家一起交流学习下,也希望能帮助到其他人吧~面试流程和男朋友一起准备的秋招,下面大概记录了每个厂.原创 2020-10-17 16:43:01 · 1164 阅读 · 5 评论 -
JS常用的鼠标、键盘事件
常用的鼠标事件鼠标事件触发条件onclick鼠标点击左键触发onmouseover鼠标经过触发onmouseout鼠标离开触发onfocus获得鼠标焦点触发onblur失去鼠标焦点触发onmousemove鼠标移动触发onmouseup鼠标弹起触发onmousedown鼠标按下触发禁止鼠标右键菜单contex...原创 2020-03-02 17:49:09 · 290 阅读 · 0 评论 -
事件对象的常见属性和方法
1.e.target与thise.target 返回的是触发事件的对象(元素)this返回的是绑定事件的对象(元素)e.target点击了哪个元素,就返回哪个元素;this哪个元素绑定了该事件就返回谁事件对象属性方法说明e.target返回触发事件对象 标准e.srcElement返回触发事件对象 非标准 ie6...原创 2020-03-02 17:30:17 · 1306 阅读 · 0 评论 -
JS表单全选以及反选
效果图:当表单内所有均被选择时,最上方全选自动勾选;当表单内有选项未被选择时,最上方全选自动取消;当最上方全选勾选时,表单内所有均被自动勾选。<body> <div class="wrap"> <table> <thead> <tr> ...原创 2020-02-29 17:05:03 · 274 阅读 · 0 评论 -
JS发送手机验证码倒计时
<body> 手机号码: <input type="number" /> <button>发送</button> <script type="text/javascript"> var btn = document.querySelector('button'); var time = 10 ;//剩下的秒数 b...原创 2020-02-29 17:00:53 · 183 阅读 · 0 评论 -
JavaScript的组成
JS基础以及Web APIs关系APIAPI是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问的一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。Web APIWeb API是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)。...原创 2020-02-16 16:07:54 · 133 阅读 · 0 评论 -
JQuery的下载及使用
JQuery下载进入官网www.jquery.com点击首页右上方Download按钮,进入下载页面。JQuery版本说明: 1x:兼容IE 678等低版本浏览器,官网不再更新 2x:不兼容IE 678等低版本浏览器,官网不再更新 3x:不兼容IE 678等低版本浏览器,是官方主要更新维护的版本ps: 若需要之前的版本,可通过以下网址下载:https://code.jquery.c...原创 2020-02-16 15:54:15 · 425 阅读 · 0 评论 -
JavaScript实现倒计时操作
JavaScript实现倒计时操作function countDown(time) { var nowTime = +new Date();//返回的是当前时间总的毫秒数 var inputTime = +new Date();//返回的是用户输入的毫秒数 var times = (inputTime - nowTime) / 1000;//times是剩余时间的秒数 var d = p...原创 2020-02-15 17:41:28 · 266 阅读 · 0 评论 -
JavaScript内置函数
内置对象JavaScript中的对象分为3种:内置对象、自定义对象、浏览器对象JavaScript 提供多个内置对象:Math/Array/Date…对象只是带有属性和方法的特殊数据类型。学习一个内置对象的使用,只要学会其常用的成员的使用(通过查文档学习)可以通过MDN/W3C来查询内置对象的方法很多,我们只需要知道内置对象提供的常用方法,使用的时候查询文档。MDNMozilla ...原创 2020-02-15 17:32:25 · 157 阅读 · 0 评论 -
网页编写前言--web标准
前言WEB标准网页中web标准的三层组成 web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。 w3c万维网联盟是国际著名的标准化组织(类似于现实世界中的联合国)。web标准构成(重点)构成:主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。标准说明备注结构结构用于对网页元素进行整理...原创 2020-02-10 15:49:18 · 417 阅读 · 0 评论