07 2019 档案

不难懂-----Mock基本使用
摘要：一、mock解决的问题 开发时，后端还没完成数据输出，前端只好写静态模拟数据。数据太长了，将数据写在js文件里，完成后挨个改url。某些逻辑复杂的代码，加入或去除模拟数据时得小心翼翼。想要尽可能还原真实的数据，要么编写更多代码，要么手动修改模拟数据。特殊的格式，例如IP,随机数，图片，地址，需要去收 阅读全文
posted @ 2019-07-31 17:10 南屿博客 阅读(423) 评论(0) 推荐(0)
不难懂——单页面开发与多页面开发的区别
摘要：单页面开发： 单页面开发常用于webapp开发和后台管理系统等。 优点：1用户体验好，流畅。 2因为单页面，所以对服务器的压力较小。 3可以在页面切换的时候加一些酷炫的动画效果。 4代码的复用度大。有利于后期的维护。 缺点：1页面复杂度变大，开发难度较大。 2不利于SEO 3初次加载的时候用时较长。 阅读全文
posted @ 2019-07-29 23:25 南屿博客 阅读(283) 评论(0) 推荐(0)
不难懂——客户端渲染和服务端渲染的区别
摘要：首先，介绍一下 SPA、SEO、SSR 三者的区别 SPA（single page application） 单页面应用，是前后端分离时提出的一种解决方案。 优点：页面之间切换快；减少了服务器压力； 缺点：首屏打开速度慢，不利于 SEO 搜索引擎优。 SEO（search engine optimi 阅读全文
posted @ 2019-07-29 23:24 南屿博客 阅读(545) 评论(0) 推荐(1)
不难懂——前端路由和后端路由的区别
摘要：1.什么是路由 路由是根据不同的 url 地址展示不同的内容或页面； 2、什么是前端路由？ 很重要的一点是页面不刷新，前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做，每跳转到不同的URL都是使用前端的锚点路由. 随着（SPA）单页应用的不断普及，前后端开发分离，目前项目基本都使用前端路 阅读全文
posted @ 2019-07-29 23:22 南屿博客 阅读(4900) 评论(0) 推荐(0)
原生js方面的兼容性问题
摘要：1.关于获取行外样式 currentStyle 和 getComputedStyle 出现的兼容性问题 我们都知道js通过style不可以获取行外样式，当我们需要获取行外样式时: 我们一般通过这两个方法获取行外样式： IE下: currentStyle Chrome,FF下: getComputed 阅读全文
posted @ 2019-07-24 15:54 南屿博客 阅读(365) 评论(0) 推荐(0)
ES6新增的数组的方法
摘要：forEach forEach()会遍历数组, 循环体内没有返回值,forEach()循环不会改变原来数组的内容, forEach()有三个参数, 第一个参数是当前元素, 第二个参数是当前元素的索引, 第三个参数是当前元素所属的数组. let array = [1, 2, 3, 4]; array. 阅读全文
posted @ 2019-07-24 15:26 南屿博客 阅读(5136) 评论(0) 推荐(0)
深入了解promise
摘要：1. Promise基础 什么是回调地狱？ 当使用回调函数来进行事件处理的时候，如果嵌套多层回调函数的时候，就会出现回调地狱，例如： method1(function(err, result) { if (err) { throw err; } method2(function(err, resul 阅读全文
posted @ 2019-07-24 10:32 南屿博客 阅读(285) 评论(0) 推荐(0)
了解promise、promise对象
摘要：Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法 阅读全文
posted @ 2019-07-24 10:24 南屿博客 阅读(404) 评论(0) 推荐(0)
JavaScript垃圾回收机制
摘要：一、垃圾回收的必要性 下面这段话引自《JavaScript权威指南（第四版）》 由于字符串、对象和数组没有固定大小，所有当他们的大小已知时，才能对他们进行动态的存储分配。JavaScript程序每次创建字符串、数组或对象时，解释器都必须分配内存来存储那个实体。只要像这样动态地分配了内存，最终都要释放 阅读全文
posted @ 2019-07-24 08:31 南屿博客 阅读(183) 评论(0) 推荐(0)
不难懂--------前后端数据交互的方式有哪些？
摘要：1. HTML赋值 输出到 Element 的 value 或 data-name <input type="hidden" value="<?php echo $user_avatar;?>" /> <div data-value="<?php echo $user_avatar;?>"></di 阅读全文
posted @ 2019-07-23 09:11 南屿博客 阅读(302) 评论(0) 推荐(0)
不难懂——跨域的几种方式
摘要：一、什么是跨域 url的组成 JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。那什么是跨域呢，简单地理解就是因为JavaScript同源策略的限制，a.com域名下的js无法操作b.com或是c.a.com域名下的对象。当协议、子域名、主域名、端口号中任意一个不相同时，都算作不 阅读全文
posted @ 2019-07-20 18:33 南屿博客 阅读(322) 评论(0) 推荐(0)
不难懂——什么是模块化？以及它的好处。
摘要：一、模块化 1.什么是模块化？ 简单地说，模块化就是有组织地把一个大文件拆成独立并互相依赖的多个小模块。 模块内部有许多私有属性，只向外暴露一部分公开的接口(如可以修改私有属性的方法等) 2.为什么要模块化？ ES6之前，JavaScript语言一直没有模块（module）体系，无法把大文件有组织地 阅读全文
posted @ 2019-07-15 11:54 南屿博客 阅读(2206) 评论(0) 推荐(0)
传统的DOM渲染方式？
摘要：1、什么是DOM渲染？ 所谓的DOM渲染是指的是对于浏览器中展现给用户的DOM文档的生成的过程。 2、DOM渲染的过程，大致可以分为三个阶段： ——纯后端渲染 ——纯前端渲染 ——服务端的JS渲染结合前端渲染 下面我们分阶段来做一下说明。 第一个阶段是纯后端渲染。采用这样的渲染方式，就是每一个页面中 阅读全文
posted @ 2019-07-15 11:41 南屿博客 阅读(228) 评论(0) 推荐(0)