- 博客(84)
- 收藏
- 关注
RSS订阅原创 nuxt asynData Cannot read properties of undefined (reading ‘_isDestroyed‘)
nuxt asynData Cannot read properties of undefined (reading '_isDestroyed')Failed to execute 'appendChild' on 'Node': This node type does not support this method.
2022-07-11 15:25:30
1893
5
原创 vue-cli3升vue-cli4失败问题解决
今天遇到一个问题 想要把本地的脚手架升级到4.5.6版本以上的来体验一下vue3的时候发现脚手架怎么升级都不行开始执行的命令npm uninstall -g vue-clinpm install -g @vue/clivue -V 然而查看当前版本 一直显示的是旧版本把vue/cli uninstall了再重装 也依旧是这样的问题 重启试试 也发现版本还是旧版本问题解决：1、检查node版本 无问题2、怀疑是缓存的问题 到C盘的user/xxx/AppData/Roa.
2021-08-11 10:02:41
320
原创 git 常用方法
1.冲突的产生当我们向远程git服务器提交某一个文件的修改时,恰巧这个文件相同的修改地方其他人也有修改,并且已经提交到服务器,这时冲突就产生了. 通常,当我们合并两个相同的地方都有修改的分支时,都会产生冲突.2.文本文件冲突解决出现冲突时git不知道如何自动合并,需要我们解决冲突手动合并. 如果是文本文件,git会在有冲突的地方作上标记(如 HEAD >>> ==== <<< HASH_ID等),标记哪些是当前分支的修改,哪些是其他分支的修改.参考这些标记,解
2021-07-12 14:31:10
379
原创 h5下echarts roam不生效
背景：使用uni-app开发h5,其中一个页面含有echarts-关系图，需要可拖拽与缩放问题：在h5下不能拖拽与缩放，在pc下正常问题排查：1、官网模板代码在h5下能拖拽与缩放 => 怀疑是echarts版本问题 更换为模板代码使用的版本 =>依旧不生效2、将相同的代码放在新开的html页面 能拖拽与缩放 => 不是代码的问题3、上网查找解决办法 发现https://ask.dcloud.net.cn/question/88473原因：echarts自带运行环境的
2021-05-13 12:27:00
1355
9
原创 H5-点击保存图片
首先，写在开头，如果有产品要求h5点击按钮实现保存的，那么如果要兼容微信浏览器的 可以提出改需求了。参考：https://zhuanlan.zhihu.com/p/260941705项目技术栈：uni-app查了各论坛和uni-app的api、微信的sdk 发现很多都实现：save(picUrl) { var a = document.createElement("a"); //创建a 标签 a.href = picUrl; // 把图片路径赋到a标签的href
2021-04-07 15:30:07
2544
原创 互联网协议（Internet Protocol Suite）
互联网实现 可以分为五层。互联网的每一层，都定义了很多协议。这些协议的总称，就叫做"互联网协议"。物理层维基百科解释:在局部局域网上传送数据帧，它负责管理电脑通信设备和网络媒体之间的互通。包括了针脚、电压、线缆规范、集线器、中继器、网卡、主机接口卡等。电脑们要连起来组个局域网通信，会用光缆、电缆、双绞线、无线电波等。规定了电气特性，负责传送0和1的电气信号。数据链路层维基百科解释:负责网络寻址、错误侦测和改错。当表头和表尾被加至数据包时，会形成信息框（Data Frame）。数据链表头（DLH）
2021-02-04 09:21:06
806
原创 原生js实现 兼容常规pc、大屏、移动端 适配方案
项目背景：1、设计稿1）pc设计稿为19201080的可视化大屏，16：9比例设计2）大屏设计稿35841152的可视化大屏，28：9比例设计3）移动端设计稿 宽750的可视化大屏2、适配不同屏幕1）pc要兼容不同分辨率下的屏幕，注意这里说的是往下兼容 兼容1k以下的 不能出现滚动条 使用scale2）大屏比例为28：9，在项目开发中，可以按照1680：540 达到28:9的效果 不能出现滚动条 使用rem3）移动端兼容，以750为标准实现适配 使用rem3、实现思路：1、pc可以根据v
2020-12-21 10:24:32
4402
原创 深拷贝与浅拷贝
2、深拷贝与浅拷贝看这一篇的时候建议先看一下上一篇关于数据类型的文章。直接赋值直接赋值:把对象a赋值给对象b,实际上是把对象b的地址指向对象a的对象。a与b的地址指针一样，指向同一个对象，所以修改b时，a也会跟着发生改变。注意，修改b的无论是对象属性（引用数据类型）还是非对象属性（基本数据类型），a都会跟着发生改变。let a = { name:'a', arr:[1,2] }let b = a;b.name = 'b';console.log(a.name); // bb.arr
2020-10-12 09:50:32
474
原创 基本数据类型与引用数据类型
1、基本数据类型与引用数据类型在谈深拷贝与浅拷贝的时候，我们先来谈谈JS的数据类型，这对接下来了解深拷贝浅拷贝起到一定的作用。栈内存栈是自动分配相对固定大小的内存空间，而且由系统自动释放的。栈是线性结构，后进先出。基本数据类型：Null、 Undefined、Number、String、Boolean、Symbol（ES6）。基本数据类型存放在栈内存中，占据固定的大小空间。是直接按值存储的。因为内存空间大小确定且由系统自动分配和释放，所以内存可以及时回收，相较堆可更容易管理内存空间。堆内存
2020-09-11 15:50:37
265
原创 element-ui 遇到过的bug
2020/09/091、级联选择器高度问题：解决办法修改样式：（使用px也可以 ）.el-cascader-menu { height: calc(30vh); width: vw(220);}2、日期选择器位置偏移问题正常情况出现偏移 疑似日期选择器占位解决办法：修改代码，将每个日期选择器都先渲染出来，然后使用v-show控制。一定要使用v-show而不能使用v-if,否则还是会出现日期选择器重新渲染位置偏移的问题。-----未完待续...
2020-09-09 10:24:47
662
原创 React学习日志5
九、状态提升通常，多个组件需要反映相同的变化数据。这时建议将共享状态提升到共同的父组件中。let scaleNames = { celsius: "Celsius", fahrenheit: "Fahrenheit"}// 摄氏度与华氏度转换函数function toCelsius(fahrenheit) { return (fahrenheit - 32) * 5 / 9}function toFahrenheit(celsius) { return (celsi...
2020-08-26 08:48:31
191
原创 React学习日志4
五、事件处理1、react事件处理与DOM相似但语法有不同React 事件的命名采用小驼峰式（camelCase），而不是纯小写。 使用 JSX 语法时你需要传入一个函数作为事件处理函数，而不是一个字符串。// 传统html<button onclick="activateLasers()"> Activate Lasers</button>// react<button onClick={activateLasers}> Acti..
2020-08-20 09:28:04
223
原创 react学习日志3
四、state与生命周期1、什么是statestate 与 props 类似，但是 state 是私有的，并且完全受控于当前组件。属性props是外界传递过来的，状态state是组件本身的，状态可以在组件中任意修改。组件的属性和状态改变都会更新视图。2、react组件的生命周期每个组件都包含“生命周期方法”，你可以重写这些方法，以便于在运行过程中特定的阶段执行这些方法。1）挂载当组件实例被创建并插入 DOM 中时，其生命周期调用顺序如下constr...
2020-08-12 13:49:06
203
原创 react学习日志2
一、JSX1、什么是JSXconst element = <h1>Hello, world!</h1>;ReactDOM.render( element, document.getElementById('root'));这个有趣的标签语法既不是字符串也不是 HTML。它被称为 JSX，是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX，JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想
2020-08-10 10:38:57
154
原创 react 学习日志1
1、react环境搭建安装Node >= 8.10 和 npm >= 5.6在终端输入：npx create-react-app my-appcd my-app npm start // 运行my-app2、react是什么？React 是一个声明式，高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面，这些代码片段被称作“组件”。3、井字棋的棋盘根据https://rea.
2020-08-05 14:58:06
338
原创 echatrs-geoJson
通过阿里云datav的地图选择器获取geoJsonhttp://datav.aliyun.com/tools/atlas/#&lat=31.769817845138945&lng=104.29901249999999&zoom=4查看效果http://geojson.io/
2020-07-15 15:51:24
143
原创 vue-无缝滚动+高亮某一行
vue实现无缝滚动首先一开始参考了https://www.cnblogs.com/liuerpeng/p/11724257.html但是实现的效果会出现一点点的停顿后面决定使用插件vue-seamless-scrollnpm install vue-seamless-scroll --save在main.js里面import scroll from 'vue-seamless-scroll'Vue.use(scroll)页面上<vue-seamless-scr.
2020-07-13 16:44:33
1322
原创 echarts-series中label的backgroundColor无效
注意，如果不定义rich属性，则不能指定width和height。
2020-07-11 09:15:26
5096
原创 webkit内核-滚动条样式修改，火狐-flex布局下overflow不生效解决，滚动条样式隐藏
针对webkit内核的浏览器（谷歌、ie、Safari等）：实现效果：（利用border实现边距）使用伪类改变滚动条样式1. ::-webkit-scrollbar 滚动条整体2. ::-webkit-scrollbar-thumb 滚动条的方块3. ::-webkit-scrollbar-track 滚动条的轨道4. ::-webkit-scrollbar-button 滚动条的两端按钮5. ::-webkit-scrollbar-track-piece 内层轨道，滚动
2020-07-08 15:00:02
4903
原创 vue+elementUI-实现导入导出excel
导入-实际上是上传功能，使用el-upload实现importFile.vue:<template> <div class="import"> <el-upload ref="upload" :headers="header" :action="uploadUrl" :data="uploadData" :on-error="handleError" :on-success="hand
2020-07-06 16:50:02
2121
1
原创 vue-引用两个相同的子组件，页面上的值不更新问题 --key的作用
在父组件中同时调用两个子组件，场景如下：<component :data="dataOne" v-if="isShow"></component><component :data="dataTwo" v-else></component>此时会发现，当子组件挂载之后，当切换组件间的显示时，每次进入beforeUpdate生命周期打印可以发现内部的属性数据是更新了，但是页面上的数据并没有更新到。解决办法：<component :...
2020-06-13 11:26:55
5125
原创 echarts 生成的canvas只有100px的问题
在开发中遇到一个问题，使用echarts的时候，生成的canvas宽度不是实际写入的宽度后面发现 ，因为使用了el-tabs，存在echarts的tab页在刚开始处于display:none，所以echarts拿不到页面的宽度解决办法：在页面切换的时候 调用resize方法 self.myChart.resize("auto", "auto");...
2020-04-27 16:57:41
1931
原创 简单说说typescript
1、什么是TypeScriptTypeScript(JavaScript that scales.) TypeScript是JavaScript类型的超集（超集就是ts包含js而且有js没有的东西，意味着js语法也能在ts中运行），它可以编译成纯JavaScript。TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行，并且是开源的。2、为什么用TypeS...
2020-04-13 09:53:31
451
原创 node 单元测试
1、rebuild分支下新增目录结构血的经历 不要把测试的node模块文件夹命名成node_modules 在测试覆盖率的时候会提示: 意思是没有收集覆盖信息，退出没有写入覆盖信息。然后无法收集测试覆盖率。所以现在改成modules了改一下package.json"node": "mocha .\\node_test\\test","coverag......
2020-04-13 09:52:20
1737
2
原创 WePY1 vs WePY2
1、什么是WePY微信小程序组件化开发框架WePY。将 Web App 和小程序进行对比。Web App 和小程序在功能上类似， Web App 在开发的时候，可能使用 Vue.js 作为其核心库，用 Webpack 进行打包。在微信小程序中，大家可以简单的将 WePY 理解为 Web App 里的 Vue.js + Webpack 的合体。官方介绍：WePY (发音: /...
2020-04-13 09:50:04
1328
原创 No coverage information was collected, exit without writing coverage informa
使用istanbul进行测试覆盖率的时候发现没有收集覆盖率的信息在网上查了一下发现出现问题别人说是因为很可能因为istanbul的版本过低或者其他的情况但是我的情况是 执行测试覆盖的路径下含有node_modules 导致不收集覆盖率信息将目录改成这样 成功收集...
2019-12-27 13:47:18
781
原创 E:\xxx>gulp Local modules not found in ....
在项目下执行npm install --save-dev gulp作为项目的开发依赖（devDependencies）安装 再gulp
2019-07-15 10:27:44
3386
原创 nginx bind() to 0.0.0.0:80 failed (10013: An attempt was made to access a socket
80端口果真被占用。一开始想着在nginx.conf里面修改端口号，但是发现出现下面的错误：nginx: [error] OpenEvent("Global\ngx_reload_8404") failed (2: The system cannot find the file specified)Nginx 尚未启动导致，需要执行 start nginx 命令开启Nginx执...
2019-06-04 16:26:51
2262
原创 ios字体变大
-webkit-text-size-adjust:none;作用，禁用Webkit内核浏览器的文字大小调整功能，以实际大小显示，部分浏览器不支持小于12px的字号将使用12px字体。
2019-06-04 16:26:28
672
原创 nginx代理报504超时错误
搭建nginx代理服务器时报超时错误上网查看了一些方法都是说要延长timeout，然后我这样修改：发现依旧报504的错误因为我们时一个前后端分离的项目，使用本地代理去开发，于是我发现关闭代理，使用项目服务器的域名进入是可以 成功调取接口的，但是把代理开了之后就报504的错误，于是我查看了下这个接口在文件中的位置。发现在本地上我是没有后端的代码的，也就不能成功调用。所以修改代理：...
2019-06-04 16:26:09
1983
原创 html2canvas jsPdf.debug
<div id="downloadBtn"><a href="javascript:;" class="btn btn-wh btn-primary fr" id="renderPdf">下载报告</a></div><script type="text/javascript" src="/resource/js/html2canva...
2019-06-03 16:15:54
4071
原创 JavaScript模板引擎Template.js使用详解
1、特性（1）性能卓越，执行速度通常是 Mustache 与 tmpl 的 20 多倍（性能测试）（2）支持运行时调试，可精确定位异常模板所在语句（演示）（3）对 NodeJS Express 友好支持（4）安全，默认对输出进行转义、在沙箱中运行编译后的代码（Node版本可以安全执行用户上传的模板）（5）支持include语句（6）可在浏览器端实现按路径加载模板（详情）...
2019-04-10 17:05:58
1756
转载 vue-cli
Vue2全家桶之一：vue-cli（vue脚手架）超详细教程https://www.jianshu.com/p/32beaca25c0d
2019-04-10 16:39:09
87
原创 py-TCP编程
点击文件sina.html 出现302错误 问题原因在于现在新浪换成https协议了，直接发http协议没法直接建立连接，得重定向到443端口建立ssl连接重新请求才行。所以可以试下与百度建立连接： 这个获取到的网页数据还是存在问题，结果发现百度也是使用https协议的。编写服务器程序与客户端程序打开两个命令行窗口，一个运行服务器程序，另一个运行客户...
2018-09-14 18:23:52
484
原创 ModuleNotFoundError:no module named 'requests'
问题：显示找不到这个模块 。解决方法，首先我上网查了一下，显示没有这个模块的话我们可在命令行输入pip install requests这个命令 安装这个模块但是问题是我安装了这个模块后还是依旧显示这个错误。上面是通过pip去安装这个模块。这里的文件上也显示了又这个模块。当我再次运行时还是出现了问题然后我换了个想法，因为我是安装了Anaconda，requests本...
2018-08-31 17:35:37
17571
3
原创 py-xml
需要注意的是读取一大段字符串时，CharacterDataHandler可能被多次调用，所以需要自己保存起来，在EndElementHandler里面再合并。
2018-08-29 17:08:50
271
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人