- 博客(58)
- 收藏
- 关注
RSS订阅原创 记一次阿里前端面试的具体经历(资料已更新)
前言20届毕业生(普通二本),在前公司工作一年多(从实习就开始了),因技术提升遇到瓶颈,所以进行跳槽这不代表原公司不好,前公司很棒,同事,环境,福利等各方面都很不错.也不多说前置内容了,我就直接进入主题吧.一面问题(技术面)Vue的生命周期以及对应的作用Vue之中watch和computed之间的区别和对应场景性能优化的方式Vue之中双向绑定的原理https和http的区别tcp/ip协议(三次握手四次挥手)什么是跨域,出现跨域的场景,如何解决跨域对于seo的看法,如何进行se
2021-02-24 02:04:45
1274
4
原创 vue数据修改之后没有同步渲染出来，需要点一下屏幕才会进行页面更新（原因和解决方法）
这是一个很奇怪的问题，当时需要做一个状态判断，设置了一个布尔值 edit：false如果是false则显示按钮A，反之则显示按钮B，但真正使用的时候出现了问题，当点击之后，edit数值变成了true，但是页面上的按钮没有进行同步更新，需要随意点击一下屏幕空白处才会进行更新经过多方排查，发现原因：因为再vue的data里面，一开始并不存在edit,这是通过后期方法进行的赋值。所以导致vue页面渲染的响应慢一拍。发现问题之后解决就很简单了，在对应的数据里面添加上edit参数就可以...
2020-06-18 15:47:06
3908
原创 关于clean exit - waiting for changes before restart的产生原因之一
产生原因：路径问题，路径写错了导致报错。解决方法：查看引用路径的地方和真实文件路径进行对照。
2020-06-11 10:03:49
5619
原创 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
1776
原创 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
820
原创 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
4882
原创 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
824
原创 css自定义滚动条样式
webkit内核浏览器::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或向左向右移动）::-webkit-scrollbar-track 滚动条的轨道（里面装有Thumb）::-webkit-scrollbar-button 滚动条的轨道的两端按钮，由于通过点击微调小方块的位置。...
2019-12-11 20:03:50
126
原创 子元素在父元素中垂直水平居中的方法总结
居中方法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
183
原创 常见报错——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
3531
原创 无法执行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
923
原创 前端切图专用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
220
原创 前端面试题汇总（实时更新ing）
前端面试题汇总HTTP/HTML/浏览器http和https基本概念：http超文本传输协议，是一个客户端和服务端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议。https是以安全为目标的HTTP通道，简单来说，是HTTP的安全版，即HTTP下加入SSL层。区别：http传输数据没有加密，是明文传输。https需要ca证书，费用高。...
2019-11-18 09:23:31
11288
原创 vue+element创建的后台管理系统，修改了data中list数据没有触发渲染的原因以及解决方法。
前段时间遇到的一个问题，在vue之中使用elementUI的table组件。当我通过改变tdata之中Array的数据时，并不会实现实时的刷新。如图：这是默认的数组，当我点击修改的时候，图中的数字 3 将被我修改成为 ‘ 修改了 ’ ，但是页面上并没有进行更新。这是代码： <template> <div class="hello"> ...
2019-11-07 14:22:20
1021
原创 v-on详解(可绑定事件+修饰符+keyCode+vue按键别名)
v-on详解事件句柄（可绑定事件）属性监听事件onabort图像加载被中断onblur元素失去焦点onchange用户改变域的内容onclick鼠标点击对象ondblclick鼠标双击对象onerror当加载文档或图片时出现错误onfocus元素获得焦点onkeydown某个键盘的键被按下onkeypress...
2019-11-06 16:38:56
1165
原创 正则表达式
正则表达式中的元字符元字符说明.匹配除换行符以外的任意字符\w匹配字母或数字或下划线或汉字\s匹配任意的空白符\d匹配数字\b匹配单词的开始或者结束^匹配字符串的开始$匹配字符串的结束正则表达式中的几种重复的模式语法说明*重复零次或更多次+重复一次或多次?重复零次或一次{n}...
2019-11-06 09:16:02
105
原创 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
116
原创 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
554
原创 移动端字体垂直居中偏上问题详解
相信对于广大前端程序员来说，一定曾经被这个问题giao住过。那就是——移动端字体垂直居中偏上。今天就来谈一下这个问题以及解决方法。产生原因移动端开发，为了更好的适配，大家都会采用em或者rem来进行开发。在进行适配的换算时，编译器会将em或者rem自动换算成px来显示。这时就会出现问题，因为换算精度不足，换算成的px会出现小数点问题，如果出现小数点的话，系统会自动进行四舍五入的取整...
2019-10-13 13:45:01
1594
原创 js之Generator函数（ES6）
Generator函数是ES6提供的一个异步编程解决方案。语法行为与传统函数完全不同。基本概念从语法上来说首先可以把他理解为一个状态机，封装了多个内部状态。执行Generator函数会返回一个遍历器对象，返回的遍历器对象可以依次遍历Generator函数内部的每一个状态。形式上来讲，Generator是一个普通函数，但是有两个特征。1 function命令和函数名之间有一个星号；2...
2019-10-12 16:35:20
352
原创 JS之promise对象（ES6）
在ES6语法之中，Promise对于处理异步编程的解决方案，比传统的解决方案——回调函数和世间——更合理而且更强大。promise含义所谓promise，简单来说就是一个容器，里面保存着某个未来才会结束的世间的结果。简单来说，我们可以通过它获取异步操作的信息，他提供统一的api，各种异步操作都可以通过同样的方法进行处理。promise特点promise有两个特点：对象的状态不受外界...
2019-10-12 12:18:16
253
原创 前端实现在浏览器中存储信息
在敲代码的时候，前端程序员总是需要进行代码的调试，或者对于后台传输数据的写入，从而使得将静态页面转换为动态页面。有时会遇到这样的情况：后端需要进行修改，而前端也需要调试。那么我们可以这样解决：将后台传入的数据保存在浏览器之中。模拟为后台传输的数据保存方法有两种：localStorage和sessionStorage。sessionStoragesessionStorage 用于临时保存同...
2019-10-03 20:08:59
809
原创 前端实现动画效果的几种方式（有实例）
现在对于前端的要求变大了很多，随着时代进步，人们的审美越来越挑剔，对于用户交互的体验成为了公司竞争的一大助力。而动画效果，可以说是最有效的提高用户体验的方式了。但是对于前端来说，实现动画的方法也有很多种，今天博主就来和各位一起探讨一下，实现动画的几种方式。JS直接实现最为简单暴力无脑的一种操作，通过js修改div（盒子模型）的属性以及运用 setTimeOut() 方法实现动画。实现：...
2019-09-26 16:34:18
8974
2
原创 JS之Array数组补充（ES6）
本次内容是对于上次的Js之中Array（数组）方法解读的补充，是针对于Array数组的ES6知识，很凑巧的是，在前段时间总结完ES5方法之后，我的ES6语法也刚好看到Array数组的内容，所以无缝衔接了起来。本次内容更多适用与大三或者大四已经有一定JavaScript基础的进阶教程。对于走前端开发的程序猿来说，ES6是不可避免的，希望各位与博主共勉，且将新火试新茶。诗酒趁年华。话不多说，上干货...
2019-09-26 12:07:11
3740
原创 Js之中Array（数组）方法解读
经过了很长时间的沉积，再次更新博客，本次内容是js数据之中，数组的常用方法解读。话不多说，咱们进入正题。什么是Array（数组）Array对象用于在单个变量值中存储多个值。创建Array的语法 new Array(); new Array(size); new Array(element0, element1, ..., elementn)1.参数 size 是期望的数组元素个数。...
2019-09-22 20:44:50
1228
原创 idea中字体大小以及注释的颜色设置
打开idea，右上角File -> Settings根据图片找到Editor -> Font 如下图：注解颜色：多行注释：文档注释：
2019-09-02 16:38:55
1663
原创 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
571
原创 vsCode安装vetur之后不生效以及解决方法
打开文件——首选项——设置——最下面的vetur，进入到 settings.json文件编辑之中，将以下代码复制进去：{ // 强制单引号 "prettier.singleQuote": true, // 尽可能控制尾随逗号的打印 "prettier.trailingComma": "all", // 开启 eslint 支持 "prettier.eslintIntegration"...
2019-08-20 20:17:06
23840
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
8652
原创 JS——unload事件
与load事件对应的是unload事件，这个事件在文档被完全卸载之后触发。只要用户从一个页面切换到另一个页面就会发生unload事件。而利用这个事件最多的情况就是清除引用，避免内存泄漏。指定unload事件处理程序的两种方式：使用JavaScript：EventUtil.addHandler(window,"unload",function(){ alert("Unload");}...
2019-08-07 18:23:17
3290
原创 JS————H5记载完成后触发事件
在写H5和JS的时候，为了方便管和修改，我们往往通过引入外部JS的方式进行加载JS事件。或者在表头写JS代码。但是根据W3c标准，编译器对于代码的解读必须是从上到下按顺序解读。这就引发一个很尴尬的问题——我H5的 body 内容还没有加载，就进行JS的编译，从而导致JS的属性获取失败（还未加载该内容）解决方法：对于 jquery 用户来说，我们只需要在引入的js文件之中写入如下代码： $(f...
2019-08-07 18:09:16
494
原创 事件——form表单内传递某一个节点内容
众所周知，在H5之中有事件处理程序。这也是我们常用的绑定事件的方式之一：在标签内通过撰写事件名进行事件绑定，从而达到H5和JS的一个链接。我们先用点击事件（onclick）距离： <script type="text/javascript"> function showMessage(){ alert('感觉自己应该弹出一点什么') } </script&g...
2019-08-04 19:52:38
159
原创 客户端检测——能力检测
浏览器提供商虽然在实现公共接口方面投入了很多精力。但结果仍然是每一种浏览器都有自己的长处和缺点。即使是跨平台的浏览器，虽然从技术上看版本相同，也照样存在不一致性问题。面对这种问题，我们程序员能怎么办呢——giao你你有脾气吗？那么我们能做什么呢？我们只能找办法解决嘛~~解决方法不唯一，今天给大家讲一下最常用也最被人们接受的客户端检测形式——能力检查能力检测能力检测的目标不是识别特定的浏览器...
2019-07-28 11:29:39
196
原创 客户端检测——用谷歌浏览器进行多个浏览器的前端测试工作
你好啊，朋友们。相信走前端路线的朋友都有这样的需求，那就是：你写的前端页面需要兼容多个不同的浏览器。甚至是不同级别的显示屏！！！所以对于一个基本的前端工程师来说，一台电脑六七个浏览器那都是常事。但是这样就会占内存，会对电脑的运行有影响。（你不知道哪个恶心的浏览器会给你安装什么恶心的超级，比如某60安全（流氓）浏览器）。那么接下来，博主会给各位安利一个小方法。那就是程序员最喜欢的谷歌浏览器。...
2019-07-28 10:30:22
1076
原创 BOM引导——history对象
history对象保存着用户上网的历史记录，从窗口被打开的那一刻起。因为history是window对象的属性，因此每个浏览器窗口，每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联，出于安全性考虑，开发人员无法获取用户浏览过的URL。 不过，借由用户访问过的页面列表，同样可以在不知道URL的情况下进行后退和前进。如下： history.go(-1); //后退到...
2019-07-28 09:54:53
133
原创 Location对象
location是最有用的BOM对象之一，他提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功能。事实上，location对象是一个很特别的对象，因为他其实window对象，也是document对象。换句话说：window.location和document.location引用的是同一个对象。属性说明例子hash设置或返回从井号 (#) 开始的 URL（锚）。...
2019-07-27 18:09:49
142
原创 html常用的三种系统对话框
浏览器可以通过调用系统对话框的方式向用户显示信息，并且进行一些信息的交互。需要注意的是：因为调用的系统对话框，所以对话框的样式我们没有办法通过css进行修改。最常用的有三种：PS：如今ui框架都会有关于弹窗的ui，现在说的是H5自带的对话框alert最常用的一个弹窗方式，多用于进行弹窗提醒以及系统测试。如下：1 弹窗提醒 alert('这是一个最基本的系统对话框');2 测试...
2019-07-27 17:38:26
5392
原创 BOM引导——js间歇调用和超时调用
超时调用在我们写页面的时候，总会遇到这样的需求，那就是这个代码内容需要在指定时间之后执行。在这里，我们的JavaScript提供了setTimeout方法。用术语来说就是超时调用方法。如下： setTimeout("alert('延时调用')",1000); 上面的这个方法就是，当运行代码之后，会在1秒之后进行alert（）操作但是上面的这种传递字符串的方法我们并不推荐，因为传递字符...
2019-07-27 16:45:19
144
原创 BOM引导——浏览器屏蔽弹出窗口的办法以及检查是否屏蔽的方法。
大多数的浏览器都内置有弹出窗口屏蔽程序。而没有内置此类程序的浏览器，也可以通过安装Yahoo！Toolbar等带有内置屏蔽程序的实用工具。这样做的结果就是用户可以将绝大多数不想看到的弹出窗口屏蔽掉。于是，在弹出窗口被屏蔽时，就应该考虑两种情况。如果是浏览器内置程序屏蔽了弹出窗口，那么 window.open() 很可能返回Null。只要检测这个返回值就能确定弹出窗口是否被屏蔽。如下： va...
2019-07-27 16:01:54
285
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人