李帅醒的博客

沉迷于代码,日渐消瘦!新浪微博:我吃酸萝卜 http://weibo.com/wcslb

排序:
默认
按更新时间
按访问量

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

狗蛋TV 狗蛋TV是基于微信小程序开发的一款App。gordanLee每天都会推荐一首歌、一篇文章、一段短视频,每天用十分钟的细碎时光,点燃内心的光明。目前分为音乐,短视频,影评三个模块。 线上开源地址 https://github.com/lishuaixingNewBee...

2018-05-16 10:39:16

阅读数:22

评论数:0

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

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

2018-04-10 12:28:38

阅读数:61

评论数:0

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

本人是一名前端开发者,在公司负责目前负责信息流服务,为五大手机厂商和各大App提供服务,每天的请求就是以亿计算,加上我们又做了SSP和DSP,就是类似于百度广告联盟,腾讯广点通这种。接触过的应该知道,所以前端优化一直是我头痛的问题,不仅要注重用户体验,同时要兼顾收益,有时候必须牺牲一些用户体验,但...

2018-03-14 20:21:14

阅读数:64

评论数:0

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

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

2017-07-26 00:43:31

阅读数:2019

评论数:0

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

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

2017-02-13 21:37:31

阅读数:26799

评论数:0

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

如今微信已经成为日常生活中必不可缺少的一部分,微信用户到目前已经达到3个亿了吧!每个用户都或多或少的关注过一些公众账号,作为一名合格的前端,你怎么可以。闲话不多说了下面开始教大家微信开放平台。 前期准备 : 注册新浪云 (用来做代码托管) 注册微信公众平台 对php语言有一定了解(若...

2017-02-09 21:53:16

阅读数:2934

评论数:0

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

Express为我们提供了很f方便的路由功能,今天就为大家讲解一下如何用express搭建路由。 1.(可选)(全局安装) 安装淘宝镜像     npm install -g cnpm --registry=https://registry.npm.taobao.org     由于np...

2017-02-06 14:24:35

阅读数:2374

评论数:0

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

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

2017-01-17 20:48:49

阅读数:3965

评论数:2

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

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

2016-12-26 22:11:57

阅读数:1998

评论数:0

js头像(图片)上传,立即展示!——李帅醒博客

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

2016-12-12 22:05:15

阅读数:2052

评论数:0

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

由于不做php相关的东西,懒得装apache,干脆利用nodejs搭建一个本地的服务器用于测试,对做前端的介入后端简直就是一把利器。而且目前,nodejs也越来越有火,身为一个前端,如果你说你不懂Nodejs,那就呵呵了! 使用Nodejs搭建Web服务器是学习Node.js比较全面的入门教...

2016-11-30 21:54:09

阅读数:1690

评论数:0

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

Node.js读取文件内容包括同步和异步两种方式。 执行所有文件操作前一定要加载文件模块。 //加载文件模块 var fs=require("fs"); 1.异步读取文件: readFile(path[,encode],callback)异步读取文件 path:文件路径 e...

2016-11-30 20:28:09

阅读数:5241

评论数:0

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

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

2016-11-30 18:57:58

阅读数:4906

评论数:0

JSONP跨域获取JSON数据(含jQuery方法)——李帅醒博客

首先我要强调JSONP和AJAX没有半毛钱关系,别把他们混淆!!!只不过他们都是从后台获取数据的方法! 前言: 说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串或者用X...

2016-11-27 19:31:57

阅读数:3986

评论数:0

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

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

2016-11-27 19:11:19

阅读数:2882

评论数:0

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

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

2016-11-21 23:16:14

阅读数:2515

评论数:0

原生JS表格排序,实现淘宝商品列按价格要求等排序!

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

2016-11-20 17:40:11

阅读数:6002

评论数:2

(一)原生JS实现判断碰撞的方法!

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

2016-11-20 16:16:23

阅读数:5474

评论数:0

原生JS写《像素鸟》的小游戏(下落的小鸟)

相信大家都玩过《像素鸟》(又名《下落的小鸟》),今天就教大家用原生JaveScript 实现像素鸟的游戏。还在为得不到高分而苦恼吗?今天学会了,游戏难易自己控制!!! 首先明白:1.需要运动的小鸟(速度); 2.背景(水管);水管:运动速度 创建速度 水管随机高度 3.编写碰撞判断; ...

2016-11-20 14:09:42

阅读数:4188

评论数:0

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

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

2016-11-12 18:34:32

阅读数:6546

评论数:1

提示
确定要删除当前文章?
取消 删除
关闭
关闭