1 Zyl_CN

尚未进行身份认证

暂无相关描述

等级
博文 221
排名 2w+

简单的利用JS来判断页面是在手机端还是在PC端打开的方法

window.location.href=/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)?"https://www.baidu.com/":"http://news.baidu.com/";以上代码利用了正则表达式和三目运算符,含义就是如果是移动端打开的话那就跳转到"https:www.bai...

2019-06-19 10:04:11

数字滚动效果(number-flip)

<scriptsrc='./number-flip.min.js'></script><divid="demo"></div><script>vardemo=newFlip({node:document.getElementById("demo"),from:0,//开...

2019-06-18 18:19:14

异步适应屏幕宽度的正方形图片防抖设置

当一个正方形的图片,要适配各种手机的宽的的时候,由于是异步获取的图片,所以会存在抖动问题。css设置.image-header{position:relative;width:100%;height:0;padding-top:100%;img{position:absolute;...

2019-06-06 16:17:12

vue-跟随屏幕位置改变的半场动画

定义小球(如果当前页面有其他的动画效果的定义,不要用默认的v-enter...,要重新定义name,用name-enter,用此方式覆盖污染)<transition@before-enter="beforeEnter"@enter="enter"@after-enter="afterEnter"><spanclass="smball"v-show="bal...

2019-05-30 17:37:12

细线表格

<tableborder="1"cellspacing="0"bordercolor="#000000"width="80%"style="border-collapse:collapse;"><tr><td>1.1</td><td>1.2</td>&lt...

2019-05-24 10:21:30

js点击按钮唤醒app

<aonclick="openApp()">点击唤醒app</a> vardownload_schema='taobao://';//app的协议有安卓同事提供,这里是用的淘宝varuniversal_link='ios下载地址';//ios下载地址vargetVersionUrl='Android下载地址';//Android移动端下载地...

2019-05-22 17:24:03

scss-mixin的基本(手机1px边框适配)

$border-poses:top,right,bottom,left;$color:#333;@mixinborder-1px($color,$pos){position:relative;&::after{content:'';display:block;position:absolute;width:...

2019-05-20 15:59:14

scss/sass在vue的使用

在vue的css样式中,使用@import和@include可以导入和使用外部的scss/sass就是在.talk这个类中使用外层scss中定义好的mixin方法;scss的全局使用如果想要全局定义使用某个scss文件时,除了scss的2个依赖(sass-loader和node-sass)外,还需要现在(sass-resources-loader)这个依赖npmsass-r...

2019-05-20 14:09:33

兼容ios和安卓的复制插件(clipboard.js)

首先js的引入<scriptsrc='./clipboard.min.js'></script>2个元素的复制呼应<divclass='copydiv'><p>链接:<spanid='urlSpan'>http://www.10pinping.com/vote...</span></p&...

2019-05-16 17:42:51

sticky footer布局

到页面内容铺不满页面时候,下方div始终定在下面;当页面内容多余一屏的时候,下方的div会被顶到下面去<divid="main"><divclass="main_topclearfix"><divclass="main_top_content">发烧友和飞机开...

2019-05-16 10:59:20

怎么在手机端是实现1px的边框

单边像素边.scale-1px{position:relative;border:none;}.scale-1px:after{content:"";position:absolute;bottom:0;/*这边的top、bottom、left、right是用来定义那个边的*/background:#000;w...

2019-05-15 11:26:56

vue-router路由

路由的按需加载{path:'/home',name:'home',component:resolve=>require(['@/components/home'],resolve),},添加name后,可以在路由出使用name跳转<router-link:to="{name:'home',query:{id:'999'}}">&lt...

2019-04-24 10:38:58

vue总结

1.vue的初始化letvm=newVue({el:'#app',//指定操作的domdata:{//定义属性msg:1231,msg2:''},methods:{//定义方法show(){...

2019-04-23 19:06:34

vuex

vuex是用来保存组件之间的共享数据,如果组件之间有要共享的数据,可以直接挂载到vuex中,而不必通过props和emit来进行传值安装npmivuex-s在main.js引入并使用importvuexfrom'vuex'vue.use(vuex);创建conststore=newVuex.Store({state:{...

2019-04-19 14:11:17

编程式导航(网页的跳转)

js中使用window.location.href="xxxx"来进行跳转在vue中,使用this.$router.push(''xxxx'')来进行跳转注意:this.$route.query....是用来获取url的信息,this.$router.push...是来跳转网页的...

2019-04-16 18:41:11

图片缩略图插件(vue-preview)

npmivue-preview-simportVuePreviewfrom'vue-preview'Vue.use(VuePreview)<divclass="imgContent"><vue-preview:slides="imgArr"@close="handleClose"></vue-preview>&lt...

2019-04-16 15:47:59

vue时间过滤器(moment)

安装npmimoment-s引入importmomentfrom'moment';配置Vue.filter('dateFormat',function(dataStr,pattern='YYYY-MM-DDHH:mm:ss'){returnmoment(dataStr).format(pattern)})使用<span&gt...

2019-04-12 15:36:12

axios的使用

安装npmiaxiosvue-axios-s引用importaxiosfrom'axios'importvueAxiosfrom'vue-axios'Vue.use(vueAxios,axios)配置axios.defaults.baseURL='https://api.example.com';//前缀名axios.defaults.h...

2019-04-12 15:31:02

vue-cli中使用swiper

npmivue-awesome-swiper-s在main.js中importVueAwesomeSwiperfrom'vue-awesome-swiper'Vue.use(VueAwesomeSwiper);在所需要的页面中import'swiper/dist/css/swiper.css'import{swiper,swiperSlide}fr...

2019-04-09 18:29:48

纯c3实现动态省略号

<style>.loading{font-family:simsun;}:root.loading{display:inline-block;width:1.5em;vertical-align:bottom;overflow:hidden;}@-...

2019-04-04 10:26:24
奖章
  • Github
    Github
    绑定github第三方账户获取
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周上午根据用户上周的博文发布情况由系统自动颁发。