![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 51
rm_ing
这个作者很懒,什么都没留下…
展开
-
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 · 304 阅读 · 0 评论 -
git 常用方法
1.冲突的产生当我们向远程git服务器提交某一个文件的修改时,恰巧这个文件相同的修改地方其他人也有修改,并且已经提交到服务器,这时冲突就产生了. 通常,当我们合并两个相同的地方都有修改的分支时,都会产生冲突.2.文本文件冲突解决出现冲突时git不知道如何自动合并,需要我们解决冲突手动合并. 如果是文本文件,git会在有冲突的地方作上标记(如 HEAD >>> ==== <<< HASH_ID等),标记哪些是当前分支的修改,哪些是其他分支的修改.参考这些标记,解原创 2021-07-12 14:31:10 · 349 阅读 · 0 评论 -
uniapp h5 文案复制
body{-webkit-user-select:text;}原创 2021-07-08 16:09:41 · 178 阅读 · 0 评论 -
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 · 1302 阅读 · 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 · 2489 阅读 · 0 评论 -
互联网协议(Internet Protocol Suite)
互联网实现 可以分为五层。互联网的每一层,都定义了很多协议。这些协议的总称,就叫做"互联网协议"。物理层维基百科解释:在局部局域网上传送数据帧,它负责管理电脑通信设备和网络媒体之间的互通。包括了针脚、电压、线缆规范、集线器、中继器、网卡、主机接口卡等。电脑们要连起来组个局域网通信,会用光缆、电缆、双绞线、无线电波等。规定了电气特性,负责传送0和1的电气信号。数据链路层维基百科解释:负责网络寻址、错误侦测和改错。当表头和表尾被加至数据包时,会形成信息框(Data Frame)。数据链表头(DLH)原创 2021-02-04 09:21:06 · 786 阅读 · 0 评论 -
基本数据类型与引用数据类型
1、基本数据类型与引用数据类型在谈深拷贝与浅拷贝的时候,我们先来谈谈JS的数据类型,这对接下来了解深拷贝浅拷贝起到一定的作用。栈内存栈是自动分配相对固定大小的内存空间,而且由系统自动释放的。栈是线性结构,后进先出。基本数据类型:Null、 Undefined、Number、String、Boolean、Symbol(ES6)。基本数据类型存放在栈内存中,占据固定的大小空间。是直接按值存储的。因为内存空间大小确定且由系统自动分配和释放,所以内存可以及时回收,相较堆可更容易管理内存空间。堆内存原创 2020-09-11 15:50:37 · 255 阅读 · 0 评论 -
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 · 654 阅读 · 0 评论 -
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 · 182 阅读 · 0 评论 -
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 · 209 阅读 · 0 评论 -
react学习日志3
四、state与生命周期1、什么是statestate 与 props 类似,但是 state 是私有的,并且完全受控于当前组件。属性props是外界传递过来的,状态state是组件本身的,状态可以在组件中任意修改。组件的属性和状态改变都会更新视图。2、react组件的生命周期每个组件都包含“生命周期方法”,你可以重写这些方法,以便于在运行过程中特定的阶段执行这些方法。1)挂载当组件实例被创建并插入 DOM 中时,其生命周期调用顺序如下constr...原创 2020-08-12 13:49:06 · 178 阅读 · 0 评论 -
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 · 145 阅读 · 0 评论 -
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 · 311 阅读 · 0 评论 -
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 · 135 阅读 · 0 评论 -
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 · 1289 阅读 · 0 评论 -
echarts-series中label的backgroundColor无效
注意,如果不定义rich属性,则不能指定width和height。原创 2020-07-11 09:15:26 · 5026 阅读 · 0 评论 -
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 · 4844 阅读 · 0 评论 -
vue-引用两个相同的子组件,页面上的值不更新问题 --key的作用
在父组件中同时调用两个子组件,场景如下:<component :data="dataOne" v-if="isShow"></component><component :data="dataTwo" v-else></component>此时会发现,当子组件挂载之后,当切换组件间的显示时,每次进入beforeUpdate生命周期打印可以发现内部的属性数据是更新了,但是页面上的数据并没有更新到。解决办法:<component :...原创 2020-06-13 11:26:55 · 5040 阅读 · 0 评论 -
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 · 2113 阅读 · 1 评论 -
uni-app 沉浸式导航栏取消之后获取不到导航栏高度
plus.navigator.getStatusbarHeight()原创 2020-06-08 08:44:51 · 1173 阅读 · 0 评论 -
echarts 生成的canvas只有100px的问题
在开发中遇到一个问题,使用echarts的时候,生成的canvas宽度不是实际写入的宽度后面发现 ,因为使用了el-tabs,存在echarts的tab页在刚开始处于display:none,所以echarts拿不到页面的宽度解决办法:在页面切换的时候 调用resize方法 self.myChart.resize("auto", "auto");...原创 2020-04-27 16:57:41 · 1903 阅读 · 0 评论 -
简单说说typescript
1、什么是TypeScriptTypeScript(JavaScript that scales.) TypeScript是JavaScript类型的超集(超集就是ts包含js而且有js没有的东西,意味着js语法也能在ts中运行),它可以编译成纯JavaScript。TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。2、为什么用TypeS...原创 2020-04-13 09:53:31 · 419 阅读 · 0 评论 -
node 单元测试
1、rebuild分支下新增目录结构血的经历 不要把测试的node模块文件夹命名成node_modules 在测试覆盖率的时候会提示: 意思是没有收集覆盖信息,退出没有写入覆盖信息。然后无法收集测试覆盖率。所以现在改成modules了改一下package.json"node": "mocha .\\node_test\\test","coverag......原创 2020-04-13 09:52:20 · 1700 阅读 · 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 · 1293 阅读 · 0 评论 -
No coverage information was collected, exit without writing coverage informa
使用istanbul进行测试覆盖率的时候发现没有收集覆盖率的信息在网上查了一下发现出现问题别人说是因为很可能因为istanbul的版本过低或者其他的情况但是我的情况是 执行测试覆盖的路径下含有node_modules 导致不收集覆盖率信息将目录改成这样 成功收集...原创 2019-12-27 13:47:18 · 767 阅读 · 0 评论 -
E:\xxx>gulp Local modules not found in ....
在项目下执行npm install --save-dev gulp作为项目的开发依赖(devDependencies)安装 再gulp原创 2019-07-15 10:27:44 · 3359 阅读 · 0 评论 -
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 · 2250 阅读 · 0 评论 -
ios字体变大
-webkit-text-size-adjust:none;作用,禁用Webkit内核浏览器的文字大小调整功能,以实际大小显示,部分浏览器不支持小于12px的字号将使用12px字体。原创 2019-06-04 16:26:28 · 643 阅读 · 0 评论 -
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 · 4046 阅读 · 0 评论 -
nginx代理报504超时错误
搭建nginx代理服务器时报超时错误上网查看了一些方法都是说要延长timeout,然后我这样修改:发现依旧报504的错误因为我们时一个前后端分离的项目,使用本地代理去开发,于是我发现关闭代理,使用项目服务器的域名进入是可以 成功调取接口的,但是把代理开了之后就报504的错误,于是我查看了下这个接口在文件中的位置。发现在本地上我是没有后端的代码的,也就不能成功调用。所以修改代理:...原创 2019-06-04 16:26:09 · 1951 阅读 · 0 评论 -
JavaScript模板引擎Template.js使用详解
1、特性(1)性能卓越,执行速度通常是 Mustache 与 tmpl 的 20 多倍(性能测试)(2)支持运行时调试,可精确定位异常模板所在语句(演示)(3)对 NodeJS Express 友好支持(4)安全,默认对输出进行转义、在沙箱中运行编译后的代码(Node版本可以安全执行用户上传的模板)(5)支持include语句(6)可在浏览器端实现按路径加载模板(详情)...原创 2019-04-10 17:05:58 · 1719 阅读 · 0 评论 -
vue-cli
Vue2全家桶之一:vue-cli(vue脚手架)超详细教程https://www.jianshu.com/p/32beaca25c0d转载 2019-04-10 16:39:09 · 78 阅读 · 0 评论