vueQRCode 框高

2024-11-05

vue 使用QRcode生成二维码或在线生成二维码

参考:https://blog.csdn.net/zhuswy/article/details/80267748 1.安装qrcode.js npm install qrcodejs2 --save 2.页面中引入 import QRCode from 'qrcodejs2' 3.页面使用 <div id="qrcode" ref="qrcode"></div> methods:{ qrcode () { let qrcode = new Q

CSS魔法堂：改变单选框颜色就这么吹毛求疵！

前言是否曾经被业务提出"能改改这个单选框的颜色吧!让它和主题颜色搭配一下吧!",然后苦于原生不支持换颜色,最后被迫自己手撸一个凑合使用.若抛开input[type=radio]重新开发一个,发现要模拟选中.未选中.不可用等状态很繁琐,而涉及单选框组就更烦人了,其实我们可以通过label.::before.:checked和tabindex,然后外加少量JavaScript脚本就能很好地模拟出一个样式更丰富的"原生"单选框.下面我们一起来尝试吧! 单选框了解一下

html和css

html css 和js说明 1.什么是html? HTML(HyperText MarkUp Language)超文本标记语言,通过使用标记来描述文档结构和表现形式的一种语言,由浏览器进行解析,然后把结果显示在网页上,通俗的讲它就是服务器发送的字符串到浏览器,通过浏览器能解析的规则用HTML来描述, 它是网页构成的基础,你见到的所有网页都离不开HTML,所以学习HTML是基础中的基础 HTML语言是一种标记语言,不需要在服务端编译,直接由浏览器解释执行 HTML文件是一个文本文件,包含了HTM

转载请注明出处: https://github.com/qiu-deqing/FE-interview

转载请注明出处: https://github.com/qiu-deqing/FE-interview Table of Contents generated with DocToc FE-interview $HTML, HTTP,web综合问题常见排序算法的时间复杂度,空间复杂度前端需要注意哪些SEO web开发中会话跟踪的方法有哪些 <img>的title和alt有什么区别 doctype是什么,举例常见doctype及特点 HTML全局属性(global attribute)有哪些

关于兼容IE的一些策略

--css 盒子模型下的 box-sizing 属性,只兼容到ie8: -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; --ie10及以下的img会有默认的黑色边框解决:在指定img设置边框属性 border-style:none\9; --ie6双边距bug: 当一

前端必须了解的布局常识：普通流（normal flow）

目录一.概述二.块级元素和内联元素常见的块级元素 BFC 常见的行内元素 IFC 三.哪些情况会脱离普通流浮动绝对定位固定定位 display:none 四.总结五.参考资料一.概述普通流(normal flow,国内有人翻译为文档流):将窗体自上而下分成一行一行,块级元素从上至下. 行内元素在每行中按从左至右的挨次排放元素,即为文档流.了解文档流是css布局的基础.虽然普通流很基础, 但资料较少,之前对这个概念模糊,现总结如下,欢迎拍. 二.块级元素和内联元素 html元

GacUI学习（一）

GacUI学习(一)之高仿系统记事本(一) 转载请注明来源:http://www.cnblogs.com/lyfh/p/6107215.html GacUI是轮子哥(vczh)精心打造的跨平台C++转用UI库,包含了轮子哥毕生的C++功力.针对GacUI,轮子哥写过中文教程和Demo,教程地址https://segmentfault.com/a/1190000004055577,Demo在其博客,可自行前去阅读. 本程序正是根据其中的<GacUI Demo:文本框基本应用>扩展而来,兼容其后的

前端相关html和css

#请参考http://www.cnblogs.com/pycode/p/5792142.html #html css 和js说明 ##1.什么是html? HTML(HyperText MarkUp Language)超文本标记语言,通过使用标记来描述文档结构和表现形式的一种语言,由浏览器进行解析,然后把结果显示在网页上,通俗的讲它就是服务器发送的字符串到浏览器,通过浏览器能解析的规则用HTML来描述, 它是网页构成的基础,你见到的所有网页都离不开HTML,所以学习HTML是基础中的基础 * H

python第14天

Python之前端web: HTML CSS 一. 什么是HTML: html为超文本语言,使用标签来描述网页. html标签格式: HTML 标签是由尖括号包围的关键词,比如 <html> HTML 标签通常是成对出现的,比如 <b> 和 </b> 标签对中的第一个标签是开始标签,第二个标签是结束标签开始和结束标签也被称为开放标签和闭合标签 html标签所描述的网页: 也叫html文档,即浏览器读取html文档,并以网页的形式呈现出来,通过标签解析也没内容. 例如:

WPF/Silverlight 下的图片局部放大

最近的项目中也要用到一个局部图片放大的功能,园子里面一搜,发现(菩提下的杨过)杨大侠已经实现了. 请参见这里:http://www.cnblogs.com/yjmyzz/archive/2009/12/03/1615988.html 杨大侠已经给出了原理.知识要点.尺寸要点及后端主要代码,但遗憾的是没有给出xaml的代码.按照杨大侠文中的提示,动手用WPF实践了一下,花了一个小时,终于搞出来了.这篇文章也就算是一个补充吧. 界面如下图所示: 实现的原理和用到的知识点请点击上面的链接,杨大侠已经说

三、jQuery--jQuery实践--瀑布流布局

实现方法: 1.JavaScript 2.jQuery 3.CSS多栏布局法一: window.onload=function(){ waterfall('main','pin'); var dataInt={'data':[{'src':'1.jpg'},{'src':'2.jpg'},{'src':'3.jpg'},{'src':'4.jpg'}]}; window.onscroll=function(){ if(checkscrollside()){ var oParent = docu

CSS权威指南 - 基础视觉格式化 3

行内替换元素替换元素比如图片的高度比line-height大,并不会影响整个文字段落的line-height,会让有图片那一行框的高度可以容纳这个图片. 这个图片依然有一个line-height,和在一起的行内元素一样,因为垂直对齐vertical-align值为百分比时要在这个基础上计算. * * * 增加框属性替换元素的内容区包括,元素的内外边距及边框.会影响当前行的行框高. margin可以为负值,负边距是挤入其他行的唯一方法. * * * 替换元素和基线替换元素位于基线之上. 这样

web面试题大全

$HTML, HTTP,web综合问题常见排序算法的时间复杂度,空间复杂度前端需要注意哪些SEO web开发中会话跟踪的方法有哪些 <img>的title和alt有什么区别 doctype是什么,举例常见doctype及特点 HTML全局属性(global attribute)有哪些什么是web语义化,有什么好处 HTTP method 从浏览器地址栏输入url到显示页面的步骤(以HTTP为例) HTTP request报文结构是怎样的 HTTP response报文结构是怎样的如何进

PHP+jQuery 长文章分页类 ( 支持 url / ajax 分页方式 )

/* ******* 环境:Apache2.2.8 ( 2.2.17 ) + PHP5.2.6 ( 5.3.3 ) + MySQL5.0.51b ( 5.5.8 ) + jQuery-1.8 ******* 其它组件:jQuery-1.8.3.min.js + Smarty 3.1.18 + TinyMCE 4.1.6 ******* Date:2014-10-20 ******* Author:小dee ******* Blog:http://www.cnblogs.com/dee0912/*

[Js]瀑布流

描述: 1.每个图片宽度都一样,高度不一样思路: 1.算出一共有几列(通过视窗总宽度/单个图片宽度得出) 2.根据一共几列*单个图片宽度,设置外围总宽度并水平居中(注:这个宽度应该是计算出来的,而不是定死,因为窗口大小会改变) 3.将第一行图片高度按顺序填充进数组 4.算出第一行图片里高度最短的那个,将第二行的第一张图片添加到其后(绝对定位),添加完第二行第一张,更新他的高度,然后重新计算最短,再开始之前的过程 5.鼠标在滑动滚轮时,继续加载新的图片(注:向上滚动不会加载,也不会一滚动就加载,

line-hieght与vertical-align的区别与联系

7.3 line-height 行高指的是文本行的基线间的距离,但是文本之间的空白距离不仅仅是行高决定的, 同时也受字号的影响. 7.3.1 语法 line-height属性的具体定义列表如下: 语法: line-height : normal | <实数> | <长度> | <百分比> | inherit说明: 设置元素中行的高度.值: normal:默认行高,一般为1到1.2: 实数:实数值,缩放因子: 长度:合法的长度值,可为负数: 百分比:百分比取值基于元素的

CSS line-height 和 vertical-align 精解（下篇）

CSS line-height 和 vertical-align 精解（上篇）

声明本文转自:http://hi.baidu.com/wolongxzg/item/a39ef8299c984283af48f5b0 line-height属性的具体定义列表如下: 语法: line-height : normal | <实数> | <长度> | <百分比> | inherit 说明: 设置元素中行的高度. 值: normal:默认行高,一般为1到1.2: 实数:实数值,缩放因子: 长度:合法的长度值,可为负数: 百分比:百分比取值基于元素的字体尺寸.

[Java] 识别图片验证码

现在大多数网站都采用了验证码来防止暴力破解或恶意提交.但验证码真的就很安全吗?真的就不能被机器识别?? 我先讲讲我是怎么实现站外提交留言到一个网站的程序. 这个网站的留言版大致如下: 我一看这种简单的4位数字验证码,马上就感觉到有戏了.直觉告诉我让电脑来识别这些图片验证码据对简单o(∩_∩)o... 首先我马上在这个页面用右键菜单看源代码知道验证码获取页面后你可以直接用 http://www.XXXX.com/imgchk/validatecode.asp 这样去访问你会发现你打开的就是一个

js基础第一天

js作用:网页特效(电梯导航).交互.表单特效.就是可以用来控制结构和样式. 常用的三个输出语句都属于js的内置对象,提供我们直接使用的功能就是内置对象功能. web三标准:结构.样式.行为.而js主要控制结构和样式. <script></script> alert()弹出警示框(用的少,用户体验差) window.alert("执行语句");也可以直接alert("执行语句"); console控制台输出(用户看不见) 正常输出consol

javascript--瀑布流

简单瀑布流代码实现 html代码例如以下 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="js/waterfall.js"/></scrip

vueQRCode 框高

热门专题