花帜-优快云博客

原创 mac os系统上使用nvm安装nodejs

最近博主新换了一份工作，新公司统一使用mac。工欲善其事，必先利其器。所以，拿到电脑的第一天就要开始安装开发环境了，下面介绍下如何用nvm 安装nodejs。1.安装nvm：curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash2.因为博主刚拿到的电脑就是裸机，没有安装git...

2018-03-13 17:31:26 1004

原创从零开始使用vue-cli搭建后端管理系统

1.所用技术：vue2.0 vuex vue-router axios ElementUI2.0 webpack vue-loader awesome-vue less mock2.环境配置：全局安装：npm install -g vue-clinpm install -g webpackinit一个vue项目：npm init webpack ...

2018-02-12 11:49:31 4124

原创前端面试题集结

平安：1.怎样创建一个对象？定义： ECMA-262把对象定义为“无序属性的集合，其属性可以包含基本值、对象或者函数”。创建对象：1）工厂模式function createPerson(name,age,job){ let o = new Object(); o.name = name; o.age = age; o.job = job...

2018-02-07 11:34:38 732

原创 React-组件

组件是React的基石，所有的React应用程序都是基于组件的。1.实现一个最基础的组件： Profile.jsx:import React from 'react';class Profile extends React.Component { //render是这个组件渲染的Vitrual DOM render() { return(

2018-02-06 14:06:24 353

原创 React+webpack开发环境搭建+端口修改

1）.新建mynew-react-web文件夹;2）.cd mynew-react-web;3）.npm init，此时会有一个package.json文件；安装包依赖: 4）.npm install webpack webpack-dev-server --save-dev;5）.npm install babel-core babel-loader --save-dev;

2018-02-05 18:08:17 1879

原创 React-生命周期

每个生物都有它自己的生命周期，从出生、少年、成年再到死亡。同理，组件也有它特定的生命周期，React用不同的方法来描述它的整个生命周期。下面是定义一个react组件的结构：import React, { Component } from 'react';class Test extends Component { constructor(props, context) {

2018-01-31 11:14:14 382

原创前端知识点集锦-html5篇

一.HTML5篇1.元素、属性、事件新元素画布canvas：HTML5元素用于图形绘制，配合JavaScript完成绘制图形；canvas id="myCanvas">你的浏览器不支持 HTML5 canvas 标签。canvas>script>var c=document.getElementById('myCanvas');var ctx=c.getContext(

2018-01-30 16:45:04 374

原创 wx.navigateBack携带参数

一.let pages = getCurrentPages();//当前页面let prevPage = pages[pages.length-2];//上一页面prevPage.setData({//直接给上移页面赋值 item: e.currentTarget.dataset.item, selAddress:'yes'});wx.navigateBack({//返回 del

2017-12-14 16:31:53 31289

原创 nodejs版本更新后打不开原有项目

今天电脑更新之后发现node自动被卸载掉了，无奈只能去官网重新下载，当时创建项目时用的是node6，现在下载的是node8版本，这样在run dev的时候会提示某些安装包找不到。解决的方法是：先将项目中node_modules这些包卸载，npm uninstall，然后删除文件夹；之后重新npm install依赖包，之后npm run dev，就可以重新打开。

2017-12-12 11:32:14 3741

原创 vue---生命周期函数

vue中所有的钩子函数：beforeCreate（创建前）created（创建后）beforeMount（载入前）mounted（载入后）beforeUpdate（更新前）updated（更新后）beforeDestroy（销毁前）destroyed（销毁后）一.

2017-12-12 11:25:13 20066 1

原创微信小程序-生命周期函数

Page({ /** * 页面的初始数据 */ data: { }, /** * 监听页面加载: 一个页面只会调用一次，可以在onLoad中获取当前页面从上一级页面带过来的参数 */ onLoad: function (options) { }, /** * 监听页面初次渲染完成: 一个页面只会调用一次，代表当前页面已经准备妥当，可以和视图层进行交互

2017-12-08 10:27:19 961

原创微信小程序-实现省市区三级联动

.wxml<view class="section"> <picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}"> <view class="picker"> 当前选择：{{region[0]}}{{region[1]}}{{regio

2017-11-29 10:12:26 4591

原创微信小程序实现控制标题栏背景色

效果如下：代码实现：在小程序这一页面的json文件里添加如下代码：{ "navigationBarTitleText": "个人中心", "navigationBarBackgroundColor": "#0387FE", "navigationBarTextStyle": "white"}

2017-11-22 17:36:15 18906 3

原创 h5判断移动设备是否安装了某app，有跳转，无则跳至下载页面

2017-10-27 10:36:03 4351

原创 angular2-angular-cli

官网上这样评论angular-cli：“Angular-CLI is more than a tool,it is a platform!”。angular-cli将所有零散的node工具集成在了一起。安装（以管理员身份运行cmd，全局安装angular-cli）：npm install -g angular-cli安装完成后，查看版本信息，如出现如下，说明安装成功：新建一个angular-cl

2017-05-10 13:55:39 506

原创解决Android浏览器使用七牛上传文件时取不到后缀名

/** *create by lyn on 2017/4/22. *///paramsvar domain, uptoken, imgKey, imgNumber, imgKeyList;//获取七牛的uptokenfunction getUptoken() { var url = urlBaseQ + "/health/v2_0/qiniu/get

2017-04-22 14:35:04 2084

原创 pscc 自动生成图像资源

1。编辑》首选项》增效工具》启用生成器 2。文件》生成》图像资源 3。路径+图片合并： alt+鼠标左键》ctrl+个》重命名

2017-04-06 11:46:31 1461

原创 JSP生命周期

编译阶段 servlet容器编译servlet源文件，生成servlet类初始化阶段加载与JSP对应的servlet类，创建其实例，并调用它的初始化方法执行阶段调用与JSP对应的servlet实例的服务方法销毁阶段调用与JSP对应的servlet实例的销毁方法，然后销毁servlet实例

2017-03-31 10:36:23 449

原创 Web服务器使用JSP来创建网页的过程

浏览器发送一个HTTP请求给服务器Web服务器识别出这是一个对JSP网页的请求，并且将请求传递给JSP引擎。通过使用URL或者.jsp文件来完成JSP引擎从磁盘中载入JSP文件，然后将他们转化为servlet。这种转化只是简单地将所有模板文本改用println()语句，并且将所有的JSP元素转化为Java代码。JSP引擎将servlet编译成可执行类，并且将原始请求传递给servlet引擎。

2017-03-31 10:22:28 1686

原创 angularjs-根据循环得到的数据中某个对象的属性来添加样式

html： <table class="examination-item" style="border-collapse: collapse;"> <tbody> <tr class="abnormalList" data-toggle="modal" data-target="#myModal" ng-repea

2017-01-24 10:07:53 2702

原创如何从一个svn地址切换到另一个地址

在项目开发过程中，难免svn会挂机，这时候一般会尽力解决，实在解决不了也只能重新建一个地址，那么开发人该怎么直接把这个svn地址改变而不需要重新down一次项目呢？下面跟着我一步一步做：打开HBuilder 点击工具栏视图–》显示视图–》其他–》svn资源库–》选中你要修改的路径–》右键–》重新定位–》修改路径就这样就可以了，easy easy··· 宝宝之前还都是备份重新down，那时

2016-12-29 15:17:46 5519

原创 MAC OSX环境下cordova和ionic的安装配置

之前的项目中用到了angularjs+cordova+ionic，当时用的是win7系统，搭建的也是Android的环境，现在换了家新的公司发现需要在mac 上搭建开发环境。刚开始结束mac系统，所以不是那么熟悉，经过查找资料终于把环境搭建成功。下面就来给大家介绍一下搭建流程：cordova1.查看mac上是否已安装了xcode（ios的集成开发环境），可以在AppStore里面下载安装。...

2016-12-28 12:03:45 1965

原创 gulp实现自动化构建项目

首先，先来设定一个简单的需求：一个本地开发环境，具备监控文件变化并实时更新的功能修改代码，保存之后浏览器自动刷新实时编译各种预编译格式文件压缩合并静态资源，打包输出部署上传搭建环境1.首先新建一个项目文件夹,并从控制台进入该文件夹 2.初始化项目注：初始化项目 npm init ,然后回车回车回车···yes，就会在项目中默认创建一个package.jso...

2016-12-26 14:07:27 1096

原创 vue2自定义组件

第一个vue组件在工程目录/src下创建component文件夹，并在component文件夹下创建一个firstComponent.vue。在App.vue中使用插件 ( 因为在 index.html 里面定义了div id=”app”所以就以这个组件作为主入口)第一步，引入在便签内的第一行写import firstComponent from './compone

2016-12-09 10:06:47 8515

原创 Vue2.0环境搭建

什么是VueVue是一个前端框架，特点如下：数据绑定比如你改变一个输入框input的值时，会自动同步更新到页面上其他绑定改输入框的组件的值。组件化页面上小到一个按钮都可以是一个单独的文件.vue，这些小组件直接可以像乐高积木一样通过互相引用而组装起来。Vue2.0推荐开发环境Homebrew Mac系统下的包管理器，类似于Linux的apt-get,Window的控制

2016-12-09 09:42:50 3199

引言：ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现（另外的ECMAScript方言还有Jscript和ActionScript）。一.let和const定义变量ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。1.let的作用范围(let实际上为变量定义了一块块级作用域，let定义的变量只能在

2016-11-04 19:42:19 717

原创 AngularJS $http

index.html<!DOCTYPE html><html ng-app="myApp"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="../../css/bootstrap.css" /> <script type=

2016-10-24 13:57:50 691

原创 AngularJS表单验证

input属性ng-model 绑定的数据 ng-required 是否必填ng-minlength 最小长度ng-maxlength 最大长度ng-pattern 匹配模式ng-change 值变化的回调form控制变量FormName.FieldName.$pristine 字段是否未更改FormName.FieldName.$dirty 字段是否更

2016-10-24 13:21:56 400

原创 AngularJS自定义指令

AngularJS为我们提供了自定义指令的功能，通过此功能，我们可以自定义一些标签，为我们的开发提供帮助，其实一些大型公司都存在自定义标签，为快速开发提供了基础。定义自定义指令一般有两种方式1.第一种，在module()的第三个参数中定义代码如下：index01.html<!DOCTYPE html><html ng-app="myApp"> <head> <meta c

2016-10-24 11:57:40 1734

原创 AngularJS入门

1.AngularJS是什么？AngularJS是为了克服HTMl在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言，但要构建WEB应用的话它就显得乏力了。所以我做了一些工作（你也可以觉得是小花招）来让浏览器做我想要的事。AngularJS尝试去补足HTML本身在构建应用方面的缺陷。AngularJS通过使用我们成为标识符（directives）的结构，让浏览器能够识别新

2016-10-22 19:11:39 408

原创 AngularJS

API：应用程序接口. MVC:Model View Controller 模型视图控制器。一种项目设计理念。AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。AngularJS：什么是AngularJS？AngularJS 使得开发现代的单一页面应用程序（SPAs：Single Page Applications）变得更加容易。Angul

2016-10-17 11:40:58 317

转载 JSONP--实现跨域的ajax技术

JSONP 教程本章节我们将向大家介绍 JSONP 的知识。Jsonp(JSON with Padding) 是 json 的一种”使用模式”，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。为什么我们从不同的域（网站）访问数据需要一个特殊的技术(JSONP )呢？这是因为同源策略。同源策略，它是由Netscape提出的一个著名的安全策略，现在所有支持JavaScript 的浏览器都会使用这

2016-10-12 23:46:01 356

原创 AJAX--异步JavaScript和xml

在学习ajax技术之前，我们看下传统的利用form表单的方式与后台进行数据交互的方式。代码演示如下：<!DOCTYPE html><html> <head> <title>testform1.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-e

2016-10-11 19:34:00 519

原创 js--原型、封装和继承

js–原型js中所有函数都有一个prototype属性，这个属性默认引用一个原型对象。例：function Person(){}此时的内存模块图：为这个构造函数定义属性和方法function Person(name){ this.name=name; this.say=function(){ console.log("this is a tes

2016-10-11 13:25:45 1959

原创封装--javascript的原型（prototype）

这里介绍一种基于组合的对象定义为了解决原型所带来的问题，需要通过组合构造函数和原型来实现对象的创建：将属性在构造函数中定义，将方法在原型中定义。这样有效结合了基于原型链和构造函数来定义对象的有点，是目前最为常用的一种方式。代码演示如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></t

2016-10-10 20:27:51 1151

原创 SeaJS

SeaJS是一种遵循CMD规范的javascript模块加载框架，可以实现javascript的模块化开发及加载机制。SeaJS的主要目的是令javascript开发模块化并可以轻松愉悦进行加载，将前端工程师从繁重的javascript文件及对象依赖处理中解放出来，可以专注于代码本身的逻辑。下面来介绍一下SeaJS的用法：我在下面直接定义了4个js文件，并且调用，根据代码解释//test01.js-

2016-10-10 19:08:06 352

原创 javascript高级模块化--require.js

Require.js：RequireJS是一个非常小巧的javascript模块载入框架，是AMD（Asynchronous Module Definition，异步模块加载机制）规范最好的实现之一。最新版的requireJS压缩后只有14k，堪称非常轻量。它还同时可以和其他的框架协调工作，使用requireJS必将使我们的前端代码质量得以提升。首先我们先来看一下一个普通的页面js加载<!DOCTY

2016-10-10 13:20:39 3171

原创 JavaScript面向对象-继承

面向对象的语言由三大特性：封装继承多态JavaScript是一种面向对象的语言，上面已经介绍了JavaScript的封装，下面来介绍继承。继承，在javascript中表示子类继承了父类的属性和方法。下面用代码来做更深一步的解释：JavaScript实现继承的方式有很多种，首先先介绍利用原型链实现继承。1.原型链实现继承//定义一个父类function Parent(){ t

2016-10-09 20:40:58 407

原创 JavaScript原型与原型链

什么是原型？原型是js中非常特殊一个对象，当一个函数创建之后，会随之就产生一个原型对象，当通过这个函数的构造函数创建一个具体的对象之后，在这个具体的对象中就会有一个属性指向原型。下面我们先来一段代码演示下用Prototype原型来创建对象的过程：//创建一个Person对象，第一种状态function Person(){}//给对象赋值，使用原型来给对象赋值，属性和方法都放在了该对象的原型中，外

2016-10-09 14:06:24 322

原创 JavaScript面向对象

javaScript面向对象面向对象的特征：封装继承多态JavaScript中没有多态，只有继承和封装JavaScript如何实现封装？javascript是一种基于对象的语言，但又不是一种真正的面向对象的语言，它没有类，所以要把属性和方法封装在对象中。在js中怎样得到一个对象呢？1.json方式var Person={ name:"liyanan", age:"21",

2016-10-09 09:41:56 379

空空如也

空空如也