- 博客(105)
- 收藏
- 关注
RSS订阅原创 vue3更具文件目录动态添加路由配置
在view文件夹下，建立threePage文件夹，在里面建立index.vue，index1.vue；在项目中，想要在某个文件夹下直接添加.vue文件，并根据文件自动生成route跳转，动态获取view/threePage里面文件，配置文件router对象。在router的index文件内引入上述文件，打开对应的页面路径。建立three.js文件，即可跳转对应的页面；
2024-09-24 16:26:49
314
原创 window端口占用情况及state解析
背景：在电脑使用过程中，经常会开许多项目，慢慢地发现电脑越来越卡，都不知道到底是在跑什么项目导致，于是就想查看一下电脑到底在跑什么软件和项目，以作记录。
2024-06-18 17:12:49
826
原创 使用原生input file 属性，通过axios上传文件
在做开发过程中，我们经常遇到上传的场景，如何使用原生input file来上传问题件。
2024-06-18 09:55:59
213
原创 Vue 爷孙组件通讯之：Provide / Inject 详细介绍
假设有一个组件A，A组件引入B组件（A为B的父组件） ，B组件引入C组件（B为C的父组件），即A为C的祖先组件，此时二者可以使用provide / inject进行通信。时，通常使用的是 props 和 emit，父传子时，使用的是 props，如果是父组件传孙组件时，层层传递非常麻烦。我们这里不让C直接改变A中的数据，而是将A改变数据的方法通过provide传给C，C执行该方法，触发改变A中的数据。以上为A向C传数据，如果C向A传数据（或者说C需要改变A中的数据），该如何做？
2024-06-06 15:24:33
987
原创 H5页面调用a标签打电话
注意事项：使用tel:119,可以在安卓上正常使用，ios有兼容问题，tel://119，在ios与安卓上都可以正常调用。
2023-11-10 14:58:29
396
原创 chrome 升级后，input事件属性兼容处理。disable后不会click冒泡。
新版chrome升级到 116.0.5845.97 之后，input标签，click事件，不会进行冒泡，此时，在外层的click监听不到。自身click亦不会触发。
2023-08-22 15:49:24
655
原创 for var in 循环报错
Property left of ForInStatement expected node to be of a type
2023-02-17 17:09:10
1099
原创 windows下关闭进程
1、找到端口名（3004） netstat -aon | findstr "3004"2、找到pid tasklist|findstr "6412"3、关闭端口 taskkill /pid 6412 -t -f
2022-03-04 09:24:22
866
原创 git合并分支上指定的commit
merge 能够胜任平常大部分的合并需求。但也会遇到某些特殊的情况，例如正在开发一个新的功能，线上说有一个紧急的bug要修复。bug修好了但并不像把仍在开发的新功能代码也提交到线上去。这时候也许想要一个只合并指定某些 commit 的功能。cherry pick 合并单个 commit具体操作：git checkout mastergit cherry-pickcommit-iid就这么简单。62ecb3 已经应用在 master 上了（作为一个新的commit）。...
2022-01-12 11:31:49
1251
原创 服务器学习记录-01 阿里服务器链接
趁着双十一，买了个服务器和域名，整理下服务器相关的配置做做记录。 首先注册阿里云账号，根据自己的需求选购适合自己的服务器类型，我这里选购的是 ecs共享型 n4，1核2g，宽带1M，高效云盘40-100g，宣传上是性能无约束，适用于中小型网站搭建等应用。 我主要用于学习，所以对服务器性能要求不高，找个便宜的而已。 买好之后呢，阿里云会初始化一个实例，并短信通知你，实例名称，公网ip，系统用户（默认root）等等，也可自己登录阿里云查看，登录--控制台--产品与服务--...
2021-11-10 11:21:32
619
原创 vue项目内集成pdfJs
先上官网链接 PDF.js 使用vue进行h5开发过程中，有时需要展示pdf，分享出来的页面，运行平台如果不支持pdf查看的话怎么办，pdfjs提供了很好的api，在这儿给大家提供两种方法以供参考。效果分别如下： 第一种方法，缩放，跳转等等，都需自己额外调取及操作第二种，则比较现成，样式也更接近浏览器自带的pdf预览。两种实现方法如下1 引入pdfjs-dist，调取pdfjs api 将需要查看...
2021-11-03 18:16:27
1842
原创 vue 公众号开发跳转小程序的实现
近期项目中要做公众号H5开发，涉及到指定分享URL及分享界面限定，图片上传，H5跳转小程序等功能，在此做部分记录。 1. 以上功能都必须基于微信sdk授权，因此第一步的微信授权不可少，引入wx-sdk模块import wx from "weixin-js-sdk";在vue入口处app.vue，加载wx.config()注：对于ios设备，获取window.location.href 进行授权链接，对hash路由，可截取#之前路由进行授权。2 指定分享页，可在...
2021-10-12 10:52:33
1035
原创 关于部分安卓机使用手势返回/物理返回键监听不了popState的问题
关于部分安卓机使用手势返回/物理返回键监听不了的问题//当点击返回键时，不返回到上一页，而是直接关闭微信浏览器function onBackCloseWindow() { pushHistory(); window.addEventListener("popstate", function(e) { //关闭当前浏览器或跳转重定向页面 WeixinJSBridge.call("closeWindow"); }, false); functio
2021-08-30 15:08:32
2576
4
原创 webpack 打包异常 unhandledRejection 错误详情查看
在vue2/vue-cli2 项目开发中，引入三分插件时，有时会出现不明确的错误，但是打包时又没有给出明确的错误未知。此时，在build/build.js 内加入此段，打包时查看具体报错未知及报错信息方便调试。process.on('unhandledRejection', error => {console.error('unhandledRejection', error);process.exit(1)// To exit with a 'failure' code}...
2020-09-23 09:38:49
1429
原创 正则匹配url 参数
getParam(name){ var reg = new RegExp("(^|&)"+name+"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); var strValue = ""; if (r!=null){ strValue= unescape(r[2]); } return strValue;}
2020-05-25 11:55:34
1866
原创 获取树结构的任意节点的森林路径
// 根据某一个节点的过滤条件，获取其在一个森林的路径。function getPathByKey(value, key, arr) { let temppath = []; try { function getNodePath(node){ // 这里可以自定义push的内容，而不是整个node,而且这里node也包含了children temppath.push(node); //找到符合条件的节点，通过th.
2020-05-21 11:32:08
503
转载 import * as 的聚合与分离
以为Es6，javascript第一次支持了module。ES6的模块化分为导出（export）与导入（import）两个模块，其中在项目中，我们会经常看到一种用法import * as obj from，这种写法是把所有的输出包裹到obj对象里。示例一：// index.jsexport function fn1(data){ console.log(1)}export function fn2(data){ console.log(2)}import * as...
2020-05-19 10:03:09
485
原创 移动端小于12px 字体解决方案
随着h5 的兴起，设计的五花八门，页面存在许多小号字体。但移动端对小于12px的支持度不一，详见下面测试。https://www.cnblogs.com/he-lian/p/4512276.html?_t_t_t=0.47901571358823203 那么我们如何在特定区域展示小号字体呢。首先想到的方案就是缩放，使用 transform: scale(0.5)，使用trans...
2020-04-29 09:43:19
3146
原创 字符串中的 ↵ 回车符替换
对于录入的一串字符串，在文本中录入时，进行回车换行。录入的结果会如下。包含回车符↵啦啦啦啦↵→妈妈们渐渐承担越来越 在进行文本编辑的时候，我们会进行回车换行，输入回车符↵ ，在前端进行段落展示的时候，使用vue v-html却展示不出换行的效果，反而展示成了空格。那么如何展示成换行。 经发现，字符串中的 ↵ 替换的时候，会被替换为 空格。...
2020-04-23 14:46:39
2649
原创 vue 父子组件pros传递快速更新 ---修饰符 sync
在vue项目中，我们经常会遇到入下情况，将部分代码组件化，成为子组件复用，那么在属性值的传递过程中，又会遇到子组件内想要改变传递的属性值的时候，父组件的值不同步的问题，该如何解决这个问题呢？ 方法1：子组件内emit方法，父组件接收到然后在父组件内修改。 在子组件内，想要修改传递的值该如何修改呢，如果直接 this.value = "" 通常会报不可直接修改的错误。此...
2020-04-03 11:29:23
457
转载 git强制覆盖分支代码 A branch -- B branch
在开发中，通常会保持两个分支test分支和develop分支，但是如果因为develop上面迭代太多而没有及时维护master，最后想丢弃master而直接将测试确认过的develop强推到master，该怎么操作呢？切换到develop分支下，并保证本地已经同步了远端develop的最新代码。 1 2 git checkout...
2019-06-19 14:33:55
3396
原创 vue data恢复初始化数据
在我们进行vue开发过程中，经常会保存一些页面，此时，我们在app.vue的配置如下， <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive>以此来保存页面，那么在再次进入这些页面的时候，我们需要重置该页面的...
2019-03-06 10:03:33
5607
原创 页面实现锚点滚动的滑动效果
实现锚点滚动，需要两个方面的因素：1，锚，即我们点击的地方。2，目标位置，即页面需要滚动的距离。1 锚点 anchor通俗的讲就是导航，如百度百科的我们可以点击右侧的锚点，从而使得页面滚动到指定的位置。锚点相对比较容易，我们只需要在对应的位置加上事件即可，给每个需要滚动锚点加绑定滚动的方法。2.目标距离如何计算需要滚动的距离，准确定位锚点的位置，计算公式为：需要...
2019-03-06 09:44:20
6583
转载 【转】详解 JavaScript的 call() 和 apply()
定义ECMAScript规范为所有函数都包含两个方法(这两个方法非继承而来), call 和 apply 。这两个函数都是在特定的作用域中调用函数,能改变函数的作用域，实际上是改变函数体内 this 的值 。call 和 apply语法 定义 说明 call(thisObj，Object) 调用一个对象的一个方法，以另一个对象替换当前对象。 call 方法可...
2018-12-24 15:00:24
207
转载 【转】深入理解定位父级offsetParent及偏移大小
偏移量(offset dimension)是javascript中的一个重要的概念。涉及到偏移量的主要是offsetLeft、offsetTop、offsetHeight、offsetWidth这四个属性。当然，还有一个偏移参照——定位父级offsetParent。本文将详细介绍该部分内容定位父级 在理解偏移大小之前，首先要理解offsetParent。人们并没有把offsetPa...
2018-12-24 14:54:56
241
转载 git技巧：删除在本地有但在远程库中已经不存在的分支
$ git remote show origin可以查看远程库的一些信息，及与本地分支的信息。有时候可能遇到如下情况$ git remote show origin* remote origin Fetch URL: ... .git Push URL: ... .git HEAD branch: master Remote branches: dev ...
2018-12-04 15:22:37
4345
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人