梦幻飞雪 - 博客园

摘要：数字滚动 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 梦幻飞雪阅读(285) 评论(0) 推荐(0) 编辑

[置顶] 在vue中使用天气插件

摘要：在vue中使用天气插件插件网址：中国天气选择自己需要的插件、生成代码复制即可 <div id="weather-v2-plugin-simple"></div> <script>WIDGET = {CONFIG:{"modules":"20","background":5,"tmpColor" 阅读全文

posted @ 2020-09-25 20:04 梦幻飞雪阅读(10226) 评论(0) 推荐(1) 编辑

[置顶] Vue之混入(mixin)与全局混入

摘要： Vue之混入(mixin)与全局混入接下来通过一个简单的例子看看混入的基础用法：首先新建一个mixin.js文件，添加以下代码。然后新建一个index.vue文件，添加以下代码。注意：在index.vue文件中要先引入mixin.js文件，然后就可以直接使用mixin.js中定义的数据msg 阅读全文

posted @ 2019-09-18 10:27 梦幻飞雪阅读(9199) 评论(1) 推荐(1) 编辑

[置顶] 中文字符串和UTF-8编码字符串相互转换

摘要：中文字符串和UTF-8编码字符串相互转换阅读全文

posted @ 2018-10-12 11:38 梦幻飞雪阅读(9290) 评论(1) 推荐(0) 编辑

[置顶] git 命令大全

摘要： git命令大全 $ git init // 初始化一个Git仓库$ git status // 查看仓库的状态$ git add . // 将所有修改添加到暂存区$ git add * // Ant风格添加修改$ git add *Controller // 将以Controller结尾的文件的所有阅读全文

posted @ 2018-09-20 15:23 梦幻飞雪阅读(199) 评论(0) 推荐(0) 编辑

[置顶] gulp的使用介绍及技巧

摘要： gulp的使用介绍及技巧转载: https://www.cnblogs.com/2050/p/4198792.html 1、gulp的安装首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp：全局安装gulp后，还需要在每个要使用gulp的项目中都单独安装一次。把目录切换到你的阅读全文

posted @ 2018-07-17 16:32 梦幻飞雪阅读(348) 评论(0) 推荐(0) 编辑

[置顶] 使用gulp构建一个项目

摘要：使用gulp构建一个项目（转载：https://blog.csdn.net/zchcode/article/details/51556699） gulp是前端开发过程中自动构建项目的工具，相同作用的还有grunt。构建工具依靠插件能够自动监测文件变化以及完成js/sass/less/html/im 阅读全文

posted @ 2018-07-17 14:02 梦幻飞雪阅读(3938) 评论(0) 推荐(0) 编辑

[置顶] Js获取当前日期时间及其它操作

摘要： Js获取当前日期时间及其它操作（转载：https://www.cnblogs.com/carekee/articles/1678041.html） var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); 阅读全文

posted @ 2018-06-25 17:05 梦幻飞雪阅读(5067) 评论(0) 推荐(0) 编辑

[置顶] 一个页面多个倒计时

摘要：一个页面多个倒计时说明：方法1，方法二是基础原理版，方法三升级版（参考for循环，定时器，闭包混合一块的那点事。）方法一：方法二：方法三：阅读全文

posted @ 2018-06-21 10:41 梦幻飞雪阅读(2017) 评论(0) 推荐(0) 编辑

[置顶] 移动端摇一摇与重力感应事件

摘要：移动端摇一摇与重力感应事件通过html5重要特性DeviceOrientation与devicemotion实现移动端摇一摇与重力感应事件。一.DeviceMotion DeviceMotion:deviceMotion封装了运动传感器数据的事件，可以获取手机运动状态下的运动加速度等数据。 De 阅读全文

posted @ 2018-05-25 12:25 梦幻飞雪阅读(1278) 评论(0) 推荐(0) 编辑

[置顶] 百度的js日历

摘要：百度的Js日历，值得一看公元年月农历年 [ 年 ] 一二三 ... 阅读全文

posted @ 2018-05-25 11:41 梦幻飞雪阅读(1130) 评论(0) 推荐(0) 编辑

[置顶] wow.js

摘要：一、首先说明一下怎么使用这个插件： 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 梦幻飞雪阅读(323) 评论(0) 推荐(0) 编辑

[置顶] pc网页中嵌入百度地图

摘要： pc网页中嵌入百度地图 1 打开百度地图生成器： http://api.map.baidu.com/lbsapi/creatmap/ 2 设置好了之后，点击获取代码，将代码粘贴到文件中保存为html文件参考网址：https://jingyan.baidu.com/article/ce436649f 阅读全文

posted @ 2018-04-18 10:18 梦幻飞雪阅读(374) 评论(0) 推荐(0) 编辑

[置顶] 微信小程序之倒计时插件 wxTimer

摘要：微信小程序之倒计时插件 wxTimer 介绍：用于在微信小程序中进行倒计时的组件。功能： 1、最基础的当然就是倒计时功能了。 2、可以设置倒计时结束后执行的事件。 3、可以设置倒计时执行过程中每隔多少秒，执行一次对应的事件。下载： wxTimer 在JS中调用 app.js 当前js 在wxm 阅读全文

posted @ 2018-03-27 14:36 梦幻飞雪阅读(14789) 评论(1) 推荐(0) 编辑

[置顶] IE常见的兼容处理

摘要： IE常见的兼容处理 1. 禁用IE兼容模式为了保证IE能够使用最新渲染模式而不是兼容模式，在html文档头部应加入以下代码： 2. 提示IE7及更早版本的用户针对IE7及更早的版本，应该给出提示，让用户升级浏览器。在body之后加入以下代码可以有选择性的出现浏览器升级提示，并给出链接引导用户访问阅读全文

posted @ 2018-03-23 17:49 梦幻飞雪阅读(541) 评论(0) 推荐(0) 编辑

[置顶] particles.js使用及配置

摘要： particles.js使用及配置参考：http://blog.csdn.net/csdn_yudong/article/details/53128570 这个项目中有提供demo，可以直接下载这个项目，打开demo里面的index.html文件，即可看到效果。 html： <!DOCTYPE h 阅读全文

posted @ 2018-03-21 17:19 梦幻飞雪阅读(17664) 评论(1) 推荐(3) 编辑

[置顶] 微信小程序之swiper组件高度自适应

摘要：微信小程序之swiper组件高度自适应要求：（顶部广告栏）改变swiper组件的固定高度，使之随内部每张图片的高度做自适应原理：图片加载完之后，获取图片的原始宽高，根据宽高比，计算出适应后的宽高，如果是适应屏幕宽度的话，就用到 wx.getSystemInfo() 方法设备的信息，并保存阅读全文

posted @ 2018-03-20 17:45 梦幻飞雪阅读(61504) 评论(0) 推荐(5) 编辑

[置顶] js获取元素的滚动高度，和距离顶部的高度

摘要： jq： js：网页被卷起来的高度/宽度（即浏览器滚动条滚动后隐藏的页面内容高度）等同于： $(window).scrollTop() $(window).scrollLeft() 网页工作区域的高度和宽度等同于： $(window).height() 元素距离文档顶端和左边的偏移值等同于：阅读全文

posted @ 2017-12-18 11:59 梦幻飞雪阅读(159310) 评论(1) 推荐(1) 编辑

[置顶] ie8兼容圆角

摘要： ie8兼容圆角 PIE.HTC下载地址：http://css3pie.com/ 兼容ie8 代码如下：阅读全文

posted @ 2017-12-16 11:01 梦幻飞雪阅读(2110) 评论(0) 推荐(0) 编辑

[置顶] javascript 45种缓动效果BY司徒正美

摘要： javascript 45种缓动效果参数类型说明 el element 必需，为页面元素 begin number 必需，开始的位置 change number 必需，要移动的距离 duration number 可选，缓动效果持续时间，默认是500ms。建议取300~1000ms。 field 阅读全文

posted @ 2017-12-15 15:08 梦幻飞雪阅读(458) 评论(0) 推荐(0) 编辑

2023年6月20日

uniapp 无线调试

摘要： 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:33 梦幻飞雪阅读(354) 评论(0) 推荐(0) 编辑

2022年12月8日

node 获取本机ip地址

摘要：方法一： node 14之前的 require('os').networkInterfaces()[Object.keys(require('os').networkInterfaces())[0]][1].address + ':8080' vue.config.js module.exports 阅读全文

posted @ 2022-12-08 12:28 梦幻飞雪阅读(676) 评论(0) 推荐(0) 编辑

2022年5月18日

js 筛选时间（本年、本月、本季等）

摘要： 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 梦幻飞雪阅读(558) 评论(0) 推荐(0) 编辑

2021年12月10日

uniApp 爬坑记录

摘要： 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 梦幻飞雪阅读(48) 评论(0) 推荐(0) 编辑

2021年8月17日

js判断字符串是否为JSON格式

摘要： 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 梦幻飞雪阅读(543) 评论(0) 推荐(0) 编辑

2020年11月10日

vue实现移动端触屏拖拽功能

摘要： 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 梦幻飞雪阅读(5131) 评论(0) 推荐(0) 编辑

2020年8月21日

js 实现 http 强制重定向至 https

摘要： 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 梦幻飞雪阅读(3859) 评论(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 梦幻飞雪阅读(1333) 评论(2) 推荐(0) 编辑