
浏览器知识
文章平均质量分 79
Corner1990
以为自己什么都有,仔细想想什么都没有!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
微信小程序h5页面分享设置
前言(废话): 最近开发新项目,因为公司希望能在开发完h5后顺便吧微信小程序也上了,但是人力有限,只能做到h5,开发小程序压根做不到,只能投机了, 我真是个机灵鬼。。。然后我就看API,咦,贼拉简单,一。使用web-view标签嵌入网页,后台配置合法域名,二,使用postmessage通信,然后保存地址就好了。。。代码如下:<template> <div class="index"> <web-view :src="path" @message="messa.原创 2020-07-02 21:26:41 · 4395 阅读 · 0 评论 -
loader运行的总体流程学习
loader配置loader是导出为一个函数的node模块。该函数在loader转换资源的时候调用。给定的函数将调用loader API,并通过this上下文访问。匹配(test)单个 loader匹配(test)单个 loader,你可以简单通过在 rule 对象设置 path.resolve 指向这个本地文件{ test: /\.js$/ use: [ { ...原创 2018-12-29 10:14:32 · 2496 阅读 · 0 评论 -
Webpack打包文件之乞丐版学习
开始学习,当然是从最简单的开始,首先是搭建项目结构,具体操作如下开始搭建项目创建一个目录study_webpack进入进入study_webpack, npm init -y 初始化项目新建src目录,并进入src,新建文件index.jsindex.html新建webpack.congfig.js文件配置webpack和完成简单的代码结构webpack.con...原创 2018-12-16 18:03:07 · 490 阅读 · 0 评论 -
nunjucks简单上手
Nunjucks是Mozilla开发的一个纯JavaScript编写的模板引擎,既可以用在Node环境下,又可以运行在浏览器端安装npm install nunjucks使用渲染字符串let nunjucks=require('nunjucks');nunjucks.configure({autoescape: true});let ret = nunjucks.rende...原创 2018-12-04 15:01:52 · 3917 阅读 · 3 评论 -
Umi分包加载配置
webpack配置在.umirc.js或者config.js中配置,使用webpack的优化模块optimization.splitChunks实现,具体是api这里不做解释,自己去官网看看,说的很清楚,这是传送门配置代码如下:config.optimization.splitChunks({ chunks: 'all', automaticNameD...原创 2018-11-22 18:52:48 · 15643 阅读 · 3 评论 -
使用socket.io写一个聊天室
之前学习了常用的api,以及概念,这里为了简单的使用,写一个demo,为了方便查找api,这里给一个传送门socket.io准备老规矩,新建一个目录,一个index.html, app.jsindex.html 为客户端app.js 为服务端基础代码首先使用最简单的代码,然后是实现客户管和服务端链接成功index.html使用html初始文档,然后引入socket...原创 2018-11-21 10:27:17 · 810 阅读 · 0 评论 -
socket.io
Socket.IO是一个WebSocket库,包括了客户端的js和服务器端的nodejs,它的目标是构建可以在不同浏览器和移动设备上使用的实时应用socket.io的特点易用性:socket.io封装了服务端和客户端,使用起来非常简单方便。跨平台:socket.io支持跨平台,这就意味着你有了更多的选择,可以在自己喜欢的平台下开发实时应用。自适应:它会自动根据浏览器从WebSocke...原创 2018-11-21 10:26:37 · 12933 阅读 · 4 评论 -
JS处理文件流
最近做一个项目,遇到了一个问题,就是导出Excel功能。多普通呀,多大众化,哪里都有,可惜我们后台说给我JSON数据,自己处理。我果断拒绝了,拒绝的里有是我菜,实现不了啊。然后后台开发看不下去了,就是转成文件流给我吧。他们那里是分布式部署,也没有办法持久化存储。遂发生了一下的故事百度没有怎么做过,肯定是百度啦,然后找打了一段代码,代码内容如下function download() {...原创 2018-11-14 15:10:12 · 35446 阅读 · 2 评论 -
React.CreateContext
跨组件传递的内容组件,该组件导出两个对象Provider 提供数据, Consumer, 消费数据简单的使用// 创建上下文let {Provider, Consumer} = React.createContext()// 假设我们有很多个组件,我们只需要在父组件使用Provider提供数据,然后我们就可以在子组件任何位置使用Consumer拿到数据,不存在跨组件的问题...原创 2018-09-12 20:46:36 · 18775 阅读 · 2 评论 -
React路由学习(三)
之前实现了简单的路由跳转,这里实现Link组件.我们就可以点点点切换了,不用再像之前一样苦逼哈哈的在地址栏里修改react-router-dom目录里文件内容index.js 这个文件主要是做入口文件用,我们把需要的模块在这里统一导出,然后我们在使用的时候就可以使用 import {HashRouter as Router, Route} from './re...原创 2018-09-05 08:53:44 · 270 阅读 · 0 评论 -
React路由学习(二)
之前我们实现了简单的路由,现在我们在之前的基础上实现正则匹配路由, 我们这里需要依赖path-to-regexp模块// 安装模块npm install path-to-regexp --savereact-router-dom目录里文件内容Router.js内容 这里时所有的路由模板,我们要根据父组件传递过来的路由进行匹配,并将匹配到的结果返回出去...原创 2018-09-05 08:52:39 · 152 阅读 · 0 评论 -
Path-to-RegExp模块
将路径字符串(如/ user /:name)转换为正则表达式。 path-to-regexp 介绍安装模块npm install path-to-regexp --save简单的使用// 引入模块let PathToReg = require('path-to-regexp')// 要使用路径中找到的键填充的数组let keys = []le...原创 2018-09-05 08:51:33 · 14270 阅读 · 0 评论 -
http之压缩
在学习HTTP的时候我们会发现所有的HTTP请求和响应头都是独立的知识点,相互之间并没有关联,只有在实际的项目中,我们可能会用到多个响应头的设置。例如缓存,我们通常会使用协议缓存,强缓存,和ETAG,为了减少数据传输报的内同,我们通常会使用压缩来节省流量,这里学习一下node的压缩模块zlib 要学习压缩,首先要了解两个头, Content-Encoding: gzip 服务端...原创 2018-08-12 15:24:10 · 1201 阅读 · 0 评论 -
http学习(一)
超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。1960年美国人Ted Nelson构思了一种通过计算机处理文本信息的方法,并称之为超文本(hypertext),这成为了HTTP超文本传输协议标准架构的发展根基。Ted ...原创 2018-07-29 13:02:57 · 172 阅读 · 0 评论 -
HTTP三次握手和四次挥手
每当建立一个TCP/IP连接的时候都要经历3次握手,这是为了保证建立一个可靠的连接。三次握手 客户端向服务器发请求,服务器接收请求,服务器接收请求之后发送一个连接标志,客户端接收连接标志之后也向服务器发送一个连接标志,至此连接完成。 生活中的栗子: 小明和小丽的故事。话说有一天小丽给小明说我喜欢你(syn,一次握手) 小明听到小丽的的表白后说知道了,我也喜欢你,也说...原创 2018-07-24 21:59:39 · 1181 阅读 · 0 评论 -
浏览器缓存知识
浏览器缓存,就是客户端缓存。浏览器缓存基本认识它分为强缓存和协议缓存浏览器在加载资源时,先根据这个资源的一些http header判断它是否命中强缓存,强缓存如果命中,浏览器直接从自己的缓存汇总读取资源,不会发送请求到服务器。当强缓存没有命中的时候,浏览器一定会发送i个请求到服务器,通过服务器端一句资源的另外一些http header验证这个资源是否命中协商缓存,如果协商缓存命中,服务器将这个请原创 2017-04-21 07:50:14 · 331 阅读 · 0 评论