前端爬坑
Elon丶
这个作者很懒,什么都没留下…
展开
-
关于router.addRoute动态添加子路由失败的问题解决方案
router.addRoute 子路由 失败原创 2023-02-08 16:12:14 · 5709 阅读 · 9 评论 -
解决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 · 2848 阅读 · 2 评论 -
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 · 13703 阅读 · 0 评论 -
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 · 356 阅读 · 0 评论 -
在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 · 904 阅读 · 0 评论 -
插件库记录~
复制粘贴插件 ==> Clipboard.js原创 2018-11-16 16:40:38 · 213 阅读 · 0 评论 -
js 验证的银行卡信息(哪家银行、储蓄卡还是信用卡)
//检测银行卡信息//cardType:DC->储蓄卡,CC->信用卡function bankCardAttribution(bankCard){ var cardTypeMap = { DC: "储蓄卡", CC: "信用卡", SCC: "准贷记卡", PC: "预付费卡" }; function extend(target, s...原创 2018-09-06 09:07:31 · 4291 阅读 · 0 评论 -
vue watch对象或者数组的问题
普通的watch是这个样子的:data() { return { frontPoints: 0 }},watch: { frontPoints(newValue, oldValue) { console.log(newValue) }}数组的watch是这个样的:data() { return {...转载 2018-09-08 17:48:08 · 3159 阅读 · 0 评论 -
css三角形
最终的效果图贴上代码html部分<!--确认删除提示窗--> <div class="deleHint"> <div class="warpper"> <p class="content">确认删除这条地址?</p> <div cl原创 2018-09-08 15:29:27 · 189 阅读 · 0 评论 -
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 · 185 阅读 · 0 评论 -
css页面布局方法总结
题目:假设高度已知,请写出三栏布局,其中左右栏各宽300px,中间自适应目前有以下方法可以实现: 1. 浮动布局 2. 绝对定位布局 3. flex布局 4. 表格布局 5. 网格布局浮动布局 浮动布局会导致元素脱离文档流,造成高度塌陷,这时候就要清楚浮动。 优点是兼容性较好,如果浮动清楚处理的比较合理是没有什么问题的。&lt;style&gt; ...原创 2018-08-20 15:04:22 · 305 阅读 · 0 评论 -
原生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 · 146 阅读 · 0 评论 -
浏览器的渲染机制
什么是DOCTYPE及其作用DTD(文档类型定义)是一系列的语法规则,用来定义XML或是HTML的文件类型。浏览器回根据它来判断文档的类型,决定用何种协议来解析,以及切换浏览器的模式。DOCTYPE就是用来声明文档类型和DTD规范的。* 主要的用途是验证文件的合法性,如果文件不合法那么浏览器解析时变回出错。(人话:告诉浏览器当前的文档包含的是哪个文档类型)浏览器渲...原创 2018-08-19 18:45:02 · 183 阅读 · 0 评论