Articles published by 逸云先生

逸云先生
  1. Home
  2. 逸云先生

css让一张背景图100%的占满屏幕

第一种：```css background: url(../images/register.png) no-repeat; background-size:100% 100%; width: 100%; height:500px; ```第二种（推荐）：```css background: url(../images/guide_page.jpg) no-repeat center; bac...
  • 逸云先生
  • August 4, 2020
  • No comments

    • IP位置归属地查询

    搜狐本机IP查询1：http://pv.sohu.com/cityjson搜狐本机IP查询2：http://txt.go.sohu.com/ip/soip搜狐本机IP查询（指定编码）：http://pv.sohu.com/cityjson?ie=utf-8太平洋电脑网本机IP查询：http://whois.pconline.com.cn/ipJson.jsp?callback=hello太平...
  • 逸云先生
  • July 30, 2020
  • No comments

    • css手机滑动效果

    html部分：```css 用品 用品 用品 用品 用品 用品 用品 用品 用品 用品 用品 ```css部分：```css ul { overflow-x: auto; list-style: none; white-space: nowrap; width: auto; }ul li { margi...
  • 逸云先生
  • July 21, 2020
  • No comments

    • CSS3媒体查询

    ```css /* 去除浏览器默认样式 */ * { margin: 0; padding: 0; box-sizing: border-box; }/* 一个高度为100px的盒子 */ header { height: 100px; background: purple; }/* 当浏览器宽度小于768px的时候 header的背景色变为红色 */ @media screen and (...
  • 逸云先生
  • July 19, 2020
  • No comments

    • swiper实现响应式全屏自动轮播

    ">``````.Excellent_swi { width: 100%; height: 100%; }.swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; } //图片水平垂直居中 .swiper-slide { text-align: center; font-size...
  • 逸云先生
  • July 18, 2020
  • No comments

    • 浏览器存储相关storage工具函数

    ### localStorage 存储```jsx /** * 目前对象值如果是函数 、RegExp等特殊对象存贮会被忽略 * @param { String } key 属性 * @param { string } value 值 */ export const localStorageSet = (key, value) => { if (typeof (value) === 'obj...
  • 逸云先生
  • April 26, 2020
  • No comments

    • Vue2安装element-ui组件

    第一步：``` npm i element-ui -S ```第二步：配置mian.js里面的```javascript import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import App from './App.vue'; Vue.use(ElementUI); new ...
  • 逸云先生
  • April 24, 2020
  • No comments

    • css美化input单选框按钮

    **html部分：**```css微信支付支付宝支付银行卡支付```**css部分：**```css .xuanxiang { position: relative; line-height: 30px; }.xuanxiang input[type="radio"] { width: 20px; height: 20px; opacity: 0; }.xuanxiang label { p...
  • 逸云先生
  • April 15, 2020
  • No comments