- 博客(134)
- 资源 (8)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 Vue使用ffmpeg，报ReferenceError: SharedArrayBuffer is not defined 如何解决
SharedArrayBuffer is not defined，共享内存，跨源隔离
2023-08-21 11:28:01
9464
5
原创 vue-cli3升级到vue-cli4，同时将vue2.6升级到vue2.7
对于项目太大，升级有难度，又想体验compositionAPI的可以先过渡到vue2.7
2022-09-13 20:59:03
1316
原创 Js 实现某个区域内滚动条上拉触底的事件
首先要有三个参数：1.计算该容器的固定高度 clientHeight2.计算滚动条距离顶部的距离 scrollTop3.计算该容器内内容的高度 scrollHeight当clientHeight >=scrollHeight -scrollTop时，即为上拉触底；以vue为例（部分代码）：<template> <di...
2019-11-10 21:39:13
985
原创 使用text-shadow 实现字体描边效果
先看下效果：text-shadow:x位移 y位移 模糊程度 颜色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scal...
2019-08-03 14:42:33
2981
转载 Math.max 找出数组中最大值，一直报NaN 的问题
var arr=[1,2,3,45,66]var num =Math.max(arr.join(','))alert(num)为什么用了arr.join(',')后,弹出的num就是Nan呢?方法一：var arr = [1,2,3,45,66]var num = Math.max.apply( null, arr );console.log( num );apply的...
2019-05-08 22:23:27
4107
原创 Object.keys() 的使用
假如有这样一个需求，打印下面这个对象中所有的键： var person = { name: '张三', age: 18, 66: '66', 2: '2' };1.使用for in循环试一下 for(var item in person){ console.log(item); }控制台打印的结果是 ： ...
2019-03-06 20:56:11
11021
原创 Vue 之vue-router router.beforeEach导航守卫，陷入死循环
官方文档 :https://router.vuejs.org/zh/guide/advanced/navigation-guards.html判断浏览器缓存是否有用户的信息，没有的话跳转登录页。看了官方文档，直接这样写了。（试了手动清除缓存，再从url里面跳登录页，直接陷入了死循环）router.beforeEach((to,from,next)=>{ if(sessionS...
2019-01-09 14:49:39
6719
5
转载 Vue 弹出层时 禁止页面滑动
上代码 /***滑动限制***/ stop(){ var mo=function(e){e.preventDefault();}; document.body.style.overflow='hidden'; document.addEventListener("touchmove",mo,false);//禁止页面滑动 ...
2018-12-20 16:17:23
1875
2
原创 js 中的 Truthy 和 Falsy（真值与假值）
Truthy 不等于 ture，他是指是在Boolean上下文中转换后的值为真的值。我的理解是，在javascript中所有表达式为true的值。同理Falsy指的是在javascript中所有表达式为false的值。所有值都是真值，除非它们被定义为 falsy (即， 除了false，0，“”，null，undefined和NaN 外)。一、 TruthyJavaScript中的真...
2018-12-05 09:36:51
751
转载 关于mongoose查询到的数据无法修改的问题 —— 踩坑之路
我们在使用Mongoose的时候，或许大家都会发现回调返回的result无法进行修改的问题实际上mongoose返回的数据并不是object，虽然通过typeof判断类型是Object，但其实mongoose自己封装的一个对象，并且这个对象会对数据进行实时查询以保证其符合预定义的model，而无论添加删除model都不会改变，所以设置无效。幸好mongooes提供给我们函数来解...
2018-12-04 16:27:10
2815
1
转载 vue中父组件调用子组件的方法
我们都知道通过$ref可以获取到某个DOM，但是它也可以用来获取子组件的实例，调用子组件的方法例： 子组件：<template> <div></div></template><script> export default { methods:{ childMethod(flag) { ...
2018-11-28 14:17:48
1509
转载 安卓原生嵌套网页，调用vue里面的函数，进行交互
刚好遇到这个问题，便转发了这篇博客：https://blog.youkuaiyun.com/jhl122/article/details/79151303 之前写过一个博客是安卓原生与JS交互的博客：http://blog.youkuaiyun.com/jhl122/article/details/53406623。那是正常情况下的交互，但是如果前段人员使用vue开发就会产生一个问题：安卓原生调用js中的方法报“...
2018-11-21 14:43:56
3494
原创 使用Gulp 构建微信小程序
Gulp 开发微信小程序使用 sass 开发 wxss 支持 px2rpx（将px转换成rpx, 1px = 2rpx） 支持es6/7 开发 js（es6 代码可转换成es5）项目目录结构github地址：https://github.com/ityadong/gulp_wechat_cli[ |-- gulpfile.js', //gulp打包工具配置文件 ...
2018-11-14 15:57:44
1816
转载 css3中filter的各种特效
先来看下京东收银台的滤镜效果.container{ filter: blur(2px);}css3中的filter属性可以说是简单易用且强大，这些效果作用在图片上实现一些特效（也可以作用在vidio上，此处只讨论图片特效）。浏览器兼容性 目前各大浏览器对于css3的兼容已经非常好了，最新版本都可以支持css3，老版本的ie9以下的还是不支持，不过这不是重点，微软...
2018-10-31 20:48:05
448
转载 js 函数中的 return+匿名函数
今天一个刚学js的朋友给了我一段代码问为什么方法不执行，代码如下：代码如下:function makefunc(x) { return function (){ return x; } } alert(makefunc(0)); 结果是：function (){return x;}不是0不是脚本写错了，只是没搞懂return，从当前函数退出，并从那个函数返...
2018-10-24 14:15:17
1484
原创 微信小程序 路由跳转传参wx.navigateTo ，字符串转对象报错
官方文档地址：https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html（一）问题 看了文档之后，传一个参数没有问题，就是如果你路由跳转想传对象，必须将对象转换成字符串，JSON.stringify()当后台数据 较复杂的时候，比如传了个富文本格式的字符串A页面将其转换成...
2018-10-24 13:08:25
4708
5
原创 js 计算出 两个时间戳之间的间隔时间，再将间隔时间倒计时
现在有这样一个需求，前端 播下一个种子，后台给你返回两个时间戳，第一个是 你播种时的时间戳，第二个是 种子发芽成熟之后的时间戳。然后让你计算 种子成熟的倒计时。JavaScript 获取当前时间戳：第一种方法：var timestamp = Date.parse(new Date());结果：1280977330000第二种方法：var timestamp = (ne...
2018-10-23 13:32:36
10962
1
转载 wx.navigateBack（）返回上一页面如何传参数？
wx.navigateBack（）不能像其他导航一样通过url传参，因此只能使用其他方法：先说两个可以实现但弊端很大的方法：1、将数据存到app.globalData中，然后返回上一页面从全局数据中获取 弊端：数据为全局数据，必须谨慎维护，否则全局某处做出修改，牵一发而动全身2、将数据存到本地缓存中（localStorage），然后从缓存中获取 ...
2018-10-23 13:13:58
28915
转载 CSS遮罩 mask/masks 的应用 和 实现镂空效果
在过去，CSS mask属性在使用的时候就是mask: xxx，但是现在随着这个属性的规范化，mask属性实际上已经成为了诸多mask-*的缩写，这和background, border性质是一样的。具体是哪些属性的缩写呢，可以参见下面的列表：mask-image mask-mode mask-repeat mask-position mask-clip mask-origin...
2018-10-22 16:20:01
3060
原创 css中同时使用多个伪元素和伪类
1、例如需要使用：.list-item::after同时也要使用：.list-item:last-child那么需要把最后一个对象的after覆盖掉的话可以这么操作：.list-item:last-child::after{ //write the styles}或者第二个方法：.list-item:last-child { &:after{...
2018-09-25 10:46:16
16523
转载 微信小程序使用setData修改data中对象的属性值
在微信小程序开发中数据与页面的绑定是靠data对象来实现的。如果要修改页面中某个变量的值，就需要使用this.setData({变量名：值})。 比如，点击按钮修改变量值：change:function(e){ this.setData({ test:'hello world!' })}但是如果要修改data中子对象的属性值呢？一个很自然的想法是多点几次不就行了？比如...
2018-09-11 15:37:24
3418
3
转载 vue中使用keep-alive （缓存效果，返回不刷新）
1.keep-alive的作用以及好处在做电商有关的项目中，当我们第一次进入列表页需要请求一下数据，当我从列表页进入详情页，详情页不缓存也需要请求下数据，然后返回列表页，这时候我们使用keep-alive来缓存组件，防止二次渲染，这样会大大的节省性能。2.keep-alive的基本用法在app.vue中<!-- 缓存所有的页面 --><keep-alive&g...
2018-09-06 14:42:35
4714
1
转载 Nginx到底能做什么
1. 前言本文只针对Nginx在不加载第三方模块的情况能处理哪些事情，由于第三方模块太多所以也介绍不完，当然本文本身也可能介绍的不完整，毕竟只是我个人使用过和了解到过得。2. Nginx能做什么反向代理 负载均衡 HTTP服务器（包含动静分离） 正向代理以上就是我了解到的Nginx在不依赖第三方模块能处理的事情，下面详细说明每种功能怎么做3. 反向代理 反向代理...
2018-09-06 11:34:09
271
原创 Vue 实现 路由过渡动画效果
演示效果iOS滑动效果，可以切换到ios分支获取代码github地址：https://github.com/zhengguorong/pageAinimate
2018-09-05 16:42:36
1573
转载 vue 路由传参 params 与 query
初学vue的时候，不知道如何在方法中跳转界面并传参，百度过后，了解到两种方式，params 与 query。然后，错误就这么来了： router文件下index.js里面，是这么定义路由的：{ path:"/detail", name:"detail", component:home }我想用params来传参，是这么写的，嗯~t...
2018-08-30 17:17:22
532
3
原创 input最大长度限制问题
<input type="text" maxlength="5" /> //可以<input type="number" maxlength="5" /> //没有效果<input type="number" oninput="if(value.length>5) value=value.slic
2018-08-30 09:55:20
6675
转载 vue中当图片地址无效的时候，显示默认图片，和图片加载完毕执行的回调
web项目中经常需要展示图片，很可能就会碰到图片地址无效的情况，比如图片地址不对，或者后台拿到图片地址后，该地址无效，或者数据库中没有该图片等情况。这时候，图片就会显示一个叉。 对于项目中出现的这种情况，我们也可以不做处理，但是比较影响美观，所以我们都会使用一个默认的图片来代替图片原来的地址。<img :src="item.img" @error="imgError(item)" @...
2018-08-28 16:45:01
1820
转载 Vue 中 $refs 的使用
说明：vm.$refs 一个对象，持有已注册过 ref 的所有子组件（或HTML元素） 使用：在 HTML元素 中，添加ref属性，然后在JS中通过vm.$refs.属性来获取 注意：如果获取的是一个子组件，那么通过ref就能获取到子组件中的data和methods1.添加ref属性<div id="app"> <h1 ref="h1Ele">这是H...
2018-08-21 11:45:54
3152
原创 关于 Vue cli 3的配置 vue.config.js 和使用
vue.config.js 的配置 官方文档：https://cli.vuejs.org/zh/config/#vue-config-js 最近安装了下vue cli3版本，查看链接。 和vue cli2 相比文件目录少了很多配置，没有了build和config目录，那么像vue cli2 之前的关于端口号的配置，打包之后路径的配置，图片的配置 等等，应该去哪里配置呢，vue cli...
2018-08-16 16:01:57
53234
5
转载 使用Nginx 实现纯前端跨域（转载+汇总）
你是否厌倦了老是依赖后台去处理跨域，把握不了主动权 你是否想模仿某个app倒腾一个demo，却困于接口无法跨域那么很幸运，接下来我将现实不依赖任何后台，随心所欲的想访问哪个域名就访问哪个！下载nginx地址： http://nginx.org/en/download.html注意： 存放目录中不能含有中文下载完之后，我们就可以 愉快的玩耍啦。本文是在window 系统下的操作...
2018-08-16 11:40:39
5452
原创 全局安装 Vue cli3 和 继续使用 Vue-cli2.x
官方链接：https://cli.vuejs.org/zh/guide/installation.html1.安装Vue cli3 关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove ...
2018-08-15 14:16:42
17074
转载 ES6 map()遍历、filter()筛选 的简单使用
map(): map和forEach等遍历方法不同，在forEach中return语句是没有任何效果的，而map则可以改变当前循环的值，返回一个新的被改变过值之后的数组（map需return），一般用来处理需要修改某一个数组的值。let arr1 = [1,2,3];let arr2 = arr1.map((value,key,arr) => { console.l...
2018-08-13 10:12:02
11149
转载 IDEA 单元测试 导入JUnit4到项目
一、IDEA自带JUnit4的jar包，现在让我们来导入。 Step 1. IDEA最上面一栏的菜单栏中，选File->Project Structure(从上往下第11个),弹出窗口左边有一个列表，选Module。Step 2. 右侧有一个带3个标签的窗口，选Dependencies标签Step 3. 下面的列表框列出了项目的jar包，右侧有个绿色的'+'号，左键点击，在左键菜...
2018-08-11 11:32:22
2151
2
原创 Java利用cors实现跨域请求
当一个资源从与该资源本身所在的服务器不同的域或端口不同的域或不同的端口请求一个资源时，资源会发起一个跨域 HTTP 请求。 出于安全考虑，浏览器会限制从脚本内发起的跨域HTTP请求。跨域资源共享机制允许 Web 应用服务器进行跨域访问控制，从而使跨域数据传输得以安全进行。浏览器支持在 API 容器中使用 CORS，以降低跨域 HTTP 请求所带来的风险。 针对于JAVA开发而言，为了...
2018-08-10 11:53:47
1190
原创 iview modal 怎样 控制 对话框的 不关闭
想要使用 iview 的 Modal对话框实现 单击确定的 时候不直接关闭对话框，而是经过一些判断，满足自己的条件的时候再关闭对话框 可以使用iview的 slot 自定义样式实现<div slot="footer"> <Button type="text" size="large" @click="modalCancel">取消&am
2018-08-06 15:44:19
7820
转载 CSS自定义滚动条（IE和chrome）
说明许多浏览器对滚动条的样式是不一样的，比IE下和chrome下就好区别很多，而且它们的代码实现也是不一样的 下面就实现一下IE下和chrome下的滚动条样式一、chrome（webkit）下滚动条主要有下面7个属性:1.::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的 2.::-webkit-scrollbar-button 滚动条两端的按钮 ...
2018-07-26 11:47:02
919
转载 select动态绑定vue.js
动态选项，用 v-for 渲染：<select v-model="selected"> <option v-for="option in options" v-bind:value="option.value"> {{ option.text }} </option></select><span&a
2018-07-20 09:49:22
2664
原创 js获取当前时间，并格式化为"yyyy-MM-dd HH:mm:ss"
function getFormatDate() { var date = new Date(); var month = date.getMonth() + 1; var strDate = date.getDate(); if (month >= 1 && month <= 9) { month = "0" + mo...
2018-07-17 15:11:28
32002
2
转载 Vue中使用vue-i18插件实现多语言切换功能
在基于vue-cli项目开发过程中，多语言切换功能可使用vue-i18插件，具体实现方法如下：step1: 在项目中安装vue-i18插件cnpm install vue-i18n --save-dev step2:在项目的入口文件main.js中引入vue-i18n插件 import Vue from 'vue' import router from './router' import V...
2018-07-10 18:11:34
6784
转载 js 深入扩展----js同步与异步编程
JS中的两种编程思想：同步、异步JS是单线程的->JS就是个傻子，脑子一根筋，做着当前的这件事情，没有完成之前，绝对不会做下一件事情1、同步->上一件事情没有完成，继续处理上一件事情，只有上一件事情完成了，才会做下一件事情(JS中大部分都是同步编程的)for(var i = 0;i<100000;i++){ if(i==99999){ ...
2018-07-10 08:56:16
208
省-市-区-街道.json
2021-12-16
NoSQL Manager for MongoDB
2018-11-06
iview 怎么给table组件 单元行做鼠标移入事件的
2019-07-22
JS中怎样将字符串中的指定下标的值删除？
2017-08-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人