摘要:
第一种方法:通过npm 安装插件 1,安装 npm install vue-print-nb --save 2,引入安装好以后在main.js文件中引入 import Print from 'vue-print-nb' Vue.use(Print); //注册 3,现在就可以使用了 <div id= 阅读全文
摘要:
1、DOM结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。 1、包含与被包含 A.contains(B)检测B节点是否是A节点的子节点,返回布尔值 2、父与子 获取父节点: node.parentNode,node.parentElement,两者区别在于后者只能获取元素 获取子 阅读全文
摘要:
1 什么是css? css通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置html页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。CSS以html为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不 阅读全文
摘要:
前提:有时候在项目中会有用到进度条的情况,使用css3也可以实现,但是对于性能不好的设备,或者网络不好的情况下,卡顿现象非常明显,避免出现不流畅的尴尬情况,所以记录一下,使用canvas来实现的方法。 效果图: DOM中,首先定义canvas画板元素: <canvas id="canvas" wid 阅读全文
摘要:
css3新增属性rgba和opacity:(0~1); 在ie8下无法使用Alpha(opacity=[0~100]);//[0~100] 0是透明 100是不透明。 IE下的透明度属性,子元素会继承这个透明度。下面有阻断子元素继承方法。 背景透明,文字不透明。 <!DOCTYPE html><ht 阅读全文
摘要:
Hash hash 属性是一个可读可写的字符串,该字符串是 URL 的锚部分(从 # 号开始的部分),在页面中的hash有多种功能意义: 锚点 url: http://www.example.com/index.html#jump dom: <a name="jump"></a> 或者 <div i 阅读全文
摘要:
在这篇文章中,我们将使用:placeholder-shown伪类创建一个浮动的问题标签效果,使用纯css实现。 浮动的文字标签 当我们处理输入框时,会想方设法提供给用户更好的体验。有两个标签属性是我们经常会用到的: label标签是关联表单元素,提供说明信息最适合的元素。 输入框的placehold 阅读全文
摘要:
需求效果: 原理:拖动效果的实现基本都是dom操作来实现的,通过拖动分隔线,计算分隔线与浏览器边框的距离(left),来实现拖动之后的不同宽度的计算;当拖动分隔线1时,计算元素框left和mid;当拖动分隔线2时,计算元素框mid和right;同时设置元素框最小值以防止元素框拖没了(其实是被遮住了) 阅读全文
摘要:
在我们平时练习或者实际项目中也好,我们常常遇到这么一个需求:移动端中的导航并不是在顶部也不是在底部,而是在最底部且是固定的,当我们点击该导航项时会切换到对应的组件。相信对于很多朋友而言,这是一个很简单的需求,而且市面上有很多开源的组件库就可以实现,像比如说:cube-ui等!那么对于一个要是还在练习 阅读全文
摘要:
1. 基于server端session的管理 在早期web应用中,通常使用服务端session来管理用户的会话。快速了解服务端session: 1) 服务端session是用户第一次访问应用时,服务器就会创建的对象,代表用户的一次会话过程,可以用来存放数据。服务器为每一个session都分配一个唯一 阅读全文