摘要: 数字滚动 1、简易效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit 阅读全文
posted @ 2021-01-16 11:08 梦幻飞雪 阅读(291) 评论(0) 推荐(0) 编辑
 
摘要: 在vue中使用天气插件 插件网址: 中国天气 选择自己需要的插件、生成代码复制即可 <div id="weather-v2-plugin-simple"></div> <script>WIDGET = {CONFIG:{"modules":"20","background":5,"tmpColor" 阅读全文
posted @ 2020-09-25 20:04 梦幻飞雪 阅读(10642) 评论(0) 推荐(1) 编辑
 
摘要: Vue之混入(mixin)与全局混入 接下来通过一个简单的例子看看混入的基础用法: 首先新建一个mixin.js文件,添加以下代码。 然后新建一个index.vue文件,添加以下代码。 注意:在index.vue文件中要先引入mixin.js文件,然后就可以直接使用mixin.js中定义的数据msg 阅读全文
posted @ 2019-09-18 10:27 梦幻飞雪 阅读(9230) 评论(1) 推荐(1) 编辑
 
摘要: 中文字符串和UTF-8编码字符串相互转换 阅读全文
posted @ 2018-10-12 11:38 梦幻飞雪 阅读(9341) 评论(1) 推荐(0) 编辑
 
摘要: git命令大全 $ git init // 初始化一个Git仓库$ git status // 查看仓库的状态$ git add . // 将所有修改添加到暂存区$ git add * // Ant风格添加修改$ git add *Controller // 将以Controller结尾的文件的所有 阅读全文
posted @ 2018-09-20 15:23 梦幻飞雪 阅读(204) 评论(0) 推荐(0) 编辑
 
摘要: gulp的使用介绍及技巧 转载: https://www.cnblogs.com/2050/p/4198792.html 1、gulp的安装 首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp: 全局安装gulp后,还需要在每个要使用gulp的项目中都单独安装一次。把目录切换到你的 阅读全文
posted @ 2018-07-17 16:32 梦幻飞雪 阅读(362) 评论(0) 推荐(0) 编辑
摘要: 使用gulp构建一个项目 (转载:https://blog.csdn.net/zchcode/article/details/51556699) gulp是前端开发过程中自动构建项目的工具,相同作用的还有grunt。构建工具依靠插件能够自动监测文件变化以及完成js/sass/less/html/im 阅读全文
posted @ 2018-07-17 14:02 梦幻飞雪 阅读(3946) 评论(0) 推荐(0) 编辑
 
摘要: Js获取当前日期时间及其它操作 (转载:https://www.cnblogs.com/carekee/articles/1678041.html) var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); 阅读全文
posted @ 2018-06-25 17:05 梦幻飞雪 阅读(5068) 评论(0) 推荐(0) 编辑
 
摘要: 一个页面多个倒计时 说明: 方法1, 方法二是基础原理版,方法三升级版(参考for循环,定时器,闭包混合一块的那点事。) 方法一: 方法二: 方法三: 阅读全文
posted @ 2018-06-21 10:41 梦幻飞雪 阅读(2052) 评论(0) 推荐(0) 编辑
 
摘要: 移动端摇一摇与重力感应事件 通过html5重要特性DeviceOrientation与devicemotion实现移动端摇一摇与重力感应事件。 一.DeviceMotion DeviceMotion:deviceMotion封装了运动传感器数据的事件,可以获取手机运动状态下的运动加速度等数据。 De 阅读全文
posted @ 2018-05-25 12:25 梦幻飞雪 阅读(1300) 评论(0) 推荐(0) 编辑
摘要: 百度的Js日历,值得一看 公元 年 月 农历年 [ 年 ] 一 二 三 ... 阅读全文
posted @ 2018-05-25 11:41 梦幻飞雪 阅读(1143) 评论(0) 推荐(0) 编辑
 
摘要: 一、首先说明一下怎么使用这个插件: 1、wow.js依赖于animate.css,首先在头部引用animate.css或者animate.min.css。 <link rel="stylesheet" type="text/css" href="css/animate.min.css"> <link 阅读全文
posted @ 2018-04-18 12:07 梦幻飞雪 阅读(347) 评论(0) 推荐(0) 编辑
摘要: pc网页中嵌入百度地图 1 打开百度地图生成器: http://api.map.baidu.com/lbsapi/creatmap/ 2 设置好了之后,点击获取代码,将代码粘贴到文件中保存为html文件 参考网址:https://jingyan.baidu.com/article/ce436649f 阅读全文
posted @ 2018-04-18 10:18 梦幻飞雪 阅读(378) 评论(0) 推荐(0) 编辑
 
摘要: 微信小程序之倒计时插件 wxTimer 介绍: 用于在微信小程序中进行倒计时的组件。 功能: 1、最基础的当然就是倒计时功能了。 2、可以设置倒计时结束后执行的事件。 3、可以设置倒计时执行过程中每隔多少秒,执行一次对应的事件。 下载: wxTimer 在JS中调用 app.js 当前js 在wxm 阅读全文
posted @ 2018-03-27 14:36 梦幻飞雪 阅读(14928) 评论(1) 推荐(0) 编辑
 
摘要: IE常见的兼容处理 1. 禁用IE兼容模式 为了保证IE能够使用最新渲染模式而不是兼容模式,在html文档头部应加入以下代码: 2. 提示IE7及更早版本的用户 针对IE7及更早的版本,应该给出提示,让用户升级浏览器。在body之后加入以下代码可以有选择性的出现浏览器升级提示,并给出链接引导用户访问 阅读全文
posted @ 2018-03-23 17:49 梦幻飞雪 阅读(547) 评论(0) 推荐(0) 编辑
 
摘要: particles.js使用及配置 参考:http://blog.csdn.net/csdn_yudong/article/details/53128570 这个项目中有提供demo,可以直接下载这个项目,打开demo里面的index.html文件,即可看到效果。 html: <!DOCTYPE h 阅读全文
posted @ 2018-03-21 17:19 梦幻飞雪 阅读(17962) 评论(1) 推荐(3) 编辑
 
摘要: 微信小程序之swiper组件高度自适应 要求: (顶部广告栏 ) 改变swiper组件的固定高度,使之随内部每张图片的高度做自适应 原理: 图片加载完之后,获取图片的原始宽高,根据宽高比,计算出适应后的宽高,如果是适应屏幕宽度的话,就用到 wx.getSystemInfo() 方法设备的信息,并保存 阅读全文
posted @ 2018-03-20 17:45 梦幻飞雪 阅读(61642) 评论(0) 推荐(5) 编辑
 
摘要: jq: js: 网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度) 等同于: $(window).scrollTop() $(window).scrollLeft() 网页工作区域的高度和宽度 等同于: $(window).height() 元素距离文档顶端和左边的偏移值 等同于: 阅读全文
posted @ 2017-12-18 11:59 梦幻飞雪 阅读(161154) 评论(1) 推荐(1) 编辑
 
摘要: ie8兼容圆角 PIE.HTC下载地址:http://css3pie.com/ 兼容ie8 代码如下: 阅读全文
posted @ 2017-12-16 11:01 梦幻飞雪 阅读(2112) 评论(0) 推荐(0) 编辑
 
摘要: javascript 45种缓动效果 参数类型说明 el element 必需,为页面元素 begin number 必需,开始的位置 change number 必需,要移动的距离 duration number 可选,缓动效果持续时间,默认是500ms。建议取300~1000ms。 field 阅读全文
posted @ 2017-12-15 15:08 梦幻飞雪 阅读(466) 评论(0) 推荐(0) 编辑
  2023年6月20日
摘要: uniapp 无线调试 1、下载 adb工具 https://developer.android.google.cn/studio/releases/platform-tools?hl=zh-cn2、解压放到Hbuilder的adbs文件夹里 HBuilder/plugins/launcher/to 阅读全文
posted @ 2023-06-20 14:32 梦幻飞雪 阅读(506) 评论(0) 推荐(0) 编辑
  2022年12月8日
摘要: 方法一: node 14之前的 require('os').networkInterfaces()[Object.keys(require('os').networkInterfaces())[0]][1].address + ':8080' vue.config.js module.exports 阅读全文
posted @ 2022-12-08 12:27 梦幻飞雪 阅读(750) 评论(0) 推荐(0) 编辑
  2022年5月18日
摘要: js 筛选时间(本年、本月、本季等) //获取近len天 $getday(len) { let days = []; var date = new Date(); for(let i=0; i<=24*(len-1);i+=24){ //今天加上前len-1天 let ob = date.getTi 阅读全文
posted @ 2022-05-18 16:06 梦幻飞雪 阅读(618) 评论(0) 推荐(0) 编辑
  2021年12月10日
摘要: uniApp 爬坑记录 1、样式无效 无效写法: <uni-popup class="coupon_win" ref="coupon_popup" type="bottom"> <view class="coupon_box"> <view class="title">优惠</view> ..... 阅读全文
posted @ 2021-12-10 10:44 梦幻飞雪 阅读(54) 评论(0) 推荐(0) 编辑
  2021年8月17日
摘要: js判断字符串是否为JSON格式 转载: https://www.cnblogs.com/lanleiming/p/7096973.html function isJSON(str) { if (typeof str == 'string') { try { var obj=JSON.parse(s 阅读全文
posted @ 2021-08-17 16:39 梦幻飞雪 阅读(573) 评论(0) 推荐(0) 编辑
  2020年11月10日
摘要: vue实现移动端触屏拖拽功能 转载:https://www.jb51.net/article/193832.htm <template> <div class="floatball" id="floatball" @mousedown="down" @touchstart.stop="down" @ 阅读全文
posted @ 2020-11-10 10:50 梦幻飞雪 阅读(5203) 评论(0) 推荐(0) 编辑
  2020年8月21日
摘要: js 实现 http 强制重定向至 https var reg = /^(192.168.1.)/; if(window.location.hostname !== 'localhost' && !reg.test(window.location.hostname)) { // 判断非本地serve 阅读全文
posted @ 2020-08-21 10:23 梦幻飞雪 阅读(3961) 评论(1) 推荐(0) 编辑
  2020年7月29日
摘要: 向地址栏中动态添加参数 function addParamsToUrl(url, key, val) { if(!val) { return url; } var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i"); var separator = 阅读全文
posted @ 2020-07-29 18:19 梦幻飞雪 阅读(1365) 评论(2) 推荐(0) 编辑