![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web相关知识
文章平均质量分 65
一碗老面i
To be a better man.
展开
-
TypeScript 语言服务在其启动后已中止 5 次。将不会重启该服务
最近使用VS Code 写 Vue 项目时,发现Vue/Js的代码提示功能良好,但是TS文件突然之间不好使了,语法不提示,代码书写没有智能提示,并且eslint也不提示语法错误!搞的代码写的很慢很痛苦啊。下面具体介绍的我遇到的问题和解决办法:打开VS Code左下角一直有上面这个提示“初始化 JS/TS 语言功能”/“Initializing JS/TS language features” ,右下角开始频繁的弹“The typescript language service has b..原创 2021-12-14 11:24:41 · 7817 阅读 · 5 评论 -
Git第一次提交代码到远程仓库
Git第一次提交代码到远程仓库第一步:空文件夹开始, git init 初始化项目文件夹第二步:再粘贴你的文件后,git add . 键所有文件添加到暂存区第三步:git commit -m "first commit"提交到本地仓库第四步:git remote add origin XXX(XXX就是你github或者码云等远程仓库的地址,git branch这个命令可以看到你所在的分支,删除某个仓库地址使用git remote rm origin)第五步:git pull 拉取..原创 2021-02-25 19:48:29 · 1357 阅读 · 0 评论 -
WebGL report 内容解析
深度纹理?创建一个作为深度纹理贴图来使用的纹理。需要支持WEBGL_depth_texture扩展。深度纹理实际就是一张渲染纹理,只不过它里面存储的像素值不是颜色值,而是一个高精度的深度值。由于被存储在一张纹理中,深度纹理的深度值范围是[0,1],而且通常是非线性分布的,那么,这些深度值是从哪里得到的呢?总体来说,这些深度值来自于顶点变换后得到的归一化的设备坐标(Normalized Device Coordinates,NDC)。一个模型要想要最终被绘制到屏幕上,需要把它的顶点从模型空间变换到齐次原创 2021-01-04 11:13:57 · 448 阅读 · 0 评论 -
WebGL和OpenGL的联系和区别
WebGL和OpenGL的区别为:性质不同、插件支持不同、用途不同。WebGLWebGL的缩写为Web图形库。它主要用于渲染二维图形和交互式三维图形。它是可以与HTML5一起使用的Javascript API。它支持跨平台,并且仅以英语提供。WebGL程序由用JavaScript编写的控制代码组成1.WebGL 是基于 OpenGL ES 2.0 的 Javascript API,而不是纯OpenGL(ES代表“嵌入式系统”)。2.WebGL通过 HTML5 的 Canvas 来和 DOM原创 2021-01-04 10:52:33 · 10044 阅读 · 0 评论 -
VScode 文件顶部加入作者信息、日期和函数注释设置
1.vscode安装插件KoroFileHeader2.左上角选择文件--首选项---设置---输入"fileheader"---点击"在setting.json中编辑"3."fileheader.configObj"同级输入// 文件头部注释 "fileheader.customMade": { "Descripttion": "说明", "version": "V1.0", "Author": "SL", "Date": "Do not edit",原创 2020-12-21 13:57:47 · 3624 阅读 · 0 评论 -
echarts 添加自定义geojson数据源实现map地图展示/数据源更新替换
1.找到本地echarts引入的数据源文件2.以山东数据源为例,替换features节点数据和修改UTF8Encoding属性为false即可features属性内容从DataV.GeoAtlas下载geojson数据进行替换原创 2020-12-14 18:03:15 · 1130 阅读 · 0 评论 -
Web 性能实战
1.优化压缩CSS/JS/HTML CSS,JS,HTML写法优化 2.优化压缩图片(JPG,PNG,SVG,GIF),字体(字体压缩,font-face次联,font-display,unicode-range) jpeg优化插件3.页面懒加载4.页面渲染性能及渲染机制(重构、回流、重排 ) 渲染流程-> 解析HTML以创建DOM, 解析CSS以创建CSSOM 布局元素(DOM+CSSOM 树组合创建渲染树,然后执行布局,应用CSS规则,创建UI...原创 2020-12-11 14:37:12 · 429 阅读 · 0 评论 -
echarts 数据重置图表刷新,带动画效果刷新
1.数据源更新,图表刷新,带动画constmyChart=this.$echarts.init(_id);myChart.clear();myChart.setOption(option,true);2.监听窗口变化,重置echarts表格window.onresize = function () { mycharts.resize();};原创 2020-12-10 11:36:33 · 15685 阅读 · 1 评论 -
Vscode Web开发 setting.json相关配置
setting.json配置{"liveServer.settings.donotShowInfoMsg":true,"vetur.format.defaultFormatter.html":"js-beautify-html",//html不换行"vetur.format.defaultFormatter.js":"vscode-typescript",//js不换行"vetur.format.defaultFormatterOptions":{...原创 2020-10-30 13:57:30 · 432 阅读 · 0 评论 -
JS线性结构数组与树形结构相互转换
数据结构//树结构node = { id: number, // 数值 parentId: number, // 数值 name: string, children: [] || null, // 用数组的方式保存子节点,适合更多业务场景 }//线性结构list = [ { id: number, parentId: number, name: string }, { id: number, parentId: number, name: string },原创 2020-10-15 18:01:28 · 528 阅读 · 0 评论 -
Chrome 浏览器跨域问题解决
最近在开发环境下进行接口,服务等问题测试,服务端尚未处理服务接口/解决接口跨域问题,前端访问存在浏览器跨域问题。解决办法:1.chrome浏览器-右键复制粘贴一份新的桌面快捷方式2.右键属性-目标-在信息后添加--args --disable-web-security --user-data-dir="C:/ChromeDevSession"访问接口则不存在跨域问题开发环境下!!!!!请注意!!!...原创 2020-10-10 09:50:08 · 435 阅读 · 0 评论 -
百度、高德、谷歌、火星、wgs84(2000)地图坐标相互转换的JS实现
调用方法示例//国测局坐标(火星坐标,比如高德地图在用),百度坐标,wgs84坐标(谷歌国外以及绝大部分国外在线地图使用的坐标)//百度经纬度坐标转国测局坐标var bd09togcj02 = coordtransform.bd09togcj02(116.404, 39.915);//国测局坐标转百度经纬度坐标var gcj02tobd09 = coordtransform.gcj02tobd09(116.404, 39.915);//wgs84转国测局坐标var wgs84togcj02原创 2020-10-01 14:21:01 · 3606 阅读 · 1 评论 -
CI/CD Git 使用命令
1) 切换到基础分支,如主干git checkout master2)创建并切换到新分支git checkout -b dev3)更新分支代码并提交git add *git commit -m "init dev"git push origin dev原创 2020-08-27 14:06:18 · 898 阅读 · 0 评论 -
Vue+HBuilderX 程序打包Android APK包
1.准备软件环境HbuilderX和Vuebuild之后的dist文件夹2.HbuilderX新建APP程序3.把Vuedist前端程序拷贝到HbuilderX下新建的项目中,使用覆盖4.双击新建项目下manifest.json文件,修改基础配置5.按照流程逐步填写即可6.点击发行-原生APP-云打包勾选广告和平台公共测试证书需要登录Hbuilder账户7.点击打包后不会立即打包完毕,需要等待2-10分钟左右在Hbuilder下可以看到当前打包进度,打包完毕后..原创 2020-08-24 16:57:13 · 1370 阅读 · 0 评论