麋鹿鲁哟-CSDN博客

原创 cute-cnblogs 自定义博客园样式美化二期来啦~

番外篇自己搭框架玩吧~ 这里给一些自定义代码喔~ 自己探索喔~ （部分代码与本皮肤一致，但有的不喔~）这里将持续更新~一期博客园框架样式二期博客园框架样式模版选定博客皮肤选定建议选择博客园 Custom 标准模板喔~重置样式清除浏览器默认样式，并配置适合设计的基础样式（此处使用的nec的css reset）/* reset */html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figur

2020-06-18 15:29:32 2036 8

原创可爱的博客园样式之自定义“评论区”样式

cute-cnblogs 评论区代码美化说明一些人可能比较喜欢个别区域的，这里是博客园评论区的样式代码。（PS：基于博客园主题“SimpleMemor”进行的样式修改，勾选禁用默认样式了，可能主题不同，class啥的也不同，不同的只能自己耐心改一下啦~） OωO表情是插件喔，github ，就是图片类型的需要js进行处理，因为发表评论的引入使用不一样，具体可以自行对比下官网与我引...

2019-10-16 10:11:36 855

原创可爱的博客园样式美化、自定义博客园主题样式

cute-cnblogs 说明 “我经常有那种感觉，如果这个事情来了，你却没有勇敢地去解决掉，它一定会再来。生活真是这样，它会一次次地让你去做这个功课直到你学会为止。” —— 《像我这样笨拙地生活》博客园样式一直是我想改的，之前使用过别人写好的样式模版，加了很多东西，可惜有一天全丢失了，博客园帮忙找回来了一部分，但是不全面，基本相当于废了，于是决定重头再来，自己写一套样式。麋鹿鲁哟...

2019-10-15 23:16:27 1354

转载 Vue中使用key的作用

key的作用是为了在diff算法执行时更快的找到对应的节点，提高diff速度key具有唯一性vue中循环需加 :key=“唯一标识” ，唯一标识可以使item里面id index 等，因为vue组件高度复用增加key可以标识组件的唯一性，为了更好地区别各个组件key的作用主要是为了高效的更新虚拟DOM不带有key，并且使用简单的模板，基于这个前提下，可以更有效的复用节...

2019-07-19 18:32:37 304

转载用CSS绘制实体三角形并说明原理

.test{ width:0;height:0;margin:0 auto;border:6px solid transparent;border-top: 6px solid red;}1.采用的是均分原理盒子都是一个矩形或正方形，从形状的中心，向4个角上下左右划分4个部分。2.代码的实现第一步保证元素是块级元素第二步设置元素的边框第三步不需要显示的边框使用...

2019-07-18 18:28:12 165

原创 js对数组、对象的深拷贝、复制

基本类型的数据是存放在栈内存中的，而引用类型的数据是存放在堆内存中的基本类型：Number Boolean undefined String Null引用类型：Object Functionjs中对象Object和数组Array都是引用类型当用变量声明一个引用类型时，实际上这个变量不是引用类型本身，而是一个指向这个引用类型的指针。这个指针指向堆内存中该对象的存储地址。复...

2019-07-17 18:29:51 135

原创 uni-app h5端跳转到底部导航栏的时候使用方法uni.switchTab跳转刷新页面更新数据

h5端的uni-app项目需求：uni-app h5端跳转到底部导航栏的时候使用方法uni.switchTab跳转刷新页面更新数据百度的方法如下：uni.switchTab({ url: '/pages/index/main', success: function (e) { var page = getCurrentPages().pop(); ...

2019-07-17 18:26:20 4314 4

转载表单提交中Get和Post方式的区别

1.get是从服务器上获取数据，post是向服务器传送数据2.get是把参数数据队列加到提交表单的action属性所指的url中，值和表单内各个字段一一对应，在url中可以看到。post是通过HTTP的post机制，将表单内各个字段与其内容放置在HTML header中一起传送到action属性所指的url地址，用户是看不到这个过程的。3.对于get方式，服务器端用Request.Quer...

2019-07-16 18:24:59 286 1

转载 vue路由跳转的方式

vue路由跳转有四种方式1. router-link2. this.$router.push() (函数里面调用)3. this.$router.replace() (用法同push)4. this.$router.go(n)一、不带参1.1 router-link<router-link :to="{name:'home'}"> <rout...

2019-07-15 18:35:48 175 1

转载 Label的作用是什么，是怎么用的？

label标签来定义表单控制间的关系，当用户选择该标签时，浏览器会自动将焦点转到标签相关的表单控件上。如：<form><label for="male">Male</label><input type="radio" name="sex" id="male" /><br /><label for="fe...

2019-07-12 18:35:48 1315

转载 iframe的优缺点

iframe的优点：1.iframe能够原封不动的把嵌入的网页展现出来。2.如果有多个网页引用iframe，那么只需要修改iframe的内容，就可以实现调用每一个页面的更改，方便快捷。3.网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe嵌套，可以增加代码的可重用。4.如果遇到加载缓慢的第三方内容，如图标或广告，这些问题可以由iframe来解决。5....

2019-07-11 18:42:47 839

转载超链接target属性的取值和作用？

<a>标签的target属性规定在何处打开连接文档属性值_black：点击一次打开一个新窗口_new：始终在同一个新窗口中打开_self：默认，在当前窗口打开_parent：在父级窗口打开_top：在当前的整个浏览器中打开所链接文档，即在顶级窗口打开framename：在指定的框架中打开被链接文档...

2019-07-10 18:28:50 3408 1

转载对BFC规范的理解

什么是BFC？BFC 全称为块级格式化上下文（Block Fromatting Context），是Web页面的可视化CSS渲染出的一部分。它是块级盒布局出现的区域，也是浮动层元素进行交互的区域。简单的来说，它就是一种会影响元素与元素之间的位置、间距的属性。BFC 的特性1.内部的box会在垂直方向，从顶部一个接一个的放置2.box垂直方向的距离由margin决定，属于同一...

2019-07-09 18:32:18 1017

转载为什么要初始化css样式

为什么要初始化css样式1.浏览器差异不同浏览器对有些标签的默认值是不同的，如果没对css初始化会出现浏览器之间的页面显示差异2.提高编码质量如果不初始化，整个页面做完会很糟糕，重复的css样式很多最简单的初始化方法是：（不建议）* {padding: 0; margin: 0;} 淘宝样式样式初始化body, h1...

2019-07-08 18:10:14 794

转载 display值的作用分别是什么？relative和absolute分别是相对谁定位的？

display值的作用分别是什么？none：元素隐藏，不占据位置block：该元素显示为块级元素inline：默认，该元素会被显示为内联元素inline-block：行内块元素list-item：该元素会作为列表显示run-in：该元素会根据上下文作为块级元素或内联元素显示table：该元素会作为块级表格来显示inline-table：该元素会作为内敛表格来显示...

2019-07-05 18:58:47 789

转载 CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？

CSS 选择符有哪些？1.id选择器（#id）2.类选择器（.class）3.标签选择器（div，h1，p）4.相邻选择器（h1 + p）5.子选择器（ul > li）6.后代选择器（li a）7.通配符选择器（ * ）8.属性选择器（a[title]）9.伪类选择器（a:hover，li:nth-child）可继承的样式1.字体系列属性...

2019-07-04 19:00:14 702

转载 position的absolute与fixed共同点与不同点

共同点1.改变行内元素的呈现方式，display被置为block2.让元素脱离普通流，不占据空间3.默认会覆盖到非定位的元素上不同点absolute的“根元素”是可以设置的，而fixed的“根元素”固定位浏览器窗口当滚动网页时，fixed元素与浏览器窗口之间的距离是不变的position：规定元素的定位类型任何元素都可以定位，不过绝对或固定元素会生...

2019-07-03 19:00:36 792

转载 link 和 @import 的区别是什么？

link语法结构：<link href="url" rel="stylesheet" type="text/css">@import语法结构：@import url 多用于css文件中，把多个样式表导入到一个样式表中，在页面里面只需要导入一个样式表即可，便于修改和扩展　　1.在html中　　　　<style type="text/css">　　...

2019-07-02 19:07:35 309

转载什么是回流(重排 reflow)？什么是重绘(repaint)？如何减少回流、重绘？

什么是回流(重排 reflow)？回流（重排 reflow）：对DOM树进行渲染，只要修改DOM或修改元素的形状大小，就会触发reflow，reflow的时候，浏览器会使已渲染好受到影响的部分失效，并重新构造这部分，完成reflow后，浏览器会重新绘制受影响的部分到屏幕中（继昨日每日一题：display:none和visibility:hidden　　当display显示及隐藏元...

2019-07-01 19:18:22 339

转载 display:none和visibility:hidden的区别？——每日一题20190630

css控制元素不可见的方法：{ display: none; /* 不占据空间，无法点击 */ }/********************************************************************************/{ visibility: hidden; /* 占据空间，无法点击 */ }/********************...

2019-06-30 18:44:36 196

原创前端工程师养成攻略——从今天开始写博客！

打算要鼓励自己坚持下去写博客呢，那么，这第一篇博客应该说点什么呢？hello,world？还是说说我的经历吧，毕竟各自的人生都有各自的经历。　　我家呢，开着一家照相馆，所以在我很小的时候，家里就有电脑了，小时候，只知道跟在我哥跟他的朋友们的屁股后面，他们玩啥我玩啥，大概我就从小就是被当做“男孩子”养大的，所以，什么游戏，我都可以玩的很嗨，不敢说很强吧，但是技术水平还是在女生之间较...

2019-06-30 15:40:11 263 2

转载 Web Storage和cookie的区别——每日一题20190629

Web Storage？使用HTML5可以在本地存储用户的浏览数据。使用的主要目的是为了克服Cookie带来的一些限制，当数据需要被严格控制在客户端上时，无需持续的将数据发回服务器主要目标：　　1.提供一种在Cookie之外存储会话数据的途径　　2.提供一种存储大量可以跨会话存在的数据的机制Web Storage 分为两种：SessionStorage和localSt...

2019-06-29 18:28:04 138

转载什么是Cookie？——每日一题20190623

什么是Cookie？Cookie实际上是一小段的文本信息，客户端请求服务器，如果服务器需要记录该用户状态，就使用 response 向客户端浏览器颁发一个Cookie。客户端会把Cookie存起来，当浏览器再请求该网站时，浏览器把请求的网址连同该Cookie一同提交给服务器，服务器检查该Cookie，以此来辨认用户状态，服务器也可根据需求修改Cookie的内容；Cookie的优缺点...

2019-06-23 18:16:06 195

转载什么是盒子模型？——每日一题20190622

什么是盒子模型？把所有的网页元素都看成一个盒子，它具有：content，padding，border，margin四个属性，这就是盒子模型。盒子模型有两种形式：标准盒子模型，怪异盒子模型首先，两种模式可以利用box-sizing属性进行自行选择：　　标准模式：box-sizing:content-box;　　怪异模式：box-sizing:border-...

2019-06-22 01:07:43 385

转载 Jsp页面中meta的作用

Jsp页面中meta的作用<meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires...

2019-03-29 19:58:11 402 1

原创 Vue+Element-ui路由

Vue+Element-ui路由需要加载vue-router小黑板来辽npm install vue-routersrc/main.js下加入代码import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)如下图所示在src下router中index.js引入路由对应组件及配置路由i...

2019-02-18 18:44:00 1583 1

原创 Vue+Element-ui+jQuery结合代码

Vue+Element-ui+jQuery结合代码当前环境Vue安装引入Element-ui引入jQuery当前环境已存在 npm已安装 node （检查版本： node -v）已全局安装vue-cli（检查是否成功安装 vue --version）Vue安装打开小黑板（ Ctril+R 输入cmd 回车）小黑板输入内容 “#”号后面都是解释不是输入内容进入文件夹内（盘的切换直接 ...

2019-02-18 18:36:36 4857

原创 Vue+iView结合代码——小白入门

Vue+iView结合代码——小白入门当前环境步骤举个栗子当前环境已存在 npm已安装 node （检查版本： node -v）未全局安装vue-cli（检查是否成功安装 vue --version）步骤打开小黑板（ Ctril+R 输入cmd 回车）小黑板输入内容 “#”号后面都是解释不是输入内容进入文件夹内（盘的切换直接 “c:”，进盘里的文件 cd+空格+ 文件名）npm...

2019-02-14 18:08:00 2146

麋鹿鲁哟的博客