- 博客(28)
- 收藏
- 关注
原创 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
2078
8
原创 可爱的博客园样式之自定义“评论区”样式
cute-cnblogs 评论区代码美化说明 一些人可能比较喜欢个别区域的,这里是博客园评论区的样式代码。 (PS:基于博客园主题“SimpleMemor”进行的样式修改,勾选禁用默认样式了,可能主题不同,class啥的也不同,不同的只能自己耐心改一下啦~) OωO表情是插件喔,github ,就是图片类型的需要js进行处理,因为发表评论的引入使用不一样,具体可以自行对比下官网与我引...
2019-10-16 10:11:36
862
原创 可爱的博客园样式美化、自定义博客园主题样式
cute-cnblogs 说明 “我经常有那种感觉,如果这个事情来了,你却没有勇敢地去解决掉,它一定会再来。生活真是这样,它会一次次地让你去做这个功课直到你学会为止。” —— 《像我这样笨拙地生活》博客园样式一直是我想改的,之前使用过别人写好的样式模版,加了很多东西,可惜有一天全丢失了,博客园帮忙找回来了一部分,但是不全面,基本相当于废了,于是决定重头再来,自己写一套样式。麋鹿鲁哟...
2019-10-15 23:16:27
1363
转载 Vue中使用key的作用
key的作用是为了在diff算法执行时更快的找到对应的节点,提高diff速度key具有唯一性vue中循环需加 :key=“唯一标识” ,唯一标识可以使item里面id index 等,因为vue组件高度复用增加key可以标识组件的唯一性,为了更好地区别各个组件key的作用主要是为了高效的更新虚拟DOM不带有key,并且使用简单的模板,基于这个前提下,可以更有效的复用节...
2019-07-19 18:32:37
310
转载 用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
169
原创 js对数组、对象的深拷贝、复制
基本类型的数据是存放在栈内存中的,而引用类型的数据是存放在堆内存中的基本类型:Number Boolean undefined String Null引用类型:Object Functionjs中对象Object和数组Array都是引用类型当用变量声明一个引用类型时,实际上这个变量不是引用类型本身,而是一个指向这个引用类型的指针。这个指针指向堆内存中该对象的存储地址。复...
2019-07-17 18:29:51
141
原创 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
4323
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
293
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
177
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
1318
转载 iframe的优缺点
iframe的优点:1.iframe能够原封不动的把嵌入的网页展现出来。2.如果有多个网页引用iframe,那么只需要修改iframe的内容,就可以实现调用每一个页面的更改,方便快捷。3.网页如果为了统一风格,头部和版本都是一样的,就可以写成一个页面,用iframe嵌套,可以增加代码的可重用。4.如果遇到加载缓慢的第三方内容,如图标或广告,这些问题可以由iframe来解决。5....
2019-07-11 18:42:47
845
转载 超链接target属性的取值和作用?
<a>标签的target属性规定在何处打开连接文档属性值_black:点击一次打开一个新窗口_new:始终在同一个新窗口中打开_self:默认,在当前窗口打开_parent:在父级窗口打开_top:在当前的整个浏览器中打开所链接文档,即在顶级窗口打开framename:在指定的框架中打开被链接文档...
2019-07-10 18:28:50
3412
1
转载 对BFC规范的理解
什么是BFC?BFC 全称为 块级格式化上下文(Block Fromatting Context),是Web页面的可视化CSS渲染出的一部分。它是块级盒布局出现的区域,也是浮动层元素进行交互的区域。简单的来说,它就是一种会影响元素与元素之间的位置、间距的属性。BFC 的特性1.内部的box会在垂直方向,从顶部一个接一个的放置2.box垂直方向的距离由margin决定,属于同一...
2019-07-09 18:32:18
1021
转载 为什么要初始化css样式
为什么要初始化css样式1.浏览器差异 不同浏览器对有些标签的默认值是不同的,如果没对css初始化会出现浏览器之间的页面显示差异2.提高编码质量 如果不初始化,整个页面做完会很糟糕,重复的css样式很多最简单的初始化方法是:(不建议)* {padding: 0; margin: 0;} 淘宝样式 样式初始化body, h1...
2019-07-08 18:10:14
799
转载 display值的作用分别是什么?relative和absolute分别是相对谁定位的?
display值的作用分别是什么?none:元素隐藏,不占据位置block:该元素显示为块级元素inline:默认,该元素会被显示为内联元素inline-block:行内块元素list-item:该元素会作为列表显示run-in:该元素会根据上下文作为块级元素或内联元素显示table:该元素会作为块级表格来显示inline-table:该元素会作为内敛表格来显示...
2019-07-05 18:58:47
795
转载 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
705
转载 position的absolute与fixed共同点与不同点
共同点1.改变行内元素的呈现方式,display被置为block2.让元素脱离普通流,不占据空间3.默认会覆盖到非定位的元素上不同点absolute的“根元素”是可以设置的,而fixed的“根元素”固定位浏览器窗口当滚动网页时,fixed元素与浏览器窗口之间的距离是不变的position:规定元素的定位类型任何元素都可以定位,不过绝对或固定元素会生...
2019-07-03 19:00:36
796
转载 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
310
转载 什么是回流(重排 reflow)?什么是重绘(repaint)?如何减少回流、重绘?
什么是回流(重排 reflow)?回流(重排 reflow):对DOM树进行渲染,只要修改DOM或修改元素的形状大小,就会触发reflow,reflow的时候,浏览器会使已渲染好受到影响的部分失效,并重新构造这部分,完成reflow后,浏览器会重新绘制受影响的部分到屏幕中(继昨日每日一题:display:none和visibility:hidden 当display显示及隐藏元...
2019-07-01 19:18:22
342
转载 display:none和visibility:hidden的区别?——每日一题20190630
css控制元素不可见的方法:{ display: none; /* 不占据空间,无法点击 */ }/********************************************************************************/{ visibility: hidden; /* 占据空间,无法点击 */ }/********************...
2019-06-30 18:44:36
200
原创 前端工程师养成攻略——从今天开始写博客!
打算要鼓励自己坚持下去写博客呢,那么,这第一篇博客应该说点什么呢?hello,world?还是说说我的经历吧,毕竟各自的人生都有各自的经历。 我家呢, 开着一家照相馆,所以在我很小的时候,家里就有电脑了,小时候,只知道跟在我哥跟他的朋友们的屁股后面,他们玩啥我玩啥,大概我就从小就是被当做“男孩子”养大的,所以,什么游戏,我都可以玩的很嗨,不敢说很强吧,但是技术水平还是在女生之间较...
2019-06-30 15:40:11
271
2
转载 Web Storage和cookie的区别——每日一题20190629
Web Storage?使用HTML5可以在本地存储用户的浏览数据。使用的主要目的是为了克服Cookie带来的一些限制,当数据需要被严格控制在客户端上时,无需持续的将数据发回服务器主要目标: 1.提供一种在Cookie之外存储会话数据的途径 2.提供一种存储大量可以跨会话存在的数据的机制Web Storage 分为两种:SessionStorage和localSt...
2019-06-29 18:28:04
142
转载 什么是Cookie?——每日一题20190623
什么是Cookie?Cookie实际上是一小段的文本信息,客户端请求服务器,如果服务器需要记录该用户状态,就使用 response 向客户端浏览器颁发一个Cookie。客户端会把Cookie存起来,当浏览器再请求该网站时,浏览器把请求的网址连同该Cookie一同提交给服务器,服务器检查该Cookie,以此来辨认用户状态,服务器也可根据需求修改Cookie的内容;Cookie的优缺点...
2019-06-23 18:16:06
201
转载 什么是盒子模型?——每日一题20190622
什么是盒子模型?把所有的网页元素都看成一个盒子,它具有:content,padding,border,margin四个属性,这就是盒子模型。盒子模型有两种形式:标准盒子模型,怪异盒子模型首先,两种模式可以利用box-sizing属性进行自行选择: 标准模式:box-sizing:content-box; 怪异模式:box-sizing:border-...
2019-06-22 01:07:43
388
转载 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
404
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
1586
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
4867
原创 Vue+iView结合代码——小白入门
Vue+iView结合代码——小白入门当前环境步骤举个栗子当前环境已存在 npm已安装 node (检查版本: node -v)未全局安装vue-cli(检查是否成功安装 vue --version)步骤打开小黑板( Ctril+R 输入cmd 回车)小黑板输入内容 “#”号后面都是解释不是输入内容进入文件夹内(盘的切换直接 “c:”,进盘里的文件 cd+空格+ 文件名 )npm...
2019-02-14 18:08:00
2148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人