李帅醒-CSDN博客

原创全网稀缺的快应用开源项目-熊宝儿歌故事QuickApp

全网稀缺的快应用开源项目-熊宝儿歌故事QuickApp熊宝儿歌故事QuickApp目录结构项目安装编译打包增加release签名发布程序包开发中常见问题○ 更新记录2018.11.23熊宝儿歌故事QuickApp熊宝儿歌故事基于快应用技术开发，且小程序版已经上线欢迎大家体验，由于快应用推出时间不久，网络上关于快应用的资料少之又少，本人也因公司需求进行开发，一路上踩坑无数，并集成友盟统计，完全遵...

2018-11-23 10:48:16 459

原创微信小程序开发--『狗蛋TV』

狗蛋TV 狗蛋TV是基于微信小程序开发的一款App。gordanLee每天都会推荐一首歌、一篇文章、一段短视频，每天用十分钟的细碎时光，点燃内心的光明。目前分为音乐，短视频，影评三个模块。线上开源地址 https://github.com/lishuaixingNewBee/gordanTv 点个赞吧！小程序开发文档以下所有 API 均由产品公司...

2018-05-16 10:39:16 1010 1

原创用MUI花两天时间快速开发『One·一个』App，兼容Android、iOS双平台

『One·一个』App线上开源地址App下载地址MUI在线文档以下所有 API 均由产品公司自身提供，本人皆从网络获取。获取与共享之行为或有侵犯产品权益的嫌疑。若被告知需停止共享与使用，本人会及时删除此页面与整个项目。请您暸解相关情况，并遵守产品协议。低仿「ONE · 一个」的App前段时间由于业务需要快速开发App，所以上手了MUI，试着写了一个小项目作为练手，分享给...

2018-04-10 12:28:38 3122

原创前端性能优化之路——图片篇。

本人是一名前端开发者，在公司负责目前负责信息流服务，为五大手机厂商和各大App提供服务，每天的请求就是以亿计算，加上我们又做了SSP和DSP，就是类似于百度广告联盟，腾讯广点通这种。接触过的应该知道，所以前端优化一直是我头痛的问题，不仅要注重用户体验，同时要兼顾收益，有时候必须牺牲一些用户体验，但是作为一名有思想的前端，还是努力规避掉，希望能和从事相同业务的同学一起学习交流一下，话不多说，就来分享...

2018-03-14 20:21:14 1430

原创 Js实现点击查看全文(类似今日头条、知乎日报效果)

这篇文章主要为大家详细介绍了原生JS+css仿QQ今日头条、知乎日报点击查看全文的效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下.移动端demo展示王者荣耀攻略网需要设置过最大高度max-height,然后把超出部分隐藏。判断内容是否超出指定高度，超出就添加,"展开全文"的按钮。添加按钮点击事件，点击后展开全文。<html><head><meta cha...

2017-07-26 00:43:31 10647

原创 Vue-resource实现ajax请求和跨域请求--李帅醒博客

vue-resource是Vue提供的体格http请求插件，如同jQuery里的$.ajax，用来和后端交互数据的。在使用时，首先需要安装vue-resource插件1.在项目跟目录上安装：npm install vue-resource2.引入resource插件import VueResource from 'vue-resource';Vue.use(VueResource)3

2017-02-13 21:37:31 38035

原创微信公众平台web开发教程——李帅醒博客

如今微信已经成为日常生活中必不可缺少的一部分，微信用户到目前已经达到3个亿了吧！每个用户都或多或少的关注过一些公众账号，作为一名合格的前端，你怎么可以。闲话不多说了下面开始教大家微信开放平台。前期准备：注册新浪云 (用来做代码托管) 注册微信公众平台对php语言有一定了解（若不会，直接复制我给的php代码）给大家提供一个我写微信的项目（运用了Require.JS ），仅供参考。

2017-02-09 21:53:16 3706

原创用Express的搭建简单路由——李帅醒博客

Express为我们提供了很f方便的路由功能，今天就为大家讲解一下如何用express搭建路由。1.（可选）（全局安装）安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 由于npm网站在国外,国内访问速度慢,可使用上面的命令,安装淘宝提供的的完整镜像安装成功后

2017-02-06 14:24:35 3801

原创 H5编写Audio音乐播放器——李帅醒博客

今天教大家使用html5 Audio标签实现音乐播放器，模仿QQ音乐、天天动听等类似效果。这是我当年刚接触H5的一个小demo,适合初学者初考，代码也有很大的优化空间。audio属性属性值注释srcurl播放音乐的url地址preloadload/auto预加载

2017-01-17 20:48:49 5797 2

原创 canvas绘制时针，适合初学者——李帅醒博客

篇文章主要介绍了使用canvas绘制超炫时钟的方法及代码，这里推荐给大家，步骤详细。先上效果图为了方便初学者学习，我特意在canvas画布上画好了小方格，方便计算坐标。HTML页面代码：您的浏览器不支持canvas画布，请及时更新！！！ CSS代码：*{ margin:0px; padding: 0px;}

2016-12-26 22:11:57 2592

原创 js头像(图片）上传，立即展示！——李帅醒博客

实现图片、或者头像的上传，并且本地浏览，今天我们就要用到H5新的Web API 接口FileReader 。 IE10以下的版本不支持FileReader()构造函数.不过可以利用滤镜来兼容旧版本的IE:兼容IE的图片本地预览。CSS代码： .box1{ width: 200px; height: 40px; border-radius: 4px; bor

2016-12-12 22:05:15 3417

原创使用nodejs搭建本地http服务器——李帅醒博客

由于不做php相关的东西，懒得装apache，干脆利用nodejs搭建一个本地的服务器用于测试，对做前端的介入后端简直就是一把利器。而且目前，nodejs也越来越有火，身为一个前端，如果你说你不懂Nodejs，那就呵呵了！使用Nodejs搭建Web服务器是学习Node.js比较全面的入门教程，因为要完成一个简单的Web服务器，你需要学习Nodejs中几个比较重要的模块，比如：http协议模

2016-11-30 21:54:09 4450

原创 node.js实现文件读取\写入\复制内容——李帅醒博客

Node.js读取文件内容包括同步和异步两种方式。执行所有文件操作前一定要加载文件模块。//加载文件模块var fs=require("fs");1.异步读取文件：readFile(path[,encode],callback)异步读取文件path：文件路径encode:文件编码callback：回调函数返回错误信息、读取的内容//异步读取文件（）f

2016-11-30 20:28:09 8042

原创 jQuery实现轮播图特效，仿京东——李帅醒博客

如今轮播图已然成为网站中的最常用功能功能之一,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果。今天就教教大家做一个仿京东的轮播图。1.首先定时器实现轮播效果。2.图下的按钮也可以控制轮播顺序。3.左右按钮平时隐藏，鼠标移入时才显示。CSS页面代码： *{ margin: 0px; padding: 0px

2016-11-30 18:57:58 7951

原创 JSONP跨域获取JSON数据（含jQuery方法）——李帅醒博客

首先我要强调JSONP和AJAX没有半毛钱关系，别把他们混淆！！！只不过他们都是从后台获取数据的方法！前言：说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过服务器端代理来解决。但到目前为止最被推崇或者说首选的方案还是用JSON

2016-11-27 19:31:57 5625

原创原生js实现自适应宽度瀑布流以及加载效果——李帅醒博客

今天教大家使用原生js实现自适应宽度瀑布流以及加载效果，之前已经教过大家左普通瀑布流布局。1.计算页面的宽度，计算出页面可放数据块的列数（如上图所示就有6列）。2、一排结束后，如第6个元素，是添加再上一排最短的位置，所以要做一个大小高度判断。3、当window窗口发生改变时,触发事件，改变列数，用到onresize事件。4、每次滚动条触发事件，加载新的元素（判断滚动

2016-11-27 19:11:19 3866

原创原生js实现瀑布流以及加载效果——李帅醒博客

今天教大家使用原生js实现瀑布流以及加载效果，下回再教大家使用使用原生JS实现响应式瀑布流布局，还是先从简单的入手！1、首先列数是固定的，不同的是高度，随机产生。2、一排结束后，如第6个元素，是添加再上一排最短的位置，所以要做一个大小高度判断。3、每次滚动条触发事件，加载新的元素（判断滚动条到底部，需要用到DOM的三个属性值，即scrollTop、clientHeight、scroll

2016-11-21 23:16:14 3290

原创原生JS表格排序，实现淘宝商品列按价格要求等排序！

如何使用原生JS实现点击表格标题栏实现按要求自动排序功能？今天就教大家实现这个功能，这个功能可应用再淘宝等电商网站，按要求，如价格重新对商品排序我就以同学曾经去百度面试遇到的一道面试题为例子源码地址：http://download.csdn.net/detail/wcslb/9688040HTML页面代码：

2016-11-20 17:40:11 11969 2

原创（一）原生JS实现判断碰撞的方法！

这次为大家实例讲述了JS实现判断碰撞的方法。碰撞的应用场景非常多比如，放烟花、小球碰壁反弹、像素鸟等，所以我们先要弄清除如何进行碰撞判断，才能进行以后的操作。HTML页面代码：CSS页面代码： *{ padding: 0px; margin: 0px; } #d1{ width: 100px; height: 100px; backgr

2016-11-20 16:16:23 8774 1

原创原生JS写《像素鸟》的小游戏（下落的小鸟）

相信大家都玩过《像素鸟》（又名《下落的小鸟》），今天就教大家用原生JaveScript 实现像素鸟的游戏。还在为得不到高分而苦恼吗？今天学会了，游戏难易自己控制！！！首先明白：1.需要运动的小鸟（速度）；2.背景（水管）；水管：运动速度创建速度水管随机高度3.编写碰撞判断；4.计分板;HTML页面代码： Document

2016-11-20 14:09:42 10413 3

原创原生JS实现网页烟花动画效果——前端工程师必备技能！

原生js实现放烟花效果，点击鼠标，然后向四周扩散，最后自由落体效果！最简单的方法实现！

2016-11-12 18:34:32 19958 2

原创 [快速掌握]Node.js模块封装及本地使用以及发布

封装模块的使用封装模块的使用有两种方法 :发布到NPM注册表、本地使用，这里只记录下本地使用的方法.1.创建名testnode文件夹2.用DOS命令到testnode文件夹下,然后安装已经封装好的模块,如果是已经发布到NPM注册表的直接 npm install 名字，如果是在本地 npm install +tgz文件路径。

2016-11-02 08:35:44 8576

原创 JS-学习笔记：原生JS实现轮播图

用原生js实现轮播图效果

2016-10-22 18:18:54 2201

原创微信内置浏览器不支持下载文件或应用解决方案——李帅醒博客

在微信的内置浏览器（QQ内置浏览器也一样）里他屏蔽了下载链接，不管是app的下载链接，还是普通文件的链接都屏蔽了，这个问题有两个解决方案。首先如果你是App下载链接就传到腾讯应用宝，但是这会给应用宝带来流量，如果二次下载折损率很高。其二就是提示引导用户在浏览器打开所以如果你没有将软件上传到应用宝里，或者你的文件不是APP，那么就需要第二种方法了，首先是需要判断用户的浏览器是否为微信内置浏览器，

2017-04-20 15:40:12 47359

原创 JS判断网页广告是否被浏览器拦截过滤的代码

这篇文章主要介绍了JS判断网页广告是否被浏览器拦截过滤的代码,需要的朋友可以参考下本来现在投广告赚钱也不像前几年好做，现在还大部分浏览器都拦截了广告，很多浏览器还是默认拦截广告，做站长不是一般辛苦啊！目前中小站长大部分收入还是靠广告，广告被拦截，收入自然会大大减少。　　目前大部分浏览器的广告拦截规则都是广告黑名单+一些广告字眼匹配，比如百度联盟、搜狗联盟、Google联

2017-03-27 09:52:00 6137

原创用H5video写在线视频遇到一些问题(不定期更新)！——李帅醒

在IPhone IOS端遇到一个问题，如果你们的视频资源链接和你网站所属的域名不一样，iPhone的浏览器是不会给你播放视频的。

2017-03-23 11:23:02 1246

原创解决vue中使用swiper插件——李帅醒博客

解决vue中使用swiper插件，在引入swiper插件后，发现无法正常运行这次我们模拟从后台取下数据，然后数据绑定在swiper标签中。<template> <div class="home_page"> <m-header></m-header> <div id="banner"&g

2017-02-13 22:10:35 14847 1

李帅醒的博客