- 博客(36)
- 收藏
- 关注
RSS订阅原创 node前端生产环境session登陆拦截
前言：最近我们做的项目出现了一个问题，经过很久的排查，最终找到了问题所在，并做了修改。技术栈：前端使用node、Express、vue。后台使用java。 问题：每次点击总是提示重新登陆。 原因：多台服务器之间切换的时候，造成session信息丢失。 分析：每次切换服务器的时候，前端没有做session多台（分布式）服务器共享，在网上页搜到一些资料，但是别人的例子都是使用node...
2018-12-26 14:55:04
1066
转载 微信小程序start启动页面跳转首页报错：navigateTo:fail can not navigateTo a tabbar page
前言：最近研究微信小程序，本是做pc多一点，坑太多记录记录。微信小程序start启动页面跳转首页报错：navigateTo:fail can not navigateTo a tabbar page 在网上找了找资料，原因大概是因为，设置路径重复，所以报错。感谢原文作者：微信小程序连接无法跳转/ can not navigate to tabBar page错误 ...
2018-07-31 10:52:20
23457
转载 es6笔记
## let && const在函数作用域或全局作用域中通过关键字var声明的变量，无论实际上是在哪里声明的，都会被当成在当前作用域顶部声明的变量，这就是我们常说的提升（Hoisting）//变量提升其实不是进入判断之后猜创建value，在es6中，let和const完美的解决了此问题。function getValue(condition){ if(condit...
2018-07-24 17:16:15
349
转载 将页面表格导出为Excel文件
如果在页面上展示了一个数据表格，而用户想把这个表格导出为Excel文件，那么在要求不高的情况下，可以不通过服务器生成表格，而是直接利用JavaScript的Blob [blɑ:b]和Object URL特性将表格导出。不过，丑话说在前头，这篇随笔中利用了Excel能打开HTML文档的特性，所以导出的表格实际上是一个HTML文档，并且其扩展名只能为.xls，而不能是.xlsx，否则Excel无法打...
2018-07-03 11:54:57
19308
2
转载 Angular $q.all()的使用方法
$q.all是用于执行多个异步任务进行回调，它可以接受一个promise的数组，或是promise的hash(object)。任何一个promise失败，都会导致整个任务的失败。例1：接受一个promise的hash(object)：<!DOCTYPE html><html ng-app="app"><head> <title>&...
2018-07-02 15:13:32
3160
原创 Angular新窗口打开
记录一下：let url = $state.href('app.user');window.open(url, '_blank')
2018-06-08 11:10:17
11969
1
原创 使用vue导航卫视做登陆权限控制
废话不多说，直接代码！其他的脚手架生成不需要修改，只需要修改这一个文件。 /router/index.jsimport Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'import home from '@/components/minorItem/...
2018-06-05 09:12:54
742
原创 Vuex分模块使用记录
前言，突然想试试vuex，以前只是单纯的以为vuex只是存储一个状态，今天看了一个github上的一个项目，我看别人把需要的数据也放在vuex上面，我不知道这样利不利于优化，但是我知道这样会方便一些，你需要的数据直接从vuex里面取就好了。/src/main.jsimport Vue from 'vue';import iView from 'iview';import {ro...
2018-05-30 14:11:57
2727
2
原创 node和npm一行命令升级最新版本
今天想搞搞nuxt，就按照官网的那样下载一个类似vue脚手架类似的 starter 模板。# 下载nuxt模版$ vue init nuxt-community/starter-template &lt;project-name&gt;注： 如果vue-cli 没有安装, 需先通过 npm install -g vue-cli 来安装。# 然后安装依赖包$ cd &l...
2018-05-28 11:14:28
21145
转载 JSON API免费接口，前端练习demo可以使用
# 电商接口淘宝商品搜索建议 http://suggest.taobao.com/sug?code=utf-8&q=商品关键字&callback=cb 测试用例 ps:callback是回调函数设定# 物流接口快递接口 http://www.kuaidi100.com/query?type=快递公司代号&postid=快递单号 ...
2018-05-25 13:52:47
14930
2
翻译 vue的风格指南
好记性不如烂笔头，总想看到的东西想记录一下。 原文链接：https://cn.vuejs.org/v2/style-guide/一 必要的 （如果您使用Vue就要用这样的风格，个人理解。。）组件名为多个单词（防止重名-根组件除外）Vue.component('todo-item', { // ...})组件数据（组件的data必须是一个函数-根组件除外）...
2018-05-24 14:33:37
865
转载 前端检测图片加载失败，替换图片
最近做的一个系统出现了问题，<img/>标签添加src属性，但是你怎么知道这个路径是否无效呢？ 废话不多说，//检查图片是否存在function CheckImgExists(imgurl) { var ImgObj = new Image(); //判断图片是否存在 ImgObj.src = imgurl; //没有图片，则返回-1 if ...
2018-05-24 11:15:24
3602
转载 js 的 iframe 父子页面通信的简单方法
导语，最近公司嵌套第三方电销系统的电话条，iframe嵌入方式，但是之间通信是在搞不懂，就搜到了这篇博客，在此谢谢作者 原文链接：https://my.oschina.net/sallency/blog/1618971获取 子页面 的 window 对象在父页面中，存在如下两个对象window.frames,document.iframeElement.contentWind...
2018-05-18 11:17:12
1440
转载 如何绕过chrome的弹窗拦截机制
在chrome的安全机制里面，非用户触发的window.open方法，是会被拦截的。举个例子：var btn = $('#btn');btn.click(function () { //不会被拦截 window.open('http://cssha.com')});上面的代码中，window.open是用户触发的时候，是不会被拦截的，可以正常打开新窗口。再看下...
2018-05-09 18:29:21
1054
转载 node安装和淘宝镜像cnpm安装
推荐去官网下载最新版本的，官网地址：https://nodejs.org/en/download/ 依照系统版本下载即可，推荐window系统下载msi格式的。 下载下载直接安装下一步下一步。 安装成功了以后打开cmdnode -v 来检测是否安装成功window版本cnpm安装由于我们被墙的厉害，所以使用npm下载模块时候会发现效率真的很慢，所以...
2018-05-09 14:28:03
607
原创 CDN链接出现问题，导致官网刷新就是空白页，记录一下。
前几天我们公司的官网生产环境，一刷新就是空白页，我们运维部门赶紧查阿里云服务器，看一下官网的服务器是否挂了，看完之后发现没有挂，但是一刷新就是空白页。 而最后看一下network，发现了一个Jquery的CDN链接请求失败了 (2.4.4版本)。我想说的是一个小小的问题就能引发很大的问题，我们编程的时候，一定要注意自己写的代码是否会出现错误。出现问题的时候显示大胆的猜测，然后根据你的猜测一个个的...
2018-05-08 09:57:26
2640
原创 computed计算属性
借鉴官网的例子，为了理解的更好，所以动手试了试，然后做下笔记。computed计算属性的简单使用template<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMes
2018-04-26 10:07:42
908
原创 mongodb简单使用
下载安装一定要，但是我不想说啦 哈哈，各位大佬请见谅1、进入到mongdb的安装文件夹 cd /usr/local/Cellar/mongodb/3.6.3/bin //这是我的安装目录进入之后会有大堆的exe文件。 2、cmd启动mongodb命令mongodb默认端口是–27017mongod --dbpath = '项目数据库存储的目录' --p...
2018-04-23 17:22:03
371
原创 body-parse的简单使用
使用body-parser获取前端传送过来的数据 首先第一步引入const bodyParser = require('body-parser');//对body-parser进行配置app.use( bodyParser.urlencoded({extended: true}) )//设置完毕之后，会在req对象上面新增一个req.body的一个对象再来说说node后台对这两种请求...
2018-04-23 17:07:47
21461
2
转载 vue项目使用sass-loader
1、使用save会在package.json中自动添加。npm install node-sass --save-devnpm install sass-loader --save-dev注：通常使用npm安装会出现以下报错，安装失败。（网路问题） 可以通过淘宝的npm镜像安装node-sass，解决以上问题。npm install -g cnpm --registry=http...
2018-04-23 16:57:30
54204
2
原创 vue+axios+element ui 实现全局loading加载
实现全局loading加载分析需求，我们只需要在请求发起的时候开始loading，响应结束的时候关闭loading，就这么简单 对不对？import axios from 'axios';import { Message, Loading } from 'element-ui';import Cookies from 'js-cookie';import rou...
2018-04-23 16:50:39
17605
1
原创 meta清理缓存机制
最近遇到项目每次部署到服务器之后，修改的代码总是不能刷新到最新版本，所以就上网找了很久的资料，做一下记录//meta标签清理缓存//标签：//如果需要在html页面上设置不缓存，这在<head>标签中加入如下语句：<meta http-equiv="Pragma" content="no-cache">//用于设定禁止浏览器从本地机的缓存中调阅页...
2018-04-23 16:41:19
569
转载 Vue Cli 脚手架分离测试环境和正式环境
项目开发中有个很常见的场景是，本地开发有本地开发服务器，调用本地接口。测试有测试服务器调用测试接口。然后还有专门的线上服务器，用来正式上线。而Vue Cli构建的项目只有npm run dev和npm run build两条开发和编译的命令。而本教程的最终目的就是扩展出一条npm run test的命令输出测试环境下执行的代码。在build文件夹中创建build-test.js文件...
2018-04-23 16:33:08
1968
原创 当图形验证码被后台使用图片流返回的时候，有种想骂爹的冲动。
当后台直接返回图片的时候， 很简单，把 img src=”路径”后台接口封装返回图片流axios({ method: 'post', url: this.$api + 'fastdfs/downloadFile', // 请求地址 data: {fileId:url} , // 参数 responseType: 'blob' // 表明返回服务...
2018-01-19 10:27:00
2435
原创 gulp简单使用
Gulp使用教程一、简介gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成。使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。gulp是基于Nodejs的自动任务运行器，她能自动化地完成javascript/coffee/sass/less/html/image/css 等文
2017-12-15 09:07:24
270
原创 gulp教程之gulp-less
简介：使用gulp-less插件将less文件编译成css，当有less文件发生改变自动编译less，并保证less语法错误或出现异常时能正常工作并提示错误信息1、安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件1.1、gulp基本使用还未掌握？请参看： gulp详细入门教程1.2、本示例目录结构如下：2、本地安装gulp-less2.1
2017-12-15 09:06:38
1119
原创 加密、base64、MD5.......
base64：html代码：<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>base64加密</title><script type="text/javascript" src="base64.js"></script><script type="text/javascript"> var b = new
2017-12-15 09:05:13
285
原创 node腾讯课堂笔记
Node和Javascript的区别Node和Javascript基层都是使用ecmascript顶层对象javascript ---- windownode------globalmodule子级对象//module抛出方式var a = 100;1、module.exports.a = a; //{a:100}2、exports.a = a; //{a:100}
2017-12-15 09:03:57
380
原创 Node中express简单用法
Node中的expressexpress 是一个神奇的web应用框架，可以搭建底层目录 可以配合模版语言创建项目具体步骤如下首先express -v 检查一下你本地电脑中有没有express如果没有那就 npm install express -g -g是全局中的然后打开你的项目目录 express 项目名 完成 我们还可以用express中的Router()来配置数据路由
2017-12-15 09:02:58
1474
原创 7种方法解决移动端Retina屏幕1px边框问题
在之前的项目中，UI告诉我说我们移动项目中的边框全部都变粗了。原谅我的近视眼，为什么我看不出什么差距了，结果UI把他的设计稿跟我的屏幕截图跟我看，居然真的不一样！！！没有办法，只有在后面的版本中去修改了，但是要改的话，需要知道是为什么。所以查了很多资料，终于搞懂了这个问题，并且总结了几种方法。造成边框变粗的原因其实这个原因很简单，因为css中的1px并不等于移动设备的1px，这些由
2017-07-06 14:47:48
2616
原创 React-Router4x 路由
React-router@4.0 一、安装1、安装 'react-router-dom'注:react-router-dom是对react-router做了一些小升级的库，代码基于react-router二、使用//在index文件里配置陆路由import Reactfrom 'react'import {BrowserRouteras Router,
2017-06-27 15:38:14
520
转载 window和document对象
Window -- 代表浏览器中一个打开的窗口：对象属性 window //窗口自身 window.self //引用本窗户window=window.self window.name //为窗口命名 window.defaultStatus //设定窗户状态栏信息 window.location //URL地址，配备布置这个属性可以打开新的页面对象方法
2017-06-26 20:02:56
453
原创 javascript var声明变量提升
一：函数作用域 先看一小段代码：[javascript] view plain copyvar scope="global"; function t(){ console.log(scope); var scope="local" console.log(scope); } t(
2017-06-26 19:08:38
413
转载 Vue1.0过滤器
一 过滤器写法{{ message | Filter}} 二 Vue自带的过滤器:capitalize功能:首字母大写DOCTYPE html>html> head> meta charset="UTF-8"> title>Vue自带的过滤器title> meta name="viewport"
2017-06-26 11:15:34
517
转载 vue插件
UI组件http://www.jqsite.com/notes/1704205187.htmlelement ★11612 - 饿了么出品的Vue2的web UI工具套件Vux ★7503 - 基于Vue和WeUI的组件库iview ★5801 - 基于 Vuejs 的开源 UI 组件库mint-ui ★5517 - Vue 2的
2017-06-26 11:10:45
4308
转载 git 常用命令
查看、添加、提交、删除、找回，重置修改文件git help # 显示command的helpgit show # 显示某次提交的内容 git show $idgit co -- # 抛弃工作区修改git co . # 抛弃工作区修改git add # 将工作文件修改提交到本地暂存区git add . # 将所有修改过的工作文件提交暂存区
2017-06-26 09:37:58
319
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人