自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

我不是安徒生的博客

天若有情天亦老,人间正道是沧桑

  • 博客(26)
  • 收藏
  • 关注

原创 vue项目记住密码以及加密解密

最近在做的项目(Vue)中有这样一个功能:记住密码。这个实现起来其实很简单了,就是一个存取cookie的过程,但是考虑到安全性问题,需要进行加密处理,这里给大家简单介绍两种方法:base64加密和md5加密。还是熟悉的三步骤:安装,引入,使用一、安装在项目根目录下,打开命令行工具,(小技巧:在文件夹目录下,按住Shift键 +鼠标右键,会出现:在此处打开命令行窗口)npm install ...

2019-12-05 16:12:58 3328

原创 通过节流函数(throttle)解决鼠标移动太快不触发mouseleave问题

最近在做项目的过程中遇到了一个问题,就是鼠标在移动太快的时候不会触发mouseleave,会导致之前mouseenter显示的内容一直显示,最终在网上看到节流函数(throttle)就试了一下,完美解决,这里跟大家分享一下。具体什么是节流函数(throttle),网上有一大推的文章,这里就只简单的给大家介绍一下:1.定义规定在一个单位时间内,只能触发一次函数,如果这个单位时间内触发多次函数,只...

2019-12-03 15:58:27 3225 3

原创 Vue项目中图片懒加载

项目中有时候我们为了提高用户的体验,在处理图片加载的时候可能需要用到懒加载,今天就给大家介绍一款vue项目中比较方便好用的图片懒加载的插件:vue-lazyload。1.安装插件npm install vue-lazyload --save-dev2.在入口文件main.js中引入并使用import VueLazyload from 'vue-lazyload'Vue.use(Vue...

2019-10-17 16:37:12 772

原创 vue 打印(分页打印)

最近项目中碰到一个需求,需要前端预览打印当前页面的内容,但是在打印的时候需要分页打印,想了很多办法,最后解决,在这做一个分享。首先是打印,网上有很多方法,这里面我用的是一个插件 vue-print-nb --save,使用起来比较方便(缺点是不兼容IE,所以考虑兼容IE浏览器的小伙伴慎用)。1.安装,直接通过npm安装 npm install vue-print-nb --save...

2019-05-13 13:57:36 24674 51

原创 Sass的安装以及使用

一,Sass简述首先什么是Sass?按照官方的说法,Sass是目前世界上最成熟,最稳定,最强大的专业级css扩展语言,注意是css的扩展语言。Sass是对CSS3(层叠样式表)的语法的一种扩充,我们可以认为是一款强化 CSS 的辅助工具(官方也是这样说的)。Sass本身的语法并不太容易让浏览器识别(虽然它和CSS的语法非常的像,几乎一样),因...

2019-04-28 16:17:13 850

原创 如何下载微信公众号里面的视频?

​1. 首先我们进入到公众号里面找到要下载的视频,点击上面的复制链接,如图:2. 然后用Chrome浏览器(这里我用的是Chrome浏览器)打开刚才我们复制的那个链接。在该页面,鼠标右键,点击查看网页源码,你会看到这样的一个页面,如图:3. 按Ctrl + F ,在浏览器的右上角的搜索框里面,输入关键字 v.qq4. 搜索出来的内容可能有多个,我们找到类似于下面的这样的内容,如图:...

2019-04-28 13:47:14 23424 10

原创 使用http-server启本地服务

在写前端页面中,经常会在浏览器运行HTML页面,从本地文件夹中直接打开的一般都是file协议,当代码中存在http或https的链接时,HTML页面就无法正常打开,为了解决这种情况,通常我们就需要在在本地开启一个本地的服务器。1.下载node.js官网地址: https://nodejs.org下载完成后在命令行输入命令$ node -v以及$ npm -v检查版本,确认是否安装成功。如图...

2018-10-28 14:14:05 3363 2

转载 基于vue-cli快速构建

基于vue-cli快速构建 最近在看Vue的一些东西,在网上看到一篇构建       Vue是什么,是一套构建用户界面的渐进式框架(官网解释),什么叫渐进式框架呢,简单回答就是主张最少,这些概念只能自己去看,自己去理解,一千个读者一千个哈姆雷特,不过多的...

2018-09-11 16:47:04 213

原创 对象合并

在项目的开发过程中,我们可能会遇到这样的需求:将两个对象合并成一个对象,然后在进行数据的处理,那么在js中,人如何合并对象呢? 举一个最简单的栗子: 假设现在有两个对象:var obj1 = { name:'张三' };var obj2= { age:18 };我们想要得到obj3 = {name:’张三’,age:18}; 方法一:使用JQuery的extend方法$.ext...

2018-07-20 10:30:51 6188

原创 获取随机数并且每次和上一次的不相同

获取到随机数,并且每次获取的随机数和上一次获取的不相同<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><button class="btn">点击</button></body><script src="jquery-1.11.3.

2017-12-17 16:22:24 2721

转载 细说Gulp

一、概述&安装Gulp,简而言之,就是前端自动化开发工具,利用它,我们可以提高开发效率。比如:  1、  压缩js  2、  压缩css  3、  压缩less  4、  压缩图片  等等…我们完全可以利用Gulp来自动化地完成这些重复性很强的工作。好了,废话不多说了。既然要了解Gulp,就得先安装它。Gulp是基于node来实现的,so你得先有个node环境(见“初探nodeJS

2017-08-31 22:29:30 294

原创 字符串操作方法concat(),slice(),substr(),substring()之间的区别

介绍几个与操作字符串有关的方法: 第一个是concat(),用于将一个或多个字符串拼接起来,它返回的是得到的拼接的新的字符串。看一个简单地栗子:var stringValue = "hello ";var result = stringValue.concat("world");alert(result);//"hello world"alert(stringValue);//"hello"

2017-08-07 12:00:49 2359

转载 常见浏览器兼容性问题与解决方案

常见浏览器兼容性问题与解决方案 所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前,我想把前端

2017-07-18 21:42:03 241

原创 HTML中标签的嵌套原则

我们都知道,html中有大量的标签,div、ul、li、dl、dt、dd、h1~h6、p、a、span、 strong……,我们在运用这些标签进行页面搭建的时候,是可以嵌套起来来使用的(可能面试过程中,有的面试官也会问到相关的标签嵌套规则的问题),但是,嵌套也需要有一定规则,不能任由自己的个人习惯胡乱嵌套,那么,html标签的嵌套规则有哪些呢?我们今天就来简单地给大家说一说。首先,HTML

2017-04-18 16:46:34 12960 3

原创 浅谈for,for-in,forEach,for-of几种循环

今天主要来给大家说一下for的几种循环,仅代表个人的想法与观点,欢迎各位大神批评。 for循环主要有以下几种:      1.一般的for循环      2.for-in循环      3.forEach循环      4.for-of循环 一.首先是普通的for循环,例如:var arr = ["a","b","c

2017-04-07 19:48:13 5519

转载 彻底理解js中this的指向,不必硬背。

彻底理解js中this的指向,不必硬背。   首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然网上大部分的文章都是这样说的,虽然在很多情况下那样去理解不会出什么问题,但是实

2017-03-15 18:25:50 329

原创 阻止浏览器的默认行为

阻止浏览器的默认行为,非IE下是ev.preventDefault();IE下是 event.returnValue = false;

2017-02-28 09:04:41 492

原创 获取随机数(max与min之间)

封装了一个获取随机数的函数,可以获得max到min之间的随机数

2017-02-27 20:53:31 1709

原创 得到随机颜色

封装了一个简单的得到随机颜色的函数,可以直接拿来用哦~~~

2017-02-27 20:40:58 545

原创 jQuery-树形菜单动画

这里面的img,请大家自行下载,我用的是加减号,大家可以根据自己的喜好改变,所以图片就不在上传了

2017-02-27 17:09:49 696

原创 jQuery获取当前时间

之前写的东西,希望能够对大家有所帮助,不足的地方多多指正,共同学习,共同进步

2017-02-27 17:00:22 608

原创 全选,全不选,反选

之前有在网上看到,所以也整理了下来

2017-02-27 16:53:49 247

原创 jQuery-倒计时

整理中,陆续更新,多多指正

2017-02-27 16:30:44 877

原创 Vue项目中props传值时子组件检测不到的问题

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档Vue项目中props传值时子组件检测不到的问题我们在Vue项目开发的过程中,经常会需要在父子组件传值,我们都知道,父组件向子组件传值的时候是通过props 来进行的,但是在父组件的数据动态改变的时候,子组件却接收不到最新变化的数据,这个时候怎么办呢?首先,传值不能用驼峰命名法,因为vue语法中规定HTML 中的特性名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符,我们需要使用短线分隔符,例如:good-id 这样。然.

2022-04-25 16:47:40 2098

原创 一个导航特效

一个导航特效,底部的红色背景跟随着鼠标的滑动来回运动

2017-02-27 20:25:36 276

原创 模仿艺龙手风琴效果

模仿艺龙写的一个手风琴效果,同样,图片请大家自行下载(不要把代码直接复制粘贴运行,不然会报错哦~~~)

2017-02-27 17:35:01 430

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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