2 Zyl_CN

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 3w+

使用Swiper制作3d旋转木马轮播图

<style> * { padding: 0; margin: 0; } .swiper-container { width: 800px; height: 400px; border: 1px solid #...

2019-09-20 11:10:29

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

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

2019-07-25 17:21:37

uni-app(图片裁剪插件)

<template> <view class="page page-fill"> <view class="page-body uni-content-info"> <view class='cropper-content'> <view v-if="isShowI...

2019-07-16 13:40:53

uni-app(跨端兼容)

#ifdef XXX 表示仅在某平台存在#endif 都要以 #endif 结尾 #ifndef xxx 表示除了某平台其他的均存在#endif 都要以 #endif 结尾

2019-07-03 10:58:43

微信分享

export const defaultWxshare = (shareImg,shareDesc,shareTitle) => { let LocUrl = 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)

<script src='./number-flip.min.js'></script><div id="demo"></div><script> var demo = new Flip({ 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"> <span class="smball" v-show="bal...

2019-05-30 17:37:12

细线表格

<table border="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

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

2019-05-22 17:24:03

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

$border-poses:top,right,bottom,left;$color:#333;@mixin border-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的引入<script src='./clipboard.min.js'></script>2个元素的复制呼应<div class='copydiv'> <p>链接:<span id='urlSpan'>http://www.10pinping.com/vote...</span></p&...

2019-05-16 17:42:51

sticky footer布局

到页面内容铺不满页面时候,下方div始终定在下面;当页面内容多余一屏的时候,下方的div会被顶到下面去 <div id="main"> <div class="main_top clearfix"> <div class="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的初始化let vm = new Vue({ el: '#app', //指定操作的dom data: { //定义属性 msg: 1231, msg2: '' }, methods: { //定义方法 show() { ...

2019-04-23 19:06:34

vuex

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

2019-04-19 14:11:17

查看更多

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