摘要:
WebSocket是一种用于在服务器与客户端之间实现高效的双向通信的机制。可以解决数据实时性要求比较高的应用,比如:在线聊天,在线教育,炒股或定位等。 一:websocket产生背景: 为了解决这种实时性的问题,有几种替代方案: 1、轮询 概念:客户端通过一定的时间间隔以频繁请求的方式向服务器发送请 阅读全文
摘要:
有人说过,精通HTTP协议能赢过95%的前端工程师,所以我毅然的踏上这条路,哈哈哈,接下来把自己的学习笔记整理出来。 我会从比较底层的模型开始: 1、网络的五层模型 2、TCP/IP协议 3、HTTP协议 4、端口的作用 5、响应码 6、HTTPS协议 7、资源跨域共享(CORS) 一:网络的五层模 阅读全文
摘要:
这两天自己练习做了一个webpack+vue2的旅游app小项目,涉及到的内容是vue组件、vue路由以及webpack打包。 目录文件设计: 有兴趣的可到我的百度网盘下载 链接: http://pan.baidu.com/s/1pK72csF 密码: 2a2v 打开命令窗口到该文件夹下运行 运行后 阅读全文
摘要:
实现顶部与底部固定的效果十分容易,且很多人都会选择用这个方式,就是顶部position:fixed,底部也position:fixed。实现的效果就像下面两张图,container区域是布满整个屏幕的,且滚动条也是滚动在整个屏幕中,调内容区时只能调节高度。 其实还有一种方式可以实现较好的效果,就是内 阅读全文
摘要:
今天是我开始从事前端开发工作的第二天,其实现在心里还有一些小兴奋以及一丢丢的紧张心情。我特别感谢我的前端部经理,即使他比我还小两岁。 毕业前后我一直很担忧我的工作问题,我觉得自己既没经验、技术也不算好、最重要的是连临场发挥(面试)的能力都差(不太自信)。我深深知道前端开发这个岗位需要经验值需要作品, 阅读全文
摘要:
在制作网页或移动端有时会用到一个效果,类似文章标题和文章描述的排列总是保持一样的行数,要么标题总是一行,多出的省略,要么标题内容1:3或2:2或3:1这样,今天练习这样的效果。 实现的原理:给标题和内容分别加上行高,获取标题的高度除以自身的行高,得知标题的行数,再分配内容的行数即可。 测试了谷歌和火 阅读全文
摘要:
当我们不会写后端接口来测试ajax时,我们可以使用node环境创建一个本地服务器。 1、创建一个本地服务器可参考http://www.cnblogs.com/heyujun-/p/6793900.html网站整站开发小例子,在打开命令窗口并转到所在项目文件夹下在命令行中输入npm install e 阅读全文
摘要:
前几天做了一个个人网站,我是用nodejs搭建服务器环境,模拟数据充当数据库,用vue.js框架进行数据绑定,及使用html、css、jquery做界面布局,整个网站其实很简洁,分为首页、个人博客、生活碎语及作品展示四个模块。 做这个网站不难,难的是如何在远程服务器上部署node项目。由于之前不太接 阅读全文
摘要:
花费了10天时间,纯手写一个医药箱APP静态小项目,里面有上拉加载、左右滑动、弹出层淡入淡出等效果,主要是练习。 以下是一部分页面效果图: 我用的是谷歌的开发者工具的手机端模拟器。 里面需要优化的地方还有很多,欢迎指正! 云盘地址:https://pan.baidu.com/s/1dEUNTap 密 阅读全文
摘要:
毕设终于结束了,做了一个webApp,从中学习到了很多,页面有用到上拉加载的效果。今天就整理了一下。 上拉加载的实现思路其实很简单: 1.移动端触发touchmove事件(上拉) 2.判断最后一个元素是否已出现在底部 3.若出现,则js添加元素到页面末尾 思路图: 接下来开始编写style样式: h 阅读全文