t595981879的博客

转载 使用nginx反向代理实现vue项目打包部署上线

在开发完成vue项目的时候，面临的问题就是打包部署。打包很简单，只需要执行npm run build命令即可。但是部署的时候需要使用nginx做反向代理，因为开发的时候我们使用的是webpack提供的proxyTable做的代理从而解决了开发环境的跨域请求问题。使用nginx反向代理根据前面写到的下载安装nginx服务器配置nginx server { li...

原创 css3动画（从上、左下、左、右进入页面）

/*动画-start*/.animated { animation-duration: 1.5s !important; -webkit-animation-duration: 1.5s !important; animation-fill-mode: both !important; -webkit-animation-fill-mode: both !imp...

原创 nuxt第三方插件（px2rem,mint-ui,swiper,video,百度统计）

安装px2rem首先下载flexible.js可加载阿里的cdn文件 http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js将下载好的文件放到static也就是静态资源文件中1.安装：npm install --save postcss-px2rem2.在nuxt.cofig.js中在head上...

原创 vue及js常用方法（更新中）

原生js判断某个元素是否有指定的class名的几种方法var p = document.getElementsByTagName('p');for(var i = 0;i <p.length;i++){　　//第一种方法，用classList这个H5 API，有兼容性问题　　if(p[i].classList.contains('test')==true){　　　　cons...

原创 Nuxt 部署（源代码去掉css，window.__NUXT__数据，图片base64，端口）

1. 本地打包npm run build2.打包后，将以下文件上传至服务器.nuxtstaticnuxt.config.jspackage.json3.在服务器上安装相应依赖cd nuxtSSRnpm install4.Nginx配置代理服务# 新建一个nuxtserver服务upstream nuxtserver{ server 127.0...

原创 laravel redis 操作命令集

简单入门级操作普通 set / get 操作；set操作，如果键名存在，则会覆盖原有的值； $redis = app('redis.connection'); $redis->set('library', 'predis'); // 存储 key 为 library， 值为 predis 的记录； $redis->get('library'...

原创 nginx部署laravel和vue

本次的配置只使用一个域名的情况下来部署前后端分离的项目，后端采用的技术是laravel，前端采用的技术是vue。前提说明，下文涉及到的代码放置位置，应该根据你实际情况决定。首先，将laravel的代码上传至 /data/web/project/api,然后将vue进行打包，将打包的dist文件上传至/data/web/project/app，最后修改nginx配置文件。上传laravel代码...

原创 Vue推荐VSCode开发必备的插件

首先这几个是VSCode推荐Vue开发必备的插件Vetur —— 语法高亮、智能感知、Emmet等 EsLint —— 语法纠错 view in browser —— 如何用浏览器预览运行html文件 Debugger for Chrome —— 映射vscode上的断点到chrome上，方便调试（配置有点麻烦，其实我没用这个） Auto Close Tag —— 自动闭合HTML/X...

原创 js、jq实现滚动监听页面到顶部的距离

js：window.onscroll = function () { //获取距离页面顶部的距离 let toTop = document.documentElement.scrollTop || document.body.scrollTop; console.log(toTop); //div距离顶部的距离 console.log(document...

原创 在Vue中使用Animate.css库

地址：https://daneden.github.io/animate.css/下载：npm install animate.css --save在入口文件引用import animate from 'animate.css'Attention Seekers 注意力寻求者（9个）样式 简介 bounce 弹跳 flash 闪 pul...

转载 PHP高并发和大流量的解决方案

参考：https://segmentfault.com/a/1190000011532769一高并发的概念在互联网时代，并发，高并发通常是指并发访问。也就是在某个时间点，有多少个访问同时到来。二高并发架构相关概念1.QPS (每秒查询率) : 每秒钟请求或者查询的数量，在互联网领域，指每秒响应请求数(指HTTP请求)2. PV（Page View）：综合浏览量，即页面浏览量或者...

原创 js 字符串 数组

字符串：charAt() 返回在指定位置的字符。 charCodeAt() 返回在指定的位置的字符的 Unicode 编码。 concat() 连接两个或更多字符串，并返回新的字符串。 fromCharCode() 将 Unicode 编码转为字符。 indexOf() 返回某个指定的字符串值在字符串中首次出现的位置。 includes() ...

转载 less新手入门（一） 变量、extend扩展

一、变量1.使用 @ 符号来定义变量 ，在Less中开头是 @ 则是变量@variable: 200px; //定义变量作为样式属性值使用@classname: .nav_a; //变量值不可用中划线，此变量作为插值用于选择器名称@{classname}{ //作为插值 必须加 {} width: @variable; //作为属性值直接调用}输出：.nav_a { ...

转载 使用vuex的state状态对象的5种方式

vuex是一个专门为vue.js设计的状态管理模式，并且也可以使用devtools进行调试。下面给大家来贴一下我的vuex的结构下面是store文件夹下的state.js和index.js内容//state.jsconst state = {headerBgOpacity:0,loginStatus:0,count:66}export default state/...

原创 vuex数据管理－数据模块化

对于vue这类mvvm框架来说，其核心就是组件与数据，因此做好相应的数据管理极为重要。这里分享下vuex数据模块化管理的方法，有利于搭建便于维护、协作的vue项目。vuex管理基本方法和使用模块化的概念已经在js、css中大量的用到，已不再陌生，其可增加代码的复用、扩展性、维护性等，对于一个大型的系统来说，必不可少。这里也希望提供一种有效的模块化数据管理方式，让协作变的更为高效。首先看...

原创 Vue 安装less

npm安装：npm install less --savenpm install less-loader --save配置less路径：build -> webpack.base.conf.js里面的module的rules内添加{ test: /\.less$/, loader: 'style-loader!css-loader!less-loader'}在vue...

原创 子组件接受不到父组件asios的数据

原创 vue-$event事件

原创 VUE:this.$route 和 this.$router区别

原创 js添加和删除class

原创 js数组与字符串的相互转换方法

原创 在Vue中使用js-cookie

转载 VUE常用插件库总结

一、UI组件及框架 element- 饿了么出品的Vue2的web UI工具套件 mint-ui- Vue 2的移动UI元素 iview- 基于 Vuejs 的开源 UI 组件库 Keen-UI- 轻量级的基本UI组件合集 vue-material- 通过Vue Material和Vue 2建立精美的app应用 muse-ui- ...

原创 laravel select联动

$form-&gt;select('product_category_id','产品类别')-&gt;options(ProductCategory::where('parent_id',0)-&gt;pluck('title','id'))-&gt;load('product_category_er_id', '/admin/product_category_er'); $f...

转载 省市县三级联动的SQL语句

/****** Object: Table [dbo].[Bs_Area] Script Date: 09/10/2016 09:35:46 ******/SET ANSI_NULLS ONGO SET QUOTED_IDENTIFIER ONGO CREATE TABLE [dbo].[Bs_Area]( [id] [int] IDENTITY PRIMA...

转载 JS跳转到第三方地图APP

 最近的一个项目需求中需要让我们的手机网页跳到第三方地图APP进行导航，开发完之后进行一下整理归纳。整理思路是根据不同地图APP来进行。并分为IOS端和Android端。地图跳转的核心思路是通过URL来调起，不同的APP有着自己的scheme和参数，通过构建URL再使用window.location方法即可跳转到相关APP。 高德地图：高德开放平台地址：https://lbs.am...

转载 最简单易懂的laravel事件，这个功能非常的有用

先说一下在什么场景会使用这个事件功能。事情大概是这样的，需求要在用户注册的时候发一些帮助邮件给用户（原本用户在注册之后已经有发别的邮件的了，短信，IM什么的）原来这个注册的方法也就10多行代码。但是有时候我们为了省事，直接在注册代码后面添加了各种代码。例如这个注册方法本来是这样的&lt;?phpnamespace App\Htt\Controllers;use Illumi...

原创 laravel-admin 自定义导出excel功能，并导出图片

laravel-admin 自定义导出表单官方导出文档laravel-admin自带的导出excel会导出与此模型关联的其他数据。所以参考官方文档调整代码文章表:id,title,user_id用户表:id,username//文章模型关联用户 public function user(){ return $this-&gt;belongsTo(Use...

原创 利用百度地图接口，制作一键导航功能

百度地图标点功能调用该接口可调起PC或web地图，且在指定坐标点上显示点的名称和内容信息服务地址http://api.map.baidu.com/marker     //PC&amp;WebApp服务地址参数说明location     lat&lt;纬度&gt;,lng&lt;经度&gt;  title        标注点显示标题content      标注点显...

转载 利用git提交代码

一、首先需要下载git　　查看电脑是否安装git,打开终端，输入git,回车如果输出如下,则代表已安装了git如果未安装,则会输出:   按照提示输入:sudo apt-get install git即可安装!!或者到此处下载:git下载, pkg包下载完成，双击安装。 输入命令:git --version 可查看当前git版本 二.安装后需要一...

原创 php伪静态规则的书写详解

这里以阿帕奇为服务器软件，直接上案例：1.把index.html重定向到index.php 1 2 RewriteEngine On Options -IndexesReWriteRule ^index.html$  /index.php  [NC] 效果： 1 访问www.test.com/index...

原创 Vue中使用Editor,报错 Cannot read property 'scrollTo' of undefined

打开ueditor下的ueditor.all.js文件中, 搜索 lastScrollY  如图在 lastScrollY != 0 后 加上  &amp;&amp; !me 就好了,亲测有效  

转载 laravel 5.5 项目部署到万网虚拟机

第一步首先要把laravel 项目FTP 上传到虚拟机上第二步把根目录下的 server.php 重命名为 index.php第三步修改.env文件的数据库配置等第四步修改config文件夹下 的 app.php 中的 Encryption Key 下的配置 改为'key' =&gt; env('APP_KEY', '1234567890qwerty'),'ci...

原创 php 微信公众号开发: token 验证

&lt;?php/** * wechat php test *///define your tokendefine("TOKEN", "weixin");$wechatObj = new wechatCallbackapiTest();//$wechatObj-&gt;valid();exit;$wechatObj-&gt;responseMsg();class wechat...

原创 Vue生命周期

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;

原创 ajax跨域

1、在java服务器端的filter或者servlet里面添加response.setHeader("Access-Control-Allow-Origin", "*");  2、如果请求的url是aspx页面，则需要在aspx页面中添加代码Response.AddHeader("Access-Control-Allow-Origin", "*"); 3、如果请求的ur...

原创 Laravel5.5+Vue+Element-ui 环境搭建

1. compose和node的安装这两个的安装网上教程多的是，大家可自行下载安装。2. Laravel5.5 安装3. Vue的安装Laravel 默认是带vue环境的，所以我们可以非常方便的搭建使用安装的话我们直接进入项目的根目录执行 npm install ，等待一段时间就OK了然后，我们来写一些代码来测试下，我们进入 resources\assets 目录后...

原创 Laravel 跨域

一、设置Laravel 1、 建立中间件Cors.php 命令：php artisan make:middleware Cors 在/app/Http/Middleware/ 目录下会出现一个Cors.php 文件。2、 在handle 方法中加入如下内容：$response = $next($request);$response-&gt;header('Access...

原创 VUE动态绑定video的src不能播放

VUE的$refs特性:https://cn.vuejs.org/v2/api/#ref给video绑定个ref值&lt;video ref='video' controls&gt;您的浏览器不支持 video元素。&lt;/video&gt;在需要动态绑定的方法里用$refs动态设置srcthis.$refs.video.src = res.data.video_ur...

转载 axios请求失败，TypeError: Cannot set property 'article' of undefined vue

调试vue程序，使用axios请求后台报错，源码如下：getGoodsList () { axios.get('/v1/random') .then(function (response) { this.article = 'sss' console.log(response.title) co...