Huhui-coder-优快云博客

原创 cookie原理详解及单点登录原理

cookie一般是用来客户端存储信息的。用它可以进行用户信息的检验，实际案例—单点登录。cookie的原理[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-btrKkH5M-1579657738694)(https://i.loli.net/2020/01/22/Qlk4drjyuTCvwcg.png)]第一次访问网站的时候，浏览器发出请求，服务器响应请求后，会将...

2020-01-22 09:50:18 3631

原创 vue首次打开加速优化

1.路由懒加载{ path: '/', name: 'home', component: () => import('../views/Home.vue') },2.组件异步加载 components: { 'my-component':()=>import('./my-async-component') }3.图片懒加...

2019-12-06 17:23:22 486

原创从零开始部署vue+node+mongodb全栈项目

从零开始部署vue+node+mongodb全栈项目，既为个人记录，也为分享(最简单的方案，本人亲测)。配置阿里云服务器安全组规则如果你不配置这个规则，那么你连mongodb，node部署的后端应用接口都访问不到。常见配置如下。安全组规则安装node第一步，升级 apt-get 源sudo apt-get update第二步，安装nodesudo apt-get in...

2019-12-06 16:10:43 1289

原创 Express-博客后端接口

该项目是基于 vue+vue-router+vuex+vuetifyjs+express+mongoDB 搭建的个人博客系统，分为前端和后端两个部分。前端地址：https://github.com/Huhui-coder/vue-blog-client后端地址：https://github.com/Huhui-coder/express-blog-api注意得启动 mongoDB 服务。g...

2019-09-28 11:02:18 454

原创 vue实现博客前端部分

该项目是基于 vue+vue-router+vuex+vuetifyjs+express+mongoDB 搭建的个人博客系统，分为前端和后端两个部分。前端地址：https://github.com/Huhui-coder/vue-blog-client后端地址：https://github.com/Huhui-coder/express-blog-apigit clone git@githu...

2019-09-28 10:59:27 816

原创 JS点击图片了之后，执行复制操作，可用ctrl+v 进行粘贴

<!DOCTYPE html><html><head> <title>JS点击图片了之后，执行复制操作，可用ctrl+v 进行粘贴</title></head><body><img src="https://g.csdnimg.cn/static/user-reg-year/2x/4.png"...

2019-07-25 16:08:13 711 1

原创 Angular 处理excel 下载

在请求头上加上：responseType: 'blob'bankBillmainexport() { this.bankBillList = []; this._spinner.show(); const params = { current: this.current, size: this.s...

2019-07-19 16:45:34 1226

原创 Angular 组件之间通信方法

1 父组件给子组件传值-@input父组件不仅可以给子组件传递简单的数据，还可把自己的方法以及整个父组件传给子组件1.1. 父组件调用子组件的时候传入数据<app-header [msg]="msg"></app-header>1.2. 子组件引入 Input 模块import { Component, OnInit ,Input } from '@angula...

2019-07-19 16:10:55 2709

原创用canvas来画一个饼状图

在js文件中 let Piecharts = function (selector, options) { let canvas = "string" === typeof selector ? document.querySelector(selector) : null; if (canvas === null) return false; ...

2019-07-18 10:19:51 795

原创 vue提高技巧（常更新）

化繁为简的wathchers:常见的需求是组件创建时我们要获取一次列表，同时监听data中的数据改变也要重新获取一个列表，但是这么写又太冗余了。created(){ this.fetchPostList()},watch:{ id(){ this.fetchPostList() }}有什么方法可以简单一点？首先，在watchers...

2018-09-30 12:23:40 1591

原创《现代前端技术解析》读书记录

现代web前端技术概述页面内容太多了，如何保证开发效率？使用jQuery或者MVVM框架开发页面内容太多了，如何组织和管理代码？使用H5的web component组件化开发方式开发，模块或者组件化。页面内容太多了，如何快速实现页面加载？实现按需加载，异步加载，懒加载。页面图片太多了，如何快速加载图片。使用webp格式的图片，在不影响图片质量的前提下快速加载图片。...

2018-09-28 23:16:18 224

原创记录一个vue生命周期的bug

今天在书写业务代码的时候，遇到一个问题：简单来说，就是在一个Tab组件内，写了两个子组件，子组件是两个echarts图表，然而，在点击tab栏目之后，echarts图表并没有渲染。<template> <div class="tab"> <sfPanel :bodyPadding="bodyPadding" :panelMarginT...

2018-09-04 21:05:01 375

原创 vue实现固定位置显示

在vue项目中实现吸顶效果.比如说，我们要实现的功能是导航栏在页面下滑到一定位置之后，便固定不定。首先：要在mounted生命周期内监听'scroll'事件，事件触发后，执行一个处理滚动的函数。window.addEventListener('scroll', this.handleScroll) methods:{handleScroll () { var scrol...

2018-09-03 12:06:33 14158 1

原创 vue原理探索

数据响应式实现实现数据追踪变化当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。Object.defineProperty 是 ES5 中一个无法 shim 的特性，这也就是为什么 Vue 不支持 IE8 以及更低版本浏览器的原...

2018-09-01 23:23:39 433

原创 apicloud结合vue实现数据实时刷新使用工具类

1.在入口页 index.htmlapiready = function(){ var dataDefault = { user:{ nickname:'胡辉', age:'18', sex:'男', avatar:'../../im...

2018-07-27 11:15:06 2668

原创 APIcloud平台开发第二天笔记

APIcloud开发培训第二天1.理解APIcloud应用执行流程1.1流程说明流程：首先是APP启动(可以是其他应用调用，也可以是用户直接启动)，接着引擎初始化，Widget初始化，Window初始化，Module初始化，EventQueue初始化，CmmandQueue Init命令队列初始化， RunTime Ready 运行时环境准备，之后便是模块加...

2018-07-27 11:13:00 6795

原创 APIcloud平台开发第一天笔记

APIcloud开发培训第一天1.APIcloud开发平台介绍1.1使用api核心模块在 window.api 对象下，不需要单独引用，可以直接调用 api.methodName(param, callback); 扩展模块需要 require 引入，遵守 CommonJS 规范 var module = api.require('moduleName'); modu...

2018-07-22 00:39:52 1061 2

原创 CSS3一些值得注意的地方

杂乱的知识点em:大小尺寸是希望与父级的字号建立关联。rem:大小尺寸是希望与根级(html)的字号建立关联。16px=1em:target 定义通过超链接（miao点）所跳转的目标区块的样式定义 :target{ background-color: black; }DRY:不要重复你的代码outline:5px solid deeplink （描...

2018-07-22 00:38:05 367

原创一个实战项目的开发——知乎日报

作为第一次的一个实战项目，我采用的是vue-cli,webpack等技术来作为项目的基石，先上个最终项目的截图吧。接下来，我将记录，我在做项目遇到的问题，以及如何填的坑。这个项目是一个单页应用，简单来说就是一个不需要路由的单页面，整个页面分三个部分，第一部分是菜单，第二部分是文章列表，第三部分是文章内容和评论；再来分析下整个项目的组成部分：src目录下存放的就是我们自己写的自定义内...

2018-06-03 11:54:10 3636 1

转载 ES6的十大特性

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &n

2018-05-31 20:48:49 238

原创 ES5的一些新鲜玩意儿

一.解析JSON JSON.parse()能够把JSON格式的文本转换成ECMAScript值（对象或者数组）。语法:JSON.parse(text[,revier]) ————参数 text表示一个有效的JSON字符串，最后返回的是一个对象或者数组。var jsontext='{"name":"张三","qq":"11111","phone":["010-666666",&quot

2018-05-24 21:56:30 216

转载 js回顾之常见数组操作

1、 join() 1功能：将数组中所有元素都转化为字符串并连接在一起。 2输入：分隔符，默认为逗号 3输出：分隔符分割的字符串 4举例：var a = [1,2,3];2 a.join(); // =>"1,2,3"3 a.join(";");// =>"1;2;3"2、 reverse()1 功能：将数组中的元素颠倒顺序。2 输入：无3 输出：逆序的数组4 举例：1...

2018-05-04 22:55:04 196

原创 js回顾之常见字符串操作

一.concat()连接字符串。二.indexOf()返回字符串中一个子串第一处出现的索引，如没有匹配项，返回-1。三.lastindexOf()返回字符串中一个子串最后一次出现的索引，如没有匹配项，返回-1。四.charAt()返回返回指定位置的字符串。注意：如果charAt中的参数为负数，或者大于字符串的最大索引，将会返回一个空字符串。五.截取字符串整合（全为正数）注意：这三个方法...

2018-05-04 21:27:30 134

原创 vue-自定义指令

有时候，我们仍不可避免的要对DOM进行底层的操作，这时候就要用到自定义指令。来看一个最简单的。<body> <div id="app"> <input type="text" v-focus> </div> <script src="./vue.js"></scrip

2018-04-25 22:27:05 424

原创 VUE组件通信的补充（slot）

1.最简单的slotslot（插槽）最简单的用法就是当做父模板的备用内容。当父模板中没内容的时候，子模板中的<slot>***</slot>将会替代父模板的内容。来看个实例。<!DOCTYPE html><html> <body> <div id="app"> &l

2018-04-25 21:36:06 359

原创 VUE组件的一些补充（父子，兄弟，同级，跨级组件的通信）

先来看一个父子之间的组件通信；body> <div id="app"> <my-component msg="来自父组件的数据"></my-component> </div> </body> <script src="./vue

2018-04-18 22:00:10 4333

原创 Vue组件的一些随笔

今天，来看下组件，首先，我们先直接来看一个例子、<body> <div id="app">  <my-component></my-component> </div>

2018-04-18 20:22:37 151

原创 vue-cli路由的一些补充

上一节，学习了vue-cli的一些常见用法，接下来，来学习一下vue的另外一些常见的用法。 1.路由的router.go|push|repale方法这些方法的作用都是导航到不同的url. push:当你单击，标签的时候，在程序内部其实是执行了router.push（".user"）。这个方法。 go:router.go(n),其中的n是一个

2018-04-16 15:58:56 330

原创 Vue-cli路由的一些随笔

在构建路由的前提条件是得在工程中安装vue-router,这个官方的插件，当我们使用vue-cli在初始化项目的时候，会提示我们是否安装vue-cli，这个时候我们点yes就好了，随后在mian.js也就是主配置文件中导入，像这样：import router from './router' 然后，在实例中注册，new Vue({ el: '#app', router, compone...

2018-04-15 23:53:23 379

一个还在路上的人……