关闭

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

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

[置顶] 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...
阅读(20033) 评论(0)

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

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

[置顶] 用Express的搭建简单路由——李帅醒博客

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

[置顶] H5编写Audio音乐播放器——李帅醒博客

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

原生js实现放烟花效果,点击鼠标,然后向四周扩散,最后自由落体效果!最简单的方法实现!...
阅读(4132) 评论(1)

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

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

[置顶] JS-学习笔记:原生JS实现轮播图

用原生js实现轮播图效果...
阅读(1461) 评论(0)

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

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

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

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

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

在IPhone IOS端遇到一个问题,如果你们的视频资源链接和你网站所属的域名不一样,iPhone的浏览器是不会给你播放视频的。...
阅读(155) 评论(0)

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

解决vue中使用swiper插件,在引入swiper插件后,发现无法正常运行 这次我们模拟从后台取下数据,然后数据绑定在swiper标签中。 ...
阅读(3604) 评论(0)
23条 共2页1 2 下一页 尾页
    个人资料
    • 访问:81311次
    • 积分:974
    • 等级:
    • 排名:千里之外
    • 原创:23篇
    • 转载:0篇
    • 译文:0篇
    • 评论:7条
    签约作者
    最新评论