- 博客(127)
- 收藏
- 关注
RSS订阅原创 杂记 啥都记
使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件。为什么在大型项目中data需要使用return返回数据呢？答：不使用return包裹的数据会在项目的全局可见，
2024-07-15 14:52:18
101
原创 vue安装总是失败原因剖析
直接在应用里面卸载nodejs，然后安装新的nodejs。这样做会出现node与npm都安装成功，但是vue怎么都安装不成功。这时我还怀疑是环境变量等的问题，结果设置完还是不起作用的。上面一系列的错误根本原因都是没有将vue、npm、node卸载干净，卸载完nodejs后将残存的文件删除后，重新安装vue即可成功！npm : 无法加载文件 D:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚。今天要用vue2的环境开发，当前环境是vue3。大家可以参展下删除顺序。
2024-07-08 16:40:45
591
原创 html5 echarts3 树图左右两边扩展
1、官方给出的树图是这样的：2、我小删除一部分数据，让它看起来更加明确。3、默认是有些子集分类不显示的，我改一下参数，让所有分类都展开不收起；把弧度曲线改成折线。...
2021-11-11 16:31:28
2606
原创 g6实现左右展开树图（思维导图）
设置边和节点，可以用default，也可以再单独设置。参考如下：https://g6.antv.vision/zh/docs/api/graphFunc/item/#graphnodenodefn节点总览 | G6Circle | G6
2021-11-11 16:29:19
4668
16
原创 echarts关系图不同系列的圆球不同颜色尝试（html版本）
1、首先弄个关系图demo（官网）代码看这里，注意：下面的代码都只有需要改动的地方，在官方的例子基础上改动2、接下来我想要将圆球变成渐变色的，并且圆球变大，连接线变短。option = { series: [ { type: 'graph', layout: 'force', force: { // initLayout: 'circular', // gravity: 0, // 节点受到的向中心的引力因子。该值越大节点越往中心点靠拢
2021-10-27 11:10:36
1689
1
原创 奇奇怪怪的小知识点增加了＜card onclick=“点击我跳转页面A“＞＜button onclick=“点击我跳转页面A“＞点击＜/button＞＜/card＞
1、HttpOnly一般来说，只有服务器操作Cookie 才能保证一些必要的安全。但有时候，可能需要前端来增删改查 Cookie, 这个时候咱们的主角出现了——HttpOnly(๑•̀ㅂ•́) ✧.HttpOnly: HttpOnly is an additional flag included in a Set-Cookie HTTP response header. Using the HttpOnly flag when generating a cookie helps mitigate
2021-10-17 14:39:29
278
原创 思路~解惑 （持续更新中~~~~~~~~~~~~~~~~~~~~~~）
1、如何把echarts嵌入fineReport2、考虑如何使报表用json数据，如何拼接好一个json数据3、如何点击图表，传参到别的地方（如左边是柱形图，点击柱子，右侧出现相关参数）4、如何实现图表联动？5、如何实现图表（FineReport自带图表+echarts图表）联动？6、如何外接js？是否支持？7、报错：超出或小于body边界答：设置绝对布局8、视频学习地址：https://edu.fanruan.com/guide/finereporthttps://edu.
2021-09-17 16:10:24
1200
原创 css的设置
如果用帆软设置css，要重回原始状态，要用jq写css了。再也不能愉快的用less、sass了。拖下来一个按钮，添加一个初始化后事件，在javascript中引入外部的css文件。setTimeout(function() { $(".fr-btn-text").eq(0).css({ "font-size":"20px", "height":"50px", "line-height": "50px", }); $(".fr-btn-up").eq(0).css({ .
2021-09-15 15:37:19
261
原创 fine report 写在开始
新项目伊始，要用到帆软软件的report，是个专业的报表工具，说实话，还是挺感兴趣的，数据图形化可视化在普通人严重确实是个很炫酷的技术。以前比较多用echarts，现在多搜索帆软的资料以后，发现这个是个封闭性很强的软件，可以说已经独立成一个系统了，有自己的客户端。当然也留了二次开发的端口，但是在我来看还是有些过于依赖本身，这大概不是个适合前端的软件，更加适合后台或者数据库开发人员。 但是，...，但是，我对它的可视化效果还是惊艳的，特别是大屏，由此，继续...
2021-09-14 16:45:12
498
原创 vant遇到的坑总结（可能并没有解决办法^~^）
1、vant2上传组件（Uploader）在安卓app中调不起系统摄像头/相册解决：设置accept="image/*"，当然可能并不起作用。2、点击事件：@click 写成@click.native3、
2021-09-06 16:03:52
2053
原创 vue3需要注意的小问题
1、安装nodejs 提示错误2502 2503msiexec /package C:\Users\Administrator\Downloads\node-v12.22.5-x64.msi注意：要使用有管理员权限的终端。2、对象数组第一个是总览，其他是列表项，相当于要从第二个开始循环（v-for）下面是思路：1、处理arr，把第一个删掉，如果数据是分页数据，就判断是否是第一页&是否是第一个数据2、如果第一个总览有不同的标志，则用v-if判断，然后正常循环3、...
2021-08-24 09:46:12
363
原创 关于pc手机端自适应开发的一些记录
一、pc端、手机端开发的区别1、兼容性1⃣️pc需要注意各个浏览器的兼容性，主要有谷歌、火狐、qq、uc、opera、ie、360等等。浏览器的内核不同，对不同css的展示效果不一致。（这里需要去查询下浏览器内核的区别）2⃣️手机端需要注意不同手机的浏览器兼容性，主要分安卓、ios。（ios用的safri，有一些自己的规则，是和安卓不太一样的）2、事件处理1⃣️pc点击事件正常用click；有hover；2⃣️手机端有300ms点击事件延迟，需要处理，且用的不是click而是tap；
2021-05-19 09:37:14
288
原创 vscode使用git提交You have not concluded your merge
error: You have not concluded your merge (MERGE_HEAD exists).hint: Please, commit your changes before merging.fatal: Exiting because of unfinished merge.> git pull --tags origin mastererror: You have not concluded your merge (MERGE_HEAD exists).hi.
2021-05-05 16:13:46
1654
1
原创 正则表达式学习
正则表达式Regular ExpressionJavascript RegExp一、使用 ? 和 * 通配符来查找硬盘上的文件? 通配符匹配文件名中的 0 个或 1 个字符，而 * 通配符匹配零个或多个字符data(\w)?\.datdata.*\.dat二、如^[0-9]+abc$^为匹配输入字符串的开始位置[0-9]+匹配多个数字，[0-9]匹配单个数字...
2021-05-05 16:12:41
177
2
原创 关于vue的方法的导出与引用
export default function addPerson() { // ...}一个文件只能有一个export default，可以有多个export。所以在export的时候，import需要用{}来解构；export default则不需要解构。function addPerson() { // ...}function removePerson() { // ...}export default service或者export {.
2021-05-05 16:11:38
306
原创 git命令
1、查看git的历史：git log2、图形化查看git的历史：参考传送带git log --oneline --graph --decorate3、提交git
2021-05-05 16:11:07
62
原创 git练习
1、创建分支，提交分支// 1、创建分支 newImagegit branch newImage// 2、切换到newImage分支git checkout newImage// 3、查询共有哪些分支git branchgit commit -m2、
2021-05-05 16:10:40
121
原创 vant使用方法
说明：记载vant官网上没有提及到的或者容易忽略的用法。1、（form）表单组件：左侧图标、右侧输入框（原官网：左侧文字、右侧输入框）1、需求写法：<van-field v-model="phone" type="tel" name="手机号" left-icon="phone" placeholder="请输入手机号" />2、官网：<!-- 输入手机号，调起手机号键盘 --><van-field v-model="t
2021-03-15 19:36:25
4302
原创 关于数组的一些随记
一、数组遍历改变原数组不改变原数组二、数组会用到的一些属性方法，参照这里var arr = { name: '张三', age: 20 }for(let i in arr){ console.log(arr[i]) } // 结果是：展示此数组对象的每一项的value（主要用于遍历对象的可枚举属性，包括自有属性、继承自原型的属性）Object.keys(arr) // 结果是：展示此数组对象的每一项的key（返回一个数组，元素均为对象自有的可枚举属性）Object.get...
2020-12-19 10:27:52
264
原创 js常用处理数据
1、手机号中间四位星号展示var phone = '15188889999'phone = phone.replace(/^(\d{3})\d{4}(\d+)/,"$1****$2")console.log(phone)2、身份证号中间星号展示var str = '120999199901018789'str = str.replace(/^(.{6})(?:\d+)(.{3})$/,"$1******$2")console.log(str)3、判断手机号是否符合规范va.
2020-12-17 09:55:13
145
原创 冷门问题
冷门问题1、flash和js通过类ExternalInterface进行交互。ExternalInterface有两个方法call和addCallback：1、ExternalInterface.addCallback("在js里可调用的flash方法名",flash内方法) //在js里调用flash里的方法2、ExternalInterface.call("js方法",传给js的参数) ...
2020-12-07 12:04:04
174
原创 eclipse报错log cannot be resolved（简记）
原因：少包解决：下载lombook.jar包，地址https://projectlombok.org/downloads/lombok.jar然后把包复制到这里然后在eclipse.ini文件添加这两行重启软件，错误就消失了。
2020-09-26 16:18:29
513
原创 mac配置maven在eclipse中使用
下载地址：https://maven.apache.org/download.cgi参考：https://blog.csdn.net/weixin_40928964/article/details/81125121下载后解压到你想放的文件夹。接下来配置环境变量：vi ~/.bash_profile配置完成
2020-09-26 15:30:00
208
原创 如何做一个自适应网页
如何做一个自适应网页？允许网页宽度自动调整<meta name="viewport" content="width=device-width, initial-scale=1" />网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。所有主流浏览器都支持这个设置，包括IE9。对于那些老式浏览器（主要是IE6、7、8），需要使用css3-mediaqueries.js。 &
2020-09-18 07:58:30
6789
1
原创 canvas合并图片简单用法
需求：保存一个付款图片，图片中包含 二维码 + 文字插件：第三方jquery插件写法：1、按照第三方插件的提示，这样可以展示生成二维码<div id="pop"> <div id="output"></div> <div id="title">想去旅行的静静</div></div>jQuery(function(){ jQuery('#output').qrcode({ render: "canv
2020-09-14 11:08:23
2371
原创 navicat链接mysql报错：1251- Client does not support authentication protocol
查了资料，是因为mysql8之后的加密规则变化了，mysql8之前是mysql_native_password，mysql8之后变成了caching_sha2_password。现在我要把加密方式改回mysql_native_password。ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY 'password'; #更新一下用户的密码FLUSH PRIVILEGES;#刷新权限这...
2020-09-01 10:02:27
164
原创 移动端常见优化集锦
1、移动端列表页面，含有header和footer，中间content内容比较多的时候，手指滑动页面，会发现地步固定的footer也会随着滑动移动，导致我滑一下停一下，或者手指长按页面小心拖动，能拖动一个页面。...
2020-08-25 22:28:36
216
原创 git报错
remote: Powered by GITEE.COM [GNK-5.0]remote: error: GE007: Your push would publish a private email address.remote: You can make your email public or disable this protection by visiting:remote: https://gitee.com/profile/emailsremote: error: hook declin
2020-08-23 22:42:54
580
原创 vue两个页面之间传参
列表页传递参数到详情页面最开始考虑在url上面传，这样写的：this.$router.push({path: "/newsdetail", query: {id: e}})但考虑到url上传值有些不安全，故考虑换种方法。list页面：this.$router.push({path: '/newsdetail', params: {id: id}})detail页面：let id = this.$route.params.id发现detail总是拿到undefined。查询资料参
2020-08-05 00:19:40
3667
原创 vue项目请求header中添加自定义参数报错（跨域开发）
if (store.state.user.token) { config.headers.common['Authorization'] = store.state.user.token config.headers.common['token'] = store.state.user.token} else { config.headers.common['Authentication'] = '1' config.headers.common['tok.
2020-08-04 22:29:50
6901
原创 点击按钮实现文本复制功能
function copy(){ if (iOS微信端) { var selectedText, element = mui('.myCode')[0]; if (element.nodeName === 'INPUT' || element.nodeName === 'TEXTAREA') { var isReadOnly = element.hasAttribute('readonly'); .
2020-08-02 16:38:05
460
原创 Javascript中var num = 0.7 * 180 console.log(num)
首先要说的是，0.1+0.2不等于0.3JS中采用的IEEE 754的双精度标准，计算机内部存储数据的编码的时候，0.1在计算机内部根本就不是精确的0.1，而是一个有舍入误差的0.1。当代码被编译或解释后，0.1已经被四舍五入成一个与之很接近的计算机内部数字，以至于计算还没开始，一个很小的舍入错误就已经产生了。这也就是 0.1 + 0.2 不等于0.3 的原因。这个属于运算中精度缺失问题，通常这个时候，我做的时候会把数字放大100倍乃至更多，计算完整后再除以100，再根据规定进行四舍五入等。..
2020-08-02 16:21:38
570
原创 闭包与自执行函数
1、for循环与setTimeoutfor (var i = 0; i < 3; i++) { setTimeout(function () { console.log(i); }, 300);}输出结果：3 3 32、将延迟时间换成0for (var i = 0; i < 3; i++) { setTimeout(function () { console.log(i); }, 0);}输出结果：3 .
2020-08-02 14:39:54
217
原创 闭包与声明提升
定义有一个函数，有一个函数内部能够访问的变量，就是一个闭包。function demo() { var local = 100 function demo2() { return local + 'hello' } return demo2()}console.log(demo())闭包例子点击多个按钮例子闭包特点1、占用内存多2、不容易被释放闭包用法变量既想反复使用，又想避免全局污染如何使用？1、定义外层..
2020-08-02 11:52:49
162
原创 JS经典面试题记录
题目代码：function Foo() { getName = function () { console.log(1) } return this}Foo.getName = function () { console.log(2)}Foo.prototype.getName = function () { console.log(3)}var getName = function () { console.log(4)}
2020-08-02 10:23:01
136
原创 页面空白，控制台不报错
现象：页面可以访问，router写的也没有错误，但是就是空白。原因：经过排查发现，是App.vue中引入keep-alive，只处理了缓存的页面，没有考虑非缓存的页面，导致的。 { path: '/', name: 'home', component: () => import('@/views/home/Home'), meta: { keepAlive: true, isBack: true }
2020-07-24 17:12:51
944
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人