前端
MrXu_
合格的程序员知道怎么做,优秀的程序员知道为什么这么做
展开
-
前端干活系列----ajax请求和跨域请求
用习惯了别人写的ajax请求,突然就想自己也写一个。因为有了这种想法,我就去查资料,总算是弄清楚了ajax原生请求的步骤。特此跟大家分享一下 你要想对服务器发起一个请求你必须要先有一个能够请求服务器的对象,正如你获取时间必须先有一个Date对象一样。ajax请求的对象是: var xhr=new XMLHttpRequest(); 有了xhr对象之后按照一定的步骤就可以对后台进行请求了。...原创 2018-04-22 21:05:07 · 191 阅读 · 0 评论 -
深入前端学习原来这么有趣 第4期
如无意外,每周更新时间为周日 上个周末由于搬家原因耽搁了,导致没有写,抱歉了自己,还有关注我的各位。 个人租房经历 说一下个人经历吧,我属于北漂一族,刚来北京三四个月的那种。别人眼中的北京都是忙碌的,虽然忙碌,但是他们也建议我来北京一趟。我怀揣着对北京的向往,以及高薪资,高技术的诱惑就来了。北京的扶梯不像青岛,会留出来靠左的一边让着急的人走,你说北京忙,从这些点点滴滴的细节就能感受出来吧...原创 2018-07-29 22:36:02 · 136 阅读 · 0 评论 -
一步步从后端渲染到前后端分离经验分享(1)
概念普及 后端渲染 后端采用JSP,freemarker,jdea,babel等渲染框架对前端模板进行预编译。 假设有这么一组数据你想展示在界面上: name MrXu MrXu0 MrXu1 <#list list as item> <div class="font">姓名:${item.name}<...原创 2018-08-05 20:52:40 · 4629 阅读 · 2 评论 -
深入前端学习原来这么有趣 第5期
如无意外,每周更新时间为周日 好消息: 公司要做一个微信商城准备采用前后端分离的方案,Vue作为主要框架,最近我更新的技术站总算是有用武之地了。我准备将这个过程学到的经验写下来,也打算前后端分离的伙伴,可以去看看,给我提提意见: 一步步从后端渲染到前后端分离经验分享(1) 终极技术方案: - 1.Vue-Router:路由管理系统,模拟浏览器的history机制,使用方便。不反人类 ...原创 2018-08-05 21:59:14 · 778 阅读 · 0 评论 -
深入前端学习原来这么有趣 第6期
最近做的项目是从0开始采用Vue作为数据驱动框架。所以有很多Vue实战上的经验体会,下面就专门拿几个常用的但难度不高的VUe功能说一下: 1.阻止事件冒泡: 冒泡概念普及: 当单击事件在dom结构上存在父子关系时,单击子dom,不仅会触发子dom单击事件还会触发父dom单击事件。 上面的大概就是典型的需要对冒泡处理的一种业务了,单击商品查看详情界面,单击查看进度进入进度界面。如果不做...原创 2018-08-12 22:13:45 · 203 阅读 · 0 评论 -
聊一聊Promise和Async
本文需要有一定的前端经验。 Promise和Async属于ES6的知识,主要为了解决各种复杂的异步请求。 何为复杂呢?让我举个例子: 例子一: 小徐给小明和小红布置了网上作业,他想要收到小明和小红都写完作业的消息一起审批。 下面我用ajax请求接口代表做作业的过程,接口回调作为收到消息。作业接口如下: /pa/work?name=XXX 机智的我开始写代码了: 方案一:...原创 2018-08-18 22:29:00 · 207 阅读 · 0 评论 -
系统梳理原生和Jquery的DOM操作
DOM的增删改查是基础中的基础,但是内容太多。不方便记忆我特此做了一个脑图方便记忆,争取不查阅资料,不借助代码提示潇洒操作DOM。 Jquery操作DOM 原生操作DOM 图片太小,可以去我的github上下载Xmind源文件,github/Xmind地址 优秀资源推荐 ScriptOJ ScriptOJ 是首个 Web 前端开发评测系统 从大量实战代码、面试题目中总结出精华...原创 2018-11-25 19:06:12 · 185 阅读 · 0 评论 -
VUE搭建手机商城心得
从github上看了一下第一次提交时间是2018年10月22号。到现在将近4个月时间,总算是一点一滴的自己一个人完成了这个使用vue做的商城项目。以前看到别人做的这种项目就很羡慕,想着自己也做一个,曾经的憧憬如今总算实现了。一路做过来踩了不少坑,这篇文章就是分享我遇到的这些坑,希望前人爬坑,后人避免。 项目访问地址xuyuechao.top vue单页模式需要注意的坑 1.class样式冲突问...原创 2019-02-18 17:26:15 · 1309 阅读 · 0 评论 -
深入前段学习原来这么有趣 第3期
不出意外,每周更新时间为周日 1.git虽难,学好回报也大 这个周我花了很多时间对git进行了扫盲,从原来只会git add , git commit -m “”, git push, git pull到创建分支,标签,自定义命令,版本穿梭,解决冲突,更优雅使用github得到了全面的提升。 我本人是SVN出身,从来都没有想过版本管理工具还需要花一段时间来学习。因为从一开始使用SVN时我...原创 2018-07-15 21:34:33 · 158 阅读 · 0 评论 -
分享一些git小技巧,与个人心得体会
1.写本篇文章的由来 最开始我只会用git最简单的几个命令,例如:git add, git commit -m “”, git push, git pull.因为我有俩太电脑,俩个电脑代码共享不方便,于是就想到了使用github。而最近因为以下原因激发了我全面了解git的兴趣: 1.总是碰到代码冲突,不知道怎么查看解决 2.某次删了一个写的差不多的功能,后来有需要但是找不回来了,于是就想用g...原创 2018-07-13 22:11:49 · 1157 阅读 · 0 评论 -
网易即时通讯心得体会(2)
这里接着上一篇说,这篇也主要介绍我攻读API和SDK的心得体会,但是还要加上使用的时候我的一些思考,因为这些思考会影响后期的产品 1.读API的技巧 API链接戳这里 我首先看的是API,想知道他能实现哪些功能。API的分类很清晰,一共五个类,其中的NIM是核心,其他的四个可以说是扩展。我用的到的俩个是NetCall和WebRTC,如果你需要ChatRoom和whiteBoard虽然我没看,...原创 2018-07-07 21:44:32 · 1113 阅读 · 0 评论 -
前段干货系列----vue核心源码解读
vue现在非常火了,好多人都在用。博主为了提高自己的技术水平,也开始了解读vue的源码。过程很疼苦,多亏了从公众号里看到的一个帖子。博主也不藏私发布出来供大家一起欣赏(相关代码在最底部): https://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651554000&idx=1&sn=08219fe9433fef033b...原创 2018-04-21 23:08:17 · 11546 阅读 · 0 评论 -
前端干活系列----入门webpack这一篇文章就够了
博主学习webpack,并不是因为项目需要,而是因为webpack现在比较流行,所以想学习一下,顺便看看对现在的项目是否有用。最后经过思考感觉对当前项目的作用并不大,不过总结了一下webpack适合使用的几个场景 1.前后端分离的项目,像vue,angular,react都采用了webpack。现在三大主流框架(vue,react,angular)为前后端分离提供了一些基础条件,使得很多界面不在...原创 2018-05-06 13:59:02 · 925 阅读 · 0 评论 -
手机端浮层弹窗阻止界面滚动
今天遇到了一个手机端浮层弹窗的需求 要实现这个弹窗效果不麻烦,麻烦的是实现了这个效果之后只让浮层里面的内容滑动而不让底下的内容滑动。 我从网上搜到的实现方法,据说也是bootstrap的实现方法:当弹窗的时候将body的overflow样式设置为hidden $("body").css("overflow","hidden"); 你发现浏览器上没有问题了,可如果只到了这一步事情远远...原创 2018-05-28 13:39:08 · 1492 阅读 · 0 评论 -
从无到有的描述制作手机地图控件的过程
手机上的地区控件,树控件 github下载地址: https://github.com/mrxu0/Mobile-Tree-Area/tree/master 效果图(我相信一部分人是无图不往下读的) 所谓无需求不功能,公司的地区控件采用的网上的一个LArea的手机控件,但是效果并不理想,在手机里死卡死卡的,本想优化一下,但是我从渲染入手发现人家处理的还不错,剩下的就是算法了,不过我发现...原创 2018-06-01 13:44:10 · 888 阅读 · 0 评论 -
快速记住JS数组API及用法请看这篇文章
本文特别适合对数组的所有API不是特别了解,并且运用不熟需要每次去网上翻看用法的程序猿。之所以有上面这张图也是因为我也遇到了这些情况,希望能够帮助其他人也能够更合理的运用数组的各种API去更轻松的实现各种操作数据的也无需求。 我先将数组的API进行了分类,分为改变原数组;无返回值;有返回值;原型方法。以此来区分加深印象 最为庞大用的最多的是有返回值的API,它本身包含改变原数组和原型方...原创 2018-06-19 10:30:50 · 501 阅读 · 0 评论 -
深入前端学习原来这么有趣 第1期
我总想写点东西,可是写出来的东西并没有我想的那么好(少的可怜的阅读量证明了这一点),这些事情令我懊恼了很久。可以说是在写作过程中我渐渐的忘记了写作的初衷(从别人的文章中获取了知识,得到了答案。有应该分享自己的知识,解决别人的困难)。这可能也是导致我写的比较多,但是质量不佳的原因吧。 我是阮一峰的忠实读者了,他写的每一篇文章我都会读,敬佩他的文笔与见解,写 “每周分享”这个主题也是借鉴的阮大大,...原创 2018-07-01 22:09:02 · 865 阅读 · 0 评论 -
深入前端学习原来这么有趣 第2期
如无意外,每周更新时间为周日 1.webpack的好用之处 我对学习webpack的起因很简单,因为它够潮,而我恰恰喜欢潮的东西。我之前也了解过webpack,但是仅仅是局限于他的使用方法,能够看懂他的配置文件。而我这次对他的用处有了更深的了解。 ①轻松使用es6 首先从es6说起吧,浏览器对es6的支持度并不高。仅仅实现了其中的一部分而已,但是es6的实用性以及好用性是不用质疑的...原创 2018-07-08 21:50:43 · 416 阅读 · 0 评论 -
网易即时通讯心得体会(1)
公司要做客服系统,所以准备从第三方找一个现成的。经过一系列调查最终选择了网易的即时通讯系统。我作为前端负责人势必要鞠躬尽瘁才行,我将在此记录每天的心得体会一方面巩固每天学到的知识,另一方面让准备入手网易即时通讯的能够有这么一篇文章拨开白雾见太阳。 第一天我建议作为新手的你不要想太多,从官方文档开始看起。理解他的核心理念,可以直接看演示,但是代码就不要太过着急了。因为你会理解的特别慢,就像无头苍蝇...原创 2018-07-05 22:15:51 · 1665 阅读 · 0 评论 -
实现选择器(picker)插件
一个正常的选择器插件是非常细致的,一步一步来描述就是。手指滑动内容跟随手指滚动,当内容到底或触顶的时候就不能在滚动并且内容要一直保持在正确的位置上。 第一步分析插件结构 首先要有一个插件容器,整个插件容器包含渐变背景,选中实线,内容容器。效果类似于下面: 所以对应的代码如下: <div class="scroller-component" data-role="component"&g...原创 2019-03-14 09:26:10 · 7500 阅读 · 3 评论