- 博客(58)
- 收藏
- 关注
原创 记一次阿里前端面试的具体经历(资料已更新)
前言20届毕业生(普通二本),在前公司工作一年多(从实习就开始了),因技术提升遇到瓶颈,所以进行跳槽这不代表原公司不好,前公司很棒,同事,环境,福利等各方面都很不错.也不多说前置内容了,我就直接进入主题吧.一面问题(技术面)Vue的生命周期以及对应的作用Vue之中watch和computed之间的区别和对应场景性能优化的方式Vue之中双向绑定的原理https和http的区别tcp/ip协议(三次握手四次挥手)什么是跨域,出现跨域的场景,如何解决跨域对于seo的看法,如何进行se
2021-02-24 02:04:45
1336
4
原创 vue数据修改之后没有同步渲染出来,需要点一下屏幕才会进行页面更新(原因和解决方法)
这是一个很奇怪的问题,当时需要做一个状态判断,设置了一个布尔值 edit:false如果是false则显示按钮A,反之则显示按钮B,但真正使用的时候出现了问题,当点击之后,edit数值变成了true,但是页面上的按钮没有进行同步更新,需要随意点击一下屏幕空白处才会进行更新经过多方排查,发现原因:因为再vue的data里面,一开始并不存在edit,这是通过后期方法进行的赋值。所以导致vue页面渲染的响应慢一拍。发现问题之后解决就很简单了,在对应的数据里面添加上edit参数就可以...
2020-06-18 15:47:06
4113
原创 关于clean exit - waiting for changes before restart的产生原因之一
产生原因:路径问题,路径写错了导致报错。解决方法:查看引用路径的地方和真实文件路径进行对照。
2020-06-11 10:03:49
5803
原创 nuxt使用less
npm添加less less-loader sass-resources-loader修改nuxt.config.js build: { transpile: [/^element-ui/], extend(config, ctx) { const sassResourcesLoader = { loader: 'sass-resources-loader', options: { resources: ['assets/
2020-06-08 11:13:23
1829
原创 MySQL报错1449处理方案 以及后续的 1064报错处理方案
1449处理方案产生原因:权限问题导致解决方案: 经过查询,网上给的方法都是使用以下代码 grant all privileges on *.* to 'root'@'%' identified by "."; flush privileges;出现问题:报错10641064处理方案产生原因:语法错误,新版sql舍弃了上边的语法,使用出现语法错误,简单来说,你在用前朝的剑斩本朝的官解决方案:舍弃之前的代码,使用下面的代码 grant all privileges on *.* to 'r
2020-06-04 17:27:56
854
原创 web页面调用qq
遇到一个需求,需要再web页面调用qq(点击按钮打开qq)。从网上查了一下,发现给到的方案在移动端和pc端有点区别,所以改进了一下发到这里。话不多说,直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="author" content="cmge_zhiming"/> <!--2020-03-10 --&g
2020-05-16 15:54:52
4974
原创 a标签滚动页面到指定位置
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ margin:100px; height: 10000px; backgro...
2019-12-11 20:14:35
879
原创 css自定义滚动条样式
webkit内核浏览器::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-thumb 滚动条里面的小方块,能向上向下移动(或向左向右移动)::-webkit-scrollbar-track 滚动条的轨道(里面装有Thumb)::-webkit-scrollbar-button 滚动条的轨道的两端按钮,由于通过点击微调小方块的位置。...
2019-12-11 20:03:50
136
原创 子元素在父元素中垂直水平居中的方法总结
居中方法1.margin:auto居中法父元素相对定位子元素绝对定位top,bottom,left,right均设0.<html> <head> <meta charset="utf-8" /> <title></title> </head> <style type="text/css">...
2019-11-29 20:35:49
222
原创 常见报错——Uncaught TypeError: document.getElementsByClassName(...).addEventListener is not a function
在进行原生的前端开发的时候遇到的问题:Uncaught TypeError: document.getElementsByClassName(...).addEventListener is not a function......原因:选择器没有正确选择元素对象document.getElementsByClassName(…)捕捉到的是该类名元素的数组解决方法docum...
2019-11-29 19:58:08
3643
原创 无法执行vue初始化命令的解决方法
前段时间在有 vue 脚手架的时候,遇到了这个问题.vue : 无法加载文件 C:\Users\36910\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置 行:1 字符: 1...
2019-11-29 19:52:36
954
原创 前端切图专用js---------监听屏幕修改rem,从而达到rem:px = 1:100
//监听屏幕变化w.addEventListener(‘onorientationchange’ in w ? ‘orientationchange’ : ‘resize’, function () {clearTimeout(resizeTime);resizeTime = setTimeout(changeRem, waitTime);}, false);w.addEventList...
2019-11-18 18:35:11
247
原创 前端面试题汇总(实时更新ing)
前端面试题汇总HTTP/HTML/浏览器http和https基本概念:http超文本传输协议,是一个客户端和服务端请求和应答的标准(TCP),用于从WWW服务器传输超文本到本地浏览器的传输协议。https是以安全为目标的HTTP通道,简单来说,是HTTP的安全版,即HTTP下加入SSL层。区别:http传输数据没有加密,是明文传输。https需要ca证书,费用高。...
2019-11-18 09:23:31
11551
原创 vue+element创建的后台管理系统,修改了data中list数据没有触发渲染的原因以及解决方法。
前段时间遇到的一个问题,在vue之中使用elementUI的table组件。当我通过改变tdata之中Array的数据时,并不会实现实时的刷新。如图:这是默认的数组,当我点击修改的时候,图中的数字 3 将被我修改成为 ‘ 修改了 ’ ,但是页面上并没有进行更新。这是代码: <template> <div class="hello"> ...
2019-11-07 14:22:20
1063
原创 v-on详解(可绑定事件+修饰符+keyCode+vue按键别名)
v-on详解事件句柄(可绑定事件)属性监听事件onabort图像加载被中断onblur元素失去焦点onchange用户改变域的内容onclick鼠标点击对象ondblclick鼠标双击对象onerror当加载文档或图片时出现错误onfocus元素获得焦点onkeydown某个键盘的键被按下onkeypress...
2019-11-06 16:38:56
1203
原创 正则表达式
正则表达式中的元字符元字符说明.匹配除换行符以外的任意字符\w匹配字母或数字或下划线或汉字\s匹配任意的空白符\d匹配数字\b匹配单词的开始或者结束^匹配字符串的开始$匹配字符串的结束正则表达式中的几种重复的模式语法说明*重复零次或更多次+重复一次或多次?重复零次或一次{n}...
2019-11-06 09:16:02
115
原创 js之字符串方法总结
博主上回总结了数组的方法,今天来说一下字符串的常用方法总结。还是话不多说,干干货要紧。查找字符串中的字符串indexof()indexof()方法返回字符串中指定文本首次出现的索引(位置)。如果没找到文本,返回-1.示例var str = "The full name of China is the People's Republic of China.";var po...
2019-10-16 13:41:16
125
原创 css的line-height:1.5,line-height:150%,line-height:1.5em,line-height:15px的区别
line-height:主要是设计元素的行高,我们现在这里假设font-size:24px;1.首先是px的,设置行高是15px的话,那么我们得到的行高自然也是15px;没什么区别的;2.如果是em的话,首先要看看默认的网页的字体像素,通常都是16px,所以说1em=16px。而对于本文中设置了24px,所以说1.5em就是1.5*24=36px;就是说行高设置了36px;3.下一种百分比...
2019-10-15 13:43:21
645
原创 移动端字体垂直居中偏上问题详解
相信对于广大前端程序员来说,一定曾经被这个问题giao住过。那就是——移动端字体垂直居中偏上。今天就来谈一下这个问题以及解决方法。产生原因移动端开发,为了更好的适配,大家都会采用em或者rem来进行开发。在进行适配的换算时,编译器会将em或者rem自动换算成px来显示。这时就会出现问题,因为换算精度不足,换算成的px会出现小数点问题,如果出现小数点的话,系统会自动进行四舍五入的取整...
2019-10-13 13:45:01
1657
原创 js之Generator函数(ES6)
Generator函数是ES6提供的一个异步编程解决方案。语法行为与传统函数完全不同。基本概念从语法上来说首先可以把他理解为一个状态机,封装了多个内部状态。执行Generator函数会返回一个遍历器对象,返回的遍历器对象可以依次遍历Generator函数内部的每一个状态。形式上来讲,Generator是一个普通函数,但是有两个特征。1 function命令和函数名之间有一个星号;2...
2019-10-12 16:35:20
379
原创 JS之promise对象(ES6)
在ES6语法之中,Promise对于处理异步编程的解决方案,比传统的解决方案——回调函数和世间——更合理而且更强大。promise含义所谓promise,简单来说就是一个容器,里面保存着某个未来才会结束的世间的结果。简单来说,我们可以通过它获取异步操作的信息,他提供统一的api,各种异步操作都可以通过同样的方法进行处理。promise特点promise有两个特点:对象的状态不受外界...
2019-10-12 12:18:16
285
原创 前端实现在浏览器中存储信息
在敲代码的时候,前端程序员总是需要进行代码的调试,或者对于后台传输数据的写入,从而使得将静态页面转换为动态页面。有时会遇到这样的情况:后端需要进行修改,而前端也需要调试。那么我们可以这样解决:将后台传入的数据保存在浏览器之中。模拟为后台传输的数据保存方法有两种:localStorage和sessionStorage。sessionStoragesessionStorage 用于临时保存同...
2019-10-03 20:08:59
850
原创 前端实现动画效果的几种方式(有实例)
现在对于前端的要求变大了很多,随着时代进步,人们的审美越来越挑剔,对于用户交互的体验成为了公司竞争的一大助力。而动画效果,可以说是最有效的提高用户体验的方式了。但是对于前端来说,实现动画的方法也有很多种,今天博主就来和各位一起探讨一下,实现动画的几种方式。JS直接实现最为简单暴力无脑的一种操作,通过js修改div(盒子模型)的属性以及运用 setTimeOut() 方法实现动画。实现:...
2019-09-26 16:34:18
9224
2
原创 JS之Array数组补充(ES6)
本次内容是对于上次的Js之中Array(数组)方法解读的补充,是针对于Array数组的ES6知识,很凑巧的是,在前段时间总结完ES5方法之后,我的ES6语法也刚好看到Array数组的内容,所以无缝衔接了起来。本次内容更多适用与大三或者大四已经有一定JavaScript基础的进阶教程。对于走前端开发的程序猿来说,ES6是不可避免的,希望各位与博主共勉,且将新火试新茶。诗酒趁年华。话不多说,上干货...
2019-09-26 12:07:11
3867
原创 Js之中Array(数组)方法解读
经过了很长时间的沉积,再次更新博客,本次内容是js数据之中,数组的常用方法解读。话不多说,咱们进入正题。什么是Array(数组)Array对象用于在单个变量值中存储多个值。创建Array的语法 new Array(); new Array(size); new Array(element0, element1, ..., elementn)1.参数 size 是期望的数组元素个数。...
2019-09-22 20:44:50
1267
原创 idea中字体大小以及注释的颜色设置
打开idea,右上角File -> Settings根据图片找到Editor -> Font 如下图:注解颜色:多行注释:文档注释:
2019-09-02 16:38:55
1676
原创 git小乌龟出现Disconnected: No supported authentication methods available (Sever sent: public key)的解决方法
打开TortoiseGit->设置 - >网络,在SSH客户端我更改“TortoiseGitPlink.exe”为“ssh.exe”。PS:ssh.exe可以在C:\ Program Files \ Git \ usr \ bin中找到
2019-09-01 20:12:42
610
原创 vsCode安装vetur之后不生效以及解决方法
打开文件——首选项——设置——最下面的vetur,进入到 settings.json文件编辑之中,将以下代码复制进去:{ // 强制单引号 "prettier.singleQuote": true, // 尽可能控制尾随逗号的打印 "prettier.trailingComma": "all", // 开启 eslint 支持 "prettier.eslintIntegration"...
2019-08-20 20:17:06
24206
1
原创 vscode中使用beautify插件格式化vue文件
点击设置,找到beautify.language并在html一栏里加上vue,打开文件——首选项——设置——“beautify.language”: {“js”: {“type”: [“javascript”,“json”],“filename”: [“.jshintrc”,“.jsbeautify”]},“css”: [“css”,“scss”],“html”:...
2019-08-19 19:35:28
8696
原创 JS——unload事件
与load事件对应的是unload事件,这个事件在文档被完全卸载之后触发。只要用户从一个页面切换到另一个页面就会发生unload事件。而利用这个事件最多的情况就是清除引用,避免内存泄漏。指定unload事件处理程序的两种方式:使用JavaScript:EventUtil.addHandler(window,"unload",function(){ alert("Unload");}...
2019-08-07 18:23:17
3357
原创 JS————H5记载完成后触发事件
在写H5和JS的时候,为了方便管和修改,我们往往通过引入外部JS的方式进行加载JS事件。或者在表头写JS代码。但是根据W3c标准,编译器对于代码的解读必须是从上到下按顺序解读。这就引发一个很尴尬的问题——我H5的 body 内容还没有加载,就进行JS的编译,从而导致JS的属性获取失败(还未加载该内容)解决方法:对于 jquery 用户来说,我们只需要在引入的js文件之中写入如下代码: $(f...
2019-08-07 18:09:16
554
原创 事件——form表单内传递某一个节点内容
众所周知,在H5之中有事件处理程序。这也是我们常用的绑定事件的方式之一:在标签内通过撰写事件名进行事件绑定,从而达到H5和JS的一个链接。我们先用点击事件(onclick)距离: <script type="text/javascript"> function showMessage(){ alert('感觉自己应该弹出一点什么') } </script&g...
2019-08-04 19:52:38
173
原创 客户端检测——能力检测
浏览器提供商虽然在实现公共接口方面投入了很多精力。但结果仍然是每一种浏览器都有自己的长处和缺点。即使是跨平台的浏览器,虽然从技术上看版本相同,也照样存在不一致性问题。面对这种问题,我们程序员能怎么办呢——giao你你有脾气吗?那么我们能做什么呢?我们只能找办法解决嘛~~解决方法不唯一,今天给大家讲一下最常用也最被人们接受的客户端检测形式——能力检查能力检测能力检测的目标不是识别特定的浏览器...
2019-07-28 11:29:39
206
原创 客户端检测——用谷歌浏览器进行多个浏览器的前端测试工作
你好啊,朋友们。相信走前端路线的朋友都有这样的需求,那就是:你写的前端页面需要兼容多个不同的浏览器。甚至是不同级别的显示屏!!!所以对于一个基本的前端工程师来说,一台电脑六七个浏览器那都是常事。但是这样就会占内存,会对电脑的运行有影响。(你不知道哪个恶心的浏览器会给你安装什么恶心的超级,比如某60安全(流氓)浏览器)。那么接下来,博主会给各位安利一个小方法。那就是程序员最喜欢的谷歌浏览器。...
2019-07-28 10:30:22
1105
原创 BOM引导——history对象
history对象保存着用户上网的历史记录,从窗口被打开的那一刻起。因为history是window对象的属性,因此每个浏览器窗口,每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联,出于安全性考虑,开发人员无法获取用户浏览过的URL。 不过,借由用户访问过的页面列表,同样可以在不知道URL的情况下进行后退和前进。如下: history.go(-1); //后退到...
2019-07-28 09:54:53
148
原创 Location对象
location是最有用的BOM对象之一,他提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能。事实上,location对象是一个很特别的对象,因为他其实window对象,也是document对象。换句话说:window.location和document.location引用的是同一个对象。属性说明例子hash设置或返回从井号 (#) 开始的 URL(锚)。...
2019-07-27 18:09:49
171
原创 html常用的三种系统对话框
浏览器可以通过调用系统对话框的方式向用户显示信息,并且进行一些信息的交互。需要注意的是:因为调用的系统对话框,所以对话框的样式我们没有办法通过css进行修改。最常用的有三种:PS:如今ui框架都会有关于弹窗的ui,现在说的是H5自带的对话框alert最常用的一个弹窗方式,多用于进行弹窗提醒以及系统测试。如下:1 弹窗提醒 alert('这是一个最基本的系统对话框');2 测试...
2019-07-27 17:38:26
5457
原创 BOM引导——js间歇调用和超时调用
超时调用在我们写页面的时候,总会遇到这样的需求,那就是这个代码内容需要在指定时间之后执行。在这里,我们的JavaScript提供了setTimeout方法。用术语来说就是超时调用方法。如下: setTimeout("alert('延时调用')",1000); 上面的这个方法就是,当运行代码之后,会在1秒之后进行alert()操作但是上面的这种传递字符串的方法我们并不推荐,因为传递字符...
2019-07-27 16:45:19
155
原创 BOM引导——浏览器屏蔽弹出窗口的办法以及检查是否屏蔽的方法。
大多数的浏览器都内置有弹出窗口屏蔽程序。而没有内置此类程序的浏览器,也可以通过安装Yahoo!Toolbar等带有内置屏蔽程序的实用工具。这样做的结果就是用户可以将绝大多数不想看到的弹出窗口屏蔽掉。于是,在弹出窗口被屏蔽时,就应该考虑两种情况。如果是浏览器内置程序屏蔽了弹出窗口,那么 window.open() 很可能返回Null。只要检测这个返回值就能确定弹出窗口是否被屏蔽。如下: va...
2019-07-27 16:01:54
311
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人