only_smile达-CSDN博客

原创 Gatsby 静态网站搭建全过程 (3)—运行流程

运行流程GatsbyGatsby构建过程概述了解gatsby develop（运行时）了解gatsby build（构建时间）开发和构建之间的差异步骤详细介绍GatsbyGatsby 是一个为 React 打造的快如闪电的现代化站点生成器-静态网站。Gatsby构建过程概述盖茨比有两种网站编译模式：开发-使用gatsby develop命令运行构建-运行 gatsby build该gatsby develop命令不会执行该命令所执行的某些生产构建步骤gatsby build。相反，它会启动

2020-10-19 16:42:57 894

原创 Gatsby 静态网站搭建全过程 (2)—采坑和经验

采坑和经验Gatsby浏览器对象问题Gatsby自带的写入文件问题部署热更新pm2.jsonGatsbyGatsby 是一个为 React 打造的快如闪电的现代化站点生成器-静态网站。浏览器对象问题在代码中, 不能执行使用window, document等browser上才有的对象, 如果要使用, 需要先判断当前的环境是否为browser环境，或者放在useEffect/componentDidMount中才可执行。Gatsby自带的写入文件问题官网的图片这段话意思就是Gatsby包含遥测功

2020-10-19 15:15:51 728

原创 Gatsby 静态网站搭建全过程 (1)—安装和搭建

安装和搭建Gatsby安装Gatsby CLI创建站点切换到站点目录启动开发服务器构建生产版本在本地启动生产版本服务器结构数据层package.jsongatsby-config主要配置文件gatsby-node视图层配置gatsby-browser, gatsby-ssr 可以注入相同内容如：header，footer等GatsbyGatsby 是一个为 React 打造的快如闪电的现代化站点生成器-静态网站。安装Gatsby CLInpm install -g gatsby-cli创建站点

2020-10-19 14:43:41 1775

原创关于前端js使用JSzip和saveAs批量下载图片存入压缩包的操作

import JSZip from "jszip";import saveAs from "jszip/vendor/FileSaver.js";getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canva...

2019-10-08 16:43:42 2757

原创关于前端js实现打印功能，兼容IE，且不重载页面。

首先：1、target.children[1].innerHTML代表的是要打印的元素内容；2、document.getElementById(“print_content”).removeChild(f); 为了防止一直添加元素，所以在此处清除iframe元素操作；3、创建iframe元素，这里要注意，ifame元素不可设置属性display：none，其必须存在页面中，可设置宽、高为0，来...

2019-01-07 15:27:08 3863 6

原创移动端h5页面通过formData上传多张图片，后端只接收到最后一张？

这是上传前的代码操作this.state.img_list.map((item) => { let newItem = this.dataURItoBlob(item.src) formData.append('img_list', newItem, item.filename);})console.log(formData.getAll('img_list'));...

2018-10-31 11:02:02 2728 2

原创关于app内嵌h5页面调用百度地图定位问题，为什么定位不准呢？

关于app内嵌h5页面调用百度地图定位问题，为什么定位不准呢？以下为代码。百度地图：里面有3种定位方式（a:浏览器定位，b:IP定位，c:定位SDK辅助定位），我选择第3种，是需要app那块添加些什么吗？用第一种或者第二种方式也定位不准。第3中定位方式在手机端浏览器中定位没有问题，但放到app中就不行了。 setMap() { var that = this; ...

2018-10-10 11:01:30 15707 6

原创微信内嵌h5页面调用拍照和相册功能？

有一个问题：在微信内嵌h5页面中通过input调用摄像头，ios既可以调用摄像头也可以选择相册，但android只能选择相册，按照网上的兼容性（就是根据capture属性的有无）做了处理后，依然不行。不行的地方：在微信内置浏览器打开不行，但用手机自带浏览器无问题。？...

2018-09-11 15:27:42 3348 6

weixin_42935603的博客