自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 资源 (1)
  • 收藏
  • 关注

原创 Vue项目的商品放大镜

Vue项目的商品放大镜如何简单快速的在Vue项目中实现商品放大镜?01.介绍插件(vue-piczoom)02.使用方法03.插件的参数如何简单快速的在Vue项目中实现商品放大镜?01.介绍插件(vue-piczoom)基于vue2.x的电商图片放大镜插件02.使用方法// 首先使用npm下载npm install vue-piczoom --save//具体使用方法<te...

2020-04-28 15:12:27 574

原创 js实现冒泡排序

javascript冒泡排序javascript冒泡排序原理结果javascript冒泡排序<html lang="en"><head> <meta charset="UTF-8"> <title>js实现冒泡排序</title></head><body></body>&...

2019-12-13 23:37:30 320

原创 weuieui使用详解

weuieui使用详解下载weui库解压粘贴库到自己的项目使用完成了下载weui库解压粘贴库到自己的项目使用完成了

2019-11-20 14:30:50 434

原创 vue 实现tab切换动态加载不同的组件

vue 实现tab切换动态加载不同的组件使用vue中的is特性来加载不同的组件。具体看如下代码;这个功能对于vue比较复杂的页面可以使用上,可以把一个页面的功能拆分出来,使代码更简单。使用方式具体看如下代码:主页面代码如下,分别导入了child1.vue, child2.vue, child3.vue 3个小模块,当点击页面某一项的时候去加载不同的组件。<style> &l...

2019-10-24 10:37:40 1646 1

原创 如何搭建Vue脚手架

搭建Vue脚手架的方法//1.搭建node环境//2.运行cmd命令行工具(Win+R输入cmd),测试node安装是否成功:分别输入:node -v 和 npm -v//3.安装全局脚手架(返回c盘)npm install --global [email protected]//4.测试全局脚手架有没有装上 vue --version//5.在cmd下选择一个文件夹输入 vue init ...

2019-10-20 15:30:38 199

原创 在http请求中如何解决Vue跨域问题

在http请求中如何解决Vue跨域问题???解决方法:在项目中找到config文件夹下找到index.js文件,打开找到proxyTable属性将下面代码粘贴进去:'/api':{ target:'http://localhost:3000',//目标接口域名 ChangeOrigin:true,//是否跨域 pathRewrite:{ ...

2019-10-18 22:47:39 926

原创 Vue 表单修饰符

Vue 表单修饰符总结:(1)lazy 当表单失去焦点时触发事件(2)number 当number类型的值使用v-model绑定后会变成 String类型,number可以将其转化成数字类型(3)trim 自动去掉户输入的首尾空白字符<!DOCTYPE html><html lang="en"><head> <meta charset...

2019-10-18 20:51:45 577

原创 谷歌浏览器(Chrome)输入框总是有历史输入记录,解决办法

方法一浏览器地址栏输入:chrome://settings/autofill,按钮关掉就可以了。方法二

2019-10-10 18:52:16 72552 18

原创 下载webpack时出现报错:Refusing to install package with name "webpack" under a package解决办法

下载webpack时出现报错:Refusing to install package with name "webpack" under a package解决办法下载webpack时出现报错:Refusing to install package with name "webpack" under a package解决办法错误信息解决办法下载webpack时出现报错:Refusing to ...

2019-09-21 16:41:25 1026

原创 精灵图的使用方法

精灵图1.解释2.优点3.缺点用法1.解释英文叫法 css sprites,通常被解释为“CSS 图像拼合”或“CSS 贴图定位”;其实就是把网页中一些背景图片整合到一张图片文件中,再利用 CSS “background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position 用数字能精确...

2019-08-03 10:42:20 4540

原创 等高布局

等高布局伪等高(内外边距相消法)真等高( 背景盒子法)原理:缺点:优点:伪等高(内外边距相消法)<!DOCTYPE html><head><style> * { padding: 0; margin: 0; } .c { overflow: hidden; } .c...

2019-08-03 10:23:23 113

原创 自适应布局——双飞翼布局

自适应布局——双飞翼布局原理原理特点: 给中心盒子在套一个盒子 ,这个盒子设置左右两侧的外边距 ,目的是把内容放到中心盒子身上展示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="w...

2019-08-03 10:15:06 224

原创 圣杯布局

圣杯布局三列自适应布局圣杯布局原理三列自适应布局左右两侧固定宽度,中间盒子自适应技术点: 负外边距 margin-left:-px + 相对定位 (left-,right-)+ 浮动并排圣杯布局原理特征: 如何把中心内容移动到中心显示?设置最外侧盒子的内边距吧实现的<!DOCTYPE html><html lang="en"><h...

2019-08-03 10:11:12 161

原创 css hack

css hack1. 结构hack :用于ie浏览器不同版本2.属性hack3.选择符hackhack: 针对不同浏览器写不同的结构或css代码 就叫hack1. 结构hack :用于ie浏览器不同版本6种条件: 大于 小于 等于 大于等于 小于等于 非 >=ie6 =ie6<!--[ if IE 6 ]> 开始<p>只在ie6显示...

2019-08-03 10:02:28 144

原创 浏览器常见的兼容问题

浏览器常见的兼容问题1.IE8下图片边框问题2.图片下间隙3.文本框和提交按钮对不齐现象4. IE6下小高度问题兼容: 通过代码实线各浏览器表现一致性1.IE8下图片边框问题<a><img src="./a/1.jpg"></a>解决办法:img { border:0; //去掉ie8下图片边框 display:block; ...

2019-08-03 09:57:20 89

原创 圆角边框属性 圆角边框画芒果

圆角边框属性 圆角边框画芒果

2019-08-03 09:21:44 274

原创 盒子垂直水平居中

盒子水平垂直居中

2019-08-03 09:15:50 219

原创 定位属性position,相对定位,绝对定位

定位 position:1:定位类型:静态定位 static 标准流下的默认值 一动不动相对定位 relative绝对定位 absolute固定定位 fixed2:定位方位值:left:当前定位元素距离父元素左侧边界的值top:当前定位元素距离父元素上侧边界的值bottom:当前定位元素距离父元素下侧边界的值right: 当前定位元素距离父元素右侧边界的值相对定位...

2019-08-02 21:50:29 1521

原创 双伪元素法清除浮动影响

双伪元素法清除浮动影响伪元素的写法: E 代表元素 1: E::after { //作用是插入一个节点(块级元素,行内元素,行内块元素)到E元素所有内容之后 content:' 文本内容';//设置伪元素的文本内容 }2: E::before { //作用是插入一个节点(块级元素,行内元素,行内块元素)到E元素所有内容之前 cont...

2019-08-02 21:35:24 710

原创 五大常用浏览器 以及内核

五大常用浏览器 以及内核浏览器 --------------- 内核Chrome ------------- WebkitFirefox -------------- Gecko...

2019-08-02 18:36:45 330

原创 前端常见面试题 html css面试题

1:DOCTYPE严格模式和混杂模式-如何区分这两种模式 区分他们有何意义?定义:DOCTYPE标签是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档。支持html5标准的主流浏览器都认识这个声明。<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。 ...

2019-08-02 16:59:54 205

原创 什么是响应式布局和自适应式布局&区别

响应式布局与自适应布局的区别

2019-08-01 11:02:06 2965 1

原创 微软官方下载纯净系统镜像

微软官方下载纯净系统镜像1.打开https://www.microsoft.com/zh-cn/software-download/windows10/ F12打开开发人员工具2.点击右上角的三个点,选择More tools下的Network conditions3.取消勾选Select automatically,下方选择safari-Mac,F5刷新4.就可以直接下载了...

2019-06-10 18:26:12 6469

原创 Bootstrap的环境与安装

Bootstrap 环境安装Bootstrap CDN推荐HTML 模板(使用百度CDN,支持IE8)官网下载 BootstrapBootstrap 安装是非常容易的。本章将讲解如何下载并安装 Bootstrap,讨论 Bootstrap 文件结构,并通过一个实例演示它的用法。Bootstrap CDN推荐本站实例采用的是百度的静态资源库(http://cdn.code.baidu.com/...

2018-11-27 16:48:20 195

原创 Visual Studio Code常用插件的还原以及快速安装

Visual Studio Code常用插件的还原以及快速安装一:Visual Studio Code插件同步适用情况二:还原步骤三、说明一:Visual Studio Code插件同步适用情况Visual Studio Code插件同步适用于VSCode没有插件的情况,例如:新安装的VSCode,或者是已经安装但是因为文件位置移动导致的插件丢失等。这些情况(基本只要是没插件的情况)都可以通...

2018-11-27 15:44:11 2180

原创 mysql 运维常见操作

mysql 运维常见操作初始安装并赋予密码:[root@Alinx html]# yum install -y mysql mysql-server #安装mysql可与段与服务器端[root@localhost ~]# /usr/bin/mysqladmin -u root password “gslixiong” #赋予ro...

2018-11-27 09:50:54 1192

原创 运维那些事

@[TOC]运维那些事运维运维,这里指互联网运维,通常属于技术部门,与研发、测试、系统管理同为互联网产品技术支撑的4大部门,这个划分在国内和国外以及大小公司间都会多少有一些不同。一个互联网产品的生成一般经历的过程是:产品经理、需求分析、研发部门开发、测试部门测试、运维部门部署发布以及长期的运行维护。运维的职责对于初创公司,运维部和系统部一般是合二为一的,相关工作由同一批人负责,界限可能不是...

2018-11-27 09:27:50 217

Dev-C++安装包.exe

C语言编写软件Enter the world of C and C++ programming with Bloodshed Dev-C++ a widely used and very efficient editor and compiler in the C and C++ languages. Download it free today and start programming.

2019-08-02

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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