mock的使用二(根据数据模板生成模拟数据)
摘要：Mock.mock( rurl?, rtype?, template|function( options ) ) 根据数据模板生成模拟数据。 Mock.mock( template ) 根据数据模板生成模拟数据。 JSFiddle Mock.mock( rurl, template ) 记录数据模板
阅读全文
posted @ 2018-05-31 17:48
05 2018 档案
mock的使名用一(生成随机数据)
摘要：Mock.Random 是一个工具类，用于生成各种随机数据。 Mock.Random 的方法在数据模板中称为『占位符』，书写格式为 @占位符(参数 [, 参数]) 。 var Random = Mock.Random Random.email() // => "n.clark@miller.io"
阅读全文
posted @ 2018-05-31 17:43
自定义vue全局组件use使用(解释vue.use()的原理)
摘要：我们在前面学习到是用别人的组件：Vue.use(VueRouter)、Vue.use(Mint)等等。其实使用的这些都是全剧组件，这里我们就来讲解一下怎么样定义一个全局组件,并解释vue.use()的原理而我们再用Axios做交互，则不能使用Vue.use(Axios)，因为Axios没有insta
阅读全文
posted @ 2018-05-30 15:50
chrom调试javascript
摘要：上面的文章已经大致介绍了一下console对象具体有哪些方面以及基本的应用，下面简单介绍一下如何利用好chrome控制台这个神器好好调试javascript代码（这个才是我们真正能用到实处的地方） 1、先说一下源码定位 大家打开测试网页 看到页面右下方有一个推荐的图标吗？右击推荐图标，选择审查元素，
阅读全文
posted @ 2018-05-30 11:13
Chrome 控制台console的用法
摘要：大家都有用过各种类型的浏览器，每种浏览器都有自己的特色，本人拙见，在我用过的浏览器当中，我是最喜欢Chrome的，因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对console.log会有一定的了解，心里难免会想调试的时候用alert不就行了，干嘛还要用consol
阅读全文
posted @ 2018-05-30 11:08
Javascript优化后的加减乘除（解决js浮点数计算bug）
摘要：众所周知，js在计算浮点数时候，结果可能会不准确。比如：（在chrome中的运算结果） 2.2 + 2.1 = 4.300000000000001 2.2 - 1.9 = 0.30000000000000027 2.2 * 2.2 = 4.840000000000001 2.1 / 0.3 = 7.
阅读全文
posted @ 2018-05-30 10:23
vue-route+webpack部署单页路由项目，访问刷新出现404问题
摘要：问题描述： 最近在开发cms的时候使用Vue.js框架，利用vue-route结合webpack编写了一个单页路由项目，自己在服务器端配置nginx。部署完成后，访问没问题，从页面中点击跳转也没问题，但是只要点击刷新或通过浏览器地址栏回车，就会出现404现象！在本地开发中是没有这个问题的，调试的时候
阅读全文
posted @ 2018-05-29 13:59
vue中去掉url地址栏中的#符号
摘要：要去掉vue中访问地址中的#符号可以在路由器中设置路由模式为history: 效果如下：
阅读全文
posted @ 2018-05-29 13:56
vue-cl发布vue
摘要：npm run dev是开发环境, npm run build是生产环境, 在开发环境完成代码和测试, 之后用生产环境生成代码, npm run build的时候, 一开始就会提示Built files are meant to be served over an HTTP server. Open
阅读全文
posted @ 2018-05-28 17:37
vue.js报错:Module build failed: Error: No parser and no file path given, couldn't infer a parser.
摘要：在使用vue-cl脚手架工具创建vue项目，运行npm run dev时出现如下错误 ： 解决方法如下： 等安装完prettier后就可以重新启动： 问题解决^_^
阅读全文
posted @ 2018-05-28 14:39
安装node
摘要：vuejs：通过npm安装vue框架（印象深刻的问题出在了npm上） 以下所有事我自己在windows系统下遇到的问题 一、安装nodejs node下载地址https://nodejs.org/en/ 查看nodejs版本和npm版本 疑问注：当时自己安装node时，没有使用默认路径 ，而是安装在
阅读全文
posted @ 2018-05-28 14:37
jquery插件与扩展一
摘要：要说jQuery 最成功的地方，我认为是它的可扩展性吸引了众多开发者为其开发插件，从而建立起了一个生态系统。这好比大公司们争相做平台一样，得平台者得天下。苹果，微软，谷歌等巨头，都有各自的平台及生态圈。 学会使用jQuery并不难，因为它简单易学，并且相信你接触jQuery后肯定也使用或熟悉了不少其
阅读全文
posted @ 2018-05-25 11:07
在服务器上运行db:seed数据填充时，出错的问题解决
摘要：在服务器上运行db:seed数据填充时，出错的问题解决 运行composer dump-autoload
阅读全文
posted @ 2018-05-24 16:39
laravel 创建自定义全局函数
摘要：全局函数的实现是依靠在初始化的时候，将helps.php或者functions.php直接进行了加载。而Laravel中bootstrap/autoload.php（laravel 5.5 貌似没有这个文件）中可以定义在初始化的时候加载什么文件。 在默认的情况下，有以下一条加载配置: 同样，我们也可
阅读全文
posted @ 2018-05-24 15:42
搭建laravel所需要的lnmp环境linux-nginx-mysql-php-composer-git
该文被密码保护。
posted @ 2018-05-24 15:03
vue-cli项目配置mock数据(新版本)
摘要：最新的vue-webpack-template 中已经去掉了dev-server.js 但是要进行模拟后台数据的，如何模拟本地数据操作？ 解决方法： dev-server.js 改用webpack-dev-conf.js代替。 新版webpack.dev.conf.js配置如下： 然后npm run
阅读全文
posted @ 2018-05-22 17:50
vue-cli 本地开发mock数据使用方法
摘要：vue-cli 中可以通过配置 proxyTable 解决开发环境的跨域问题，具体可以参考这篇文章： Vue-cli proxyTable 解决开发环境的跨域问题 如果后端接口尚未开发完成，前端开发一般使用mock数据。 mock方法有多种多样，这里给出两种： 方法一： 使用express搭建静态服
阅读全文
posted @ 2018-05-22 17:09
使用nodeJs安装Vue-cli
摘要：TIP：win10下安装，使用管理员身份进行，否则会有权限限制。 1，安装完成node，node有自带的npm，可以直接在cmd中，找到nodeJs安装的路径下，进行命令行全局安装vue-cli。（npm install --global vue-cli） 想安装速度快点，可以使用淘宝镜像如下 命令
阅读全文
posted @ 2018-05-18 14:10
购物车实现一
摘要：使用子组件触发事件时通过this.$emit来发送给父组件从而调用父组件的方法来修改总价
阅读全文
posted @ 2018-05-17 15:17
web本地存储（localStorage、sessionStorage）
摘要：web 本地存储 （localStorage、sessionStorage） 说明 对浏览器来说，使用 Web Storage 存储键值对比存储 Cookie 方式更直观，而且容量更大，它包含两种：localStorage 和 sessionStorage sessionStorage（临时存储）
阅读全文
posted @ 2018-05-17 12:01
ES6必知必会 （九）—— Module
摘要：Module 1.ES6在语言标准的层面上，实现了模块功能，成为浏览器和服务器通用的模块解决方案，完全可以取代 CommonJS 和 AMD 规范，基本特点如下： 每一个模块只加载一次， 每一个JS只执行一次， 如果下次再去加载同目录下同文件，直接从内存中读取； 每一个模块内声明的变量都是局部变量，
阅读全文
posted @ 2018-05-09 11:46
ES6必知必会 （八）—— async 函数
摘要：async 函数 1.ES2017 标准引入了 async 函数，它是对 Generator 函数的改进 ， 我们先看一个读取文件的例子： Generator 写法是这样的 ： var fs = require('fs'); var readFile = function (fileName) {
阅读全文
posted @ 2018-05-09 11:45
ES6必知必会 （六）—— Class
摘要：1.在之前的JS面向对象编程中，如果定义一个构造函数，一般来说是这样： function Person( name , age ) { this.name = name; this.age = age; } Person.prototype.say = function(){ return 'My
阅读全文
posted @ 2018-05-09 11:44
ES6必知必会 （七）—— Generator 函数
摘要：Generator 函数 1.Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同，通常有两个特征： function关键字与函数名之间有一个星号； 函数体内部使用yield表达式，定义不同的内部状态 //一个简单的 Generator 函数 function
阅读全文
posted @ 2018-05-09 11:44
ES6必知必会 （五）—— Promise 对象
摘要：Promise 对象 1.Promise对象是ES6对异步编程的一种解决方案，它有以下两个特点： Promise对象代表一个异步操作，它只有三种状态：Pending（进行中）、Resolved（已完成，又称 Fulfilled）和Rejected（已失败），并且该状态不会受外界的影响 Promise
阅读全文
posted @ 2018-05-09 11:41
ES6必知必会 （四）—— Symbol、Set和Map
摘要：Symbol 1.Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。它是 JavaScript 语言的第七种数据类型，前六种分别是：undefined、null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）； 2.Symbol 值
阅读全文
posted @ 2018-05-09 11:40
ES6必知必会 （三）—— 数组和对象的拓展
摘要：数组的扩展 1.拓展运算符（'...'），它相当于rest参数的逆运算，用于将一个数组转换为用逗号分隔的参数序列； console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 2.如果扩展运算符后面是
阅读全文
posted @ 2018-05-09 11:39
ES6必知必会 （二）—— 字符串和函数的拓展
摘要：字符串的拓展 1.ES6为字符串添加了遍历器接口，因此可以使用for...of循环遍历字符串 2.字符串新增的 includes()、startsWith()、endsWidth() 三个方法用于判断某一字符串是否包含于另一字符串 includes()：返回布尔值，表示源字符串中是否包含参数字符串。
阅读全文
posted @ 2018-05-09 11:38
ES6必知必会 （一）—— 变量声明和结构赋值
摘要：本文章属于个人对es6一些比较常用的语法的总结归纳，其主要参考阮一峰大神的<a href="http://es6.ruanyifeng.com//">ECMAScript6入门</a> ，如有哪里理解不对或者不透彻的地方，还请批评指正~ ps：推荐使用es6在线调试 <b>let 和 const</
阅读全文
posted @ 2018-05-09 11:37
ES中Module的使用
摘要：Module 1.ES6在语言标准的层面上，实现了模块功能，成为浏览器和服务器通用的模块解决方案，完全可以取代 CommonJS 和 AMD 规范，基本特点如下： 每一个模块只加载一次， 每一个JS只执行一次， 如果下次再去加载同目录下同文件，直接从内存中读取； 每一个模块内声明的变量都是局部变量，
阅读全文
posted @ 2018-05-09 11:16
父子组件的数据和事件传递
摘要：当在vue中定义一个子组件，从父组件给子组件传递数据可以通过在子经组件定义中通过props属性来传递数据过去： 然后标签页中使用:goods来进行绑定数据，然后就可以在模板中使用数据了，效果如下： 如果在子组件中改变数量值时，如果修改总价，此时就牵涉到了从子组件发送事件到父组件，此时就得使用$emi
阅读全文
posted @ 2018-05-09 09:09
2、let 和 const 命令
摘要：let 命令 基本用法 ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 上面代码在代码块之中，分别用let和var声明了两个变量。然后在代码块之外调用这两个变量，结果let声明的变量报错，var声明的变量返回了正确的值。这表明，le
阅读全文
posted @ 2018-05-08 09:12
1、ECMAScript 6 简介
摘要：ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 ECMAScript 和 JavaScript 的关系 一个常见的问题
阅读全文
posted @ 2018-05-08 09:10
ES6 — 箭头函数
摘要：一 为什么要有箭头函数 我们在日常开发中，可能会需要写类似下面的代码 上例的输出结果是什么呢？可能对javascript特性不是很熟悉的同学(我自己也是)会认为输出当然是我叫little bear,今年18岁咯。如果你的答案是这个的话，那么我要恭喜你，答错了。其实上例的输出结果是我叫undefine
阅读全文
posted @ 2018-05-08 09:02
Laravel 5.1 中 Session 数据存储、访问、删除及一次性Session实例教程
摘要：1、Session的由来及其实现 HTTP协议是无状态的协议，同一个客户端的这次请求和上次请求是没有对应关系的。也就是说我们无法在服务器端确认两次请求是否是同一个用户所为，这为我们在一些应用场景中实现在多次请求间记住用户状态带来麻烦，比如电子商务网站，用户浏览商品、加入购物车、下单、购买需要多个请求
阅读全文
posted @ 2018-05-05 09:46
laravel记住登录、设置时间
摘要：laravel 自动登陆的时间改如何实现？ 控制器 public function login(){ $email =Input::get('email');$password = Input::get('password');$remember = Input::get('remember');/
阅读全文
posted @ 2018-05-05 09:45
使用migration创建表时，出错的解决方法
摘要：Laravel 5.4 migrate时报错: Specified key was too long error 解决问题升级MySql版本到5.5.3以上。 手动配置迁移命令migrate生成的默认字符串长度，在AppServiceProvider中调用Schema::defaultStringL
阅读全文
posted @ 2018-05-04 14:32
PHP 设计模式系列 —— 资源库模式（Repository）
摘要：1、模式定义 Repository 是一个独立的层，介于领域层与数据映射层（数据访问层）之间。它的存在让领域层感觉不到数据访问层的存在，它提供一个类似集合的接口提供给领域层进行领域对象的访问。Repository 是仓库管理员，领域层需要什么东西只需告诉仓库管理员，由仓库管理员把东西拿给它，并不需要
阅读全文
posted @ 2018-05-02 16:13
在 Laravel 5 中使用 Repository 模式实现业务逻辑和数据访问的分离
摘要：1、概述 首先需要声明的是设计模式和使用的框架以及语言是无关的，关键是要理解设计模式背后的原则，这样才能不管你用的是什么技术，都能够在实践中实现相应的设计模式。 按照最初提出者的介绍，Repository 是衔接数据映射层和领域层之间的一个纽带，作用相当于一个在内存中的域对象集合。客户端对象把查询的
阅读全文
posted @ 2018-05-02 16:12
laravel集合
摘要：1、简介 Illuminate\Support\Collection 类为处理数组数据提供了平滑、方便的封装。例如，查看下面的代码，我们使用辅助函数 collect 创建一个新的集合实例，为每一个元素运行 strtoupper 函数，然后移除所有空元素： 正如你所看到的，Collection 类允许
阅读全文
posted @ 2018-05-02 15:41
浙公网安备 33010602011771号