12 2017 档案

摘要:转载 2017年07月27日 22:48:16984移动端高清、多屏适配方案背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿。对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范往往会遵循以下两点:首先,选取一款手机的屏幕宽高作为基准(以前是iphone4的320×480,现在更多的是iphone6的375×66... 阅读全文

posted @ 2017-12-30 22:29 刘应杰 阅读(9455) 评论(0) 推荐(0)

摘要:目的:vue-cli构建的vue单页面应用,某些特定的页面,实现前进刷新,后退不刷新,类似app般的用户体验。注: 此处的刷新特指当进入此页面时,触发ajax请求,向服务器获取数据。不刷新特指当进入此页面时,不触发ajax请求,而是使用之前缓存的数据,以便减少服务器请求,用户体验更流畅。 项目需求: 阅读全文

posted @ 2017-12-29 14:56 刘应杰 阅读(1698) 评论(0) 推荐(2)

摘要:1.基本用法vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗 有时候 可能需要缓存整个站点的所有页面,而页面一般一进去都要触发请求的在使用keep-alive的情况下将首次触发请求写在created钩子函数中,就能实现缓存,比如列表页,去了详情页 回来,还是在原来的页面2.缓存部分页面或者组件(1)使用router. meta属性// 这是目前用的... 阅读全文

posted @ 2017-12-29 14:54 刘应杰 阅读(177) 评论(0) 推荐(0)

摘要:现在国内越来越多的开发者使用Vue开发混合app,但是当大家开发完成过后才发现不知道该怎么将Vue项目打包成app。据我现在的了解打包Vue项目目前流行的就是使用weex和cordova。weex是阿里提供并且Vue的作者也极力推荐的,有兴趣的可以去学习使用一下。因为我本身是做angular+ionic的,所以比较青睐cordova,下面我就教大家怎么使用cordova打包Vue项目:第一步:安装... 阅读全文

posted @ 2017-12-29 13:19 刘应杰 阅读(257) 评论(0) 推荐(0)

摘要:转载标签:apk /打包 /vue现在的前端开发可谓是,百花齐放啦,什么都可以做,只有想不到没有做不到的,今天就简单的介绍用vue,ng或者是react开发的单页应用如何打包为apk,在移动设备上运行。这里以vue为例,其他的差不多,大家可以根据自己的情况去查找相应资料。第一步,需要安装node,如果是做前端的er,这个应该就不用过多介绍了。第二步,使用vue-cli工具初始化vue项目,这里只是... 阅读全文

posted @ 2017-12-29 09:29 刘应杰 阅读(527) 评论(0) 推荐(0)

摘要:修改 /config/index.js 文件如下:proxyTable: { '/api': { target: 'http://chifan.local', changeOrigin: true, pathRewrite: { '^/api': '' } }}, 阅读全文

posted @ 2017-12-29 02:03 刘应杰 阅读(215) 评论(0) 推荐(0)

摘要:163191、首先axios不支持vue.use()方式声明使用,看了所有近乎相同的axios文档都没有提到这一点建议方式在main.js中如下声明使用import axios from 'axios';Vue.prototype.$axios=axios;那么在其他vue组件中就可以this.$axios调用使用12342.小小的提一下vue cli脚手架前端调后端数据接口时候的本地代理跨域问题... 阅读全文

posted @ 2017-12-29 01:38 刘应杰 阅读(1866) 评论(0) 推荐(0)

摘要:Vuejs由1.0更新到了2.0版本。HTTP请求官方也从推荐使用Vue-Resoure变为了 axios。接下来我们来简单地用axios进行一下异步请求。(阅读本文作者默认读者具有使用npm命令的能力,以及具备ES6的能力,以及等等。。。)首先我们来安装Vue-Cli开发模板(这个模板可以快速生成vuejs的运行配置环境,可以使新手快速免除配置搭建出运行界面),这里我使用cnpm命令,请自行百度... 阅读全文

posted @ 2017-12-29 00:00 刘应杰 阅读(241) 评论(0) 推荐(0)

摘要:最近一直坚持每个月写一个小的vue.js 开发的项目,最后开发完成后想到很久之前给别人回答的一个问题:vue的项目如何上线,当时有千奇百怪的回答,我在想,这些人都是肿了么,vue的官方都说了,这个框架只是做了view这一层,所以并不是把这些开发完的东西直接拷贝到服务器上,而且需要打包为静态文件上传服务器的。这里我简单的列出这个过程:首先需要修改一下配置文件再打包,很多人都是遇到过打包后运行一片空白... 阅读全文

posted @ 2017-12-28 21:56 刘应杰 阅读(367) 评论(0) 推荐(0)

摘要:babel es6 javascript zach5078 2016年01月26日发布赞 | 80收藏 | 54644.5k 次浏览在 30分钟掌握ES6/ES2015核心内容(上)我们讲解了es6最常用的一些语法:let, const, class, extends, super, arrow functions, template string, destructuring, def... 阅读全文

posted @ 2017-12-28 19:46 刘应杰 阅读(184) 评论(0) 推荐(0)

摘要:webpack babel javascript es6 zach5078 2016年01月26日发布赞 | 133收藏 | 1011142.3k 次浏览ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。也就是说,ES6就是ES2015。虽然目前并不是所有浏览器都能兼容ES6... 阅读全文

posted @ 2017-12-28 19:45 刘应杰 阅读(175) 评论(0) 推荐(0)

摘要:原文出处:http://blog.csdn.net/hfahe/article/details/7381141 Chromium 最近实现了一个HTML5的新特性:范围样式,又叫做 a div! a span! a div! a span! 它设定的样式规则将使得所有的变为红色,变成绿色:a div! a span!a div! a span!a div! ... 阅读全文

posted @ 2017-12-28 16:21 刘应杰 阅读(219) 评论(0) 推荐(0)

摘要:npm安装模块【npm install xxx】利用 npm 安装xxx模块到当前命令行所在目录;【npm install -g xxx】利用npm安装全局模块xxx;本地安装时将模块写入package.json中:【npm install xxx】安装但不写入package.json;【npm install xxx –save】 安装并写入package.json的”dependencies”... 阅读全文

posted @ 2017-12-28 13:31 刘应杰 阅读(118) 评论(0) 推荐(0)

摘要:用Vue-cli生成vue+webpack的项目模板$ npm install -g vue-cli$ vue init webpack my-project$ cd my-project$ npm install$ npm run dev这样默认的是Vue2.0,如果要使用Vue 1.X的话,执行下面的操作:$ npm install -g vue-cli$ vue init webpack#1... 阅读全文

posted @ 2017-12-27 18:36 刘应杰 阅读(131) 评论(0) 推荐(0)

摘要:用vue 官方脚手架vue-cli构建项目容易碰到一些小错误vue init webpack project-name......cd project-namenpm install npm run dev 因为vue-cli默认是8080端口,刚好自己目前项目也是在用8080,所以只好去改vue的默认端口啦找到config目录下的index.js,dev配置下的port改成你想使用的端口号就行了... 阅读全文

posted @ 2017-12-27 17:37 刘应杰 阅读(433) 评论(0) 推荐(0)

摘要:转载▼分类: css转自:http://blog.csdn.net/sadglasses/article/details/7532141大家可能注意到了,网页上有些图片的src或css背景图片的url后面跟了一大串字符,比如:data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2F... 阅读全文

posted @ 2017-12-27 17:35 刘应杰 阅读(372) 评论(0) 推荐(0)

摘要:转载 2015年06月24日 17:12:1210542淘宝镜像:http://npm.taobao.org/镜像使用方法(三种办法任意一种都能解决问题,建议使用第三种,将配置写死,下次用的时候配置还在):1.通过config命令(持久使用)设置命令:npm config set registry https://registry.npm.taobao.org //设置查看命令1:[html] v... 阅读全文

posted @ 2017-12-27 16:04 刘应杰 阅读(190) 评论(0) 推荐(0)

摘要:Laravel api token验证使用方法从 Laravel 5.2 开始, Laravel 的将路由的配置进行了分拆, 在 routes 目录下有 web.php 和 api.php 两个路由的配置。 api.php 中用来放你的api 开放接口, 用作一种无状态的认证机制。基本上就是通过在 url 的 querystring 中带一个参数 api_token 然后到服务器端用户表中找到此用... 阅读全文

posted @ 2017-12-15 10:23 刘应杰 阅读(358) 评论(0) 推荐(0)

摘要:分页查看:在 mysql 环境下,执行命令: pager more,之后的结果分屏了。简明扼要地查看表结构:describe table_name 阅读全文

posted @ 2017-12-14 09:26 刘应杰 阅读(102) 评论(0) 推荐(0)

摘要:$ php artisan --version 阅读全文

posted @ 2017-12-14 09:03 刘应杰 阅读(130) 评论(0) 推荐(0)

摘要:我要试试。看看图片如何:这是从电脑端上传的一个例子,如果编辑器里可以支持复制粘贴图片就好了。Open Live Writer 发布以后,还可在保存在本地,想起来的时候就修改一下。再美化一下。最后发布。 阅读全文

posted @ 2017-12-14 08:51 刘应杰 阅读(135) 评论(0) 推荐(0)

摘要:问题描述: 环境:PhpStorm 框架: Laravel 5.0, php artisan make:test bar.foo 之后,PhpStorm 一直不停地 Updating indices 解决: In pycharm, go to the "File" on the left top, 阅读全文

posted @ 2017-12-14 08:39 刘应杰 阅读(479) 评论(0) 推荐(0)

摘要:Laravel 5.5 环境,php artisan migrate 之后,出现错误如题。 检查了一下,代码是这样的: 最后,把 uniq() 取消后,功能正常了。 Laravel 5.4默认使用utf8mb4字符编码,而不是之前的utf8编码。因此运行php artisan migrate 会出现 阅读全文

posted @ 2017-12-13 17:03 刘应杰 阅读(195) 评论(0) 推荐(0)

摘要:CTRL+N 查找类 CTRL+SHIFT+N 全局搜索文件 ,优先文件名匹配的文件 CTRL+SHIFT+ALT+N 查找php类名/变量名 ,js方法名/变量名, css 选择器 CIRL+B 找变量的来源,跳到变量申明处 (CTRL+ 鼠标单击 也可以) CTRL+ALT+B 找到继承该接口或 阅读全文

posted @ 2017-12-13 12:52 刘应杰 阅读(375) 评论(0) 推荐(0)

摘要:1、PhpStorm 中打开项目的路径为 Laravel 安装的根目录 2、点击右下角 EventLog 提示按钮, 初始化 Composer 的设置 3、打开单元单测试示例类,按提示点击 Fix 。配置 PHP 解析器的环境(Laravel 5 版本要求 PHP7 以上) 4、编写测试程序,OK 阅读全文

posted @ 2017-12-13 12:48 刘应杰 阅读(384) 评论(0) 推荐(0)

导航