李一花_个人页

快来pick你心目中的影帝小哥哥，一起迎接2019吧！

突然之间，2019就悄悄地来到了你身边 虽然该买的房也没有买，该换的车也没有换 但是，你还是可以悄悄地把2018新年计划，改成2019新年计划 在新的一年，你还不快 pick一个爱豆 给你2019增添一丝的光亮 自带千万级播放量 实力与才华兼备的爱豆 博士小哥哥和影帝小哥哥 程序员版无间道 .

VUE CONF开发者大会最全！最快！PPT下载！

第二届Vue.js开发者大会由Vue.js官方举办，2018年11月24日在杭州金逸影视中心IMAX店正式开启。最全最干货ppt下载就在这了。 演讲嘉宾 与大牛一起探讨、持续更新中... 尤雨溪（远程参与）  Vue.js 作者，前 Google Creative Lab 成员。

阿里云携手爱迪德，发布中国首个云端DRM解决方案

在杭州云栖大会上，阿里云携手爱迪德，推出中国首个云端DRM解决方案。该方案受CHINA DRM LAB和好莱坞六大电影公司认可，可以有效加强平台方对高价值版权内容的保护，监测和防止视频内容的盗版。

扩展EasyUI在页面中马上显示选中的本地图片

在编写前台页面的时候，有时须要将选中的图片夹杂着其它信息一起上传到服务端，在选着本地图片的时候，为了获得更好的效果，须要将该图片显示在页面上。

前后端分离实践：基于vue实现网站前台的权限管理

Javascript做为当下的热门语言，用途很广泛，从前端到后端处处可见其存在，该技术如今在我们项目内部也大量使用来开发诸如CMS系统以及其他其他一些数据分析系统的前端页面，为此个人非常感兴趣并将其作为帽子卡的扩展内容来进行课余学习。

JSsearch实现在购物网站输入后推荐联想的效果

在篇文章里，我们主要讲解一下JSsearch如何完成推荐的功能

Refresh Token的使用场景以及如何与JWT交互

在这篇文章中，我们将探索由OAuth2定义的Refresh Token的概念。我们将会明白为什么他们会这样做，以及他们如何与其他类型的Token进行比较。我们也将通过一个简单的例子来学习如何使用它们。

vue-cli 脚手架开发环境搭建

ps:node和git的安装自己到官网查看

Vue.js如何写一个简单的原生js模块，浏览器中的表现如何？

浏览器正在逐步的支持原生JavaScript模块。Safari和Chrome的最新版本已经支持它们了，Firefox和Edge也将很快推出。

vue 2.0中使用axios遇到问题的解决方法

在Vue1.0的时候有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource。 目前主流的 Vue 项目，都选择 axios 来完成 ajax 请求，下面简单介绍一下axios的使用，具体用法可参考npm链接：https://www.npmjs.com/package/axios。

前端代码规范(es6,eslint,vue)

HTML5 提供了很多语义化元素，更好地帮助描述内容。希望你能从这些丰富的标签库中受益。

Nodejs内存控制详解（上篇）

JavaScript与Java一样，由垃圾回收机制来进行自动的内存管理。对于性能敏感的服务器端程序，内存管理的好坏、垃圾回收状况是否优良，都会对服务构成影响。而在Node中，这一切与V8引擎息息相关。

2017年 JavaScript 框架回顾 -- React生态系统

前一篇文章中，我们介绍了2017年 JavaScript 框架的整体情况。我们也了解到在众多的前端框架中，目前最为庞大又在快速增长的当属 React 了，本文就来重点介绍 React 的生态系统。

Protobuf在微信小游戏开发中的使用技巧

微信小游戏发布后，许多 HTML5 游戏开发者希望把现有的 HTML5 游戏迁移到微信小游戏中，但由于一些技术上的问题导致进程卡壳。通过梳理Egret社区、白鹭小游戏开发技术讨论群等途径的反馈后发现，有不少开发者遇到的难题在于「如何在微信小游戏中使用Protobuf 」。

Vue ( 五 ) food 组件开发

思路：用户点击商品时商品详情页出现，所以需要 父组件中点击商品时调用子组件一个方法来控制 商品详情页的 显示 隐藏。

Vue ( 四 ) shopCart 组件开发

其中 deliveryPrice 和 minPrice 的数据都是从 data.json数据 中 seller 对象下 获得。所以在goods 组件中还要 获取到 seller对象 的数据，否则会报错：

Vue（三）goods组件开发

Flex 布局，可以简便、完整、响应式地实现各种页面布局，Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。

Vue（二）header组件开发

App.vue 引入组件

Vue 实战 饿了么 （一）

当Vue实例没有el属性时，则该实例尚没有挂载到某个dom中；假如需要延迟挂载，可以在之后手动调用vm.$mount()方法来挂载。

手把手教你撸一个 Webpack Loader

经常逛 webpack 官网的同学应该会很眼熟上面的图。正如它宣传的一样，webpack 能把左侧各种类型的文件（webpack 把它们叫作「模块」）统一打包为右边被通用浏览器支持的文件。webpack 就像是魔术师的帽子，放进去一条丝巾，变出来一只白鸽。

基于 HTML5 WebGL 的 3D 网络拓扑结构图

现在，3D 模型已经用于各种不同的领域。在医疗行业使用它们制作器官的精确模型；电影行业将它们用于活动的人物、物体以及现实电影；视频游戏产业将它们作为计算机与视频游戏中的资源；在科学领域将它们作为化合物的精确模型；建筑业将它们用来展示提议的建筑物或者风景表现；工程界将它们用于设计新设备、交通工具、结构以及其它应用领域；在最近几十年，地球科学领域开始构建三维地质模型，而且 3D 模型经常做成动画，例如，在故事片电影以及计算机与视频游戏中大量地应用三维模型。

微信小程序之多文件下载的简单封装

需要生成一个宣传的图片分享到朋友圈，这个宣传图片包含二维码，包含不同的背景图片和不同的文字。对于这种图片生成，我们考虑过使用服务端生成，但是这样会比较耗服务器性能，所以最终决定使用本地生成。

vue项目实现记住密码到cookie功能(附源码)

1.记住密码勾选，点登陆时，将账号和密码保存到cookie，下次登陆自动显示到表单内 2.不勾选，点登陆时候则清空之前保存到cookie的值，下次登陆需要手动输入

简化React中的Action的写法，不要中间件，不写dispatch

我们在写React应用时，通常用到redux做状态管理，然后会用到一些中间件来支持异步action，比如redux-thunk.通常我们的代码类似下面这样的：

JavaScript 设计模式之单例模式

单例就是保证一个类只有一个实例，实现方法一般是先判断实例存在与否，如果存在直接返回，如果不存在就创建了再返回，这就确保了一个类只有一个实例对象。在JavaScript里，单例作为一个命名空间提供者，从全局命名空间里提供一个唯一的访问点来访问该对象。

ES6 之关键字 let

正如大家都熟悉的，我们平时在写代码的时候，用var 声明一个变量，除此之外，也再没有接触到其它的关键字了，不管我们声明什么样类型得变量，都用var 搞定了，很方便，但是ES6 告诉你，除了var,还可以试试 let 来声明变量。

Vue.set()实现数据动态响应

在vue里面，我们操作最多的就是各种数据，在jquery里面，我们习惯通过下标定向找到数据，然后重新赋值 比如var a[0]=111;（希望上家公司原谅菜鸟的我写了不少这样的代码）

ES6 之关键字 const

const 是 constant(常量)的缩写，const 和 let 一样也是来声明变量的，但 const 是专门用来声明一个常量的，那么既然是常量，它的值是不能改变的。不像以前用 var 声明的变量 随便改。 可见，碰到const 该改收收你们任性的代码了！

Css规范整理：3.4、常规流布局：相对定位

当一个盒根据<u>常规流</u>或者<u>浮动</u>摆放好后，它可能会相对于该位置移动，称之为相对定位。 对其他盒的影响：用这种方式偏移盒(B1)的位置不影响盒(B2)，遵循：给定B2位置时就当B1没有偏移，并且B2在B1应用偏移之后没有重新定位（re-positioned）。

Css规范整理：3.3、常规流布局：行内格式化上下文

行内级盒：参与行内格式化上下文的盒（outer = inner ) 行内盒：display = inline 的不可替换元素。 原子行内级盒：不属于行内盒的行内级盒。 行框（line box）：包含来自同一行的盒的矩形区域叫做行框。（不是一个盒，没有padding border margin）

Css规范整理：3.2、常规流布局：块格式化上下文

块级盒（block level box）：参与块格式化上下文的盒，即outer display type 为 block。 块容器盒（block container box）：可以建立块格式化上下文 的容器。 块盒（block box）：作为块容器的块级盒。

Css规范整理：3.1、常规流布局：核心思想

（Css2.1标准中没有 明确提出，在最新的 CSS Display Module Level 3 中提出了，虽然是草案，但其中的思想与前者一脉相承） display属性定义了一个元素的显示类型，它包含元素如何生成盒的两个基本特征：

Css规范整理：2、css 盒模型

基本结构 盒基本的模型就是 里面 和 外面，界定它的就是四条边。 Css 盒模型的表现，有以下的规则： Css 盒模型 区分 外部显示类型 outer display type 和 内部显示类型 inner display type。

Css规范整理：1、布局大纲

CSS 2.1中，一个盒可能会根据三种定位方案来布局： 常规流 CSS 2.1中，常规流包括块级盒的块格式化（block formatting），行内级盒的行内格式化和块级与行内级盒的相对定位 浮动在浮动模型中，盒先根据常规流来放置，然后从常规流中取出来并尽可能远地向左或向右移动。

Vue.js 生命周期

最近一直是在用Vue做项目 , 所以了解生命周期对于了解vue十分重要 : 官方给出对vue生命周期的解释 :

你需要Mobx还是Redux？

当我们使用React开发web应用程序时，在React组件内，可以使用this.setState()和this.state处理或访问组件内状态，但是随着项目变大，状态变复杂，通常需要考虑组件间通信问题，主要包括以下两点： 某一个状态需要在多个组件间共享（访问，更新）； 某组件内交互需要触发其...

打造炫酷的通知插件EasyToaster

引用

前端利器，6 款开源 Web 性能优化辅助工具推荐

安卓设计师不容错过的15款实用UI界面设计工具

最近刮起了一股“养蛙儿子”的风潮。独特的UI设计、萌萌的画风和简洁的用户体验吸引了大批的用户。在不少人直呼“哇，我的蛙儿子好可爱，好萌”的背后，我们可以看到一个高质量的UI设计对于提高应用下载量有着非常重要的作用。

Node.js爬取豆瓣数据

一直自以为自己vue还可以，一直自以为webpack还可以，今天在慕课逛node的时候，才发现，自己还差的很远。众所周知，vue-cli基于webpack，而webpack基于node，对node不了解，谈什么了解webpack。

echarts 数据、样式配置分离，jquery组件 让echarts用起来更加方便

echarts 数据、样式配置分离，jquery组件 项目地址:https://gitee.com/parki/mmecharts 1、同一份数据用在不同图表类型 2、自动解析不同数据结构 3、只修改需要修改的配置

前端一站式异常捕获方案(全)

软件异常监控常常直接关联到软件本身的质量，完备的异常监控体系常常能够快速定位到软件运行中发生的问题，并能帮助我们快速定位问题的源头，提升软件质量。

前端构建工具-gulp ！

今天是元宵节，公司也很有人情味的让大家提前下班了，很happy。这个月的学习安排已经计划好了，每天过的很充实，博客的话今天记录下自己学习 gulp的心得，月底再写一篇 require.js 或者 sea.js 的博客。废话不多说，go！

jsonp和cors实现跨域

jsonp实现的原理主要是利用src属性可以去加载跨域的资源，例如script、img。 动态的创建script标签，加载跨域资源

前端自动化构建工具之webpack入门——简单入门

这篇博客也是参照别人的webpack入门，加上自己的一些操作，还有我在此过程中遇到的困难。如果是已经入门的或者这方面的高手，请绕行，也请勿吐槽。

JavaScript Scoping & Hoisting

上面这段代码在运行时会产生什么结果？ 尽管对于有经验的程序员来说这只是小菜一碟，不过我还是顺着初学者常见的思路做一番描述： 创建了全局变量 a，定义其值为 1 创建了函数 foo 在 foo 的函数体内，if 语句将不会执行，因为 !a 会将变量 a 转变成布尔的假值，也就是...

Angularjs 与三方js插件配合使用,并通过模板动态解析angularjs 语法

在一个静态见面上做数据分析，由于前后端分离 前端使用Angularjs框架，后端使用RESTFUL，如图

vue 的keep-alive

当我们在开发vue的项目过程中，避免不了在路由切换到其他的component再返回后该组件数据会重新加载，处理这种情况我们就需要用到keep-alive来缓存vue的组件信息，使其不再重新加载。

TypeScript + Vue 传统多页面开发模式配置方案

这种开发方式很非主流，但我确实有这种需求。Vue 适合用来开发 SPA 单页应用，所以连官方文档和网络上的各种资料、问答也都是适合用于单页应用的项目配置。 我也是最近因为种种原因才开始接触 Vue，发现对于网页中需要有大量数据变动和组件联动情况下，Vue 还是比较方便的。

ES6 对数组的扩展

函数作用：将一组值，转换成数组