- 博客(28)
- 收藏
- 关注
RSS订阅原创 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
410
原创 Fortify-Insecure Randomness
Insecure Randomness（不安全随机数）无厘头：本是青灯不归客 却因浊酒留风尘。星光不问赶路人,岁月不负有心人。漏洞级别：高产生原因： 成弱随机数的函数是 random()。 电脑是一种具有确定性的机器，因此不可能产生真正的随机性。伪随机数生成器 (PRNG) 近似于随机算法，始于一个能计算后续数值的种子。 PRNG 包括两种类型：统计学的 PRNG 和密码学的 PRNG。统计学的 PRNG 可提供有用的统计资料，但其输出结果很容易预测，因此数据流容易复制。若..
2020-07-06 16:50:12
570
原创 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
1790
1
原创 vue 组件之间传值 父转子，子传父，同级别之间的传参，跨级别传参
写这篇文章之前，我对vue组件之间的传值，还是只知道一些基础的传值方式。虽然工作中勉强能够应对，但是想要行云流水感觉还是心有余而力不足，所以在此，我想总结一下vue组件之间的一些传值方式供大家参考，同时也是给自己加深下记忆。vue的传值方式大概分为以下几种父传子 子传父 兄弟间 隔代传参首先我们介绍下第一种 父传子：父传子方式1：最常用的就是props传值，这种方式大家都很熟悉...
2019-12-18 01:51:23
1313
原创 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
4644
1
原创 js之深浅拷贝
应用场景：现有一个数组Array对象，需要在两个不同模块上展示，分别为模块A和模块B，现需求为模块A循环展示Array的所有信息，模块B在Array的基础之上添加一个字段，且不影响字段A的正常展示最终效果如下实现分析：原始数据（暂定数组名称为listArray1）和拷贝后的数据（暂定数组名称为listArray2）都有一部分相似的数据，唯一区别就是拷贝后的数据中添加了一条，所以我们...
2019-05-11 01:04:18
379
原创 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
1346
1
原创 node 如何用npm创建和发布自己的模块
在创建模块的前提我们需要做好准备工作1、注册npm的账号https://www.npmjs.com/signup2、注册git然后创建模块创建模块的命令npm init然后根据命令提示一步一步操作，以下是我操作的截图操作完毕后我们就可以看到编辑器中多了一个pageage.json的json文件，记录以上的信息一下是package.json文件内容继续，发布...
2019-05-02 19:59:01
319
原创 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
690
原创 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
8155
原创 插件库集合
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
118
原创 使用cross-env解决跨平台设置NODE ENV的问题
分享下今天学习的知识，仅供大家参考：今天用node命令打开项目的时候，提示一个问题，貌似说的是没有安装啥的，然后就着急解决，就没有截图记录，大概记得是这样一句话：sh: 1: cross-env: not found当时也不是很清楚啥意思。然后在万能的百度上回去查找了一下，说的是在package.json的scripts标签下配置的命令导致的，主要就是&&和;这两个符...
2019-04-03 22:22:18
2948
原创 新版本webpack4打包
该打包教程来源于“vue.js项目开发实战” 书第一步：建立一个空白文件夹，然后在cmd进入到文件夹中输入 npm init -y，初始化javaScript工程,生成package.json文件第二步：安装webpack,接着输入 npm install --save webpack提示以上信息代表安装成功，并且自动生成 mode_modules文件夹（相关依赖包）...
2019-03-24 19:42:38
877
原创 mpvue开发小程序
前两天出去面试一把，感觉有点坑，问我一堆前端的问题，结果说招后端，具体哪个公司就不给大家说了，总结就是：“面试的时候一定问清楚HR招聘的要求”。小程序第一个问题：获取用户位置信息获取用户位置信息，貌似18年开发小程序的时候还没有提示这种情况，直接调用wx.getLocation(),但是时隔两个月之后，哎！只能说互联网行业更新太快，时刻的学习，出现这种情况，报错位置基本已经很清楚了...
2019-02-25 18:21:53
205
原创 vue router
关于Router在vue中的定义我就不做过多的介绍了，重点给你们解释下Router 的用法一下方法只针对模块化机制编程，第一步：引入Vue.use(VueRouter)；第二部：定义路由组件，该处为引用template模板（说白了就是.vue后缀的文件，用important 方式引入）；第三步：定义路由，const routes = [ { path: '/需要跳转的路径名称...
2019-02-16 20:38:23
323
原创 require.js模块化编程
接触过大型项目的童靴都知道，也许都会有很深的感触，就是页面越写越多，加载各种js文件，这个时候万一加载的js文件如果有先后顺序，是很蛋疼的，为了解决这个蛋疼的问题，应运而生的出来require.js，他的好处，不言而喻了， 在实际开发中，我们可能接手的是好几手的项目，每个人建立的文件夹，都是乱七八糟，位置不同，当然还是有比较不错的同学，所以对于相同文件夹下的js我们做第一种方案：方案1...
2019-01-20 03:57:49
172
原创 vue父子组件传值以及子改变父组件的方法
今天和大家讨论下Vue中的组件传值的过程，Vue中的组件传值大家听的最多的就是父传子用props接收了，那么子改变父呢，具体怎么来做，今天我来和大家图文并茂下父传子：props第一步：引用自己写的Vue模板，第二步：用components 命名标签，第三步：引用标签，如图所示<component></component> 这是引用模板的流程 ...
2019-01-16 14:18:45
940
原创 slot
解释：slot官网上的定义是“插槽”，又叫内容分发。实用场景：在实际的一些情况中，子组件往往并不知道需要展示的内容，而只提供基础的交互功能，内容及时间又父组件来提供。用法：请看以下代码<div id="app"> //使用包含solt标签属性的子组件 <my-slot> //属性solt值需要与子组件中的slot的name值...
2019-01-13 20:52:23
1207
原创 Vue动态组件 component标签 keep-alive标签
多读书还是有好处，前段时间，用vue做了一个动态切换tab的项目，如果初学者的做法就是用路由进行跳转，但是今天闲来没事看教程和书发现还有一种做法，就是用component的is,即多个组件可以使用同一个挂载点，根据条件来切换不同的组件。component标签中的is属性决定了当前采用子组件，is-bind的缩写：":is" 绑定父组件中data的其中一个属性，具体代码如下&...
2019-01-13 15:13:55
6294
9
原创 关于ios中的滚动卡顿现象
今天做项目的时候出现一种关于用户体验上的小Bug.(安卓端没问题，ios会出现此种情况)用户上拉拖动的时候，会出现卡顿，要么上不去，要么下不来， 于是乎上网查了一下，解决的方法有很多，最简单的就是用样式改变-webkit-overflow-scrolling:touch；关于-webkit-overflow-scrolling这个参数 他有两个属性其中一个就是touch他代表的含义就是...
2019-01-07 15:36:52
2843
原创 VUE路由的hash模式与history模式的区别
hash模式url带#号，history模式不带#号。通过history api，我们丢掉了丑陋的#，但是它也有个问题：不怕前进，不怕后退，就怕刷新，f5，（如果后端没有准备的话）,因为刷新是实实在在地去请求服务器的,不玩虚的。在hash模式下，前端路由修改的是#中的信息，而浏览器请求时是不带它玩的，所以没有问题.但是在history下，你可以自由的修改path，当刷新时，如果服务器中没有相...
2019-01-04 14:47:18
7815
2
原创 小程序轮播图
记录点点滴滴，现在开始装逼！每次看之前的代码，大家会对自己之前写的代码有什么样的看法尼？今天修复之前自己写的小程序，发现一个关于轮播的问题，然后随笔记录下来，同时也提供给大家做参考。说道轮播大家肯定不陌生，提到小程序的轮播，大家一定回想到swiper,但是swiper中有一个重要的参数 相信有部分同事应该会忽略掉就是“circular”官网的解释如下：可以看出他是布尔值的，...
2019-01-03 14:38:41
407
原创 vue+vant 表单提交，实现图片上传
这是2018年最后一个周二了，这个周二有点淡淡的忧伤，于是和我往常一样听着歌敲着代码，于是乎，遇到了一个问题，图片上传的，虽然之前用mpvue开发小程序的时候做过一样的，但是后来时间久了，忘记了，今天再走一遍，下面我简洁的写下流程1.下面这个页面效果图，图片是在网上随便找的一张2.这个是页面的部分代码，用的是有赞团队的 vant框架3.然后重点来了，看屏幕，我现在要点击“保存...
2018-12-25 17:38:28
28571
11
原创 Vue的双向绑定的原理是什么（面试经常问）
vue.js采用的是数据劫持结合发布和-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter,getter，在数据变动时发布消息给订阅者，触发相应的监听回调。那么Object我们知道是一个对象，defineProperty()这个方法是什么呢？作用是什么呢，我 们来一起分析一下首先我们来看下他的语法所以很清楚了，Object.definePr...
2018-11-22 09:49:07
15600
6
原创 js数组去重
数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。在真实的项目中碰到的数组去重，一般都是后台去处理，很少让前端处理数组去重。虽然日常项目用到的概率比较低，但还是需要了解一下，以防面试的时候可能回被问到。一、利用ES6 Set去重（ES6中最常用） funct...
2018-11-18 22:23:24
98
原创 用css编写各种箭头
大家还在为页面中添加各种箭头而烦恼吗？当然。这些完全可以用图片代替，但是为了更好的用户体验和保证代码的简化上,我们完全可以使用css的伪元素来代替，具体做法如下.le { position: relative; padding-left: 15px; padding-right: 30px; height: 2.58823529em; min-height: 2.5882...
2018-11-07 15:14:29
810
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人