07 2018 档案

摘要:单页应用 - Token 验证 转:https://juejin.im/post/58da720b570c350058ecd40f 第一次接触单页应用,记录公司项目关于Token验证知识. Token的工作原理 Token工作原理 1. 登录时候,客户端通过用户名与密码请求登录 2. 服务端收到请求 阅读全文
posted @ 2018-07-27 15:48 front-gl 阅读(301) 评论(0) 推荐(0) 编辑
摘要:1、方法调用 a: js文件(static/js/public.js) b: 调用 2、常量引用 a:文件 static/js/publicstate.js b: import commonstate from 'static/js/publicstate.js'//引用模块进来 阅读全文
posted @ 2018-07-27 11:00 front-gl 阅读(14886) 评论(0) 推荐(0) 编辑
摘要:不需要任何的加号和引号,全部字符仅仅由一组``符号包裹即可,而放置动态数据或者变量即用${变量}方式即可, 看着是真的一目了然啊,最主要是终于可以摆脱被拼接字符支配的恐惧了,哈哈哈哈。 阅读全文
posted @ 2018-07-27 09:36 front-gl 阅读(6456) 评论(0) 推荐(1) 编辑
摘要:[ { "name": "北京市", "city": [ { "name": "北京市", "area": [ "东城区", "西城区", "崇文区", "宣武区", "朝阳区", "丰台区", "石景山区", "海淀区", "门头沟区", "房山区", "通州区&qu 阅读全文
posted @ 2018-07-26 10:43 front-gl 阅读(2262) 评论(0) 推荐(0) 编辑
摘要:打印: (190) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, 阅读全文
posted @ 2018-07-25 18:16 front-gl 阅读(1109) 评论(0) 推荐(0) 编辑
摘要:想必大家在刨坑vue的时候也遇到过下面情形:比如在删除或者增加一条记录的时候希望当前页面可以重新刷新或者如下面这种: 如果希望点击确定的时候,Dialog 对话框关闭的时候,当前http://localhost:9530/#/supplier/supplierAll页面可以重新刷新下 那么表格的数据 阅读全文
posted @ 2018-07-23 18:37 front-gl 阅读(6706) 评论(0) 推荐(1) 编辑
摘要:在开发一个项目时遇到一个bug:在360急速浏览器的兼容模式下并且是线上环境时js无法执行(360急速浏览器的兼容模式下测试环境就ok), 打开f12以后刷新就没问题了,查了一下网上说的IE6/7是没有console对象的,IE8/9只有在打开F12的时候才会创建console对象, 但是我的项目是 阅读全文
posted @ 2018-07-23 16:38 front-gl 阅读(1367) 评论(0) 推荐(0) 编辑
摘要:因为ie11下,如果GET请求请求相同的URL,默认会使用之前请求来的缓存数据,而不会去请求接口获取最新数据,我用的解决方法是在每个请求发送前,拦截请求并给请求接口的URL后加一个时间戳(new Date().getTime()),这样就保证了每一次请求的URL都不同,ie11就会不断的请求接口而不 阅读全文
posted @ 2018-07-23 16:36 front-gl 阅读(1974) 评论(0) 推荐(0) 编辑
摘要:第一步:安装babel-ployfill (已安装请跳过此步骤) 修改webpack打包配置文件:webpack.bash.conf.js 重新运行,v-loading等问题完美解决, 原因可能是v-loading是调用的ES6的Object的setter和getter方法来实现的,babel-pl 阅读全文
posted @ 2018-07-23 15:07 front-gl 阅读(3736) 评论(0) 推荐(0) 编辑
摘要:VScode是一个我最近才开始用的编辑器,在此列几个自己在用的插件,以备换机时的需要。 auto close tagbeautify css/sass/scss/lessone dark themescss intellisensevscode great iconsvscode-iconsvue 阅读全文
posted @ 2018-07-17 10:45 front-gl 阅读(2798) 评论(0) 推荐(0) 编辑
摘要:报错: {description: "“Promise”未定义", message: "“Promise”未定义", name: "ReferenceEr...", number: -2146823279, stack: "ReferenceEr..."} 解决办法 1. npm install b 阅读全文
posted @ 2018-07-16 18:28 front-gl 阅读(4069) 评论(0) 推荐(0) 编辑
摘要:npm安装模块 1 2 本地安装时将模块写入package.json中: 1 2 3 npm 删除模块 阅读全文
posted @ 2018-07-16 18:26 front-gl 阅读(17600) 评论(0) 推荐(0) 编辑
摘要:Q1. el-input 获取焦点 Q2. dialog中的 el-input获取焦点 Q3. dialog中有table table中有 el-input 要获取焦点 一个宗旨: this.$refs.XXX.$el.querySelector('input').focus(); answer 1 阅读全文
posted @ 2018-07-16 16:23 front-gl 阅读(2275) 评论(0) 推荐(0) 编辑
摘要:Vue中的nextTick涉及到Vue中DOM的异步更新,感觉很有意思,特意了解了一下。其中关于nextTick的源码涉及到不少知识,很多不太理解,暂且根据自己的一些感悟介绍下nextTick。 一、示例 先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。 模板 <div cla 阅读全文
posted @ 2018-07-16 16:02 front-gl 阅读(545) 评论(0) 推荐(0) 编辑
摘要:虽然 Vue.js 通常鼓励开发人员沿着“数据驱动”的方式思考,避免直接接触 DOM,但是有时我们确实要这么做。比如一个新闻滚动的列表项。如果在这里需要操作dom, 应该是等待 Vue 完成更新 DOM之后。 一、新闻滚动列表 1、在created函数中获取后台数据; 2、模板引擎中用v-for生成 阅读全文
posted @ 2018-07-16 15:52 front-gl 阅读(8299) 评论(0) 推荐(0) 编辑
摘要:问题:如果vue的同一个页面拥有两个表单。验证第一个表单时没有通过就切换到第二个,那么第二个表单会出现验证错误的信息 我们可以通过为两个表单添加ref属性 之后在通过调用resetFields()方法来解决问题 代码如下 <el-form :model="form" :rules="rules" r 阅读全文
posted @ 2018-07-16 15:41 front-gl 阅读(3710) 评论(0) 推荐(0) 编辑
摘要:lazy:使用了这个修饰符将会从“input事件”变成change事件进行同步 这样输入了数字并没有显示出来而是当移开光标后在触发 number 首先谁明这个number并不是限制用户的输入,而是将用户输入的数据尝试绑定为 js 中的 number 类型 举个例子,如果用户输入300,data 中绑 阅读全文
posted @ 2018-07-12 18:45 front-gl 阅读(4806) 评论(0) 推荐(0) 编辑
摘要:一、使用trim修饰符 二、使用filter过去属性 html: css: js: 阅读全文
posted @ 2018-07-12 18:43 front-gl 阅读(61606) 评论(1) 推荐(1) 编辑
摘要:在git Bash中操作, 用到了一些git命令,做一下记录。 一、提交代码 1、提交代码到本地库中 git commit -m '描述内容' 2、拉取该分支下的内容,与自己在本地库改写的合并 git pull origin <分支名称> 3、提交代码到github上 git push origin 阅读全文
posted @ 2018-07-12 15:30 front-gl 阅读(732) 评论(0) 推荐(0) 编辑
摘要:先补充下localStorage 知识点:JS对象读取形式:localStorage.name添加/修改localStorage.name = "xuanyuan"其中"xuanyuan"只能是字符串形式(目前为止只支持字符串)。所以存储时是JSON对象时需要执行下JSON.stringify,所以 阅读全文
posted @ 2018-07-12 13:56 front-gl 阅读(694) 评论(0) 推荐(0) 编辑
摘要:第一步:favicon.ico小图标放在static里面 第二步:index.html 文件中引入时需要写 ./ 相对路径 第三部:npm run build 打包 打包完成就可以看到 favicon.ico图标啦!!! 阅读全文
posted @ 2018-07-09 17:49 front-gl 阅读(4409) 评论(0) 推荐(0) 编辑
摘要:转载:https://blog.csdn.net/qq_24956515/article/details/77527668 Vue项目部署到服务器后,通常除IE浏览器外其他都正常,而IE浏览器会报这么个问题 因为Vue使用了ES6 Promise,而IE浏览器不支持,解决方法是: 使用babel-p 阅读全文
posted @ 2018-07-09 17:20 front-gl 阅读(6132) 评论(0) 推荐(0) 编辑
摘要:在使用axios时,注意到配置选项中包含params和data两者,以为他们是相同的,实则不然。 因为params是添加到url的请求字符串中的,用于get请求。 而data是添加到请求体(body)中的, 用于post请求。比如对于下面的get请求:axios({method: "get",url 阅读全文
posted @ 2018-07-09 16:43 front-gl 阅读(16428) 评论(0) 推荐(0) 编辑
摘要:最近公司把云平台产品用vue 前后端分离的框架来写,前面大部分开发都比较顺利,后面打包部署出了bug 现在记录下自己遇到的哪些坑 1,我直接npm run build 打包出来,打开dist目录下面的index.html 空白页,页面上出现 no "NODE ENV"是我打包时没有指定打包到哪个环境 阅读全文
posted @ 2018-07-06 15:14 front-gl 阅读(43332) 评论(1) 推荐(1) 编辑
摘要:element-ui使用导航栏跳转路由用法 element-ui使用导航栏跳转路由用法 最近初学vue,试着做一个小项目熟悉语法与思想,其中使用elemen-ui的导航栏做路由跳转切换页面。下面记录一下学习过程 element-ui引入vue项目的用法参考element官网 首先复制官网的例子,在这 阅读全文
posted @ 2018-07-05 11:27 front-gl 阅读(20569) 评论(0) 推荐(3) 编辑
摘要:我又来了,今天部署了下vue项目,使用nginx做了代理,这样可以解决跨域的问题,这里做一个简单讲解。 1.先看vue项目打包(我这里使用的是vscode开发工具) 这里是我的项目结构: 打包之前需要修改如下配置文件: 配置文件一:build>>utils.js (修改publicPath:"../ 阅读全文
posted @ 2018-07-04 19:06 front-gl 阅读(15946) 评论(0) 推荐(0) 编辑
摘要:在生产环境中部署前端代码 本文章前端代码是基于vue+webpack开发的 Nginx是一款轻量级的Web 服务器/反向代理服务器 首先,webpack配置如下 在开发过程中,我们是通过npm run dev在开发环境中运行代码如果要部署到生产环境中,可以运行npm run build进行上线打包 阅读全文
posted @ 2018-07-04 19:03 front-gl 阅读(5443) 评论(0) 推荐(0) 编辑
摘要:网站地址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返 阅读全文
posted @ 2018-07-03 18:51 front-gl 阅读(320) 评论(0) 推荐(0) 编辑
摘要:一,下载地址:http://nginx.org/en/download.html 二,下载完成之后,是一个安装包,解压之后就能直接使用 三,点击进去我们刚刚解压好的nginx的安装包,打开nginx.exe,出现闪退是正常情况 四,我们也可以通过命令行打开nginx,如小编这里是在e盘根目录,先输入 阅读全文
posted @ 2018-07-03 18:25 front-gl 阅读(176) 评论(0) 推荐(0) 编辑
摘要:转文章 一、前言 为毛要用nginx服务器代理,不直接用tomcat 7.0,还做多了一次接请求? 这个是我想问的,公司的新项目是要用Nginx+tomcat7+jdk开发的,用户命名可以直接访问tomcat,为啥还要用Nginx?这货是个啥玩意? 二、为什么使用Nginx? 在传统的Web项目中, 阅读全文
posted @ 2018-07-03 18:18 front-gl 阅读(397) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示