摘要：今天来写一个属于自己的聊天机器人。 思路：当用户点击发送后，需要根据用户输入的内容，提交到服务器，然后由服务器根据你输入的内容，返回对应的结果，我们拿到结果展示到界面上当做机器人的回答即可。 这里使用的接口是图灵机器人，网址：http://www.tuling123.com 1. 搭建界面 界面主要 阅读全文
跨域&JSONP
2018-08-26 00:21 by binbinlin, 760 阅读, 0 推荐, 收藏, 编辑
摘要：1. 同源&跨域 1.1 什么是同源？什么是跨域？ 同源：协议头、域名、端口完全一致就叫同源 跨域：协议头、域名、端口有一个不一样就叫跨域 判断是否同源，如：http://www.example.com/detail.html 与以下地址对比 同源：协议头、域名、端口完全一致就叫同源 跨域：协议头、 阅读全文
JSON模板引擎--artTemplate
2018-08-25 00:13 by binbinlin, 5966 阅读, 3 推荐, 收藏, 编辑
摘要：通常情况下，在我们使用ajax请求数据获得一个json格式的响应体，并且要将获得的相应数据填充到HTML页面上的时候，可能需要自己拼接字符串，这样比较麻烦，而使用模板引擎就可以帮我们省却自己拼接字符串的过程。 使用模板引擎其实就是预先写好HTML结构代码，然后调用模板引擎第三方库，自动把数据填充到这 阅读全文
Ajax小结
2018-08-23 23:12 by binbinlin, 201 阅读, 0 推荐, 收藏, 编辑
摘要：1、ajax Asynchronous Javascript And XML（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。 2、请求报文 一次请求三大部分：请求行、请求头、请求体（请求正文） 3、ajax基本使用 ⑴ 创建请求对象：var xhr=new XM 阅读全文
CSS3画一个滚动的骰子
2018-08-21 23:11 by binbinlin, 3276 阅读, 0 推荐, 收藏, 编辑
摘要：今天利用CSS3来画一个自动滚动的骰子。 思路：骰子的六个面分别用六个ul标签，每个面的点数就是li标签，点数的排列采用伸缩布局，然后采用定位和transform属性将六个面翻转折叠成立方体。 1、HTML结构：用一个类名为box的大盒子将六个面（ul）包起来，方便给整个骰子定位和添加动画；每个ul 阅读全文
面向对象案例——贪吃蛇游戏
2018-08-05 00:36 by binbinlin, 1173 阅读, 0 推荐, 收藏, 编辑
摘要：最近项目上线，近一个星期没更博了，今天来写一个经典的游戏案例——贪吃蛇。在这个简单的案例里可以体会javaScript 面向对象开发相关模式，学习使用面向对象的方式分析问题。 1.功能实现 1.1 搭建页面：放一个容器盛放游戏场景 div#map，设置样式 1.2 分析对象：食物对象、蛇对象、游戏对 阅读全文
原生JS实现无缝轮播
2018-07-27 00:04 by binbinlin, 17358 阅读, 2 推荐, 收藏, 编辑
摘要：今天分享前端开发学习中的一个很经典的案例——原生JS实现无缝轮播图。 需求： 1.鼠标移入轮播图时左右两边显示上一页下一页按钮，移出时隐藏 2.鼠标点击箭头，图片发生轮播 3.点击号码，切换到指定图片 4.鼠标移出，图片每隔一定时间自动轮播 5.当图片轮播到最后或最前一张的时候，图片无缝循环切换 H 阅读全文
原生JS模拟百度搜索框
2018-07-25 15:15 by binbinlin, 3272 阅读, 0 推荐, 收藏, 编辑
摘要：近期有个新入行的小伙伴一直在问一些基础知识，突然觉得人的记忆力有限，有些平常很少用到的知识点虽简单却也其实很容易模糊，或者是一个单词，或者是一个语法。所以想着应该利用一下工作之余的碎片时间，记录一些工作上的问题和一些有趣的小案例，于是开通了播客，一方面便于自己日后翻阅，一方面给刚学习的小伙伴一个参考 阅读全文