- 博客(28)
- 收藏
- 关注
原创 React 之React.createContext
Context方法的官方文档地址:https://react.docschina.org/docs/context.html#when-to-use-contextContext 提供了一个无需为每层组件手动添加 props,就能在组件树间进行数据传递的方法。话不多说,直接贴码!!!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta
2021-08-26 14:32:19 433
原创 Fortify-Insecure Randomness
Insecure Randomness(不安全随机数)无厘头:本是青灯不归客 却因浊酒留风尘。星光不问赶路人,岁月不负有心人。漏洞级别:高产生原因: 成弱随机数的函数是 random()。 电脑是一种具有确定性的机器,因此不可能产生真正的随机性。伪随机数生成器 (PRNG) 近似于随机算法,始于一个能计算后续数值的种子。 PRNG 包括两种类型:统计学的 PRNG 和密码学的 PRNG。统计学的 PRNG 可提供有用的统计资料,但其输出结果很容易预测,因此数据流容易复制。若..
2020-07-06 16:50:12 605
原创 vue加载m3u8视频格式
vue加载m3u8视频格式(手机端)vue加载视频的方式有很多,但是想找到合适自己的很难,今天就给大家分享下vue手机端加载m3u8格式的视频文件,废话不多说,直接上码:第一步:npm install vue-video-player --save第二步:在main.js中引入:如下代码import VideoPlayer from 'vue-video-player'require ('vue-video-palyer/node-modules/video.js/dist/video-
2020-06-02 16:18:11 1897 1
原创 vue 组件之间传值 父转子,子传父,同级别之间的传参,跨级别传参
写这篇文章之前,我对vue组件之间的传值,还是只知道一些基础的传值方式。虽然工作中勉强能够应对,但是想要行云流水感觉还是心有余而力不足,所以在此,我想总结一下vue组件之间的一些传值方式供大家参考,同时也是给自己加深下记忆。vue的传值方式大概分为以下几种父传子 子传父 兄弟间 隔代传参首先我们介绍下第一种 父传子:父传子方式1:最常用的就是props传值,这种方式大家都很熟悉...
2019-12-18 01:51:23 1352
原创 js时间排序
1.要求:提供两个字符串每个字符串包含多个时间,格式统一为年月日时分秒,然后根据时间先后顺序排列,并且添加相应的“进店”和“出店”字段//下面这个字符串的时间是进店var dataList1 = "2019.05.09 17:58:31 , 2019.02.09 12:18:12 , 2019.03.09 17:40:01"//下面这个是出店的时间var dataList2 =...
2019-05-30 16:11:44 4739 1
原创 js之深浅拷贝
应用场景:现有一个数组Array对象,需要在两个不同模块上展示,分别为模块A和模块B,现需求为模块A循环展示Array的所有信息,模块B在Array的基础之上添加一个字段,且不影响字段A的正常展示最终效果如下实现分析:原始数据(暂定数组名称为listArray1)和拷贝后的数据(暂定数组名称为listArray2)都有一部分相似的数据,唯一区别就是拷贝后的数据中添加了一条,所以我们...
2019-05-11 01:04:18 404
原创 vue监听返回按钮,改变返回后的页面中data的字段
问题描述: 现在有页面A和页面B,页面A有三个菜单分别为A1,A2 ,A3,默认选中A1。点击页面A3同时 ,跳转到页面B,暂定A页面原属性“activeTabId”为“bardA”,然后点击页面B的返回按钮,返回到A页面中的A3位置(改变了默认选中,实现了记忆功能),返回成功后并改变页面A中data中的“activeTabId”属性为“bardB”解决方案: ...
2019-05-07 17:10:56 1386 1
原创 node 如何用npm创建和发布自己的模块
在创建模块的前提我们需要做好准备工作1、注册npm的账号https://www.npmjs.com/signup2、注册git然后创建模块创建模块的命令npm init然后根据命令提示一步一步操作,以下是我操作的截图操作完毕后我们就可以看到编辑器中多了一个pageage.json的json文件,记录以上的信息一下是package.json文件内容继续,发布...
2019-05-02 19:59:01 340
原创 vue 路由传参params和query
大家都知道vue的路由传参有两种query和params,但是前面的是用name还是用path,也许大家容易记混了,今天来帮大家梳理下1:首先看来query 1.1: path: <li @click="goHrefQuery('/index2')">子组件index2</li> goHrefQuery(pageIndex){ this.$ro...
2019-04-06 15:24:49 710
原创 a||b a&&b
|| 和 &&是js中的逻辑运算符,|| 表示或者的意思,&& 表示并且的意思,我们可能最长用的就是这种var a = 20;var b = 30;var x=25;var y = 60;if(x > a && x < b){ console.log("x在ab之间")}if(y > a || y> ...
2019-04-05 09:39:44 8263
原创 插件库集合
1.fastClick.js (取消300毫毛的延迟) 为什么会存在延迟? Google开发者文档中有提到:mobile browsers will wait approximately 300ms from the time that you tap the button to fire the click event. The reason for this is...
2019-04-03 23:04:32 133
原创 使用cross-env解决跨平台设置NODE ENV的问题
分享下今天学习的知识,仅供大家参考:今天用node命令打开项目的时候,提示一个问题,貌似说的是没有安装啥的,然后就着急解决,就没有截图记录,大概记得是这样一句话:sh: 1: cross-env: not found当时也不是很清楚啥意思。然后在万能的百度上回去查找了一下,说的是在package.json的scripts标签下配置的命令导致的,主要就是&&和;这两个符...
2019-04-03 22:22:18 3004
原创 新版本webpack4打包
该打包教程来源于“vue.js项目开发实战” 书第一步:建立一个空白文件夹,然后在cmd进入到文件夹中输入 npm init -y,初始化javaScript工程,生成package.json文件第二步:安装webpack,接着输入 npm install --save webpack提示以上信息代表安装成功,并且自动生成 mode_modules文件夹(相关依赖包)...
2019-03-24 19:42:38 894
原创 mpvue开发小程序
前两天出去面试一把,感觉有点坑,问我一堆前端的问题,结果说招后端,具体哪个公司就不给大家说了,总结就是:“面试的时候一定问清楚HR招聘的要求”。小程序第一个问题:获取用户位置信息获取用户位置信息,貌似18年开发小程序的时候还没有提示这种情况,直接调用wx.getLocation(),但是时隔两个月之后,哎!只能说互联网行业更新太快,时刻的学习,出现这种情况,报错位置基本已经很清楚了...
2019-02-25 18:21:53 222
原创 vue router
关于Router在vue中的定义我就不做过多的介绍了,重点给你们解释下Router 的用法一下方法只针对模块化机制编程,第一步:引入Vue.use(VueRouter);第二部:定义路由组件,该处为引用template模板(说白了就是.vue后缀的文件,用important 方式引入);第三步:定义路由,const routes = [ { path: '/需要跳转的路径名称...
2019-02-16 20:38:23 333
原创 require.js模块化编程
接触过大型项目的童靴都知道,也许都会有很深的感触,就是页面越写越多,加载各种js文件,这个时候万一加载的js文件如果有先后顺序,是很蛋疼的,为了解决这个蛋疼的问题,应运而生的出来require.js,他的好处,不言而喻了, 在实际开发中,我们可能接手的是好几手的项目,每个人建立的文件夹,都是乱七八糟,位置不同,当然还是有比较不错的同学,所以对于相同文件夹下的js我们做第一种方案:方案1...
2019-01-20 03:57:49 183
原创 vue父子组件传值以及子改变父组件的方法
今天和大家讨论下Vue中的组件传值的过程,Vue中的组件传值大家听的最多的就是父传子用props接收了,那么子改变父呢,具体怎么来做,今天我来和大家图文并茂下父传子:props第一步:引用自己写的Vue模板,第二步:用components 命名标签,第三步:引用标签,如图所示<component></component> 这是引用模板的流程 ...
2019-01-16 14:18:45 961
原创 slot
解释:slot官网上的定义是“插槽”,又叫内容分发。实用场景:在实际的一些情况中,子组件往往并不知道需要展示的内容,而只提供基础的交互功能,内容及时间又父组件来提供。用法:请看以下代码<div id="app"> //使用包含solt标签属性的子组件 <my-slot> //属性solt值需要与子组件中的slot的name值...
2019-01-13 20:52:23 1303
原创 Vue动态组件 component标签 keep-alive标签
多读书还是有好处,前段时间,用vue做了一个动态切换tab的项目,如果初学者的做法就是用路由进行跳转,但是今天闲来没事看教程和书发现还有一种做法,就是用component的is,即多个组件可以使用同一个挂载点,根据条件来切换不同的组件。component标签中的is属性决定了当前采用子组件,is-bind的缩写:":is" 绑定父组件中data的其中一个属性,具体代码如下&...
2019-01-13 15:13:55 6338 9
原创 关于ios中的滚动卡顿现象
今天做项目的时候出现一种关于用户体验上的小Bug.(安卓端没问题,ios会出现此种情况)用户上拉拖动的时候,会出现卡顿,要么上不去,要么下不来, 于是乎上网查了一下,解决的方法有很多,最简单的就是用样式改变-webkit-overflow-scrolling:touch;关于-webkit-overflow-scrolling这个参数 他有两个属性其中一个就是touch他代表的含义就是...
2019-01-07 15:36:52 2904
原创 VUE路由的hash模式与history模式的区别
hash模式url带#号,history模式不带#号。通过history api,我们丢掉了丑陋的#,但是它也有个问题:不怕前进,不怕后退,就怕刷新,f5,(如果后端没有准备的话),因为刷新是实实在在地去请求服务器的,不玩虚的。在hash模式下,前端路由修改的是#中的信息,而浏览器请求时是不带它玩的,所以没有问题.但是在history下,你可以自由的修改path,当刷新时,如果服务器中没有相...
2019-01-04 14:47:18 7845 2
原创 小程序轮播图
记录点点滴滴,现在开始装逼!每次看之前的代码,大家会对自己之前写的代码有什么样的看法尼?今天修复之前自己写的小程序,发现一个关于轮播的问题,然后随笔记录下来,同时也提供给大家做参考。说道轮播大家肯定不陌生,提到小程序的轮播,大家一定回想到swiper,但是swiper中有一个重要的参数 相信有部分同事应该会忽略掉就是“circular”官网的解释如下:可以看出他是布尔值的,...
2019-01-03 14:38:41 426
原创 vue+vant 表单提交,实现图片上传
这是2018年最后一个周二了,这个周二有点淡淡的忧伤,于是和我往常一样听着歌敲着代码,于是乎,遇到了一个问题,图片上传的,虽然之前用mpvue开发小程序的时候做过一样的,但是后来时间久了,忘记了,今天再走一遍,下面我简洁的写下流程1.下面这个页面效果图,图片是在网上随便找的一张2.这个是页面的部分代码,用的是有赞团队的 vant框架3.然后重点来了,看屏幕,我现在要点击“保存...
2018-12-25 17:38:28 28680 11
原创 Vue的双向绑定的原理是什么(面试经常问)
vue.js采用的是数据劫持结合发布和-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。那么Object我们知道是一个对象,defineProperty()这个方法是什么呢?作用是什么呢,我 们来一起分析一下首先我们来看下他的语法所以很清楚了,Object.definePr...
2018-11-22 09:49:07 15655 6
原创 js数组去重
数组去重,一般都是在面试的时候才会碰到,一般是要求手写数组去重方法的代码。如果是被提问到,数组去重的方法有哪些?你能答出其中的10种,面试官很有可能对你刮目相看。在真实的项目中碰到的数组去重,一般都是后台去处理,很少让前端处理数组去重。虽然日常项目用到的概率比较低,但还是需要了解一下,以防面试的时候可能回被问到。一、利用ES6 Set去重(ES6中最常用) funct...
2018-11-18 22:23:24 109
原创 用css编写各种箭头
大家还在为页面中添加各种箭头而烦恼吗?当然。这些完全可以用图片代替,但是为了更好的用户体验和保证代码的简化上,我们完全可以使用css的伪元素来代替,具体做法如下.le { position: relative; padding-left: 15px; padding-right: 30px; height: 2.58823529em; min-height: 2.5882...
2018-11-07 15:14:29 851
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人