SkipCode-CSDN博客

原创前端页面去除ios点击出现阴影

*{ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; }

2020-11-27 11:13:24 447

用法使用模块加载器npm install --save-dev @fxss5201/wx-qq-shareimport { setShareInfo } from '@fxss5201/wx-qq-share'setShareInfo({ title: 'wx-qq-share定制微信、qq分享', // 分享标题 summary: '定制微信，手机QQ，QQ空间APP内的分享内容。定制微信，手机QQ，QQ空间APP内的分享内容。', // 分享内容 pic: 'http://www.f

2020-11-19 17:50:02 613

原创移动端前端动画之，年度总结翻页淡入淡出，动画间隔执行

一、具体场景公司要求做一个H5的页面，可以翻页，做出每一页淡入淡出的效果（安排）因为页面内容不多，所以我采取的是一个大的div去装载多个div页面的方式然后让这些装载页面的div绝对定位在最外面的大盒子中，通过控制每个页面div的z-index来决定显示的页面血泪分割点一开始我并不是要用z-index这种方式的，而是一整个div从上而下排列下来，然后通过display来控制页面的显示，但是因为 transition和display两个人好像水火不容，导致了许多bug，查阅各大资料====传送门

2020-11-17 18:08:15 881

转载 JS获取当前日期

var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-???)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期X(0-6,0代表星期天)myDate.getTim

2020-11-15 01:02:51 333

原创记录一下，在vue中动态绑定src中使用三元表达式是无效的！！

在vue中动态绑定src中使用三元表达式是无效的要切换的话可以使用v-for来判断

2020-10-27 18:43:53 3004 3

原创关于写前端项目（vue）中的一些小tip ~ 持续更新

①前端页面使用video播放，在ios出现视频层级指定，导致挡住了其他元素：可以在video标签中添加这个属性： x5-video-player-type="h5-page"②阻止子元素点击时时间冒泡到父元素，触发父元素的事件在子元素的点击事件中使用：$event.stopPropagation()$event.preventDefault()③当你的页面内容比较少，可以给最外层的盒子添加css样式这个时候页面就不会出现滑动的现象，或者说页面内容不够把底部的元素顶上来了，弹层的时候也很好

2020-10-11 10:17:48 384 2

原创关于Vue项目中使用less报错的各种问题

首先我们可以通过这个哥的文章安装到我们的less到我们的Vue项目中安装LESS我把它的内容抄出来如下首先，在项目目录下安装 less 和 less-loader。npm install less less-loader --save-dev安装成功后，打开 build/webpack.base.conf.js ，在 module.exports = 的对象的 module.rules 后面添加一段：{test: /.less$/,loader: “style-loader!css-loader

2020-09-10 20:37:30 3700 4

原创使用Vue开发H5页面前端的准备工作（小白向）

在写这篇文章之前我刚刚自己完成了一个H5落地页的project，没做过的我只能搜索百度看前辈们的做法，接下来我就会把我做的步骤给大家列下来（也是参考了其他前辈们的写法）文末我会把前辈们的连接留下我只是做也一些搬运然后加上自己的一些东西嘿嘿嘿！欧力给首先搭建环境环境搭建01. 安装Node.js Node.js安装包及源码下载地址为：https://nodejs.org/en/download/、64 位安装包下载地址 : https://nodejs.org/dist/v4.

2020-09-05 17:47:30 3180 1

原创解决scroll-view在小程序，app端出现滚动条的问题

// 解决scroll-view出现滚动条::-webkit-scrollbar{ display: none;} uni-scroll-view .uni-scroll-view::-webkit-scrollbar { /* 隐藏滚动条，但依旧具备可以滚动的功能 */ display: none}

2020-07-08 17:27:06 978

原创纯CSS控制文本省略号（单行&&多行）还有关于换行的

直接上代码//控制单行省略号white-space: nowrap; overflow: hidden; text-overflow:ellipsis;//控制多行省略号overflow: hidden; text-overflow: ellipsis; display: box; display:-webkit-box;-webkit-line-clamp: 2; //控制显示多少行，注意盒子高度-webkit-box-orient: vertical;//很多时候我们在后

2020-07-08 11:28:54 246

原创 Vue中实现一个元素的显示隐藏

Vue中实现一个元素的显示隐藏实现如上图所示的效果，点击绿方框可以切换显示和隐藏废话不多说我们直接上代码<template> <view class="chapters"> <view class="chapter-contant-items"> <view class="contant-title"> <text>第一季</text> <image src="" mode="" @cl

2020-06-22 13:39:14 5195 5

原创微信小程序授权获取用户当前经纬度位置并转换为具体城市

每日一句激励人心的鸡汤：认真阅读接口文档，认真阅读接口文档，认真阅读接口文档。微信小程序获取用户当前经纬度位置getLocation() API文档传送门，查看文档后你会发现想要拿到用户当前所在位置的经纬度，你还得经过他的授权，就是你进入一个小程序的时候，他会弹出一个框：XX小程序现在想要获取你的位置>>>>>授权授权授

2020-06-19 22:13:36 1898

原创使用jQuery实现的页面元素懒加载

使用jQuery实现的页面元素懒加载**：**首先给需要懒加载的元素添加一个 ‘‘lazyload’’ 的类名引入写的这个脚本即可js代码解释：用jq得到所有带lazyload类名的元素，判断这些元素到页面顶部的距离，减去滚动条滑动的距离，看会不会小于当前页面的可视区的高度，如果小于了，说明元素出现在了可视区的范围内，可以将其显示出来！完毕，有什么纰漏改进的欢迎评论区~~$(window).scroll(function(e){ for(let i=0; i<$('.lazyload

2020-06-19 21:22:38 1125

SkipCode Blog