- 博客(46)
- 收藏
- 关注
RSS订阅转载 img图片占不满整个div
原因：img标签自带有3px的空隙，有很多解决方法：第一种:设置img{display:block}第二种:设置img{vertical-align:top/middle};转载于:https://www.cnblogs.com/liAnran/p/11637342.html...
2019-10-08 19:04:00
1244
转载 浅析--border-image
border-image用于给border（边框）贴上背景图像类似于CSS中的background（背景）属性。 例如：background:url(xx.jpg) 27px no-repeat;指的是图片(url(xx.jpg))，位置(27px)，重复性(no-repeat)。border-image与此类似，border-image包括图片，剪裁位置（与backgrou...
2019-09-29 15:37:00
582
转载 浅谈@font-face
@font-face功能制作网站难免有些字体不是默认的，通过@font-face可以加载自己特定的字体，来实现特定的文字效果。@font-face语句是css中的一个功能模块，用于实现网页字体多样性(设计者可随意指定字体，不需要考虑浏览者电脑上是否安装)。主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安...
2019-09-29 11:46:00
235
转载 CSS高度塌陷问题解决方案
高度塌陷的存在：原因分析<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> ...
2019-09-27 15:41:00
111
转载 javascript:;与javascript:void(0);
有时候我们在编写js过程中，需要触发事件而不需要返回值，那么就可能需要这样的写法href=”#”,包含了一个位置信息.默认的锚是#top,也就是网页的上端，当连续快速点击此链接时会导致浏览器巨慢甚至崩溃。当然我们一般用三个 href="###",不过看了这篇文章我们以后就可以使用javascript:;(一个冒号一个分号)javascript中void是一个操作符，该操作符指定要...
2019-09-27 10:23:00
278
转载 elementUi——组件函数钩子自带参数，不能添加参数问题
在element-ui中的组件函数钩子一般都是自带参数如：//上传组件<el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview" :on-remove="handleRemove"...
2019-08-22 17:46:00
492
转载 vue.js中数据引用后原数据被改变
var vm = null, cateNature = [ { "attrId": "592e95a2e820cc1813f0ba4e", "isMultiple": 1, "se...
2019-08-22 17:24:00
466
转载 elementUI——input无法输入/滑块点击不动
通过this.$forceUpdate() 可以解决这个问题：虽然问题解决了，但是并不知道为什么出现这样的情况。转载于:https://www.cnblogs.com/liAnran/p/11395535.html
2019-08-22 17:16:00
432
转载 vue-cli3 一直运行 /sockjs-node/info?t= 解决方案
问题描述： 项目运行时一直发送http://localhost:8080/sockjs-node/info?t=1462183700002请求问题原因： 首先sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟，全双工的浏览器和web服务器之间通信通道。 服务端：sockjs-node（http...
2019-07-19 16:23:00
220
转载 elementUI上传图片前判断限制图片宽高和尺寸
beforeAvatarUpload(file) { const isLt3M = file.size / 1024 / 1024 < 3; if (!isLt3M) { this.$message.error("上传宝贝详情图片大小不能超过 3MB!"); } let _this = this; ...
2019-07-19 16:18:00
2224
转载 mintui 爬坑
1.mint-ui设置图标icon 1.https://www.iconfont.cn/随便找几个图标加入购物车，然后下载代码。 2.下载的文件叫download.zip，解压后有很多文件css、eot、svg、ttf、woff、woff2、js,将文件复制到项目所在目录，我是vue项目，我复制到src目录下了，新增了一个叫做font的目录 3.main.js中import '...
2019-07-15 11:28:00
251
转载 饿了么ui 同时验证两个select框
html:<el-form-item label="所属分类" prop="speconeclass"> <el-select v-model="topform.speconeclass" size="mini" placeholder="请选择一级分类"> <el-option ...
2019-05-30 18:03:00
297
转载 vue elementui scope 周记
Q1：获取到id 显示 title 回传id？Q2：element-ui之table 选择框禁用var Main = { data() { return { tableData: [{ date: '2018', name: '小海', addr...
2019-03-01 18:21:00
151
转载 Vue 爬坑之路（一）—— 使用 Echarts 创建图表
有时候你的echarts可能出现了未定义等问题。快来再lv一遍~一、安装插件使用 cnpm 安装 Echartscnpm install echarts -S和之前介绍的 axios 类似，echarts 也不能通过 Vue.use() 进行全局调用通常是在需要使用图表的 .vue 文件中直接引入import echarts from 'echa...
2019-01-29 17:13:00
156
转载 git 日常
一. 新建一个项目传到git上：git initgit remote add origin urlgit add .git commit -m ''git push -u origin master二. 日常上传代码：git add .git commit -m ''git pullgit push *如果有冲突...
2019-01-29 13:56:00
68
转载 JS获取URL中参数值的方法
方法一：正则法：function getQueryString(name) {var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');var r = window.location.search.substr(1).match(reg);if (r != null) {ret...
2019-01-25 16:33:00
58
转载 前端使用http-server启本地服务
*手机端调试神器注：下文都是Mac环境在平常开发过程中，常遇到没有用任何框架和工具，就是要运行一个简单的html页面，需要启一个本地的服务器。本文提供一种简单的方式。本机访问都可以,手机或其他设备连接,请使用192ip,必须在同一局域网下;1. 安装node.js官网地址：https://nodejs.org 下载官网推荐版本，并安装。在命令行输入命令node -v以及n...
2019-01-22 14:25:00
188
转载 echarts 设置折线颜色和小圆点颜色
ECharts 设置折线颜色只需要设置lineStyle的color即可,设置小圆点颜色只需要设置itemStyle的颜色即可.series: [{ name: "seriesName", type: "line", itemStyle: { normal: { color: "#2ec7c9",...
2019-01-17 17:51:00
1264
转载 谷歌长图截图
1. F12 打开控制台2. 同时按下 Ctrl + Shift + P3. 在标注输入框内输入Capture full size screenshot,就可截取当前整个网页长图了,由于是渲染引擎直接输出，其比普通扩展速度更快，分辨率也更高。转载于:https://www.cnblogs.com/liAnran/p/10281608.html...
2019-01-17 12:34:00
253
转载 一个页面存在多个echarts图形,resize失效，图形自适应窗口大小
当一个页面有两个echarts图形，想要页面大小发生改变，重新绘制图形如果还写为 myChart.setOption(option); window.onresize = myChart.resize; 则只有一个图形可自适应窗口大小，另外一个则不能随窗口大小而改变图形大小，解决办法为在每一个echarts图形页面...
2019-01-10 17:49:00
1127
转载 解决margin-top塌陷,实现子元素动态改变父元素尺寸
1.伪类解决margin-top塌陷:如果两个不浮动的盒子相互嵌套,对内部的盒子设置margin-top会导致属性被自动转移到外部的盒子上,导致内部盒子的margin-top设置失败最靠谱的解决方式是为父元素添加一个伪类:*****/*伪类解决margin-top塌陷*/.clearfix:before{content:"";display:table;}...
2019-01-07 17:01:00
349
转载 快速修改elementUI组件样式
使用elementUI时，我们经常需要对其中某些组件的样式进行自定义，介绍一种最简单的方式。这是使用组件自带样式写出来的对话框：我需要做成这样： 方法一step1：在页面上审查元素，找到控制元素的样式： 如图：控制对话框顶端的类名是.el-dialog_header，我们就对这个类进行重写step2：在页面上再添加一个<style></style>...
2019-01-03 14:32:00
136
转载 设置占位符颜色！
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb;}input:-moz-placeholder, textarea:-moz-placeholder { color: #bbb;}input::-moz-placeholder, text...
2018-12-29 16:28:00
210
转载 缩放屏幕的时候banner被压缩变形！
大家在做项目的时候有没有遇到一个问题呢 就是一张图片宽度100% 在缩放屏幕的时候图片会被压缩变形！！！那么怎么才能实现图片始终居中而不被压缩变形呢？ 接下来让我带领大家解决这个问题 请看代码↓↓↓↓↓↓↓<div class='bannerbox'> <div class='banner'> <img src=...
2018-12-26 10:48:00
343
转载 less一些用法整理
前提理解：第一个，less是单独的一种文件，可以理解为css的升级版，完全按照css写也没问题，不过它提供了很多便利的东西，可以省好多代码量。第二个，html只认css,所以需要配套一些软件将less解析成css,引用时候，直接引用css就好。gulp,koala 都是常用的，Koala好像简单且方便一点。嵌套less的优势有很多，最常用也是最让人舒坦的应该就是它的嵌套规则...
2018-12-25 11:08:00
74
转载 关于模块化开发的那些事儿
一、什么是模块化开发 一个 模块就是一个实现特定功能的文件，有了模块我们就可以更方便的使用别人的代码，要用什么模块就加载什么模块 好处： 1、避免变量污染，命名冲突 2、提高代码的复用性 3、提高维护性 4、依赖关系的管理二、commonJS commonJS由nodeJS发扬光大，这标志着js模块化正式登场 1、...
2018-12-10 20:40:00
75
转载 简单介绍 git
001、git简介1234567git是一款开源的分布式版本控制工具在世界上所有的分布式版本控制工具中，git是最快、最简单、最流行的git的起源 作者是Linux之父：Linus Benedict Torvalds 当初开发git仅仅是为了辅助Linux内核的开发（管理源代码）git的...
2018-12-10 20:37:00
50
转载 git 基本指令总结
001、初始化仓库，创建git仓库1git init002、配置个人信息123456789git config --global user.name <名字> --------->:配置用户名git...
2018-12-10 20:35:00
56
转载 35个seo优化技巧
事实上，各大搜索引擎经常更新其算法的原因是它希望确保网站所有者每天只实施良好的SEO实践。适当的技术不仅可以帮助网页排名更高，而且最重要的是帮助人们轻松找到相关信息的技术。在SEO世界中，我们称之为白帽技术。换句话说，搜索引擎优化不仅适用于您 –网站所有者，博主，企业家，而且最重要的是同时也是您的潜在访问者，关注者，快乐客户和专注品牌拥护者的用户。博主收集了一些最值得信赖的SE...
2018-12-08 22:23:00
1131
转载 移动端300ms点击延迟和点击穿透问题
一、移动端300ms点击延迟一般情况下，如果没有经过特殊处理，移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟。也就是说，当我们点击页面的时候移动端浏览器并不是立即作出反应，而是会等上一小会儿才会出现点击的效果。在移动WEB兴起的初期，用户对300ms的延迟感觉不明显。但是，随着用户对交互体验的要求越来越高，现今，移动端300ms的点击延迟逐渐变得明显而无法忍受。...
2018-12-05 21:15:00
95
转载 vuejs-阻止事件冒泡与默认行为
一、阻止事件冒泡：<div id="box"> <div @click="show2()"> <input type="button" value="按钮" @click="show()"> </div></div>new Vue({ el: "...
2018-12-04 22:10:00
148
转载 【react】页面中引用本地图片
方法一：<img src={require('../img/icon1.png')} alt="" />方法二：import search from '../img/search.png'import user from '../img/user.png' <img src={search} alt="" /><...
2018-12-01 22:04:00
144
转载 React请求数据为什么要在componentDidMount方法里面做？
转载自：https://segmentfault.com/q/1010000008133309/a-1020000008135702这与React组件的生命周期有关，组件挂载时有关的生命周期有以下几个:constructor()componentWillMount()render()componentDidMount()上面...
2018-11-29 20:45:00
578
转载 正向代理&&反向代理
一、正向代理：A同学在大众创业、万众创新的大时代背景下开启他的创业之路，目前他遇到的最大的一个问题就是启动资金，于是他决定去找马云爸爸借钱，可想而知，最后碰鼻子灰回来了,情急之下，他想到一个办法，找关系开后门，经过一番消息打探，原来A同学的大学者师王老师是马云的同学,于是A同学找到王老师,托王老师帮忙去马云那借500万过来,当然最后事成了。不过马云并不知道这钱是A同学借的,马...
2018-11-29 19:48:00
128
转载 无状态组件
// 无状态组件当组件只有一个render的时候，可以只返回一个函数，不需要再定义class类了，无状态组件可以提升代码的性能，因为没有生成任何的生命周期函数import React from 'react'import { Input, Button,List } from 'antd';无状态组件直接接受props参数，调用的时候：props.inputValue而容器组件通...
2018-11-26 20:56:00
66
转载 innerHTML,outerHTML, innerText,outerText 的区别
-innerHTML 设置或获取位于对象起始和结束标签内的 HTML- outerHTML 设置或获取对象及其内容的 HTML 形式- innerText 设置或获取位于对象起始和结束标签内的文本- outerText 设置(包括标签)或获取(不包括标签)对象的文本innerText和outerText在获取时是相同效果，但在设置时，innerText仅设置标签内的文本，...
2018-10-30 15:57:00
109
转载 node.js中使用net模块创建服务器和客户端
1.node.js中net模块创建服务器(net.createServer)// 将net模块 引入进来var net = require("net");// 创建一个net.Server用来监听,当连接进来的时候，就会调用我们的函数// client_sock,就是我们的与客户端通讯建立连接配对的socket// client_sock 就是与客户端通讯的n...
2018-10-26 14:47:00
218
转载 FormData使用方法详解
FormData的主要用途有两个：1、将form表单元素的name与value进行组合，实现表单数据的序列化，从而减少表单元素的拼接，提高工作效率。2、异步上传文件一、创建formData对象1、创建一个空对象：2、通过表单对formData进行初始化创建表单：通过表单元素作为参数，实现对formData的初始化：二、操作方法...
2018-10-24 16:35:00
113
转载 配置/更改vue项目中的资源路径 && ./和../的区别
一. 配置/更改vue项目中的资源路径在vue 开发项目中需要对路径进行设置。最简单的就是设置为绝对路径。1. 找到项目中的build文件夹下的webpack.base.conf.js，在module.exports .resolve .alias下自定义：2. 然后就可以在js中直接使用assets/xxx或components/x...
2018-10-22 17:56:00
394
转载 bootStrap 文件引入
一般需引入以下四个文件： 1.<link rel="stylesheet" href="css/bootstrap.min.css"> 2.<link rel="stylesheet" href="css/bootstrap-theme.min.css"> 3.<script src="js/jquery-3.2.1.min.js...
2018-10-22 09:21:00
334
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人