小飞飞007-CSDN博客

原创 2020-12-18

时隔两年，我小飞飞又要更新文章啦！最近项目上有个需求：微信小程序生成图片并保存到手机。图片中的动态元素有，一个二维码，几个文字信息。拆分这个需求并实现。1.利用canves元素，把从后台拿来的图片和文字写入的canves. <Canvas canvasId="canvasImage" width="300" height="900" ></Canvas> const ctx = wx.createCanvasContext('canvasImage')

2020-12-18 17:33:55 211

原创 swagger集成到SpringMVC项目中

pom.xml <dependency> <groupId>io.swagger</groupId> <artifactId>swagger-core</artifactId>  <version

2018-06-18 18:42:26 699

原创 webpack中跨域请求proxy代理

好久没更新了，惭愧惭愧！今天说说跨域请求代理的那些事吧。在用vue-cli中搭建的vue项目中有时候在开发过程中从后台服务器请求数据，这时候就要遇到跨域问题，这时候我们仅仅需要在项目config文件中的dev（开发版本）中配置代理里面注视写的很清楚了。这样就起到一个代理的作用了，就可以请求其他后台服务器了数据啦...

2018-05-30 21:23:19 5368

原创 js:一些常见的算法题

//前端常见的算法题//Q1 判断字符串或句子是否为回文？（回文例如：abcba，字符串会形成一个回路，颠倒过来是一样） function isHui(str){ var arr_str=str.split("") var new_str=arr_str.reverse().join("") console.log(new_str) if(str==new_s

2018-02-01 17:27:57 329

原创关闭node进程

废话不多说上重点 1.打开cmd命令面板（window+r）输入cmd 2.查看端口占用情况和端口，（假设我们要杀死3000端口）输入命令：netstat –ano；会看到如图我们找到3000端口所对应的最后的数字，就是图中用红色框标识的数字‘8276’ 3.继续查找3000端口对应进程名称，输入命令：tasklist|findstr “8276”；会看到

2017-10-23 14:37:08 20332 2

原创执行Git命令时出现各种 SSL certificate problem 的解决办法

git全局配置git config --global http.sslVerify false

2017-10-13 13:25:10 1698

原创前端实用工具及其js相关功能的类库总结

Quintus是一款简单的JavaScript HTML5游戏引擎 http://www.html5quintus.com/CoverVid是一个超棒的工具，可用于将HTML视频作为网站的背景，让页面有一种动态的感觉。它是一个小型的jquery扩展，既容易又便于使用 https://github.com/stefanerickson/covervid/Awesome ScreenShot是一个非

2017-10-06 22:25:45 298

原创 js：了解闭包，所向披靡！

好久没更博客啦，最近逛一些论坛，偶尔看一些小伙伴写的闭包文章，看的我泪流满面，动不动就是拿官网的语腔下定义，什么闭包就是一个函数内部的变量能被外部访问，这就是闭包，然后就给你举了例子，例如这样：function hello(){ var mes="hello sb" function say(){ alert(mes)

2017-09-23 13:40:59 363

原创 js：let和var区别，js原生的dom选择器

今天就写点简单的吧 1.let和var区别 var 声明的变量总是早全局变量，你的变量是在哪声明的，你在一个判断条件声明，但是在全局永远能访问到，而es6的let的出现其实是纠正了这个坑！let声明，在哪声明，只作用于它所在的作用域环境内！来看例子吧 `var a=1 if(true){ var a=2 console.log(a) //输出2

2017-09-16 19:17:58 620

原创 js：图片懒加载

如果有时候网站的图片特别多的话，你直接一下加载出来，页面就顿半天，卡的一b，客户看见这样的网站就直接关闭网页了，所以当网站图片很多的时候，首先原图片的像素不要太大，我们用用一些图片压缩工具，grunt，webpack之类的，其实说白了就是把图片转成base64,不用去请求服务器，最后还是卡，我们就用懒加载！原理：利用html5的 data-属性存储图片的src地址，图片本来src地址设置为空

2017-09-13 13:41:08 262

原创 es6：箭头函数

先看一个普通函数:function add(a,b){ return a+b }add(2,2) //输出4箭头函数写法: add=(a,b)=>a+b add(2,2) //输出4总结一：箭头函数写法更简洁，省去了每次写function和renturn的关键词每个普通函数体内都有个this，而这个this指向的总是函数调用者，而箭头函数内部是没有this的，它

2017-09-10 16:01:50 1362

原创 query动态验证表单

今天讲一些jquery动态验证表单的事吧，我们通常在写表单的验证的时候用的更多是change事件，但是change事件不能动态的检测我们input文本中的内容，这里我们就要用到oninput事件（就是在文本框内容改变的时候触发，这个仅仅在非ie下），onpropertychange事件（ie下，文本框内容触发的时候改变）动态检测，效果超级好！看怎么用吧1 $(":input[type='t

2017-09-09 22:32:58 438

原创 vue-cli:打包后遇到的各种坑

1.执行：npm run build 后生成的dist打包文件直接放在服务器上显示空白？解答：这是因为在在config文件下的index.js中配置的输出文件目录有问题 assetsPublicPath：‘/’默认是这样，我们要改成‘./’当前目录下然后在执行打包：npm run build 把生成的文件直接放服务器上就ok了！在服务器上有些图片显示不出来？

2017-09-03 16:38:36 6078

原创 es6中模块化：export和export default的区别

一个页面中export default只有一个。 demo1.js export str="111111"demo2.jsimport {str} from 'demo1.js' //注意有花括号demo3.js export default str=”33333”demo4.js import str from ‘demo3.js’ //注意没有花括号

2017-09-03 15:59:07 3408

原创 js时间日期比较大小详解（受够网上那些各种坑人的博客解释了）

前一阵做项目要用到日期筛选条件，就临时看些一些网上的一些时间js日期比较大小的博客，我一边看一遍实测，真是坑，讲解粗糙，对于小白很不友好，大多坑人！所以一气之下要写一篇关于日期比较的文章。来吧，这次我一边写一边实测代码！并会解释每个方法是干啥的！首先比较日期的大小，思路：我们往往先会得到两个字符串格式的日期，之后利用Date.parse（）方法把这些字符串日期转成时间戳（实际上就是计算出从1

2017-09-01 14:42:50 10687

原创 js面向对象详解

最近比较忙，没怎么更，春困夏乏呀，天太热了。有点不想写代码了，哈哈，就来写博客了哦0..0，今天讲讲那些面向对象的事吧。一般js有两种开发模式，函数式（又叫过程化，小伙伴们平常用的最多的就是这种模式）和面向对象（oop）（一般多用于插件开发）。面向对象就是基于对象概念，以对象为中心，以类和继承为构造机制，来认识、理解、刻画客观世界和设计、构建相应的软件系统 1.为啥要用面向对象

2017-08-30 14:14:14 395

原创响应式布局个人随笔

>`>>content="width=device-width,initial-scale=1,minimum-scale=1,>maximum-scale=1, user-scalable=no"> //屏幕自适应，每次都忘记怎写>metaname="apple-mobile-web-app-capable"content="yes"> // 屏蔽手机

2017-08-19 22:00:29 200

原创个人随笔和笔记：响应式布局meta声明

`

2017-08-19 21:59:03 342

原创 web前端开发中有用的网站

> 开发中跨域问题利用 www.corsproxy.com 中转进行跨域直接把要请求的地址前面加上这个地址例如 xiao.com/index.php 要跨域请求写成： www.corsproxy.com/xiao.com/index.php 另一种是在自己服务器端加 header（“Access-Control-

2017-08-16 14:48:16 296

原创移动开发框架选型

1 类库（zepto.js） 2.动画（animate.css） 3.css框架（bootstrap）也含有小图标的css文件引入 3.图片的引入，用cavens元素，提高移动端的性能

2017-08-15 17:42:45 501

原创 js:事件冒泡和时间捕获详解

记得刚学js的时候，对于事件冒泡和事件捕获总是一知半解，不知道能干嘛，有啥意义，就知道冒泡就是从你子节点一级一级向上触发。。。然而并不知道起本质和机制，应用等！今天小飞飞就带小伙伴们从新认识下这些究竟什么东西！了解这些之前你必须知道这几个东西，什么event事件对象？，什么是事件流？ 1.事件流：就是事件执行顺序.分为冒泡和捕获冒泡：假如有一个div中包含一个p标签

2017-08-15 15:09:29 5118

原创 webpack安装入门排坑！

1先说安装过程中的坑吧。我现在项目要使用webpack，项目名称first-webpack-program，进入文件夹，（1）npm 命令：npm init //这个命令就会自动生成一个package.json文件里面会自动生成我们项目的版本号，名称什么的，以及都引用了那些插件。（2）npm命令:npm install -g webpack //这个是安装一个全局的w

2017-08-14 00:13:16 829

原创安装node.js中报错：error2502和error2503 解决方案！

出现上述原因主要是你安装的时候没有在管理员权限下安装！解决方法： 1. 在本地文件中直接寻找cmd.exe 文件，找到后直接右键点击，选择“以管理员身份运行” //错误做法：直接win+r,运行cmd， 2. cmd命令进入到你自己刚才下载的node.js的安装程序所在目录，然后执行以下cmd命令： msiexec /package node-v9.3.2-x.msi /

2017-08-12 12:29:10 1132

原创 git最常用！最实用！最基本的命令解析！绝对够用！

外面天已经漆黑一团了，我仍旧一个人在公司干代码。今天小飞飞就给那些小白中的小白普及一下git的基本用法和指令（因为我自己也是小白啊，多的帮不了，就来些简单实用的）【注意本文所有操作都是建立在，你本地电脑装了git客户端，并且和远程仓库已经做好的秘钥配置什么的】 1.本地新建一个git项目并且上传到远程仓库 (1)本地新建一个文件夹用于放项目，假设就是first_git

2017-08-11 21:42:32 472

原创 vue.js（2.0）常用指令总结以及一些指令的坑！

**凄凄惨惨凄凄切切，时间又来到了公元2017年8月11号，最近小飞飞在学习vue.js，在学习的过程中总结了一些vue中常用的指令和坑！不希望后来小伙伴再踩了！** 《1》先说一些最基本的指令也就是最常用的呗。`v-bind: //主要是html标签中的属性，例如 href，class，name，这样绑定后属性值。看代码！html部分！<a v-bind:href="url">小飞飞的博客

2017-08-11 15:00:26 562

原创 js（jquery）网页进度条加载n中办法和原理（也有css3动画进度条）

有时候网站内容比较多，或者网络不太好，客户刚打开url看到是空白，内容都在加载中，过一会才能看到网页内容，这样的体验特别糟糕，不耐烦的客户会直接关闭页面，假设能在等待的时候加一些初始动画或者加载进度条，会让客户体验好很多，今天小飞飞就带大家做一些进度条的那些事。 1.最常见的进度条制作，利用setInterval（）延迟显示主页面，但是只是一个障眼法，并不能检测页面内容是否真正加载完毕//上代码

2017-08-10 16:59:46 886

原创 # css控制div垂直且水平的方法（不常用但是却很有效的）

css控制div垂直且水平的方法（不常用但是却很有效的）忍无可忍，无需再忍，自己曾经走过的坑，给后来小伙伴填上哦，那些div居中（垂直且水）的方法总结。 - 1.父级元素display:table-cell;vertercal-align:middle;子级margin:0px auto;//上代码！(注意只兼容ie8和ie8以上浏览器)html部分：<div id="content">

2017-08-10 11:00:08 367

原创 js中的那些数组处理函数区别及用法总结

js中的那些数组处理函数区别及用法总结*【1】那些改变原来数组的的函数。（这些方法都会改变原有的数组) push（string） //添加到数组最后一项。 unshift(string) //添加到数组第一项。 reverse() //颠倒数组排序。 splice(index,number,string||array) //第一个参数代表

2017-08-09 17:16:00 358 1

小飞飞的博客