- 博客(34)
- 收藏
- 关注
RSS订阅转载 vue 按需加载2
vue异步组件技术vue-router配置路由，使用vue的异步组件技术，可以实现按需加载。这种方式下一个组件生成一个js文件用例：{ path: '/promisedemo', name: 'PromiseDemo', component: resolve => require(['../components/PromiseDemo'], resolve)...
2019-09-06 11:38:00
143
转载 vue 按需加载
问题 一个单页面应用，采用组件化的开发模式，没有采用懒加载，运用webpack打包，每次启动首页都会加载全部组件，但此时只是访问了首页而已，就造成了大量组件污染加载的情况。 需求 只在访问当前页面时加载对应组件，避免页面组件全部加载。 解决 我们可以通过实现路由懒加载和异步组件解决问题。 在项目中的具体实现 路由懒加载 在vue项目中使用路由懒加载非常简单，我们要做的就是把路由对应的组件...
2019-09-06 11:36:00
132
转载 canvas drawImage的图片，上传服务器格式问题解决方案.
rotateImg () { if (this.curImageUrl) { this.rotateNum++; let degree = 0; let rotateInput = this.rotateNum * 90; degree += parseInt(rotateInput); degree %= 360; let img = new Image(); img.setA...
2019-09-06 11:34:00
454
转载 webrtc
什么是 WebRTC ？WebRTC 是由一家名为 Gobal IP Solutions，简称 GIPS 的瑞典公司开发的。Google 在 2011 年收购了 GIPS，并将其源代码开源。然后又与 IETF 和 W3C 的相关标准机构合作，以确保行业达成共识。其中：Web Real-Time Communications (WEBRTC) W3C 组织：定义浏览器 API。Real-T...
2019-05-21 10:36:00
164
转载 async 跟 await
昨天看了一篇vue的教程，作者用async/ await来发送异步请求，从服务端获取数据，代码很简洁，同时async/await 已经被标准化，是时候学习一下了。 先说一下async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思， 异步函数也就意味着该函数的执行不会阻塞后面代码的执行。 写一个async 函数async functio...
2019-05-21 10:26:00
98
转载 flex弹性盒模型理解
首先，flex布局的迷之属性们，如果一知半解，机械记忆的话，那不到半个月基本忘光光。先感受一下这12个flex布局属性，是不是很“迷”人。容器属性flex-flowflex-directionflex-wrapjustify-contentalign-itemsalign-content元素属性orderflex-growflex-shrinkflex-basisflexalign-se...
2019-04-15 17:41:00
129
转载 Vue 实现前端权限控制
为什么做前端权限控制前端权限控制并不是新生事物，早在后端 MVC 时代，web 系统中就已经普遍存在对按钮和菜单的显示 / 隐藏控制，只不过当时它们是由后端程序员在 jsp 或者 php 模板中实现的。随着前后端分离架构的流行，前后端以接口为界实现开发解耦，权限控制也一分为二，前端权限控制的所有权才真正回到了前端。可能有的同学会想，前后端分别做一套控制，是不是将事情复杂化了，而且从根本上...
2018-10-25 11:49:00
180
转载 Unicode
Unicode编辑Unicode（统一码、万国码、单一码）是计算机科学领域里的一项业界标准，包括字符集、编码方案等。Unicode 是为了解决传统的字符编码方案的局限而产生的，它为每种语言中的每个字符设定了统一并且唯一的二进制编码，以满足跨语言、跨平台进行文本转换、处理的要求。1990年开始研发，1994年正式公布。[1]中文名统一码外文名Unicode也称万国码解...
2018-09-28 14:49:00
102
转载 DOMString、Document、FormData、Blob、File、ArrayBuffer数据类型
一、XMLHttpRequest 2.0的家臣们我大学那会儿，一个称为Ajax的东西对前端行业造成了深远影响，不仅是JS语言，而包括前端地位、职位兴起以及工作分工等。抛开IE6浏览器不谈，其他浏览器的Ajax实际上都是借助XMLHttpRequest实现的。然后，好多年过去了，XMLHttpRequest带着两位家臣，DOMString和Document数据类型攻城略地，几乎一统天下。然...
2018-09-17 09:11:00
160
转载 彻底理解responseType中blob和arrayBuffer
一般的xhr请求let url = window.URL || window.webkitURL; let xhr = new XMLHttpRequest(); xhr.open(method, url, [,async=true,]); xhr.ontimeout = ()=>{}; xhr.onreadystatechange ()=>{ if(xhr....
2018-09-17 09:07:00
5350
转载 获取textarea光标位置
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head>...
2018-05-10 15:19:00
619
转载 ajax+fromData 上传图片
ajax+fromData 上传图片2016年08月10日 18:04:17阅读数：2902前台部分：1.图片文件需要预览，网页因安全考虑，不允许image加载本地路径图片，借鉴滤镜法进行图片预览html部分：[html]view plaincopy<labelclass="form-labelcol-xs-4col-sm-3">照片：</label>...
2018-05-09 09:45:00
188
转载 git 常见操作
创建分支： $ git branch mybranch切换分支： $ git checkout mybranch创建并切换分支： $ git checkout -b mybranch更新master主线上的东西到该分支上：$git rebase master切换到master分支：$git checkout master更新mybranch分支上的东西到master上：$git reba...
2018-05-04 08:55:00
59
转载 Observable 里的常见操作符理解
备注：scan操作符第二个参数，如果是传''，代表数据源的是 以字符串来相加的，如果传num，数据源的第一个数会与num的值相加，再做计算。reduce操作符，是把所有数据源通过计算输出一个值，第二个参数是输出总值跟其相加再输出。scan返回的 一定是一个Observable对象，而reduce可以根据第二个参数，返回第二个参数一致的类。比如第二个参数传一个new Something(...
2018-04-04 10:14:00
1281
转载 为什么要定义interface和implements
为什么要定义interface2010-03-02 11:03:43通俗的讲，就是为了降低耦合度。一个很搞笑的例子：看看下面的程序： 一个学校里边，有两种人：学生、老师。他们都要吃饭和睡觉。－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－public interface 人{void 吃饭();void 睡觉(); }public class 学...
2018-04-03 10:28:00
143
转载 es6 中set map
SetES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set函数可以接受一个数组（或类似数组的对象）作为参数，用来初始化。// 例一var set = new Set([1, 2, 3, 4, 4]);[...set]// [1, 2, 3, 4]var s = new Set(); [2, 3, 5, 4, 5, 2, 2].ma...
2018-03-30 16:26:00
70
转载 typescript implements
interfaceClockInterface { currentTime:Date; setTime(d:Date);} classClockimplementsClockInterface { currentTime:Date; h:number; s:number; setTime(d:Date) { this.currentTime = d; } constructor(h:...
2018-03-29 08:55:00
1953
转载 让局域网其他电脑访问本机的mysql；
先开启mysql服务，打开cmd命令窗口，运行 net start 查看mysql服务的名字，可能是mysql,mysql57什么的，开启服务了，进入mysql安装位置的bin目录里运行命令窗口输入mysql -hlocalhost -uroot -p回车 ，输入密码进入数据库运行use mysql；第一种:能ping通,说明你们在同一个网络中,可以直接访问.你只要在你的登录用户中的帐号...
2018-03-07 10:32:00
106
转载 pm2部署nodejs项目，
apt-get install nodejs;apt-get install npm;npm install pm2;安装nodejs和npm以后出现 /usr/bin/env: node: No such file or directory原创2017年11月20日 22:32:41标签：nodejs818安装完成以后需要执行此命令：sudo ln -s /usr/bin/nodej...
2018-02-12 14:45:00
99
转载 负载均衡集群
负载均衡集群是 load balance 集群的简写，翻译成中文就是负载均衡集群。常用的负载均衡开源软件有nginx、lvs、haproxy，商业的硬件负载均衡设备F5、Netscale。这里主要是学习LINUX下 LVS 并对其进行了详细的总结记录。一、负载均衡LVS基本介绍 LB集群的架构和原理很简单，就是当用户的请求过来时，会直接分发到Director Server上，然后它...
2017-12-15 10:15:00
77
转载 ubuntu搭建网页
接着打开了Ubuntu 16.04 64的控制台，需要先进行登录，用户名为root，密码发送到了你的邮箱和手机当中。 登录面板如果想要修改密码，可在控制台-操作 进行修改。修改完成后记得重启生效。输入完成并正确就登录上了服务器，非常简单。 登录成user为用户名，我们的用户名为root。@之后为IP地址，比如： ssh root@116.196.93.148 三、简单网页搭建 我...
2017-12-13 18:22:00
339
转载 html实现拍照
<!DOCTYPEhtml><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>HTML5GetUserMediaDemo</title><metaname="viewport"content="width=device-...
2017-12-07 16:25:00
236
转载 对象数组通过对象的属性进行排序
最常见的对数组进行排序，可以用sort()方法，按照数组中元素的首字母或者数字大小进行排序var arr = [2,5,13,7,4,9,1]; var arr1 = arr.sort(); console.log(arr); // [1, 13, 2, 4, 5, 7, 9] console.log(arr1); // [1, 13, 2, 4, 5, 7, 9]sort()方法...
2017-11-23 17:38:00
129
转载 关于闭包最通俗易懂的解释
for循环，定时器，闭包混合一块的那点事。 1，对于一个基本的for循环，顺序输出变量值。 for(var i = 1; i < 4; i++){ console.log(i);//结果不多说了吧 } 2，如果for循环中有定时器，如下代码。 for (var i = 1; i < 4; ...
2017-11-22 17:11:00
99
转载 nodejs上传文件
文件server_files.js：const express = require('express') const bodyParser = require('body-parser') const multer = require('multer') const path = require('path') var fs = require('fs') var server = ...
2017-10-13 21:02:00
86
转载 express使用cookie,session
cookie 存在浏览器，4k，不安全签名，加密，（提高一点点安全性）session 存在服务器，安全，不能独立存在，基于cookie，cookie 使用 var cookieParser = require('cookie-parser'); server.use(cookieParser('签名字符串')) server.use(function(req,res){ res.coo...
2017-09-10 14:11:00
61
转载 nodejs初期，搭建一个登陆注册功能，（原生的）
//server.js里的内容，关于开启服务，监听端口就不说了，var http = require('http')var fs = require('fs')var querystring = require('querystring')var url = require('url')var user = {}//act 判断登录还是注册,user /passvar server = ...
2017-09-07 19:08:00
156
转载 关于vue如何创建一个自定义组件（这是项目中经常得用的）
1. 首先作大米饭我们得有米吧 要不 巧妇难为无米之炊啊 因此先买好我们自己的大米也就是创建组件文件，这里我假设要创建一个自己loading效果组件 那么我们就先创建 loading.vue 里面的代码根据vue template相关规则写就可以 这里就不在赘述了 我只写一个最最简单的例子2.ok了 米就这么愉快的买好了 那么有了米我们现在只需要把他放在锅里！那么这个锅是谁呢！好吧我...
2017-08-30 17:28:00
1755
转载 关于vue 使用watch方法，详解。
Vue.js提供了一个方法 watch，它用于观察Vue实例上的数据变动。对应一个对象，键是观察表达式，值是对应回调。值也可以是方法名，或者是对象，包含选项。具体的用法可以直接看下面的示例，简单直接。<div id="app"> <input type="text" v-model:value="childrens.name" /> ...
2017-08-29 17:56:00
128
转载 怎样用Nodejs搭建一个服务器
首先我们要知道nodejs有哪些内置模块，比如，http,fs,url，这三是必须要用的。http：超文本传输协议，fs:filesystem，文件系统，有了这个模块，我们就可以操作文件了，url就不用说了吧，来吧，开始吧先用requirejs，引入模块var http = require('http'),url = require('url'),fs = require('fs');然...
2017-08-26 17:54:00
64
转载 关于Promise的理解及运用
var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(function(){ console.log('执行完成'); resolve('随便什么数据'); }, 2000); });Promise的构造函数接收一个参数，是函数，并且传入两个参数：r...
2017-08-23 15:05:00
89
转载 关于Location的属性及使用
Location 对象Location 对象包含有关当前 URL 的信息。Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。Location 对象属性hash设置或返回从井号 (#) 开始的 URL（锚）。host设置或返回主机名和当前 URL 的端口号。hostname设置或返回...
2017-08-21 10:48:00
171
转载 浅谈call , apply ,bind 的 差异
---恢复内容开始---//首先这三个的根本作用都是改变this的指向，这个你必须明确先说call //首先用单列模式声明一个对象；里面有个fn的方法，很简单，就是返回a里面的name; var a = { name : '极速代码', fn:function(){ return this.name; } }； a.fn() //-->输出是...
2017-08-19 11:57:00
79
转载 阐述indexOf，charAt，subString 方法的使用
var str = 'hello world';//indexOf是在字符串中查找，然后返回需要查找的字符所处的位置，如果字符不存在，返回 -1；str.indexOf('h') // -->输出0；即 h在str字符串里的位置，str.indexOf('w') //-->输出6；毫无疑问;str.indexOf('a')//-->输出 -1；因为在字符串中...
2017-08-19 11:02:00
117
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人