随笔分类 - Javascript
摘要：mock使用方法很简单, 下面是简单的用法, 详细的用法可以看 "官方文档" , 写的很清楚, 下面的代码直接拷贝到本地html文件, 双击打开即可生成你想要的数据
阅读全文
摘要：安装 引入 注册 使用 便捷方法 便捷方法是对底层方法的封装 参数 url: 字符串, 请求地址 data: 对象或者字符串 opation: 对象, 传入的对象来控制请求 返回的response对象 data(对象或者字符串): 服务器返回的数据, 已用JSON.parse解析 ok(布尔值):
阅读全文
摘要：首先新建项目 安装依赖包 这些就不说了 接下来就是构建我们的swiper组件 因为我写的代码不规范, 通不过eslint的检测, 会频繁报警告, 所以不愿意看警告的可以打开\build\webpack.base.conf.js的32行到41行注释掉 接下来才开始正式的构建组件 我直接把脚手架工具 下
阅读全文
摘要：JavaScript ES7的async/await语法让异步promise操作起来更方便。如果你需要从多个数据库或者接口按顺序异步获取数据，你可能最终写出一坨纠缠不清的promise与回调。然而使用async/await可以让我们用更加可读、可维护的方式来表达这种逻辑。 这篇教程以图表与简单例子来
阅读全文
摘要：在前端开发中，性能一直都是被大家所重视的一点，然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。那么下面我们就来看看服务器端缓存的原理。
阅读全文
摘要：今天做到了一个联系人列表的需求, 要求和微信的一样! 写出来分享给大家, 使用了jq和doT模版引擎( "doT模版教程" ) "预览页面地址" 首先对数据源进行数据排序 然后是跳转锚点 和a标签的作用相同, 跳转到指定锚点 点击每条数据 "完整的代码链接"
阅读全文
摘要：首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的
阅读全文
摘要：JavaScript创建对象的方式有很多，通过Object构造函数或对象字面量的方式也可以创建单个对象，显然这两种方式会产生大量的重复代码，并不适合量产。接下来介绍七种非常经典的创建对象的方式，他们也各有优缺点。 工厂模式 可以无数次调用这个工厂函数，每次都会返回一个包含两个属性和一个方法的对象 工
阅读全文
摘要：title: JS的六种继承方式 date: 2017 06 27 05:55:49 tags: JS categories: 学习 继承是面向对象编程中又一非常重要的概念，JavaScript支持实现继承，不支持接口继承，实现继承主要依靠原型链来实现的。 一、原型链 首先得要明白什么是原型，原型链
阅读全文
摘要：一、接口的流畅性 好的接口是流畅易懂的，他主要体现如下几个方面： 1.简单 操作某个元素的css属性，下面是原生的方法: 封装之后 从几十个字母长长的一行到简简单单的一个函数调用，体现了api简单易用 2.可阅读性 是个好函数，帮助我们简单实用地改变某个元素，但问题来了，如果第一次使用改函数的人来说
阅读全文
摘要：时过境迁，Web 应用比以往任何时候都更具交互性。搞定性能可以帮助你极大地改善终端用户的体验。阅读以下的技巧并学以致用，看看哪些可以用来改善延迟，渲染时间以及整体性能吧！ 更快的 Web 应用 优化 Web 应用是一项费劲的工作。Web 应用不仅处于客户端和服务器端的两部分组件当中，通常来说也是由多
阅读全文
摘要：一、 跨域请求的含义 浏览器的同源策略，出于防范跨站脚本的攻击，禁止客户端脚本（如 JavaScript）对不同域的服务进行跨站调用。 一般的，只要网站的 协议名protocol、 主机host、 端口号port 这三个中的任意一个不同，网站间的数据请求与传输便构成了跨域调用。这也是我们下面实践的理
阅读全文
摘要：简介 JavaScript 有个特性称为作用域。尽管对于很多开发新手来说，作用域的概念不容易理解，我会尽可能地从最简单的角度向你解释它们。理解作用域能让你编写更优雅、错误更少的代码，并能帮助你实现强大的设计模式。 什么是作用域？ 作用域是你的代码在运行时，各个变量、函数和对象的可访问性。换句话说，作
阅读全文
摘要：doT模板引擎是一个比较高效的引擎，一直都在使用，只有3kb大小，简洁的语法，无任何依赖，简单易用；下面的代码直接拷贝引用就可以使用； 插件代码 JS 循环数组结构 html {{~it:value:index}} {{=index}} {{=value.name}} {{~}} <! it是要遍历
阅读全文
摘要：汉字转换为拼音 调用 函数, 参数为你要转换的汉字 返回值就是转换后的拼音 可以只返回首字母或者首字母大写的全拼拼音 "欢迎访问我的博客http://www.yuanjingzhuang.com/"
阅读全文
摘要：接上一篇 "实现收发消息" 这一篇实现聊天窗口的功能 接收到消息或者发送消息，让页面显示最新的消息内容 就像qq微信聊天那样，接收到消息，或者你发送消息之后，让最新的消息显示在最下面 实现思路就是, 监听发送和接收消息事件, 一旦触发了事件, 就让聊天内容所在的元素的底端和其所在滚动区的可视区域的底
阅读全文
摘要：webpack 安装 webpack是所以Node.js开发的工具,可通过npm安装,首先要保证node已经安装完毕,可以去node官网 "下载" , 然后通过npm下载webpack 我们只需要webpack构建项目, 项目上线后是不需要依赖webpack的 所以我们在项目文件夹下安装时候可以安装
阅读全文
摘要：排序算法 冒泡排序 , 选择排序 , 插入排序, 快速排序 冒泡排序: 最简单的排序之一了，其大体思想就是通过与相邻元素的比较和交换来把小的数交换到最前面。这个过程类似于水泡向上升一样，因此而得名。 举个栗子，对5,3,8,6,4这个无序序列进行冒泡排序。 首先从后向前冒泡，4和6比较，把4交换到前
阅读全文
摘要：RequireJS解决代码依赖问题,异步加载js,避免页面失去相应 RequireJS的目标是鼓励代码的模块化，它使用了不同于传统``标签的脚本加载步骤。可以用它来加速、优化代码，但其主要目的还是为了代码的模块化。它鼓励在使用脚本时以module ID替代URL地址。 RequireJS以一个相对于
阅读全文
摘要：number , string , boolean 直接赋值 object , array 遍历后赋值 方法中用到的apply方法 apply方法： 语法：apply([thisObj[,argArray]]) 定义：应用某一对象的一个方法，用另一个对象替换当前对象。 说明： 如果 argArray
阅读全文
浙公网安备 33010602011771号