- 博客(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
655
原创 js实现冒泡排序
javascript冒泡排序javascript冒泡排序原理结果javascript冒泡排序<html lang="en"><head> <meta charset="UTF-8"> <title>js实现冒泡排序</title></head><body></body>&...
2019-12-13 23:37:30
389
原创 vue 实现tab切换动态加载不同的组件
vue 实现tab切换动态加载不同的组件使用vue中的is特性来加载不同的组件。具体看如下代码;这个功能对于vue比较复杂的页面可以使用上,可以把一个页面的功能拆分出来,使代码更简单。使用方式具体看如下代码:主页面代码如下,分别导入了child1.vue, child2.vue, child3.vue 3个小模块,当点击页面某一项的时候去加载不同的组件。<style> &l...
2019-10-24 10:37:40
1780
1
原创 如何搭建Vue脚手架
搭建Vue脚手架的方法//1.搭建node环境//2.运行cmd命令行工具(Win+R输入cmd),测试node安装是否成功:分别输入:node -v 和 npm -v//3.安装全局脚手架(返回c盘)npm install --global vue-cli@2.9.6//4.测试全局脚手架有没有装上 vue --version//5.在cmd下选择一个文件夹输入 vue init ...
2019-10-20 15:30:38
229
原创 在http请求中如何解决Vue跨域问题
在http请求中如何解决Vue跨域问题???解决方法:在项目中找到config文件夹下找到index.js文件,打开找到proxyTable属性将下面代码粘贴进去:'/api':{ target:'http://localhost:3000',//目标接口域名 ChangeOrigin:true,//是否跨域 pathRewrite:{ ...
2019-10-18 22:47:39
976
原创 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
684
原创 谷歌浏览器(Chrome)输入框总是有历史输入记录,解决办法
方法一浏览器地址栏输入:chrome://settings/autofill,按钮关掉就可以了。方法二
2019-10-10 18:52:16
76520
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
1083
原创 精灵图的使用方法
精灵图1.解释2.优点3.缺点用法1.解释英文叫法 css sprites,通常被解释为“CSS 图像拼合”或“CSS 贴图定位”;其实就是把网页中一些背景图片整合到一张图片文件中,再利用 CSS “background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position 用数字能精确...
2019-08-03 10:42:20
4698
原创 等高布局
等高布局伪等高(内外边距相消法)真等高( 背景盒子法)原理:缺点:优点:伪等高(内外边距相消法)<!DOCTYPE html><head><style> * { padding: 0; margin: 0; } .c { overflow: hidden; } .c...
2019-08-03 10:23:23
147
原创 自适应布局——双飞翼布局
自适应布局——双飞翼布局原理原理特点: 给中心盒子在套一个盒子 ,这个盒子设置左右两侧的外边距 ,目的是把内容放到中心盒子身上展示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="w...
2019-08-03 10:15:06
297
原创 圣杯布局
圣杯布局三列自适应布局圣杯布局原理三列自适应布局左右两侧固定宽度,中间盒子自适应技术点: 负外边距 margin-left:-px + 相对定位 (left-,right-)+ 浮动并排圣杯布局原理特征: 如何把中心内容移动到中心显示?设置最外侧盒子的内边距吧实现的<!DOCTYPE html><html lang="en"><h...
2019-08-03 10:11:12
196
原创 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
182
原创 浏览器常见的兼容问题
浏览器常见的兼容问题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
140
原创 定位属性position,相对定位,绝对定位
定位 position:1:定位类型:静态定位 static 标准流下的默认值 一动不动相对定位 relative绝对定位 absolute固定定位 fixed2:定位方位值:left:当前定位元素距离父元素左侧边界的值top:当前定位元素距离父元素上侧边界的值bottom:当前定位元素距离父元素下侧边界的值right: 当前定位元素距离父元素右侧边界的值相对定位...
2019-08-02 21:50:29
1590
原创 双伪元素法清除浮动影响
双伪元素法清除浮动影响伪元素的写法: E 代表元素 1: E::after { //作用是插入一个节点(块级元素,行内元素,行内块元素)到E元素所有内容之后 content:' 文本内容';//设置伪元素的文本内容 }2: E::before { //作用是插入一个节点(块级元素,行内元素,行内块元素)到E元素所有内容之前 cont...
2019-08-02 21:35:24
772
原创 五大常用浏览器 以及内核
五大常用浏览器 以及内核浏览器 --------------- 内核Chrome ------------- WebkitFirefox -------------- Gecko...
2019-08-02 18:36:45
416
原创 前端常见面试题 html css面试题
1:DOCTYPE严格模式和混杂模式-如何区分这两种模式 区分他们有何意义?定义:DOCTYPE标签是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档。支持html5标准的主流浏览器都认识这个声明。<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。 ...
2019-08-02 16:59:54
225
原创 微软官方下载纯净系统镜像
微软官方下载纯净系统镜像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
6849
原创 Bootstrap的环境与安装
Bootstrap 环境安装Bootstrap CDN推荐HTML 模板(使用百度CDN,支持IE8)官网下载 BootstrapBootstrap 安装是非常容易的。本章将讲解如何下载并安装 Bootstrap,讨论 Bootstrap 文件结构,并通过一个实例演示它的用法。Bootstrap CDN推荐本站实例采用的是百度的静态资源库(http://cdn.code.baidu.com/...
2018-11-27 16:48:20
234
原创 Visual Studio Code常用插件的还原以及快速安装
Visual Studio Code常用插件的还原以及快速安装一:Visual Studio Code插件同步适用情况二:还原步骤三、说明一:Visual Studio Code插件同步适用情况Visual Studio Code插件同步适用于VSCode没有插件的情况,例如:新安装的VSCode,或者是已经安装但是因为文件位置移动导致的插件丢失等。这些情况(基本只要是没插件的情况)都可以通...
2018-11-27 15:44:11
2893
原创 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
1266
原创 运维那些事
@[TOC]运维那些事运维运维,这里指互联网运维,通常属于技术部门,与研发、测试、系统管理同为互联网产品技术支撑的4大部门,这个划分在国内和国外以及大小公司间都会多少有一些不同。一个互联网产品的生成一般经历的过程是:产品经理、需求分析、研发部门开发、测试部门测试、运维部门部署发布以及长期的运行维护。运维的职责对于初创公司,运维部和系统部一般是合二为一的,相关工作由同一批人负责,界限可能不是...
2018-11-27 09:27:50
286
Dev-C++安装包.exe
2019-08-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人