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

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

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

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

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

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

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

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

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

原创 获取随机数并且每次和上一次的不相同
获取到随机数,并且每次获取的随机数和上一次获取的不相同<!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
2833

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

原创 字符串操作方法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
2492

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

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

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

原创 阻止浏览器的默认行为
阻止浏览器的默认行为,非IE下是ev.preventDefault();IE下是 event.returnValue = false;
2017-02-28 09:04:41
550
原创 Vue项目中props传值时子组件检测不到的问题
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档Vue项目中props传值时子组件检测不到的问题我们在Vue项目开发的过程中,经常会需要在父子组件传值,我们都知道,父组件向子组件传值的时候是通过props 来进行的,但是在父组件的数据动态改变的时候,子组件却接收不到最新变化的数据,这个时候怎么办呢?首先,传值不能用驼峰命名法,因为vue语法中规定HTML 中的特性名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符,我们需要使用短线分隔符,例如:good-id 这样。然.
2022-04-25 16:47:40
2256
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人