web前端技术
文章平均质量分 64
connie__wu
这个作者很懒,什么都没留下…
展开
-
浏览器工作原理学习笔记
浏览器工作原理浏览器架构导航流程渲染流程浏览器架构导航流程从输入URL到页面展示,这中间发生了什么?1,用户输入url并回车2,浏览器进程检查url,组装协议,构成完整的url3,浏览器进程通过进程间通信(IPC)把url请求发送给网络进程4,网络进程接收到url请求后检查本地缓存是否缓存了该请求资源,如果有则将该资源返回给浏览器进程5,如果没有,网络进程向web服务器发起http请求(网络请求),请求流程如下:5.1 进行DNS解析,获取服务器ip地址,端口5.2 利用ip地址和服务原创 2021-04-15 11:35:20 · 209 阅读 · 0 评论 -
字符代码工具函数
在项目开发中经常需要进行数据字典的转化,例如下拉框,或者table中后端返回的代码需要前端转为文字。我们可以定义数据字典的格式如下:// code.js 文件export default { 'taskStatus': { 'items': [ { 'label': '全部任务', 'value': 'all' }, { 'label': '未开始', 'value': '0',原创 2020-06-30 16:33:59 · 184 阅读 · 0 评论 -
web前端pdf导出
做一个项目需要实现浏览器端pdf的导出功能,在此记录一下整个实现过程以及遇到的一些坑:)当然,解决这个问题有以下几个步骤:确定要导出的dom元素将dom元素转化成canvas( 使用html2canvas库)将canvas转化成图片jpeg,png等都可以将图片导出pdf (使用jspdf库)确定要导出的dom元素如果是原生写法可以直接使用document.getElementById来获取,如果是用vue或者react可以设置要ref, 此处我使用的是react框架 const re原创 2020-06-30 16:09:35 · 2497 阅读 · 1 评论 -
前端常用工具库函数
// 获取url前缀const getUrlPrefix = () => { const { NODE_ENV } = process.env if (NODE_ENV === 'development') { return '/api' } return ''}const prefix = getUrlPrefix()export const urlPrefix = prefix// 调用后端接口,下载文件export const downloadFile =原创 2020-05-19 14:55:38 · 420 阅读 · 0 评论 -
通过react-app-rewired 重写配置,访问非根目录
在项目根目录下创建config-overrides.js文件const { override, fixBabelImports } = require('customize-cra');const path = require("path")module.exports = override( fixBabelImports('import', { libraryName: 'antd-mobile', style: 'css', }), fixBabelImports(原创 2020-05-19 14:51:21 · 1687 阅读 · 1 评论 -
H5页面对接React Native App
H5页面开发笔记本次开发一个H5页面,H5页面用的框架是ant design mobile,对接的是react native 开发的App 程序,其中遇到了一点坑,在此记录一下。移动端调试神器vconsole// 安装vconsole npm install vconsole --save// 引入项目当中import Vconsole from 'vconsole'const vConsole = new Vconsole() // 然后console.log()的日志就可以通过vc原创 2020-05-19 14:40:14 · 730 阅读 · 1 评论 -
html5+nodejs多文件上传
最近学习文件上传,网上例子大多数是HTML5+python的,可惜本人不会python,暂时也没有时间和兴趣研究python,所以用node.js做后台接收文件上传。原创 2017-06-08 15:37:08 · 1181 阅读 · 0 评论 -
web性能调优法则笔记
性能黄金法则 只有10%~20%的最终用户响应时间花在下载HTML文档上。剩下的80%~90%时间花在了下载页面中的所有组件(图片、脚本、样式表、Flash等)上。 1、减少HTTP请求例如:图片地图、CSS sprites、内联图片(data:)、合并脚本和样式表。实际应用这些技术估计响应时间可以减少到50%左右。2、使用内容发布网络 如果应用程序web服务器离用户更近,则一个HT原创 2017-11-06 22:07:28 · 281 阅读 · 0 评论