web
豆奶dudu
这个作者很懒,什么都没留下…
展开
-
填 swiper7.4.1 自动播放不生效,显示多张轮播图等坑
环境swiper7.4.1 ,vue3先引入需要的模块,setup return 再导出到页面上import { Swiper, SwiperSlide } from 'swiper/vue'import { Navigation, Pagination, Autoplay } from 'swiper'import 'swiper/css'import 'swiper/css/pagination'setup() { return { modules: ..原创 2022-03-11 20:58:33 · 1709 阅读 · 0 评论 -
微信小程序获取手机号第一次失败,第二次成功的解决方案
根据官方文档说明在回调中调用wx.login 可能会刷新登录态,那么wx.login就放在获取手机号前面,在onload时就可以先wx.login 获取code,然后调用第三方接口获取 session_key,openid,unionid,在获取手机号回调中,通过wx.checksesstion检测session是否过期,如果没有过期,去调用接口获取手机号即可;如果过期,那么重新去wx.login获取code。项目例子,具体代码根据项目来:1先wx.login:拿到code, 到后台原创 2021-06-23 19:08:34 · 3934 阅读 · 0 评论 -
vscode 配置文件
{ "[vue]": { "editor.defaultFormatter": "dbaeumer.vscode-eslint" }, "[javascript]": { "editor.defaultFormatter": "dbaeumer.vscode-eslint" }, "files.associations": { "*.cjson": "jsonc", "*.wxss": "css"...原创 2021-03-19 14:54:28 · 233 阅读 · 0 评论 -
解决webpack autoprefixer配置不生效
webpack.config.js{ test: /\.scss$/, use: ['style-loader', { loader: 'css-loader', options: { importLoaders: 2 } }原创 2020-08-13 22:25:42 · 646 阅读 · 0 评论 -
解决 element.ui 侧边栏设置只显示一个unique-opened 无效
for 循环拿出来放template里面,:unique-opened = true原创 2020-08-11 14:59:49 · 5544 阅读 · 6 评论 -
js时间戳转换成普通日期格式
if(Number(timestamp)){ return new Date(parseInt(timestamp) * 1000).toLocaleString('chinese',{hour12:false}).replace(new RegExp('/','g'),"-"); }else{ return '' }parseInt() 函数可解析一个字符串,并返回一个整数。js中时间操作单位是毫秒。toLocaleString() 方法可根据本地时间把 .原创 2020-06-09 15:25:56 · 359 阅读 · 0 评论 -
h5唤醒app
本地有app就唤醒app,没有就跳转到应用中心var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 //这个是安卓操作原创 2020-05-25 15:23:13 · 315 阅读 · 0 评论 -
vue使用eslint遇到的坑
一、error Extra semicolon semi解决:eslint 配置是以 standard 为基础的,要求是不使用分号,要使用分号则需要在.eslintrc配置文件rules增加配置:‘semi’:['error','always'],如果希望eslint不检查分号,就‘semi’:0,二、indent Expected indentation of 2 spac...原创 2020-03-07 20:00:26 · 2754 阅读 · 0 评论 -
vue + webpack 项目搭建环境(没写完)
一、搭建环境安装node.jsnpm init初始化项目npm install webpack vue vue-loader css-loader 安装依赖包如果提示要安装 vue-template-complier,npm install vue-template-complier即可。新建src文件夹+app.vue 文件<template> ...原创 2020-02-06 14:40:54 · 101 阅读 · 0 评论 -
Wdatepicker日期控件存数据
<input placeholder="合同结束日期" type="text" id="registerEndDate" name="registerDate" class="Wdate" @click="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',onpicked: function () {var value = $('#registerE...原创 2020-01-14 18:58:36 · 216 阅读 · 0 评论 -
js 时间戳转yyyy-mm-dd hh-mm-ss 格式
new Date().toLocaleString('chinese',{hour12:false}).replace(new RegExp('/','g'),"-")原创 2019-12-27 15:19:19 · 274 阅读 · 0 评论 -
webstrom使用less报错的问题
我的webstrom的版本是11.0.3的引入的话没有问题,但是在内部直接使用less就会报错提示,但是是不影响使用的,可是看着很不舒服,我在网上找了很久,试过网上其他大神的办法,style里面不写rel="stylesheet/less"换成type="text/less" 或者是写rel="stylesheet/less" 这两种我都试过,都不行,于是我就下载了最新版...原创 2018-07-17 11:45:18 · 1289 阅读 · 1 评论 -
Hexo撰写文章
一、创建文章在站点文件夹中打开git bash,输入如下命令创建文章,其中title为文章的标题$ hexo new "my-first-blog"此时就会在source/_post文件夹中创建了一个文件,命名为:my-first-blog.md,而这个文件就是将要发布到网站上的原始文件,记录文章内容,以下我们将要在这个文件中写下我们的第一篇博客二、编写文章(基于Markdown)1....原创 2019-02-22 14:56:08 · 3689 阅读 · 0 评论 -
缓存
存数据,要进行类型转换,JSON.stringify();localStorage.setItem("localLineData",JSON.stringify(app.lineData));拿数据,也要进行类型转换,JSON.parse();JSON.parse(localStorage.getItem("localLineData"));...原创 2019-02-19 11:27:11 · 65 阅读 · 0 评论 -
右下角显示全局实时消息提醒
引用notyf.js<script type="text/javascript" src="./resource/script/notyf.min.js"></script><<link type="text/css" rel="stylesheet" href="./resource/style/notyf.min.css" />...原创 2019-03-29 10:29:10 · 634 阅读 · 0 评论 -
五星评价
css:#star li{background-image: url("../../recouse/images/star.png");width: 23px;height: 22px;display: inline-block;}#star li.fullstar{background-image: url("../../recouse/images/fullstar.png...原创 2019-03-29 10:32:34 · 189 阅读 · 0 评论 -
phpstrom 去掉参数提示
PHPStorm2017去掉参数提示 parameter name hints配置面板中搜索 parameter name hints路径 Editor > General > Appearance > Show parameter name hits去掉前面的勾就行了...原创 2019-04-09 11:46:56 · 310 阅读 · 0 评论 -
h5 适配手机
function tr_setViewport(w) { var scale = parseInt(window.screen.width) / w, a = /Android (\d+\.\d+)/.test(navigator.userAgent) ? 2.3 >= parseFloat(RegExp.$1) ? "width=" + w...原创 2019-05-30 18:57:24 · 688 阅读 · 0 评论 -
城市级联
文档例子:http://www.jq22.com/yanshi14757引入:<script src="<?php echo $this->SURL('/js/citydata.min.js') ?>"></script><script src="<?php echo $this->SURL('/js/cityPicker-...原创 2019-05-30 18:58:39 · 353 阅读 · 0 评论 -
复制粘贴
前提引入:<script src="<?php echo $this->SURL('/js/clipboard.min.js') ?>"></script>html:data-clipboard-text = "复制的内容";<button class="copyBtn susBtn" @click="copyFun(...原创 2019-05-30 18:59:34 · 550 阅读 · 0 评论 -
视频暂停播放
引入:(里面含videojs)<script src="<?php echo $this->SURL('/js/videojs.js') ?>"></script>暂停点:videoPos: [{starPos: 2},{starPos: 4},{starPos: 9.5},{starPos...原创 2019-05-30 19:00:51 · 1523 阅读 · 0 评论 -
使用hexo+github搭建免费个人博客详细教程
使用hexo+github搭建免费个人博客详细教程前言准备工作搭建github博客创建仓库绑定域名配置SSH key测试是否成功使用hexo写博客hexo简介原理注意事项安装初始化修改主题上传之前上传到github保留CNAME、README.md等文件常用hexo命令_config.yml写博客写博客工具如何让博文列表不显示全部内容最终效果参考前言体验更加排版请访问原文链接:http://b...原创 2019-02-21 19:03:34 · 521 阅读 · 0 评论 -
大转盘
var n = res.result_data.prizeInfo.level; var angle = 360 / 8; $('.luckDraw .content .ce').animate({ "transform": "rotate(...原创 2018-11-19 14:20:13 · 137 阅读 · 0 评论 -
抽奖概率算法
假设有一个数组[100,400,200,300],它的意思是,总数是100+400+200+300=1000. 取到第一个数的概率是100/1000,取到第二个数的概率是400/1000......代码如下:function getResult(arr){ var leng = 0; for(var i=0; i<arr.len...转载 2018-07-05 19:26:22 · 9466 阅读 · 1 评论 -
javascript的typeof返回哪些数据类型
undefined string boolean number symbol(ES6) Object Function原创 2018-07-11 21:42:38 · 3123 阅读 · 0 评论 -
星级评分原理和实现
html: <ul class="rating" id="rating"> <li class="rating-item" title="很不好"></li><li class="rating-item" title="不好"></li><li class="rati...原创 2019-03-29 10:30:31 · 295 阅读 · 0 评论 -
进度条总结
preloaders.net : 在线生成gif图标www.loading.io : 在线生成进度条动画www.autoprefixer.io :在线生成兼容性代码1 定时器的进度条<div class="loading> <div class ="pic"></div></div>img>*&l...原创 2019-03-29 10:30:12 · 122 阅读 · 0 评论 -
webstrom的安装汉化和主题教程
1. 去官网下载安装包https://www.jetbrains.com/webstorm/download/ 我下载的是最新版本的webstrom2018的2. 安装步骤因为我还有个webstrom11的版本,所以会显示出来,直接忽略就好了输入激活码,我这里用的是http://www.activejetbrains.gq,如果这个不行的话试试ht...原创 2018-07-17 11:35:03 · 2172 阅读 · 0 评论 -
ES3,ES5,ES6的区别
默认参数:{es3.es5默认参数的写法:function f(x,y,z){if(y===undefined){ y = 7;}if(z === undefined){ z = 42;}return x + y +z}console..og(f(1,3));}{es6默认参数:function f(x,y = 7 , z= ...原创 2018-07-09 19:12:24 · 5357 阅读 · 0 评论 -
动态计算rem
a.scss文件@function px2rem($px){ $rem:37.5px; @return ($px / $rem) + rem;}.hello { width : px2rem(100px); height:px2rem(100px); &.b{ width:px2rem(50px); ...原创 2018-07-09 19:11:01 · 494 阅读 · 0 评论 -
让h5页面强制横屏
var detectOrient = function() { var width = document.documentElement.clientWidth, height = document.documentElement.clientHeight, wrapper = document.getElementB...原创 2018-07-09 11:10:16 · 17654 阅读 · 3 评论 -
jquery 中.then(function(){})的用法
动画就是异步的逻辑,比如一小男孩走路为主线,在走到不同的路段就会有不同的操作,走路是通过css3的transition与animation的结合完成的,所以针对这类异步的处理采用jquery的Deferred封装起来。下面直接贴代码: 1. // 小孩走路 //2. var boy = BoyWalk(); 3. // 开始4. ...原创 2018-07-05 19:49:10 · 13362 阅读 · 0 评论 -
html5新特性
为了更好地处理今天的互联网应用,HTML5添加了很多新元素及功能,比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式 处理,和几个api拖放元素,定位,包括网页 应用程序缓存,存储,网络工作者,等(1)语义标签 语义化标签使得页面的内容结构化,见名知义 标签 描述 <hrader></header> 定义了文档的头部区域 <footer></fo...转载 2018-07-12 17:06:21 · 135 阅读 · 0 评论 -
js 中setTimeout()无效
今天使用setTimeout遇到一个小问题,场景是关闭弹框5s后,让屏幕滚到下一页function close(){setTimeout(scrollToNext(1,4000),5000);}function scrollToNext(){ var content = $(".content").width() * x ; swipe.scrollTo(cont...原创 2018-07-06 17:38:19 · 5894 阅读 · 0 评论 -
倒计时
function countDownFun(){ gameDown = setTimeout(function(){ countDownFun() app.countLoad--; if(app.countLoad==0){ app.pageShow('index'); clearTimeou...原创 2018-09-28 16:28:05 · 108 阅读 · 0 评论 -
数组转集合
var activeSubjectsName = ["语文", "数学", "英语", "思想品德", "科学"]; var activeSubjectsNum = [46, 2, 2, 28, 29]; var activeSubjectsArr = []; for (var i = 0; i < activeSubjectsName.length; i++) { console..原创 2018-09-17 16:55:30 · 233 阅读 · 0 评论 -
input框placeholder颜色设置
.upLoadInfo input::-webkit-input-placeholder{ color: #917449;}.upLoadInfo input:-ms-input-placeholder{ color: #917449;}.upLoadInfo input::-moz-placeholder{ color: #917449;}原创 2018-08-28 15:08:59 · 1786 阅读 · 0 评论 -
自定义选择性别
html:<div class="label"> <label for="man" class="radio_label checked"> <input type="radio" name="sex" id="man" value="1" checked="原创 2018-08-27 16:47:52 · 1642 阅读 · 0 评论 -
webstorm 里面vue 文件显示高亮的问题
在设置里面的Plugin 搜vue ,如果没有就下载vue.js 然后重启webstorm 然后在编辑器的文件和代码模板里面添加vue File ,并且设置模板 <template></template> <script></script> <style></style> ...原创 2018-07-07 23:37:47 · 4497 阅读 · 0 评论 -
Webstrom打开后index.js为何报错?
因为当前语言类型是es5,在设置>语言与框架>JavaScript里面设置成es6就可以了 。原创 2018-07-07 23:32:36 · 364 阅读 · 0 评论