李一花_个人页

利于前台开发的两大工具flex和vue

今次给大家安利的这两种工具,flex当为页面显示布局中很强大的一个属性,属于css范畴.而vue则属于一种js插件,其作用在于将页面显示与js数据近乎完美的完全区分开,而又使两者遥相控制(当然主要是js数据控制页面显示).

Javascript 函数声明和函数表达式的区别

Javascript Function无处不在，而且功能强大！通过Javascript函数可以让JS具有面向对象的一些特征，实现封装、继承等，也可以让代码得到复用。但事物都有两面性，Javascript函数有的时候也比较“任性”，你如果不了解它的“性情”，它很可能给你制造出一些意想不到的麻烦（bugs)出来。

Vue从服务器动态获取router

laravel提供接口那不是分分钟的是嘛 api.php

前端路由的简单实现

路由这个概念首先出现在后台。传统MVC架构的web开发，由后台设置路由规则，当用户发送请求时，后台根据设定的路由规则将数据渲染到模板中，并将模板返回给用户。因此，用户每进行一次请求就要刷新一次页面，十分影响交互体验。

一入前端深似海，从此红尘是路人系列第十二弹之移动端模拟IOS虚拟按钮效果

用过苹果的大家都知道，苹果公司做了一个虚拟按钮，让页面上的挂件可被拖拽并吸附到屏幕边框处，降低挂件对用户的干扰。该效果如果用JavaScript进行实现又该如何实现呢，接下来我将分享给大家。首先上一张效果图

一入前端深似海，从此红尘是路人系列第十一弹之如何合理利用Git进行团队协作(二)

上篇我就Git协议讲了两大点，Git的起步，Git的基础操作，其中详细的小伙伴可以先去阅读我上一篇文章https://my.oschina.net/qiangdada/blog/800093(一入前端深似海，从此红尘是路人系列第十弹之如何合理利用Git进行团队协作(一))。

一入前端深似海，从此红尘是路人系列第十弹之如何合理利用Git进行团队协作(一)

同生活中的许多伟大事件一样，Git 诞生于一个极富纷争大举创新的年代。Linux 内核开源项目有着为数众广的参与者。绝大多数的 Linux 内核维护工作都花在了提交补丁和保存归档的繁琐事务上（1991－2002年间）。

一入前端深似海，从此红尘是路人系列第九弹之如何实现一个双向数据绑定

一入前端深似海，从此红尘是路人系列第七弹之孤独的剑客-单例模式

单例模式，它犹如一名孤独的剑客，它是一个只允许被实例化一次的对象。剑客是孤独的，是高傲的，行走江湖仅凭身上一把锋利的利剑，不会多携带任何东西（节省系统资源）。它有一个剑气领域，一个只属于它的空间，别人进不去的空间（命名空间）。

一入前端深似海，从此红尘是路人系列第六弹之走进数据可视化

先上几张关于单个组件配置及页面承载组件的展示效果图吧：

一入前端深似海，从此红尘是路人系列第五弹之微信小程序canvas篇

看着小程序这些日子这么火爆，对于新鲜事物炒鸡感兴趣的我肯定也小小的研究了一下。于是乎便搞出了一个小程序版本的倒计时Demo。Demo效果图如下

一入前端深似海，从此红尘是路人系列第三弹之浅析JavaScript闭包

前言：最近由于公司项目太忙，很久没有更新博客了，加上之前就一直说要发表一篇有关闭包的博客帮助小伙伴们好好的理解一些JavaScript中的难点。所以，今天趁着国庆假期前赶紧写了去，写完国庆好好出去浪个够。

一入前端深似海，从此红尘是路人系列第二弹之如何简单粗暴的编写出一个属于自己的插件

作为一个刚入行不久的web前端工程师，虽然经验不多，但是基于本人的性格，有自己掌握的并且认为比较好玩比较高大上的东西当然是要献给大家的。此博客发表后也希望可以帮到一些还在为插件编写徘徊的兄弟们。

一入前端深似海，从此红尘是路人系列第一弹之浅析JavaScript继承

继承算是JavaScript中的一大难点也是必须掌握的知识点。接下来我会列举一些我们常见的继承并给出对应一些的code方便大家理解。

ES6 关于对象的扩展

今天来简单说下ES6 中对象的扩展 首先回顾传统的对象表示法

js异步ajax实现避免页面重复提交

同步基本是秉持着顺序执行的,为此在传送数据期间,浏览器一直处于等待状态,如果数据量过多或者网速过慢,就会出现假死情况(此内容在笔者此前博文<异步ajax实现顺序执行>中也有提出),所以当代ajax已经基本不再使用同步配置了;

Vue-router(三) 参数传递

开发中，参数的传递是个最基本的业务需求。通过URL地址来传递参数是一个形式，这节课我们就看看vue-router为我们提供了那些传递参数的功能。

Vue-router(二) 子路由（嵌套路由）

实际生活中的应用界面，通常由多层嵌套的组件组合而成。同样地，URL 中各段动态路径也按某种结构对应嵌套的各层组件。借助 vue-router，使用嵌套路由配置，就可以很简单地表达这种关系。

Vue-router(一) HelloWorld

由于Vue在开发时对路由支持的不足，后来官方补充了vue-router插件，它在Vue的生态环境中非常重要，在实际开发中只要编写一个页面就会操作vue-router。要学习vue-router就要先知道这里的路由是什么？这里的路由并不是指我们平时所说的硬件路由器，这里的路由就是SPA（单页应用）的路径管理器。

Vue-cli(四) Vue文件

Vue-cli中代码都写在*.vue文件中，vue主要分为三部分： <template></template>标签包裹的内容：这是模板的HTMLDom结构，所有的HTML代码写在这部分。 <script></script>标签包括的js内容：可以在这里些一些页面的动态效果和Vue的逻辑代码。

Vue-cli(四) 项目中引入Axios

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。从浏览器中创建 XMLHttpRequest；从 node.js 发出 http 请求；支持 Promise API；拦截请求和响应；转换请求和响应数据；取消请求；自动转换JSON数据；客户端支持防止 C...

Vue-cli(三) 项目中引入Element

Vue-cli(二) 项目结构

Vue-cli(一) 搭建项目

前端设计-css网格布局的最佳实践

利用 WeakMap 对 Vue 新建数组中的对象赋予 :key

Vue+Video.js播放m3u8视频流

前端：用css打造炫酷3d特效- css3d立方体

一个三维物体(一个长方体)，它围绕着一个轴旋转。我已经有过一些与css 3d一起工作的经验，并且我脑海里开始出现了一个解决方案。我搜索了像“css 3d立方体”这样的关键词来确认我的想法。

node.js爬虫应用——前端程序员的词典command-translator

虽然高考英语考了135分，大学英语四级也过了，可到现在，写了两年代码，经常在写一个变量的时候，想半天也想不出来对应的英文单词是什么，总不能很可 (sha) 爱(bi) 的去用拼音吧，最后还是只能去求助有道了。虽然说打开有道网页，然后输入词语翻译不算太麻烦，担保每次都这样，总觉得不够方便，也不够逼格。

基于 HTML5 Canvas 的工控机柜 U 位动态管理

U 是一种表示服务器外部尺寸的单位，是 unit 的缩略语，详细的尺寸由作为业界团体的美国电子工业协会（EIA）所决定。之所以要规定服务器的尺寸，是为了使服务器保持适当的尺寸以便放在铁质或铝质的机架上。

从零开始搭建webpack+react开发环境

基于mpvue开发微信小程序,vue能用的,用mpvue哪些情况不能用

支持vue.js的生命周期部分，并且兼容了小程序的生命周期。

点亮LED的个人空间 JavaScript 正文 JavaScript成语消消乐

基本面向过程的思想。没有面向对象的部分。准备好成语库。db.js选出每一关的成语。对成语进行乱序。初始化表格的同时，将单个字放到每个单元格的按钮上展示。对tbody进行点击事件的监听。事件函数中获取btn。

使用Safe.js绑定联动快速开发用户信息页面

首先我们先建立一个Demo.html的文件，里面写上基本结构，并用script标签引入safe.js的文件：（Safe.js Gitee链接：https://gitee.com/skyogo/Safe）【safejs版本必须大于3.1.0】

微信小程序组件化开发框架wepy 学习（二）

1.文件结构 文件结构类似VUE文件 扩展名为 .wpy

微信小程序组件化开发框架wepy 学习（一）

1.对微信小程序原生开发文档熟悉。2.对前端mvvm有一定的了解。3.会nodejs npm 进行前端组件化开发

微信小程序：wx.getUserInfo 接口的变动与使用

在微信小程序开发中，获取用户信息是经常会用到的！在之前，我们直接调用wx.getUserInfo接口，就可以直接获取用户的信息，然而为了安全考虑，从2018年4月30号开始，wx.getUserInfo接口不能直接调用，需要使用 引导用户主动进行授权操作，意外就是来的这么突然，防不胜防！！！

手把手教你搭建vue-cli脚手架-详细步骤图文解析[vue入门]

使用 vue-cli 可以快速创建 vue 项目，vue-cli很好用，但是在最初搭建环境安装vue-cli及相关内容的时候，对一些人来说是很头疼的一件事情，本人在搭建vue-cli的项目环境的时候也是踩了相当多的坑，特此写了一篇搭建环境的教程，每一步尽量详细解析。

Webpack 4 api 了解与使用

webpack 最近升级到了 v4.5+版，01 官方不再支持 node4 以下版本

vue中v-model的应用

vue中经常使用到<input>和<textarea>这类表单元素，vue对于这些元素的数据绑定和我们以前经常用的jQuery有些区别。vue使用v-model实现这些标签数据的双向绑定，它会根据控件类型自动选取正确的方法来更新元素。

[译] D3.js 嵌套选择集 (Nested Selection)

本文讲解的是关于 D3.js 中 d3-selection 的使用. d3-selection 是 d3 的核心所在, 它提供了一种和以往 Dom 操作 和 数据操作 完全不同的思路, 让我们能非常优雅的进行数据可视化工作.

[译]D3.js 之 d3-selection 原理

在前一篇文章中, 我介绍了关于 D3 selection 的基础, 这些基础足以让你开始使用 D3 selection.在这篇文章中, 我将介绍 d3-selection 的实现原理. 本文可能需要更长的时间来阅读, 但它能揭开 selection 的原理 并让你能真正掌握数据驱动文本的思想(D3的...

前端实现旗帜飘动效果系列 (Ⅰ)：dom+css实现

hello，民娜桑~~我又来开新坑了(￣ε(#￣)╰╮o(￣皿￣///)，这次尽量保证把这个坑填完~本系列我会分四篇来完成主题，分别是① DIV+CSS的实现，② canvas2D的简单实现，③ canvas2D的进阶实现，④ webgl+着色器的实现 以及 ⑤ 包装成jquery插件并发布为npm模块 。

React Native基础&入门教程：初步使用Flexbox布局

在开始任何布局之前，让我们来首先需要知道，在写React Native组件样式时，长度的不带单位的，它表示“与设备像素密度无关的逻辑像素点”。

基于卡片设计的UI界面优化

在现实生活在，视觉信息总是很吸引人的眼球，好的页面设计总是能够脱颖而出，而卡片设计的应用就是一种趋势。有数据显示移动端使用率远远高于桌面端，网页设计都能很好的适应小屏幕。这个结论就是：简单的界面风格，比如：扁平化设计，极简设计，尤其是卡片设计比往年都要流行。

前端编年史

笔者学习一门知识有一个习惯，就是会先去了解这门知识的一个大致历史框架，而后再学习具体的知识内容。这样做有以下两个目的： 1.可以增添兴趣，对于越枯燥的知识越是有效。 2.可以知道这门知识的来龙去脉，可以知道依托于这门知识，自己将会去向何方。

前端基础（四）：前端国际规范收集

由于前端技术的灵活性和杂乱性，导致网上的许多解决方案不够全面甚至是完全错误，容易起到误导作用。所以，我对搜索到的解决方案往往是存疑态度。那么，如何去验证它的正确性呢？我一般使用两种方式，第一种是直接上手试，能不能成，一试便知；第二种方法是查阅相关的规范。

前端基础（三）：函数

在最新的ES规范中，声明函数有4中方法：-函数声明-函数表达式-构造函数Function-生成器函数

前端基础（二）：变量声明的6种方法

最新的ECMAScript规范中，变量声明有var、function、let、const、import、class六种方法。

前端基础（一）：js数据类型

至今，JS中共上述7种数据类型。这里需要注意，不要将js的内置对象：Date、Array等与数据类型混淆了，这些内置对象和我们自己创建的对象统一属于Object类型。 6中原始类型的值都无法改变。举个栗子，数值1，我们是无法将他改变成2的；字符串的变化实质上也是产生了一个新的字符串，旧的字符串仍然不变。