随笔分类 - Javascript
摘要：近期在学习【时间管理】方面的课程，其中有一期讲了蕃茄工作法，发现是个好多东西。蕃茄工作法核心思想就是：工作25分钟，休息5分钟。如果您好了解更多可以自行度娘。 在加上本人是一个程序猿，就想用程序的方式来表达对此工作法的敬意。因此就产生了用vue实现一个tomato timer的想法。演示地址 一、v
阅读全文
摘要：一、http方法 二、http常用状态码 1. 100~199信息状态码 2. 200~299成功状态码 3. 300 ~ 399重定向状态码 4. 400~499错误状态码 5. 500~599状态码
阅读全文
摘要：一、实现思路 在实践中后台管理系统的前后端分离时，往往会因为业务量的增加使其前端项目难以维护，以及打包时间不理想，还有业务系统与框架之间区分不在明显。本文是本人从另一个角度提出的一种解决方案，希望各位提出宝贵的建议。 二、创建步骤 2.1、github上新建组织 此部分的操作可以参考github的相
阅读全文
摘要：一、简单请求与非简单请求 跨域请求分为简单与非简单请求，同时满足以下两种条件的可以确定为简单请求。 简单请求的请求方法 简单请求的HTTP头信息 二、简单请求处理原理 注意事项 三、非简单请求处理原理 如果请求方法是PUT、DELETE，或者Content-type的类型为applicetion/j
阅读全文
摘要：根据vue的官网介绍，可以得知vue是一个mvvm框架，且是响应式的。为了更深入了理解其内涵，本人以及理解实现了一个简单的mvvm学习的demo。下面分享给大家，欢迎大家一起讨论。 一、mvvm至少包含的内容 二、我的实现 1. 变量的定义与watch的实现 说明： 2. 指令的定义 说明： 3.
阅读全文
摘要：此文章主要总结UIEvent相关的事件，如有不对的地方，欢迎指正。 一、uitls.js(绑定事件公共类) 主要做一些事件名的兼容性处理。 二、baseEvent 2.1 兼容点 2.2 一些代码 三、焦点事件 不是所有的标签都支持焦点事件，如div（不可编辑状态）、span、p等这类布局和显示内容
阅读全文
摘要：近段时间本人一直在思考如何基于vue搭建一个中后端管理系统的通用基础前端解决方案。思考的主要问题点如下： 如何使各个子业务模块的按需加载 css预处理方案的选择 如何引入现代的前端工程思想，也就是工程化解决方案。 多余的话不说，本人按照效果图介绍下自己的拙建，强烈希望各位给予建议和指正。 说明： 一
阅读全文
摘要：在五一节之前和一网友讨论前端技术时，对方提到vue、vue-route如果配合requirejs应用。当时的我没有想得很明白，也没能这位网友一个准确的回复，但我许诺于他五一研究后给他一个回复。本是一天的研究却被我搞成了研究了一周，这拖延症。。。 闲话少数，进入正题 一、示例代码说明 代码结构说明：
阅读全文
摘要：代码如下： Foo.getName() 输出结果为:2原理：他调用的是Foo的静态方法（如果C#、java等后端语言来说），其实是因为Javascript中的Function本身就是Function和Object的结合，所以function既是函数，也是对象。在这里Foo就是执行了他对象上的一个fu
阅读全文
摘要：近期温习了部分w3c上关于DOM事件的规范，发现以前有些模糊的概念更加清晰，以及受到罗胖（罗辑思维）的影响，很是想分享自己的了解的东西，希望大家给予指正或补充。 一、事件类型 此处为DOM2级事件，DOM3级对事件分解更加详细，后续文章继续整理。 二、事件对象 也就是所谓的event对象。标准浏览器
阅读全文
摘要：闲暇之余，用于加深自己对基础的了解，徒手撸了一个留言板：输入框。废话少说，进入正题。简陋的效果如下(下载代码)： 一、定义需求 二、详细设计 根据需求，我们大致可以想到如下问题： LeaveMsg：实现UI与留言板的交互 FaceWrap：实现表情殂的管理，以及相应事件的响应，如显示/隐藏，获取表情
阅读全文
摘要：一、运算符优先级 从高到低 二、类型检测与转换 以下都是规范中的内部方法，不可直接调用 提供的方法，可以直接调用 P: 2017-05-02 修正运算符优先级列表
阅读全文
摘要：自己写的vue组件怎么才能让其他人引用呢，或者是共用组件如何让其他项目引用。本文就粗细的介绍下，如有疑问欢迎共同讨论。在这里你能了解下如下知识点： 1. 如何发布一个包到npmjs仓库上 2.如何引用一个npm包，尤其是本地引用 3.vue组件的两种引用方案 一、发布一个包到npm的步骤 在npmj
阅读全文
摘要：本文是学习和总结ECMAScript5.1规范形成的。是对规范中所提及的Javascript类型进行剖析后的个人观点的表达(如有Bug望各位道友指正)。主要是各类型的实例方法，不包含任务构造函数的方法。剖析的切入点如下： 1. 是否可以继承 2.通用方法、非通用方法，以及通用方法的使用。 名词解释：
阅读全文
摘要：一直以来对Javascript的原型、原型链、继承等东西都只是会用和了解，但没有深入去理解这门语言关于继承这方面的本质和特点。闲暇之余做的理解和总结，欢迎各位朋友一起讨论。 本文本主要从两段代码的区别说明继承： 一、第一段代码： 二、第二段代码： 三、运行结果： 从结果可以看出两段代码的运行结果是一
阅读全文
摘要：一、原型与原型链的定义 原型：为其他对象提供共享属性的对象 注：当构造器创建一个对象，为了解决对象的属性引用，该对象会隐式引用构造器的"prototype"属性。程序通过constructor.prototype可以直接引用到构造器的"prototype"属性。并且添加到对象原型里的属性，会通过继承
阅读全文
摘要：此篇文章是续 webpack多入口文件、热更新等体验，主要说明单元测试与e2e测试的基本配置以及相关应用。 一、单元测试 实现单元测试框架的搭建、es6语法的应用、以及测试覆盖率的引入。 1. 需要安装的项目： jasmine：单元测试库 karma：测试框架，配置选择phantomjs浏览器 ka
阅读全文
摘要：Webpack现今流行的前端打包工具，今儿本人也来分享下自己学习体验。 一、html-webpack-plugin 实现html模板文件的解析与生成 在plugins加入HtmlWebpackPlugin的配置，如果是多个入口文件，则需要对应加入多个HtmlWebpackPlugin功能。 如上代码
阅读全文
摘要：今天与一挚友加同事调试一段奇葩的javascript代码，在分析出结果后，让我萌生了写此篇文章的想法，如有不对之处望指正，也欢迎大家一起讨论。缩减后的js代码如下，你是否能准确说明他的输出值呢？ 如果要解释这段代码，首先我们得有如下几个概念： 执行上下文：每次当控制器转到ECMAScript可执行代
阅读全文
摘要：vue + vuex + elementUi + socket.io实现一个简易的在线聊天室，提高自己在对vue系列在项目中应用的深度。因为学会一个库或者框架容易，但要结合项目使用一个库或框架就不是那么容易了。功能虽然不多，但还是有收获。设计和实现思路较为拙劣，恳请各位道友指正。 可以达到的需求 能
阅读全文
