自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

zhaoweihao的博客

既来之,则安之

转载 [笔记][转] js中数组常用方法api (小结)

js中数组常用方法小结 一、方法列举 (一) ES5 中常用数组方法: push() —— 后增 unshift() —— 前增 pop() —— 尾删 - (出栈末尾元素) shift() —— 首删 splice() —— 修改或删除 concat() —— 拼接返新 slice() —— ...

2020-03-27 18:51:27

阅读数 12

评论数 0

原创 [随笔] flex 布局使用 space-between 尾行排版效果优化

问题:有7个元素,需要排列成两行,整体要求两端对齐,尾行不足需向左对齐排列。 七个元素: <ul class="the-ul" style="max-width:760px;"> <li>我是子元素</li>...

2020-03-18 10:40:32

阅读数 13

评论数 0

转载 [随笔] 重写 ul li 列表前面点的样式

可按照需求进行修改: 清除默认点样式 ul { list-style-type: none; } 自行使用伪元素 ::before 添加点样式 .ul li::before { display: inline-block; content: "●&quo...

2020-03-12 11:18:08

阅读数 54

评论数 0

原创 [笔记] elementUI ---(一)环境搭建

一、npm方式安装(vue脚手架引入element) 1、npm 安装 elementUI # 推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。 npm i element-ui -S 安装成功后可以在 node_modules 中查看是否有 element-ui ...

2020-03-04 12:35:27

阅读数 35

评论数 0

转载 [随笔] Vue中鼠标移入/移出事件——修改图片图标颜色(修改src地址)

效果:默认状态下图标为蓝色的;鼠标移入后图标变为白色的。 Html 部分: <!-- 如果此处的两个鼠标事件不生效,可以在 mouseenter和 mouseleave后面添加.native后缀 --> <router-link to="./detail1"...

2020-02-28 12:23:58

阅读数 141

评论数 0

转载 [随笔] Vue 路由守卫——页面 title 动态改变

需求 实现切换路由时,标签页显示的 title 会根据不同页面发生改变 实现 (1)在路由配置页面 (src/router/index.js)中,给每项路由(routes)配置添加路由元信息 meta ,如: { path: '/news', na...

2020-01-15 10:44:09

阅读数 35

评论数 0

原创 [随笔] vue - js返回顶部 + 下滑固定距离才显示 效果实现

实现效果: 滚动条下滑一定 px 值距离后显示 返回顶部 按钮 点击该按钮可以实现跳转回顶部的效果 返回顶部时有过渡(滑动动画效果) 实现代码 HTML <!-- 在顶部指定标签 id 值为“top” --> <div class="btn-toTop"...

2020-01-10 15:01:28

阅读数 30

评论数 0

原创 [小结] Css常用小套路(大小写、a标签、清除浮动、ul菜单)

文本相关 大小写转换 文本转换属性是用来指定在一个文本中的大写和小写字母。可用于所有字句变成大写或小写字母,或每个单词的首字母大写。实例: p.uppercase { text-transform: uppercase; } /*单词的所有字母转换成大写*/ p.lowercase { tex...

2020-01-07 18:12:58

阅读数 32

评论数 0

原创 [随笔] Html锚点/JS实现页面内跳转至指定位置(返回顶部、页内定位)

要实现页面内定向跳转 — 以返回顶部为例 方法一:HTML锚点 实现: 1、在顶部标签用 id 命名(‘top’) 2、使用 a 标签,其 href 属性写 href="#top" 来实现页面内跳转 缺点 会让 url 地址发生改变,会受页面路由等的影响而失效。 方法二:J...

2019-12-30 11:24:35

阅读数 57

评论数 0

原创 [随笔] 指定div内-让文字在图片上方且水平垂直居中

需求 —— 在一个指定的div(cotainer)内,要实现: 图片撑满div 文字水平垂直居中 文字在图片上方 压缩时地下图片能等比例缩小 -> 可设置最小值 实现 —— 直接上代码: <div class="cotainer"> <img s...

2019-12-24 19:47:06

阅读数 31

评论数 0

转载 [随笔] flex布局设置width无效

父容器设置了 flex 布局,子元素的 width 属性为:240px 会失效 解决办法: 使用 flex 布局子项属性:flex (flex-basis)属性 flex: 1 1 240px; 参考: CSND flex布局

2019-12-23 20:39:45

阅读数 26

评论数 0

转载 [随笔] 工具函数-取整函数(ceil、floor、round)

取整函数(ceil、floor、round) 向上取整 — Math.ceil() ceil:在英文中,是天花板的意思,有向上的意思,所以,此函数是向上取整,它返回的是大于或等于函数参数,并且与之最接近的整数,在这里以java为例: package com.test; public clas...

2019-12-12 15:55:01

阅读数 4

评论数 0

原创 [随笔] el-row使用非零 gutter 时宽度溢出出现水平滚动条

在使用 elementUI 的 el-row 标签时,如果设置了 gutter 属性 且不为0,那莪会出现水平滚动条(宽度会溢出) 案例分析 <el-row :gutter="10"> <el-col :span="8">&l...

2019-12-10 09:23:18

阅读数 143

评论数 0

原创 [随笔] elementUI-走马灯carousel 自适应+动态监听浏览器宽度

div部分 <el-carousel :interval="5000" arrow="never" :height="bannerHeight + 'px'"> <el-carousel-item...

2019-12-09 18:35:56

阅读数 53

评论数 0

转载 [随笔][转] Element-UI修改默认的菜单样式+el标签选择方法+scope样式穿透

偷个懒,直接贴地址: https://blog.csdn.net/xCyansun/article/details/85374883

2019-12-05 09:56:04

阅读数 82

评论数 0

原创 [随笔] 前端每日3+1之 JS 题目

安利一波剑哥的前端每日3+1项目:前端每日3+1-GitHub 立个flag,开启每日练习模式… 先自己思考,再查找答案比对,相信坚持就算胜利~ ———————————— p:个人理解 k:参考答案 ———————————— 用递归算法实现,数组长度为5且元素的随机数在2-32间不重复的值。 k...

2019-11-26 00:27:22

阅读数 27

评论数 0

原创 [随笔] 前端每日3+1之 CSS 题目

安利一波剑哥的前端每日3+1项目:前端每日3+1-GitHub 立个flag,开启每日练习模式… 先自己思考,再查找答案比对,相信坚持就算胜利~ ———————————— p:个人理解 k:参考答案 ———————————— 圣杯布局和双飞翼布局的理解和区别,并用代码实现 p:没怎么留意这个问题...

2019-11-26 00:09:17

阅读数 17

评论数 0

原创 [随笔] 前端每日3+1之 HTML 题目

安利一波剑哥的前端每日3+1项目:前端每日3+1-GitHub 立个flag,开启每日练习模式… 先自己思考,再查找答案比对,相信坚持就算胜利~ ———————————— p:个人理解 k:参考答案 ———————————— 页面导入样式时,使用link和@import有什么区别? p:lin...

2019-11-25 23:55:12

阅读数 11

评论数 0

原创 [问答] 前端面试题---JS+HTML

面试题 div 标签和 span 有何不同? ·div 标签属于块级元素标签,独占一行,可以包含段落标题和表格等其他段落内容; ·span 标签属于行内元素标签,不会独占一行,没有结构的意义。 用 JS 截取字符串:cdefgh 中取 fgh? var stmp = "rci...

2019-11-25 23:41:49

阅读数 20

评论数 0

原创 [随笔] vue相关题目

记录一些个人遇到的,觉得有必要了解或是记忆或是掌握vue相关知识点。 立个flag,每日刷… p:个人理解 k:参考答案 ———————————— 谈谈你对 MVVM 的理解。 p: MVVM是一种架构模式,是一种思想:其中M就是 model,是数据模型,可以理解成是数据层,用来存储所需数据...

2019-11-24 01:56:01

阅读数 33

评论数 0

转载 [笔记][转] vue.js原生组件化开发(一)—— 组件开发基础

前言 vue作为一个轻量级前端框架,其核心就是组件化开发。我们一般常用的是用脚手架vue-cli来进行开发和管理,一个个组件即为一个个vue页面,这种叫单文件组件。我们在引用组件之时只需将组件页面引入,再注册即可使用。那么不用脚手架,如何进行组件开发呢,本文先介绍一下基础知识吧。 组件使用流程 1...

2019-11-04 00:46:27

阅读数 9

评论数 0

转载 [笔记][转]vue.js原生组件化开发(二)—— 父子组件

前言 在了解父子组件之前应先掌握组件开发基础。在实际开发过程中,组件之间可以嵌套,也因此生成父子组件。 一、父子组件创建流程 1.构建父子组件 1.1 全局注册 (1)构建注册子组件 //构建子组件child var child = Vue.extend({ template: '...

2019-11-04 00:31:52

阅读数 10

评论数 0

转载 [学习笔记] vue-cli 2.x (二) vue-cli 2.x 项目结构(补记)

一、总体框架 一个vue-cli的项目结构如下,其中src文件夹是需要掌握的,所以本文也重点讲解其中的文件,至于其他相关文件,了解一下即可。 二、结构细分 1.build——[webpack配置] build文件主要是webpack的配置,主要启动文件是dev-server.js,当我们输入np...

2019-11-03 23:19:21

阅读数 29

评论数 0

原创 [小结] 数据格式判断

一、判空 1.字符串String格式判空:String.trim() 方法 var string1 = ""; var string2 = "abc"; //trim() 函数返回去掉开头和结尾空格后的字符串。 string1.trim() == "...

2019-11-03 04:04:07

阅读数 49

评论数 0

原创 [随笔] HTML/CSS-简单表格样式

一个简单的CSS表格样式 表格: <div class="table-area fjcenter formating"> <table class="my-table"> <thead&...

2019-11-02 23:46:03

阅读数 84

评论数 0

转载 [随笔] Vue配置axios全局访问路径头

Vue(Vue-cli)配置全局访问路径头(axios) 在vue中用axios发送请求的时候总是: axios.get(“http://localhost:3000/xxx/xxx”,{params:{xx:xxx}}).then(res=>{}).catch(error=>{}) ...

2019-10-25 03:53:12

阅读数 96

评论数 0

转载 [随笔] [转] axios 发 post 请求的数据格式问题

要做的需求很简单,就是一个axios的简单请求,如下: axios({ method: 'post', url: '/api/login', data: { username, pwd }}) 但是问题来了,后端说取不到我的use...

2019-10-25 02:40:28

阅读数 25

评论数 0

转载 [随笔] 在Vue.js 中使用axios不能获取data对象中数据的解决方法

vue.js在钩子(如created())中使用axios不能获取属性data的解决方法: 记录一个案例(请求数据,并用新数据更新页面)中遇到的问题: data: { //data域数据 list: [ {id: 1, name: '奔驰', ctime: new Dat...

2019-10-25 00:06:20

阅读数 25

评论数 0

转载 [随笔] 在浏览器上安装 Vue Devtools工具方法及问题记录与解决(转载整合)

下载安装主要步骤: 参见博客园文章:在浏览器上安装 Vue Devtools工具方法 ———————————————— 下载安装步骤补充说明: 在github下载devtools源码,地址:https://github.com/vuejs/vue-devtools; 需要将下载的安装包解压到一...

2019-10-13 15:15:42

阅读数 12

评论数 0

转载 [随笔] js数组中 some 、findIndex 和 filter方法|查找索引

Array.some(callback) some会遍历数组中的每个元素,让每个值都执行一遍callback函数 如果有一个元素满足条件,返回true , 剩余的元素不会再执行检测。 如果没有满足条件的元素,则返回false。 注意: some() 不会对空数组进行检测。 some() 不会...

2019-10-12 22:24:22

阅读数 11

评论数 0

转载 [Tip] @media screen and 不起作用原因汇总(转)

@media screen and 不起作用原因汇总 首先确认是不是css本身的问题,而不是媒体查询没有生效;例如 div{display:flex;}/*那么div所有的display效果都将无法生效*/ 错误1、格式书写错误and后面必须有空格例如下面代码: @media screen an...

2019-09-22 02:44:13

阅读数 24

评论数 0

转载 [Tip] 点击一个链接后,为什么其余没点击过链接也变成了变成了a:visited中的样式?

一:确认是否按照 a:link a:visited a:hover a:active 的顺序定义样式(联想记忆:love hate) 二:如果所有链接的href属性一样(指向同一个地址),那么你点其中一个链接,其他链接也将显示被访问过 ———————————————— ...

2019-09-21 23:32:48

阅读数 21

评论数 0

转载 [学习笔记] Css布局相关杂锦+个人补充

1、使用 max-width 替代 width可以使浏览器更好地处理小窗口的情况。这点在移动设备上显得尤为重要。 顺便提下,所有的主流浏览器包括IE7+在内都支持 max-width 。 #main { max-width: 600px; margin: 0 auto; } 2、盒模型...

2019-09-07 02:21:11

阅读数 9

评论数 0

原创 HTML+Css面试题个人归纳

HTML基础问题归纳 1、常用块级元素标签 ·HTML:address、center 地址文字; h1 ~ h6 标题1-6级; hr 水平分割线; p 段落 ; pre 预格式化; blockquote 段落缩进(前后5个字符); marquee 滚动文本; ...

2019-08-17 00:08:20

阅读数 43

评论数 0

原创 [学习笔记] vue-cli 2.x (一)环境搭建

1、下载安装node.js 前往官网下载node.js:http://nodejs.org/ 打开安装包,安装 打开cmd(或power shell) 输入"node -v" 或 “node --version”,查看node版本号以确认是否安装成功。 2、开始搭建vue-...

2019-08-13 16:41:51

阅读数 34

评论数 0

转载 [2019面试准备]---JS+ES6+Vue知识点小记(部分)

原文:掘金——jsliang JS篇 1、引用方式 行内引入 内部引入 外部引入 注意:不推荐写行内或者在 HTML 中插入 <script>,因为浏览器解析顺序缘故,如果解析到死循环之类的 JS 代码,会卡住页面。 建议在 onload 事件之后,即等 HTML...

2019-08-08 16:28:09

阅读数 100

评论数 0

转载 [2019面试准备] ---HTML+CSS知识点小记(部分)

原文:掘金——jsliang HTML篇 学习推荐:《前端工程师手册》;《HTML-菜鸟教程》 1、常见浏览器及内核引擎 Chrome Firefox Safari IE Opera 排版引擎 Blink Gecko Webkit ...

2019-08-08 01:23:45

阅读数 18

评论数 0

原创 JavaScript基础问题个人归纳

1、js往数组中加入元素的方式有哪些? (1)向数组结尾添加元素: 用push()—简单 或 concat()—比较高效: var arr = [1,2,3,4,5]; var arr2 = []; arr.push(6); arr[arr.length] = 6; arr2...

2019-08-06 22:25:15

阅读数 20

评论数 0

转载 [学习笔记]Es6---顶层对象

顶层对象 在浏览器环境指的是window对象,在 Node 指的是global对象。ES5 之中,顶层对象的属性与全局变量是等价的。 window.a = 1; a // 1 a = 2; window.a // 2 //上面代码中,顶层对象的属性赋值与全局变量的赋值,是同一件...

2019-07-31 01:11:13

阅读数 20

评论数 0

转载 [学习笔记]Es6-let和const

let命令 用法: 类似于var,但是所声明的变量,只在let命令所在的代码块内有效。 for循环的计数器,就很合适使用let命令。 特点: 不存在变量提升— let命令改变了语法行为,它所声明的变量一定要在声明后使用,否则报错。 暂时性死区 — 只要块级作用域内存在let命令,它...

2019-07-31 00:58:49

阅读数 10

评论数 0

提示
确定要删除当前文章?
取消 删除