![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
心得体会
文章平均质量分 60
SilenceJude
多做,多想,少说话。
展开
-
Vue中keep-alive时,activated钩子函数比beforeRouteEnter钩子先执行。
Vue中开启keep-alive时,activated钩子函数比beforeRouteEnter钩子先执行。原创 2022-11-28 12:27:48 · 571 阅读 · 0 评论 -
抖音内打开的h5页面,跳转到抖音商户页面方法记录。
需求说明:最近在开发抖音内嵌H5页面,需要上传抖音视频,其实上传主要是通过后端封装抖音提供的openapi接口来实现。但是产品突然提了一个需求,说能不能上传成功后跳转到抖音其他页面呢?于是我翻遍了官方提供的js桥文档,但是官方文档里面根本没有相关的js桥和跳转方法。于是使出了程序员的三连:做不了,实现不了,没有这个功能。结果产品发来一个二维码,抖音扫码进去后是某商户的推广H5,功能大概是授权后上传素材视频,但最后它上传成功后居然跳转到了抖音的商户页面!啪啪打脸。于是开始研..原创 2021-12-15 10:09:21 · 27235 阅读 · 7 评论 -
webrtc学习记录附一【通过centos8搭建一个基础的coturn服务器】
前言一、安装Centos8图形化界面。1.1、安装图形桌面的软件包1.2、设置图形模式为默认模式启动1.3、重启后,即可登录图形化界面2、开始安装coturn服务器2.1、修改host,以便能正常连接gitlab2.2、下载,编译,安装coturn2.2.1、折磨部分,欧皇和大牛可以不看。2.3、记录内网,外网ip地址。2.4、关闭防火墙2.5、修改coturn服务器的配置文件2.6、关于openssl证书。2.7、运行coturn服务器。2....原创 2021-11-30 00:45:55 · 1718 阅读 · 0 评论 -
腾讯坐标系转化成百度坐标系
目录需求描述:1、通过数学公式计算后转换。1.1、腾讯/高德地图经纬度转换成百度经纬度1.2、百度经纬度转换成腾讯/高德地图经纬度2、利用官方提供的api文档进行转换。2.1、腾讯坐标系转换成百度坐标系。2.2、百度等其他坐标系,转腾讯坐标系。验证结果:需求描述:不同坐标系之间的转化是比较常见的需求,今天恰好我也遇到了一个相关场景。要求是讲小程序传来的腾讯坐标系转换成百度坐标系,再传给后台。经过查阅相关资料后,发现主要有以下2种方式:1、通过数原创 2021-11-11 18:34:13 · 7315 阅读 · 0 评论 -
JS判断两个连续号码区间是否有重叠部分的方法
需求描述:购票系统中,经常会根据票价金额区间来进行梯度费率设置,例如1-500元,收取1%的费用,501-1000元收取2%的费用。而这个梯度价格区间,是管理人员手动输入的。那么在输入的时候,就会面临一个判断,新输入的价格区间,可能和旧的价格区间有冲突。所以此时需要前端进行校验,并找出冲突区间并给与提示。代码实现:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-原创 2021-10-19 16:38:45 · 724 阅读 · 0 评论 -
webrtc学习记录一【媒体录制MediaRecorder】
系列文章目录文章目录前言记录webrtc学习过程中的要点,以便温故知新。本章主要学习媒体录制相关提示:以下是本篇文章正文内容,下面案例可供参考一、MediaRecorder类的使用媒体录制功能主要是基于MediaRecorder这个类来实现的。总结提示:这里对文章进行总结:例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。...原创 2021-06-30 18:00:01 · 1890 阅读 · 1 评论 -
v-for循环中的点击事件无效,不报错也不崩溃处理心得。
晚上加点东西到列表循环里,结果发现怎么改点击事件都不生效。查看控制台,也没有报错,只是单纯的点击不生效。于是写了个测试按钮,一步步的挪,发现都是可以的。一直挪到v-for中就会失效。 <div class="hot_list"> <div class="hot_info_item" v-for="(item,i) of currentImageItem.hotAreaConfigInfoList" :key="item.id">原创 2021-06-14 23:19:59 · 3160 阅读 · 0 评论 -
一些常用的正则表达式,正整数,邮箱,url等
好久没写文章了,赶紧记录一下。记录一些常见的正则表达式:"^//d+$" //非负整数(正整数 + 0) "^[0-9]*[1-9][0-9]*$" //正整数 "^((-//d+)|(0+))$" //非正整数(负整数 + 0) "^-[0-9]*[1-9][0-9]*$" //负整数 "^-?//d+$" //整数 "^//d+(//.//d+)?$" //非负浮点数(正浮点数 + 0) "^(([0-9]+//.[0-9]*[1-9][0-9]*)|([0-9]*[1-原创 2021-03-22 16:31:38 · 185 阅读 · 0 评论 -
封装自定义组件使用v-model的方法:
以前对封装自定义组件使用v-model时理解不深,甚至有些错误理解。导致每次写v-model时非常麻烦,不愿意使用。今天再次用到时,查了相关资料,终于理解了如何最直接的使用v-model以及model。举个例子:需要封装一个tab组件,并且使用v-model来获取当前tab栏的值。那么父组件调用的代码则期望是这样的:而v-model是绑定参数和绑定事件的语法糖,一个组件上的 v-model 默认会利用名为 value 的 prop 和名为input 的事件,因此v-model一般情况下是::va原创 2020-11-12 17:48:51 · 3095 阅读 · 1 评论 -
微信浏览器中,使用touchMove等事件时,会同时导致整个页面下拉显示网址问题解决!!
问题描述:页面需要做一个上拉下拉的滑动效果,所以自己加了一些touchmove,touchstart,touchend等事件来控制。pc下效果都挺不错的,但是到了微信浏览器中,恶心的情况就来了:每次下拉的时候,都会导致微信浏览器整个页面下拉显示网址,同时由于这两个事件冲突导致下滑效果非常差。问题分析过程:先来一通疯狂百度再说。结果查到的东西全是让禁用touchmove事件,还有一些高级点的加了一些判断,比如通过类名或者设置原型链上的某个属性值来判断是否阻止默认事件。 document原创 2020-11-04 10:38:19 · 2160 阅读 · 3 评论 -
vue中的vant使用心得及踩坑事件:轮播组件swipe渲染的宽度为0
文章目录问题现象:轮播组件swipe渲染的宽度为0问题描述:问题分析:问题解决:问题现象:轮播组件swipe渲染的宽度为0问题描述:今天开发的时候,需要使用一个轮播图组件。由于渲染的很多数据都是接口获取的,因此我这里通过hadImageDetail字段控制是否开始渲染。而下图的代码中,hadImageDetail是从接口异步获取到的,而van-swipe却会在vue的mounted阶段就开始渲染,导致此时轮播图获取到的宽度为0.如下图:问题分析:原因就是前面提到的,hadImageDet原创 2020-10-24 22:30:59 · 3448 阅读 · 0 评论 -
Photo Sphere Viewer的陀螺仪必须在https下才能开启,否则无效。!!!
我也是真的服了,找了七八个小时的问题,明明配置正确,代码ok,还找到react的代码对比,结果就是不行。最后翻github的issue,发现有人提到陀螺仪必须在https环境下才能开启。我尼玛啊。。。。!!!!!...原创 2020-10-12 20:26:25 · 596 阅读 · 5 评论 -
vue项目的一些自动化操作写法。
文章目录1、自动化导入api模块。2、自动化导入注册vuex中的modules模块。3、利用vuex的plugins,实现自动同步vuex的数据到本地存储,或者从本地存储中恢复数据到vuex中。4、自动化注册路由。vue项目中,我们经常会引入路由模块,api模块,vuex模块,还有一些公用组件模块。每次都手动输入模块和路径,自然难免心生厌恶,只是个名字不一样,每次都得重新写一堆东西。于是自动化注册和自动化引入,就显得非常重要了。但是,其实所谓的自动化注册,核心思路就是通过require.contex原创 2020-08-18 18:22:05 · 747 阅读 · 0 评论 -
vue中多页面项目配置详解。【cli2和cli3版本配置】
前言:最近总结了一下自己以前写过的一些项目,发现项目分散的比较杂乱,因此想通过一个多页面应用来统一管理,正好借此机会实战一下多页面应用。结合网上查阅的一些资料,整理了一下vue部署多页面应用的配置详情。如有错误,欢迎指正。git地址: https://github.com/Silent-Jude/multi-project文章目录版本一:vue2.5.2 + webpack3.6.0 + ...原创 2019-11-14 17:01:47 · 943 阅读 · 0 评论 -
radio组件封装的关键
阅读element组件库的el-radio组件时,发现其设置了一个label属性用于存放真正的值,这样父组件使用v-model时,才能正确设置绑定的值。而父组件使用时需要传递label,这样才能正常实现效果。之前自己封装时将:value绑定的值是value,导致v-model无法正常工作。...原创 2019-10-16 17:42:51 · 773 阅读 · 0 评论 -
防抖(节流)函数在Vue项目中的应用。
文章目录防抖函数应用方式一:直接import到每个组件单独使用应用方式二:函数式组件实现防抖。应用方法三:使用自定义指令封装防抖函数。防抖函数废话少说,先上一个防抖函数。关键是如何应用到vue项目中。/** * @desc 函数防抖 * @param func 函数 * @param wait 延迟执行毫秒数 * @param immediate true 表立即执行,false...原创 2019-09-10 17:05:46 · 4829 阅读 · 0 评论 -
csdn自动生成目录和基础操作
文章目录自动生成目录索引生成水平线生成标题自动生成目录索引文章开头加入@[TOC](目录描述)目录描述可不写生成水平线3个短横杠---生成标题# 一级标题## 二级标题### 三级标题... 以此类推注意#号后面一定要有空格。...原创 2019-09-10 10:00:19 · 286 阅读 · 0 评论 -
使用git克隆指定分支的代码
今天下载项目代码,最新的开发环境代码是位于development分支上的,master主分支上的则是稳定的线上代码。而直接使用git clone [xxxx项目地址]命令克隆代码,得到的是master分支上的代码,因此我需要克隆指定分支的代码。上网查找了一下,指令是:git clone -b [xxx分支名称] [xxx项目地址]测试了一下, 没问题。...原创 2019-09-06 14:23:49 · 511 阅读 · 0 评论 -
三分钟通过nginx反向代理解决前端跨域问题
前后端分离开发的过程中,跨域问题一定避免不了。关于如何解决跨越问题,已经是老生常谈了,cors,jsonp,nginx,iframe,Nginx正向代理与反向代理 https://www.jianshu.com/p/ae76c223c6ef...原创 2019-09-04 00:58:57 · 2088 阅读 · 0 评论 -
windows下tree命令的使用方法
经常逛技术博客的朋友们应该见过这种项目树结构,能够清晰的列出所有的资源目录,非常直观。如果手动输入那得把人累死,起始这些都是通过命令行中的tree命令来生成的,非常简单。Linus系统和windows系统下,命令还不一样。但是我没法测试Linus系统,所以这里就以Windows系统命令行下的tree命令为示例。直接在需要输入的目录下,输入:tree此时展现的是所有文件夹的路径所构成的树。...原创 2019-08-16 11:20:11 · 25350 阅读 · 4 评论 -
js中删除数组元素的方法总结。
子曰:“学而时习之,不亦说乎?”虽然我觉得这里的习字应该理解为实践练习,而不是复习,但是这里权当我理解错了吧o(╯□╰)o。今天就整理一下js中删除数组元素的方法,包括原生API和自定义API。原生API:删除数组最后一个元素,arr.pop(),并返回该元素,对原数组有影响。删除数组第一个元素,shift(),并返回该元素,对原数组有影响。删除从数组start下标开始,往后coun...原创 2018-11-22 17:47:57 · 2488 阅读 · 0 评论 -
前端学习中的一些小知识点。
阻止form表单提交的方式? &lt;form action=""&gt; 用户名:&lt;input name="uname"&gt; &lt;span&gt;&lt;/span&gt;&lt;br&gt; 密码:&lt;in原创 2018-11-20 09:10:01 · 124 阅读 · 0 评论 -
前端面试题积累。
——不积跬步无以至千里原创 2018-11-20 09:44:55 · 137 阅读 · 0 评论 -
前端小坑,自填自用。
1.涉及到跨越数据传递时,localhost和 127.0.0.1并不相同,跨域允许设置的是 http:// 127.0.0.1:8080,项目访问路径http://localhost:8080/会报跨域错误,需改为http:// 127.0.0.1:8080。因为localhost需由Windows自动解析,也可以自己设置。localhost:也叫local ,正确的解释是:本地服务器12...原创 2018-11-26 17:50:39 · 184 阅读 · 0 评论 -
Axios发送跨域请求时,默认不携带cookie的问题解决示例。
问题发现:在使用vue开发学子商城项目时,发现登录页面即使登录成功了,也无法将正确的登录状态信息传递回主页。如图:登陆成功之后,登录状态码为1,且通过cookie保存下来,跳转到首页后通过axios请求获取cookie中保存的登录状态码。但是此时获取到的状态码却不正确,导致错误的原因是: axios请求默认不携带cookie解决方案:一、修改axios中的cookie配置。通过查...原创 2018-11-27 10:06:05 · 30353 阅读 · 6 评论 -
v-for中通过动态绑定class来实现触发效果。
vue动态绑定class练习。:class=“{ ‘类名1’:条件表达式,‘类名2’:条件表达式… }”&amp;lt;template&amp;gt; &amp;lt;div class=&quot;app-*&quot;&amp;gt; &amp;lt;ul&amp;gt; &amp;lt;li v-for原创 2018-12-06 10:04:29 · 1105 阅读 · 0 评论 -
Angular初学阶段总结。
Angular,前端开发始终绕不开的山,久仰大名,却一直连文档都没敢翻开看。不过开始学习之后,发现其实也不是很难,特别是有Vue开发经验之后,而且两个框架本就有一定的渊源。下面就将自己的学习过程记录一下,夯实基础,希望能早日登顶。原创 2018-12-26 22:46:22 · 257 阅读 · 0 评论 -
Angular组件之间的通信方式。
准备写到Angular总结中去的,又怕太长以后自己都找不到,就先写下来再说吧!Angular组件之间的通信方式,和vue一样有3种。1.父组件往子组件传递(vue中是props down)2.子组件往父组件传递(vue中是events up)3.非父子关系组件传递(vue中是bus总线)...原创 2018-12-27 14:20:38 · 6589 阅读 · 0 评论 -
git提交到远程仓库github上时,出现 “failed to push some refs to”解决方案!!
不得不吐个槽,网上关于git的资料实在是太乱了,为了解决一个问题,结果掉到了又一个坑里!哎,赶紧自己把坑填起来,以免下次又掉进去!!问题起源——以前在github上面创建了一个仓库,后来项目写的差不多了,想要提交到这个远程仓库上面!然后执行下面步骤:1.在项目根目录下打开git bash: git init2.创建忽略上传文件清单(主要是忽略node modules): touch .g...原创 2018-12-12 11:22:43 · 4152 阅读 · 2 评论 -
Vue中创建全局组件,并且使用Vue.use() 载入。
自定义vue组件,一般是局部引用的方式载入,使用的时候,在应用的组件中使用 import moduleName from ‘module’ 导入即可。&amp;lt;template&amp;gt; &amp;lt;div class=&quot;app-NewsInfo&quot;&amp;gt; &amp;lt;h3&amp;gt;{{info.title原创 2018-12-19 09:32:41 · 3243 阅读 · 0 评论 -
零散知识点记录。
记录一些零散的知识点,未验证,以免自己忘了。1.A,B组件非父子组件时,生命周期状态如图。如果此时通过bus触发$emit事件,只能绑定在组件1的 beforeDestory上,因为只有这时B组件才已经生成并挂在完毕。2.还是bus组件问题,切换路由时,这个$on事件是不会自动清楚销毁的,需要我们手动来销毁。记得在B组件上的beforeDestory中绑定 bus.$off销毁事件。...原创 2019-01-10 15:18:26 · 305 阅读 · 0 评论 -
vue开发环境下引入外部css和js
一、引入外部JS首先,外部js文件需要通过ES6标准导出,导出规则请参看下表。然后在需要引入js的组件中,根据上图规则来导入,即可使用。二、css或者stylus或者sass等。直接在需要导入的组件中,使用@import导入即可。...原创 2019-01-08 14:58:57 · 2394 阅读 · 0 评论 -
echarts使用心得技巧速记速查。
速记速查。一、echarts 调整图表 位置 的方法调整画布内,图像的总体偏移位置,设置grid属性就可以了 myChart.setOption({ title:{ text:"价格指数" }, grid:{ ...原创 2019-01-08 20:24:50 · 456 阅读 · 0 评论 -
子组件多次复用且传参到父组件时遇到的一些问题。
问题描述:我们都知道,父子组件之间传参用props,子向父用$emit,兄弟间有bus。但是今天遇到个问题,A组件是一个selector选择器小组件,根据传参不同选择项目也不同,返回结果也不同。B组件中使用了4次A组件,传参都不一样,且需要将4次的返回结果都保存下来。其实就是下图4个自己封装的选择器,分别是A组件的4次复用,整个的大组件是B,B组件需要根据A组件的值来进行搜索,获取统计等操作。...原创 2019-01-10 00:50:23 · 4322 阅读 · 0 评论 -
Vue中的监听器属性watch,监听对象的一些深入研究。
Vue中的侦听器属性watch使用的频率还是非常高的,但是对于其中的一些特性使用起来还是比较模糊,没有总结的特别到位。有次和同事为这事争论了半天,看到对方比较强硬自己就怂了,心想难道是我记错了?其实还是因为自己没有深入的探究过,虽然记得,但却没有实际的去验证!为了弄清楚这个问题(为了下次能吵赢 ),今天特意写了一些demo来验证一下。data中有以下属性,year是普通属性,yearList是数...原创 2019-01-23 13:30:45 · 7358 阅读 · 4 评论 -
el-table中设置行数据联动变化时,其他列的数据延迟更新(要点击其他位置才更新)的问题解决!
有段时间没有写文章了,因为一直在忙着赶项目,每次想写什么都觉得好累,身心俱疲。可是不写又怕踩过的坑哪天又掉进去了,而且时间一长就忘了当时是怎么解决的,果然是年纪大了么…问题描述项目中需要做一个表格行的数据联动,修改号码,会根据输入的值进行判断是否符合规则,符合规则就能够输入;否则就提示错误信息,并将表格的值置为修改之前的值。这里我使用了自定义指令来完成校验和恢复旧值,当元素focus的时候记录...原创 2019-04-28 19:17:16 · 3027 阅读 · 0 评论 -
连续票据号段,每次选择号段之后,根据已选号段和剩余号段,自动选择号段问题解决思路。
需求:在本项目中,添加选择票据信息时,每条票据信息都有一个指定的号码段,有起始号码,终止号码,隐藏的属性还有校验位信息,号码长度。要求用户每次选择号段时,会根据用户已选票据,和用户当前选择的票据信息对比,若属于同一种票据,则需要根据用户已选的票据,和该号段下剩余的票据,自动进行选择。选择规则:若剩余的票据号段是一整段连续号段,则自动选择剩余的全部号段为一条票据信息。若剩余的票据号段有多个...原创 2019-07-31 11:43:17 · 960 阅读 · 0 评论 -
鼠标移入移出事件中,子元素也归属于父元素的一部分!
开门见山——直接上结论。结论:鼠标移入移出事件中,子元素也归属于父元素的一部分!当鼠标还在子元素内,但是离开父元素范围,依然不触发移出事件!**然后上demo:...原创 2018-11-19 20:44:35 · 1493 阅读 · 1 评论