自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

ShiYadong的专栏

天道酬勤,勤能补拙。博观而约取,厚积而薄发。本人钱端菜鸟一枚,对博客有什么疑问和见解,欢迎评论交流...

原创 Js 实现某个区域内滚动条上拉触底的事件

首先要有三个参数: 1.计算该容器的固定高度 clientHeight 2.计算滚动条距离顶部的距离 scrollTop 3.计算该容器内内容的高度 scrollHeight 当clientHeight >=scrollHeight -scrollTop时,即为上拉触底; 以vue...

2019-11-10 21:39:13 180 0

原创 使用text-shadow 实现字体描边效果

先看下效果: text-shadow:x位移 y位移 模糊程度 颜色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...

2019-08-03 14:42:33 617 0

转载 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,...

2019-05-08 22:23:27 1045 0

原创 Object.keys() 的使用

假如有这样一个需求,打印下面这个对象中所有的键: var person = { name: '张三', age: 18, 66: '66', 2: '2' }; 1.使用for in循环试一下...

2019-03-06 20:56:11 769 0

原创 Vue 之vue-router router.beforeEach导航守卫,陷入死循环

官方文档 :https://router.vuejs.org/zh/guide/advanced/navigation-guards.html 判断浏览器缓存是否有用户的信息,没有的话跳转登录页。 看了官方文档,直接这样写了。(试了手动清除缓存,再从url里面跳登录页,直接陷入了死循环) r...

2019-01-09 14:49:39 2501 4

转载 Vue 弹出层时 禁止页面滑动

上代码 /***滑动限制***/ stop(){ var mo=function(e){e.preventDefault();}; document.body.style.overflow='hidden'; ...

2018-12-20 16:17:23 865 2

原创 js 中的 Truthy 和 Falsy(真值与假值)

Truthy 不等于 ture,他是指是在Boolean上下文中转换后的值为真的值。我的理解是,在javascript中所有表达式为true的值。同理Falsy指的是在javascript中所有表达式为false的值。 所有值都是真值,除非它们被定义为 falsy (即, 除了false,0,“...

2018-12-05 09:36:51 181 0

转载 关于mongoose查询到的数据无法修改的问题 —— 踩坑之路

    我们在使用Mongoose的时候,或许大家都会发现回调返回的result无法进行修改的问题 实际上mongoose返回的数据并不是object,虽然通过typeof判断类型是Object,但其实mongoose自己封装的一个对象,并且这个对象会对数据进行实时查询以保证其符合预定义的mo...

2018-12-04 16:27:10 1118 1

转载 vue中父组件调用子组件的方法

我们都知道通过$ref可以获取到某个DOM,但是它也可以用来获取子组件的实例,调用子组件的方法 例:  子组件: &lt;template&gt; &lt;div&gt;&lt;/div&gt; &lt;/template&...

2018-11-28 14:17:48 443 0

转载 安卓原生嵌套网页,调用vue里面的函数,进行交互

刚好遇到这个问题,便转发了这篇博客:https://blog.csdn.net/jhl122/article/details/79151303   之前写过一个博客是安卓原生与JS交互的博客:http://blog.csdn.net/jhl122/article/details/5340662...

2018-11-21 14:43:56 1913 0

原创 使用Gulp 构建微信小程序

Gulp 开发微信小程序 使用 sass 开发 wxss 支持 px2rpx(将px转换成rpx, 1px = 2rpx) 支持es6/7 开发 js(es6 代码可转换成es5) 项目目录结构 github地址:https://github.com/ityadong/gulp_wecha...

2018-11-14 15:57:44 888 0

转载 css3中filter的各种特效

先来看下京东收银台的滤镜效果 .container{ filter: blur(2px); } css3中的filter属性可以说是简单易用且强大,这些效果作用在图片上实现一些特效(也可以作用在vidio上,此处只讨论图片特效)。 浏览器兼容性   目前各大浏览器对于css...

2018-10-31 20:48:05 157 0

转载 js 函数中的 return+匿名函数

今天一个刚学js的朋友给了我一段代码问为什么方法不执行,代码如下: 代码如下: function makefunc(x) {   return function (){    return x;   }  }  alert(makefunc(0));    结果是:function ()...

2018-10-24 14:15:17 349 0

原创 微信小程序 路由跳转传参wx.navigateTo ,字符串转对象报错

官方文档地址:https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html (一)问题   看了文档之后,传一个参数没有问题,就是如果你路由跳转想传对象,必须将对象转换成字符串, JSON.st...

2018-10-24 13:08:25 2063 2

原创 js 计算出 两个时间戳之间的间隔时间,再将间隔时间倒计时

   现在有这样一个需求,前端 播下一个种子,后台给你返回两个时间戳,第一个是 你播种时的时间戳,第二个是 种子发芽成熟之后的时间戳。然后让你计算 种子成熟的倒计时。 JavaScript 获取当前时间戳: 第一种方法: var timestamp = Date.parse(new Dat...

2018-10-23 13:32:36 6546 1

转载 wx.navigateBack()返回上一页面如何传参数?

wx.navigateBack()不能像其他导航一样通过url传参,因此只能使用其他方法: 先说两个可以实现但弊端很大的方法: 1、将数据存到app.globalData中,然后返回上一页面从全局数据中获取         弊端:数据为全局数据,必须谨慎维护,否则全局某处做出修改,牵一发而动...

2018-10-23 13:13:58 14190 0

转载 CSS遮罩 mask/masks 的应用 和 实现镂空效果

在过去,CSS mask属性在使用的时候就是mask: xxx,但是现在随着这个属性的规范化,mask属性实际上已经成为了诸多mask-*的缩写,这和background, border性质是一样的。 具体是哪些属性的缩写呢,可以参见下面的列表: mask-image mask-mode ...

2018-10-22 16:20:01 1086 0

原创 css中同时使用多个伪元素和伪类

1、例如需要使用:.list-item::after 同时也要使用:.list-item:last-child 那么需要把最后一个对象的after覆盖掉的话可以这么操作: .list-item:last-child::after{ //write the styles } 或者第...

2018-09-25 10:46:16 4555 0

转载 微信小程序使用setData修改data中对象的属性值

在微信小程序开发中数据与页面的绑定是靠data对象来实现的。如果要修改页面中某个变量的值,就需要使用this.setData({变量名:值})。  比如,点击按钮修改变量值: change:function(e){ this.setData({ test:'hello w...

2018-09-11 15:37:24 1556 0

转载 vue中使用keep-alive (缓存效果,返回不刷新)

1.keep-alive的作用以及好处 在做电商有关的项目中,当我们第一次进入列表页需要请求一下数据,当我从列表页进入详情页,详情页不缓存也需要请求下数据,然后返回列表页,这时候我们使用keep-alive来缓存组件,防止二次渲染,这样会大大的节省性能。 2.keep-alive的基本用法 ...

2018-09-06 14:42:35 1356 0

转载 Nginx到底能做什么

1. 前言 本文只针对Nginx在不加载第三方模块的情况能处理哪些事情,由于第三方模块太多所以也介绍不完,当然本文本身也可能介绍的不完整,毕竟只是我个人使用过和了解到过得。 2. Nginx能做什么 反向代理 负载均衡 HTTP服务器(包含动静分离) 正向代理 以上就是我了解到的Ngi...

2018-09-06 11:34:09 164 0

原创 Vue 实现 路由过渡动画效果

演示效果 iOS滑动效果,可以切换到ios分支获取代码 github地址:https://github.com/zhengguorong/pageAinimate

2018-09-05 16:42:36 949 0

转载 vue 路由传参 params 与 query

初学vue的时候,不知道如何在方法中跳转界面并传参,百度过后,了解到两种方式,params 与 query。然后,错误就这么来了:    router文件下index.js里面,是这么定义路由的: { path:"/detail", name:&q...

2018-08-30 17:17:22 359 6

原创 input最大长度限制问题

&lt;input type="text" maxlength="5" /&gt; //可以 &lt;input type="number" maxlength="5" /&...

2018-08-30 09:55:20 3478 0

转载 vue中当图片地址无效的时候,显示默认图片,和图片加载完毕执行的回调

web项目中经常需要展示图片,很可能就会碰到图片地址无效的情况,比如图片地址不对,或者后台拿到图片地址后,该地址无效,或者数据库中没有该图片等情况。这时候,图片就会显示一个叉。  对于项目中出现的这种情况,我们也可以不做处理,但是比较影响美观,所以我们都会使用一个默认的图片来代替图片原来的地址。 ...

2018-08-28 16:45:01 716 0

转载 Vue 中 $refs 的使用

说明:vm.$refs 一个对象,持有已注册过 ref 的所有子组件(或HTML元素) 使用:在 HTML元素 中,添加ref属性,然后在JS中通过vm.$refs.属性来获取 注意:如果获取的是一个子组件,那么通过ref就能获取到子组件中的data和methods 1. 添加ref属性 ...

2018-08-21 11:45:54 2279 0

原创 关于 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...

2018-08-16 16:01:57 39463 4

转载 使用Nginx 实现纯前端跨域(转载+汇总)

你是否厌倦了老是依赖后台去处理跨域,把握不了主动权 你是否想模仿某个app倒腾一个demo,却困于接口无法跨域 那么很幸运,接下来我将现实不依赖任何后台,随心所欲的想访问哪个域名就访问哪个! 下载nginx 地址: http://nginx.org/en/download.html 注意:...

2018-08-16 11:40:39 4698 0

原创 全局安装 Vue cli3 和 继续使用 Vue-cli2.x

官方链接:https://cli.vuejs.org/zh/guide/installation.html 1.安装Vue cli3  关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x),你需...

2018-08-15 14:16:42 13796 0

转载 ES6 map()遍历、filter()筛选 的简单使用

map():     map和forEach等遍历方法不同,在forEach中return语句是没有任何效果的,而map则可以改变当前循环的值,返回一个新的被改变过值之后的数组(map需return),一般用来处理需要修改某一个数组的值。 let arr1 = [1,2,3]; let ar...

2018-08-13 10:12:02 3517 0

转载 IDEA 单元测试 导入JUnit4到项目

一、IDEA自带JUnit4的jar包,现在让我们来导入。  Step 1. IDEA最上面一栏的菜单栏中,选File-&gt;Project Structure(从上往下第11个),弹出窗口左边有一个列表,选Module。 Step 2. 右侧有一个带3个标签的窗口,选Depende...

2018-08-11 11:32:22 810 2

原创 Java利用cors实现跨域请求

 当一个资源从与该资源本身所在的服务器不同的域或端口不同的域或不同的端口请求一个资源时,资源会发起一个跨域 HTTP 请求。   出于安全考虑,浏览器会限制从脚本内发起的跨域HTTP请求。跨域资源共享机制允许 Web 应用服务器进行跨域访问控制,从而使跨域数据传输得以安全进行。浏览器支持在 AP...

2018-08-10 11:53:47 648 0

原创 iview modal 怎样 控制 对话框的 不关闭

     想要使用 iview 的 Modal对话框实现 单击确定的 时候不直接关闭对话框,而是经过一些判断, 满足自己的条件的时候再关闭对话框   可以使用iview的 slot 自定义样式实现 &lt;div slot="footer"&gt; ...

2018-08-06 15:44:19 5420 0

转载 CSS自定义滚动条(IE和chrome)

说明 许多浏览器对滚动条的样式是不一样的,比IE下和chrome下就好区别很多,而且它们的代码实现也是不一样的  下面就实现一下IE下和chrome下的滚动条样式 一、chrome(webkit)下滚动条 主要有下面7个属性: 1.::-webkit-scrollbar 滚动条整体部...

2018-07-26 11:47:02 351 0

转载 select动态绑定vue.js

动态选项,用 v-for 渲染: &lt;select v-model="selected"&gt; &lt;option v-for="option in options" v-bind:value="option...

2018-07-20 09:49:22 1717 0

原创 js获取当前时间,并格式化为"yyyy-MM-dd HH:mm:ss"

function getFormatDate() { var date = new Date(); var month = date.getMonth() + 1; var strDate = date.getDate(); if (month &gt;=...

2018-07-17 15:11:28 14151 0

转载 Vue中使用vue-i18插件实现多语言切换功能

在基于vue-cli项目开发过程中,多语言切换功能可使用vue-i18插件,具体实现方法如下:step1: 在项目中安装vue-i18插件cnpm install vue-i18n --save-dev step2:在项目的入口文件main.js中引入vue-i18n插件 import Vue ...

2018-07-10 18:11:34 3504 0

转载 js 深入扩展----js同步与异步编程

JS中的两种编程思想:同步、异步JS是单线程的-&gt;JS就是个傻子,脑子一根筋,做着当前的这件事情,没有完成之前,绝对不会做下一件事情1、同步-&gt;上一件事情没有完成,继续处理上一件事情,只有上一件事情完成了,才会做下一件事情(JS中大部分都是同步编程的)for(var i...

2018-07-10 08:56:16 87 0

转载 vue 基础 filter 过滤器使用

vue 对数据提供一个  filter 的处理器,虽然命名为  filter  ,但是我觉得叫做数据处理器更体贴。用以在不改变的data 的情况下  输出前段需要的格式数据。基本调用方法:{{ message | filterFun }} new Vue({ // ... filters:...

2018-07-09 17:08:04 574 0

翻译 vue-awesome-swiper 的使用

 在Vue项目中如何实现轮播图的效果呢,在传统项目中第一个想到的一般都是swiper插件,代码简单好用。一开始我也是直接npm安装swiper然后照着之前的传统写法写,然而却没有效果,只会显示图片但没有轮播效果。上网查了很多资料也参考其他同行的做法,跟着改但是还是没效果。后来发现vue是有一个专门...

2018-07-02 11:12:38 1767 0

提示
确定要删除当前文章?
取消 删除