- 博客(26)
- 收藏
- 关注
RSS订阅转载 Vue源码------------- 数据响应系统的基本思路
在Vue中，我们可以使用$watch观测一个字段，当字段的值发生变化的时候执行指定的观察者，如下：1 var vm = new Vue({2 data: {3 num:14 }5 })6 vm.$watch('num',function() {...
2018-09-03 17:51:00
140
转载 Vue源码思维导图------------Vue选项的合并之$options
本节将看下初始化中的$options： 1 Vue.prototype._init = function (options?: Object) { 2 const vm: Component = this 3 // a uid 4 vm._uid = uid++ 5 6 // a flag to avoid ...
2018-07-29 17:05:00
223
转载 Vue2.0源码思维导图-------------Vue 初始化
上一节看完《Vue源码思维导图-------------Vue 构造函数、原型、静态属性和方法》，这节将会以new Vue()为入口，大体看下 this._init()要做的事情。 1 function Vue (options) { 2 if (process.env.NODE_ENV !== 'production' &&...
2018-07-08 20:31:00
486
转载 Vue2.0源码思维导图-------------Vue 构造函数、原型、静态属性和方法
已经用vue有一段时间了，最近花一些时间去阅读Vue源码，看源码的同时便于理解，会用工具画下结构图。 今天把最近看到总结的结构图分享出来。希望可以帮助和其他同学一起进步。当然里边可能存在一些疏漏的，或者不正确的地方。希望发现的同学给予指正。 下边这张图主要关于Vue 构造函数、原型、静态属性和方法： 高清原图地址：ht...
2018-06-24 11:13:00
235
转载 关于0.1+0.2!=0.3浮点数解决方法
方法一：使用github上的库：BigDecimal.js或bignumber.js方法二：使用简单点四舍五入方法，其实跟上面的方法差不多，只不过取了一个10位小数function numTofixed(num) { if (typeof num == 'number') { num = parseFloat(num.toFixed(10))...
2018-04-02 22:08:00
213
转载 常规排序算法：选择排序
表现最稳定的排序算法之一(这个稳定不是指算法层面上的稳定哈)，因为无论什么数据进去都是O(n²)的时间复杂度…..所以用到它的时候，数据规模越小越好。唯一的好处可能就是不占用额外的内存空间了吧。理论上讲，选择排序可能也是平时排序一般人想到的最多的排序方法了吧。(1)算法简介选择排序(Selection-sort)是一种简单直观的排序算法。它的工作原理：首先在未排序序列...
2018-03-23 19:32:00
356
转载 常规排序算法 ： 冒泡排序
1.冒泡排序（Bubble Sort）开始，大学里接触到的第一个算法(1)算法描述冒泡排序是一种简单的排序算法。它重复地走访过要排序的数列，一次比较两个元素，如果它们的顺序错误就把它们交换过来。走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端。(2)算法描述和实现...
2018-03-22 19:55:00
121
转载 console.log(([])?true:false); console.log(([]==false?true:false)); console.log(({}==false)?true:fa...
下面是题目的类型转换结果：Boolean([]); //trueNumber([]); //0Number({}); // NaNNumber(false); //0因此：console.log(([])?true:fasle);// => console.log((true)?true:false);console.log([]==false?tr...
2017-08-20 18:00:00
2077
转载 近况
年前因为公司接近倒闭，年后换工作，新公司一直忙碌，下班几乎10点后，所以几个月没有更新分享，在接下来的日子，自己会沉下心学习并分享，记录自己的成长。转载于:https://www.cnblogs.com/hsp-blog/p/6938005.html...
2017-06-03 17:55:00
84
转载 正向代理和反向代理
正向代理时，c通过p请求s，c知道它通过了p，而s不知道存在p(通常情况下)。反向代理正好反过来了，c请求s，c其实不知道先经过了p，而s恰恰知道请求是由p转送过来。正向代理A同学在大众创业、万众创新的大时代背景下开启他的创业之路，目前他遇到的最大的一个问题就是启动资金，于是他决定去找马云爸爸借钱，可想而知，最后碰一鼻子灰回来了，情急之下，他想到一个办法，找关系开后门，经过...
2017-03-02 20:41:00
102
转载 web音乐播放器
今天闲暇时间，花了2小时，写了个简单音乐播放器。欢迎大家来吐糟 先看下界面截图 大体实现：播放，停止，上一曲，下一曲，循环播放功能。 知识点：1.html 中audio 2.css 位置fixed 其中audio用到的方法：1.play 2.pause ,属性：1.src 2.loop 对于audio不熟悉的移步...
2016-12-28 18:32:00
317
转载 后台商品属性组合小例子
今天2016.12.23马上圣诞节了，先祝大家圣诞快乐。最近，一直在忙公司购物webApp项目，用到技术vue vue-router等（等到项目上线后拿出来分享下）。这两天穿插着后台让帮忙做一个关于商品属性组合方面东西。今天交付给后台了，距离下班的这段时间时间把写的东西分享出来。当然代码里边还有很多可以优化的地方，后期如果有时间再拿出来说。 话不多说，先把结果图拿出来...
2016-12-23 18:19:00
485
转载 HTTP请求中的form data,request payload,query string parameters以及在node服务器中如何接收这些参数...
今天，在工作（倒腾微信小程序）的时候，发现发送post请求到node后台服务器接收不到前端传来的参数。其实也不是完全不能，期初用jquery中的ajax进行时候是没有任何问题的（后台可以接受参数）。 然后经过在谷歌控制台中查看headers发现是传递时候的参数方式不同：图1（jq中ajax），图2（微信小程序中的wx.request()） （图一）（图二）...
2016-09-29 14:44:00
328
转载 大转盘抽奖css3+js(简单书写)
今天花了一段时间简单写了下抽奖大转盘，这里写的只是自己想到的简单的写了下（也希望收获其他想法），后续，再写的话会更新。 大体思路：页面加载完成后，通过监听开始按钮的点击事件。然后会根据产生的随机数，通过控制旋转针对象的transform属性，然后进行旋转，最后在结束后获取存储来数组中对应的抽奖内容最后弹出。 知识点：transform, translation,js...
2016-09-23 18:20:00
263
转载 设计模式（惰性模块）
惰性模式：减少每次代码 执行时重复的分支判断，通过对对象重新定义屏蔽原对象中的分支判断。 浏览器兼容算是比较头疼的问题，大家都会遇到某些属性浏览器支持，有些不支持；就像早期的ie不支持addEventListener一样，每次需要针对ie写不同的代码判断去兼容。惰性模式就是为了减少每次重复判断。 惰性模式两种定义方式： 第一种：在文件加载初始化时候：(这是一...
2016-09-23 17:54:00
170
转载 设计模式（节流模式-----图片懒加载）
昨天把节流模式写了下，今天来个节流模式的应用----图片懒加载（图片延迟加载） 废话不多说，直接懒加载代码吧！哈哈 1 //创建懒加载对象 @id是将要获取外部容器的id var Lazyload = function(id) { 2 this.container = do...
2016-09-22 18:04:00
161
转载 设计模式（节流模式）
今天来说说节流模式。平时对于重复的业务逻辑进行节流控制，执行最后一次操作并取消其他操作调高性能。 比如：可能有些朋友在做上拉加载（请求服务数据）迅速滑动时候会遇到这样的问题感觉一卡一卡的，一方面是请求服务器，另一方面是取到数据后进行数据渲染和操作dom（这块是很耗费资源的），还有一方面是没有做节流，每次监听到scroll事件，就调用对应的函数。打个比方：你让一个人去做一...
2016-09-21 18:35:00
190
转载 设计模式（等待者模式）
最近，闲来会看看《javascript设计模式》这本书，空闲时间我会把看到的写出来，和大家一起分享今天先来一个等待者模式。 等待者模式：通过对异步进程监听，来触发未来发生的动作 举例子：异步进程A,B，需要两个进程都完成以后才能进行C进程操作，这时可以使用等待者模式。 平时在开发中经常会这样，需要等到上个程序完成或者知道上个程序完成才...
2016-09-20 18:08:00
120
转载 图片转换为base64
明天中秋了，先祝大家中秋快乐！哈哈，最近见有人在群里问怎么把图片转换成base64格式，之前刚好写过就把代码贴出来。 主要用到canvas中的toDataURL方法 1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta http-equi...
2016-09-14 14:52:00
150
转载 基于webpack的前端工程化开发解决方案探索（三）：webpack-dev-server
前两篇中我们使用webpack完成了静态资源（css/js/img）等自动写入HTML模板中，同时还可以为静态资源添加hash版本号，既满足了我们对于静态资源的打包要求，同时又无需开发人员介入打包过程，让我们的重点集中在业务逻辑的实现上来。但是每次修改完代码后如果手动执行webpack命令才能生效的话，那也够虐心的，好在的webpack为我们提供了一个强力的开发工具：webpack-...
2016-09-14 14:22:00
120
转载 基于webpack的前端工程化开发解决方案探索（二）：代码分割与图片加载
1. require.ensure 在上一章我们已经知道通过require引入的资源，可以通过插件让webpack将其独立成为单独的文件，然后向HTML中自动写入路径。那对于require.ensure情况又会是怎样的情况呢？ 我们都知道webpack通过require.ensure来对我们的代码进行分割，将按需加载的代码单独放在的块文件chunk中，然后在合适的时候异步加载...
2016-09-14 14:20:00
116
转载 基于webpack的前端工程化开发解决方案探索（一）：动态生成HTML
1.什么是工程化开发 软件工程的工程化开发概念由来已久，但对于前端开发来说，我们没有像VS或者eclipse这样量身打造的IDE，因为在大多数人眼中，前端代码无需编译，因此只要一个浏览器来运行调试就行了。但是时至今日，互联网特别是移动互联网为前端开发带来了更大的机会，同时前端代码也变得越来越复杂，越来越难以管理，因此前端工程化开发的工作可以说是刻不容缓。 那么前端工程化开发到...
2016-09-14 14:16:00
112
转载 HTTP 协议入门
HTTP 协议入门作者：阮一峰日期：2016年8月19日HTTP 协议是互联网的基础协议，也是网页开发的必备知识，最新版本 HTTP/2 更是让它成为技术热点。本文介绍 HTTP 协议的历史演变和设计思路。一、HTTP/0.9HTTP 是基于 TCP/IP 协议的应用层协议。...
2016-08-26 18:54:00
108
转载 ajax获取数据后怎么去渲染到页面？
关于，这个问题呢！一直没有在网上找到一个合适答案（可能这问题比较傻，嘿嘿）。今天把自己常用几种方式说下： 第一种： 比较常见的就是直接把字符串拼接，然后插入到元素中。 var html='<li>' + data.num + '</li><li>' + data.floor + '</li&g...
2016-08-26 18:44:00
792
转载 数组那些事（slice,splice,forEach,map,filter等等）
周五，再过会要下班了，刚才把《javascript高级程序设计》数组这块又看了下，加深下记忆。今天来继续练练笔，嘿嘿！（写下自己印象不深的东西） 一.数组的定义（数组定义分为两种）方法一：1 var color=new Array(num);//num为数字，（当然可写，可不写） 表示数组长度 var color=new Array("red","yell...
2016-08-19 18:26:00
90
转载 2016-8-18开博
哈哈，今天第一次写博客，还是有些小小的激动，文笔较差，平时生活中能说出来的就绝对不用写的。就好像有些人“懒”，能坐着绝对不站着一样（随便逗比一下，嘿嘿）。但是今天还是决定开博客练练自己的文笔，记录下自己的生活与工作。 今天是2016.8.18，来北京一年零一个月20天（2015.6.28到的北京），工作了一年零一个月15天（2015.7.4入职。在帝都过的好快好...
2016-08-18 18:38:00
71
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人