- 博客(29)
- 收藏
- 关注
RSS订阅
原创 2019前端开发面试题知识点(不断整理中)
前端知识梳理HTML 部分h5新增了那些内容?新元素画布canvas音频audio、视频video新增语义标签article nav footer section aside等新属性placeholderautofocusform等新事件拖放事件窗口改变的事件(onresize)取消了一些元素(font，center等)新增DOCTYP...
2019-06-30 21:15:59
901
原创 2020前端面试题以及收集的答案（不断更新中）
1.get与post请求有什么区别？get和post是什么?它们是http协议的两种数据请求方式。在本质上都属于tcp链接，并无差异，导致他们的差异的是http的规定和浏览器的限制，导致他们在应用的过程中出现不同。get请求可以主动被浏览器缓，post请求无法缓存，除非是手动去设置。 get请求的在浏览器回退时候是无害的的，而post会再次请求。 get请求通过url传递，po...
2018-08-28 00:57:22
11714
原创 解决Vue入口文件index.html缓存问题
之前每次发版vue项目的时候，总是要强制刷浏览器才能生效。vue-cli里的默认配置，css和js的名字都加了哈希值，所以新版本css、js和就旧版本的名字是不同的，不会有缓存问题。但是把打包好的index.html放到服务器里去的时候，index.html在服务器端可能是有缓存的，这需要在服务器配置不让缓存index.html解决方法如下：前端在index.html中添加： <meta http-equiv="Expires" content="0"> <meta h
2021-09-27 11:41:28
2683
2
原创 CSS滚动条
//谷歌.element::-webkit-scrollbar { width: 0 !important }//ie.element { -ms-overflow-style: none; }//火狐.element { overflow: -moz-scrollbars-none; }
2021-06-30 17:20:31
82
原创 nuxt.js中axios的配置
下载axiosnpm i @nuxtjs/axios -s在nuxt.config.js中配置axiosmodules: [ '@nuxtjs/axios', ],此时， 就可以在组件中使用啦async asyncData(ctx) { const data = await ctx.$axios.get('/api/address') console.log(data.data);},配置axios的baseUrl, 拦截器export ..
2020-09-02 17:49:03
2405
原创 让webstrom识别@等别名
在前端开发的中 配置了@别名，但是webstorm默认是不识别的,无法给出对应的索引，这就很难受了。其实强大的webstorm早就帮我们解决了，只要稍微配置一下即可。
2020-07-13 15:28:05
1141
1
原创 vue 中 Type of the default value for data prop must be a function的解决方案
vue 中 Type of the default value for ‘data’ prop must be a function的解决方案vue官方文档搭配es6语法简单粗暴解决props: { dataList: { type: Object, default: () => ({ a:1, b:2 }) }}
2020-06-11 11:21:19
13486
原创 VUE从入门教程
目录vue是什么它和jq的区别vue的基本使用vue的常见的周边一、VUE 是什么它和 JQ 的区别。vue是什么?vue是一套构建用户界面的js框架，只关注视图层。它是以数据驱动和组件化的思想构建的.数据驱动视图。无需手动操作DOM。它通过一些特殊的HTML语法，将DOM和数据绑定起来。一旦你创建了绑定，DOM将和数据保持同步，每当变更了数据，DOM也会相应地更新。v...
2020-04-23 10:53:33
151
原创 解决vuex页面刷新数据丢失的问题
在vue项目中用vuex来做全局的状态管理， 发现当刷新网页后，保存在vuex实例store里的数据会丢失。原因：因为store里的数据是保存在运行内存中的,当页面刷新时，页面会重新加载vue实例，store里面的数据就会被重新赋值初始化解决思路：将state的数据保存在localstorage、sessionstorage或cookie中（三者的区别），这样即可保证页面刷新数据不丢失且易于...
2020-04-17 18:01:33
636
1
原创 pc端媒体查询常用尺寸
@media screen and(min-width: 1024px){body{font-size: 12px}} /*>=1024的设备屏幕*/ @media screen and(min-width: 1100px) {body{font-size: 14px}} /*>=1100的设备屏幕*/@media (min-width: 1280px) {body{f...
2020-04-17 15:44:54
2462
原创 css一些常用但是记不住的代码块(不断更新)
单行文本文本溢出省略号….text-overflow{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}多行溢出文本溢出省略号….text-overflows{ display: -webkit-box; -webkit-box-orien...
2020-03-27 11:33:40
330
原创 在React脚手架中配置和使用stylus
1.暴露出配置依赖npm run eject在工程目录下运行后会多出几个文件，config文件夹就是我们所需要的。2. 安装stylus依赖npm i stylus stylus-loader --save-dev3. 修改配置文件打开配置文件webpack.config.js'use strict';const fs = require('fs');cons...
2019-10-03 15:07:31
859
转载 vue watch对象或者数组的问题
普通的watch是这个样子的:data() { return { frontPoints: 0 }},watch: { frontPoints(newValue, oldValue) { console.log(newValue) }}数组的watch是这个样的:data() { return {...
2018-09-08 17:48:08
3125
原创 css三角形
最终的效果图贴上代码html部分<!--确认删除提示窗--> <div class="deleHint"> <div class="warpper"> <p class="content">确认删除这条地址？</p> <div cl
2018-09-08 15:29:27
164
原创 js 验证的银行卡信息(哪家银行、储蓄卡还是信用卡)
//检测银行卡信息//cardType:DC->储蓄卡,CC->信用卡function bankCardAttribution(bankCard){ var cardTypeMap = { DC: "储蓄卡", CC: "信用卡", SCC: "准贷记卡", PC: "预付费卡" }; function extend(target, s...
2018-09-06 09:07:31
4025
原创 原生ajax的实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &a
2018-08-27 00:07:56
122
原创 css盒模型总结
css盒模型css盒模型由margin、border、padding、content组成。css盒模型分为IE盒模型和标准盒模型。之间的却别在与对于宽高的计算不同 IE盒模型认为content包括border,padding,width/height 标准盒模型认为content只包含width/height改变盒模型的方法标准盒模型: box-sizing:cont...
2018-08-21 23:28:06
148
原创 css页面布局方法总结
题目：假设高度已知，请写出三栏布局，其中左右栏各宽300px，中间自适应目前有以下方法可以实现： 1. 浮动布局 2. 绝对定位布局 3. flex布局 4. 表格布局 5. 网格布局浮动布局 浮动布局会导致元素脱离文档流，造成高度塌陷，这时候就要清楚浮动。 优点是兼容性较好，如果浮动清楚处理的比较合理是没有什么问题的。&lt;style&gt; ...
2018-08-20 15:04:22
282
原创 浏览器的渲染机制
什么是DOCTYPE及其作用DTD(文档类型定义)是一系列的语法规则，用来定义XML或是HTML的文件类型。浏览器回根据它来判断文档的类型，决定用何种协议来解析，以及切换浏览器的模式。DOCTYPE就是用来声明文档类型和DTD规范的。* 主要的用途是验证文件的合法性，如果文件不合法那么浏览器解析时变回出错。（人话：告诉浏览器当前的文档包含的是哪个文档类型）浏览器渲...
2018-08-19 18:45:02
156
原创 JS原型与原型链的理解
首先放图 原型无论什么,只要创建了一个新函数就会根据一组特定的规则为该函数创建一个Prototype属性,这个属性指向的函数的原型对象原型对象所有的原型对象都会自动的获得一个constructor属性,它默认指向prototype属性所在的函数.实例构造函数通过new关键字创建了一个实例, 实例有个属性__proto__指向了原型对象. ...
2018-08-19 18:34:27
221
原创 css 垂直居中的各种方法
纯靠css实现的垂直居中本文共用的html代码<div class="box"> <div class="contend">垂直居中</div></div>table-cell 方式.box{ display: table-cell; vertical-align: middle; bor...
2018-08-19 18:28:22
149
原创 面试题：浏览器地址栏输入地址到页面渲染完成发生了什么?
浏览器进行地址解析浏览器得到url地址后开始解析,获取该地址的端口号、域名、协议、路径等信息。 有些信息不是必须的，浏览器会默认补齐。将解析的域名进行DNS解析。 将第一步的解析的信息转换成对应的ip地址，这就是DNS解析，分为以下步骤 1. 首先查看浏览器中时候有对应的DNS缓存， 如果有则直接使用 2. 如果没有查看操作系统DNS是否有对应的值（ho...
2018-08-18 19:20:54
2014
原创 前端跨域之详解
一、websocket 跨域WebSocket 是HTML5一种新的协议。它实现了浏览器与服务器全双工通信，同时允许跨域通讯，是server push技术的一种很好的实现。原生WebSocket API使用起来不太方便，推荐使用Socket.io，它很好地封装了webSocket接口，提供了更简单、灵活的接口，也对不支持webSocket的浏览器提供了向下兼容。前端的代码实现<...
2018-08-18 18:10:31
116
原创 Travel 项目记录与总结
前期准备事项设置meta标签固定页面大小,防止用户缩放页面。引入reset.css文件,清除页面样式差异处理一像素边框问题处理移动端点击300毫秒延时的问题 处理方法: 安装fastclick依赖 npm i fastclick --save...
2018-08-09 23:34:36
199
转载 markdown编辑器使用
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I...
2018-08-08 16:51:12
210
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人