1 Zyl_CN

尚未进行身份认证

暂无相关描述

等级
TA的排名 2w+

uni-app海报(合成图片)demo

<template> <viewclass='page'> <inputtype="text"value=""class="input"v-model="text"placeholder="请输入需要添加的文字"maxlength="5"/> <buttontype="primary"@click='copyFn'>生...

2019-07-25 17:21:37

uni-app(图片裁剪插件)

<template><viewclass="pagepage-fill"><viewclass="page-bodyuni-content-info"><viewclass='cropper-content'><viewv-if="isShowI...

2019-07-16 13:40:53

uni-app(跨端兼容)

#ifdefXXX表示仅在某平台存在#endif都要以#endif结尾 #ifndefxxx表示除了某平台其他的均存在#endif都要以#endif结尾

2019-07-03 10:58:43

微信分享

exportconstdefaultWxshare=(shareImg,shareDesc,shareTitle)=>{letLocUrl=encodeURIComponent(location.href.split("#")[0]);LocUrl=LocUrl.replace(/\&/g,"%26");axios.get(`ht...

2019-06-28 14:58:39

弹性布局(flex)总结

父元素身上的属性1:flex-direction--控制子元素的排列方式flex-direction:row|row-reverse|column|column-reverse;/* row(从左到右)--默认 row-reverse(从右到左) column(从上到下)column-reverse(从下到上)*/2:flex-wrap--控制...

2019-06-27 15:36:55

简单的利用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

查看更多

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