自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

疯林

博观而约取 厚积而薄发

  • 博客(40)
  • 资源 (2)
  • 收藏
  • 关注

原创 uni-app(一)

uni-app(一)最近迷上了多端开发,首先了解的是DCloud的uni-app和京东的taro,一位之前写过一个mui + native的app,所以决定先尝试以下同是出自DCloud的uni-app,这个号称是可以覆盖一套代码跑7个平台的框架,且看以下官方的图片创建项目官方创建项目的方法有两种,一种是通过HbuilderX的可视化界面创建新的项目,比较简单,开箱即用,而且覆盖所有平台...

2019-03-14 13:17:42 3449

原创 nodejs之koa2 -- koa-generator(快速搭建项目)

nodejs之koa2 – koa-generator(快速搭建项目)koa-generator话说,时间就是金钱,平时搭建项目的时候,一般都是使用脚手架,例如前端vue的cli,express的express-generator,所以koa的koa-generator就是快速生成项目骨架的koa的脚手架1.全局安装npm install -g koa-generator2.构建项目...

2019-03-13 13:49:28 7102 1

原创 nodejs之koa2 -- cookie和session的使用

nodejs之koa2 学习笔记–cookie和session的使用cookie以前只是在前端浏览器上对cookie进行操作,很少在服务端使用cookie,所以就会有一个错觉:cookie只能在客户端利用js设置读取删除等,但事实上很多的cookie是由服务端在response的headers里面写进去的,今天就记录一下cookie在服务端的使用。比如koa记录cookie,非常简单首先...

2019-03-07 14:30:53 3786 1

原创 spriteJs 初尝试

spriteJs 初尝试一开始看到 spriteJs ,一脸懵逼,啥时候"雪碧图"出了个插件,后来看了介绍,不得不嘲笑自己的无知,呵呵,井底之蛙!!简介spriteJs 是一款由 360 奇舞团开源的跨终端 canvas 绘图框架,可以基于 canvas 快速绘制结构化 UI、动画和交互效果,是跨平台的2D绘图对象模型库,它能够支持web、node、桌面应用和微信小程序的图形绘制和实现各种动...

2018-11-30 17:11:15 7662 4

原创 canvas 仿迷盘旋转对称

canvas 仿迷盘旋转对称不知道大家玩没玩过迷盘这类的画图娱乐软件,前几天陪我家小孩子玩的时候,感觉挺有趣的,然后萌发了自己写一个类似的程序玩玩,然后就有了以下的这个程序。话不多说,先奉上效果图看下:demo地址:https://liuxiaochaogit.github.io/demo/fandisk/index.html起初开始是想用多张canvas来实现这个功能,后来看别人的帖子...

2018-11-29 16:54:05 525

原创 input type 类型

input type 类型html5 中的input 的type属性新增了很多有趣的类型,一直没时间记录一下,最近晚上不加班,就记录一下这些有趣的属性值非html5text: 定义单行的输入字段,用户可在其中输入文本password:定义密码字段,会显示自符掩码file: 用来选择文件,文件上传radio: 定义单选按钮checkbox:定义复选框hidden: 定义隐藏的输入字...

2018-11-29 12:31:10 965

原创 Remove untracked files, stash or commit any changes, and try again.

Remove untracked files, stash or commit any changes, and try again.很久之前就遇到过这个问题,如今又遇到了,随手一记,以防忘记creact-react-app 构建项目之后,npm run eject 暴露项目配置会报如下错误:Remove untracked files, stash or commit any change...

2018-11-08 11:49:22 2030

原创 linux centos7 mongodb安装

linux centos7 mongodb安装下载mongodbmongodb可以去官网下载安装包,然后利用工具上传到centos7,也可以直接命令下载下载命令curl -O https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-4.0.3.tgz官网下载选择版本点击download下载到本地,然后使用工具上传到cento...

2018-11-06 15:37:25 251

原创 vmware fusion 11 vmmon内核模块版本不正确

vmware fusion 11 vmmon内核模块版本不正确系统更新到 Mojave 之后,vmware fusion 不能使用,于是更新至11版本,提示vmmon内核模块版本不正确,解决方法记录一下可以按下列步骤解决:退出VMware fusion;打开terminal;执行命令:sudo rm -rf /System/Library/Extensions/vmmo...

2018-10-10 17:41:06 5756 2

转载 Vue2.0+组件库总结

Vue2.0+组件库总结UI组件element - 饿了么出品的Vue2的web UI工具套件Vux - 基于Vue和WeUI的组件库mint-ui - Vue 2的移动UI元素iview ...

2018-08-29 10:55:37 516

原创 fetch 使用(随笔)

fetch 使用(随笔)这是我自己使用,封装的fetch使用,包括get/post/文件上传,随手记一下,以防忘记。 /** * fatch * @params:请求参数 * url 请求接口 * obj 请求数据(post) * params 文件(图片上传,formdata) * vm vue实例 * 使用方法: * 引入 import fetchR ...

2018-08-29 10:38:00 1583

原创 mac 利用openssl生成私钥和公钥文件

mac 利用openssl生成私钥和公钥文件首先确保电脑上已经安装了 openssl,mac好像是系统自带安装的,测试有没有安装的方法,打开Terminal,输入openssl,如下图,就是已经安装的了,如果不会安装,请自行百度 新建一个文件夹来存放生成的私钥文件,比如在桌面新建了一个名为rsa_key的文件夹,cd 命令进入文件夹中,如下 接下来我们利用openssl来生成RSA私...

2018-08-03 15:01:51 5731

原创 nodejs 基于token的身份验证

nodejs 基于token的身份验证最近接到一个需求,要求实现免密登陆,就是基于token实现的,于是就研究了下基于token验证身份的流程。传统基于服务器的验证方式传统的验证方式是基于服务器的,就是把登陆信息存在服务端,每次登陆需要去辨别存储的登陆信息,一般都是通过session来实现,我们比较老的项目都是通过存储session来实现登陆验证的。这样会有一些问题,比如每次认...

2018-08-03 14:32:00 39265 19

原创 PDF 预览

PDF 预览最近写了个pdf文件预览,很多插件,最终选了pdf.js,简单。下面是一个极其简单的demo<html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Document</title&amp

2018-08-03 10:25:31 629

原创 EACCES: permission denied

EACCES: permission denied, mkdir ‘/usr/local/lib/node_modules/nw/nwjs’最近安装 nwjs 和 electron 都出现了权限问题,开了 sudo 也是不好使,问题如下:nihao-mac:~ nihao sudo npm i nw -gPassword:/usr/local/bin/nw -> /usr/loc...

2018-07-20 10:55:21 8288

原创 png格式图片 转 icns格式图标

png 转 icns最近写了一个离线播放器,兼容linux,windows,macOS,其他都好,但是mac上面的logo必须得是icns图标,什么鬼? 于是踏上了漫漫求知路,,一开始各种在在线转icns,但是编译打包的时候一律不通过,最后总结了着么一个自己生成icns图标的方法。icnsicns 格式的图标,其实是macOS系统上采用的一种图标格式,也必须是这么一种格式,它支持...

2018-07-20 10:49:48 7842 2

原创 nodejs之koa2 -- 错误处理

nodejs之koa2 – 错误处理如果代码运行过程中发生错误,我们需要把错误返回给用户,根据 HTTP 协议约定,这是我们要返回 500 的状态码,表示服务器内部出现错误。ctx.throw()koa 提供了 ctx.throw() 方法用来抛出错误,我们可以直接 ctx.throw(500,就是抛出500的错误,类似下面例子app.use(async (ctx,next) =&...

2018-07-16 11:16:12 12253

原创 nodejs之koa2 -- 请求

nodejs之koa2 – 请求GET 请求在 koa 中,GET请求获取请求数据request对象中的 query 方法和 querystring 方法, query方法返回的是格式化好的参数,querystring 方法返回的是请求字符串。废话不多说,直接上代码app.js 中添加如下代码:router.get('/getData', async (ctx,next) =&g...

2018-07-16 11:15:22 3938

原创 nodejs之koa2 -- 路由

nodejs之koa2 – 路由原生路由网站都是有多个界面的,在函数内部通过 ctx.request.url 是可以获取到当前用户请求的路径的,由此我们可以实现简单的路由, 接着上一篇的代码接着往下写。 由于每次启动都要执行 node app.js,感觉不舒服,就把启动命令配置为了 npm start,在packafe.json中的scripts中添加下面一行就好了,"st...

2018-07-16 11:14:23 2450

原创 nodejs之koa2 -- 安装(hello world)

nodejs之koa2 学习笔记–安装(hello world)koa 介绍koa 是由 Express 原班人马打造的,致力于成为一个更小、更富有表现力、更健壮的 Web 框架。 使用 koa 编写 web 应用, 通过组合不同的 generator,可以免除重复繁琐的回调函数嵌套, 并极大地提升错误处理的效率。 koa 不在内核方法中绑定任何中间件, 它仅仅提供了一个轻量优雅的...

2018-07-16 11:11:39 11429 1

原创 nodeJs socket.io模块 -- 实现Websocket协议

nodeJs socket.io模块 – 实现Websocket协议相信看这篇文章的小伙伴们对Websocket协议都有一定的了解了,在这里小弟就不多说废话了,直接上代码了.服务器端后台是node,用的是socket.io模块,先安装一下npm install socket.io --save我们新创建一个js文件,名字为socket.js,内容为// 创建 So...

2018-06-07 17:23:22 557

原创 使用icomoon生成字体图标

使用icomoon生成字体图标小伙伴们应该或多或少的都使用过字体图标吧,由于最近项目里面大量使用各种按钮图标,因为时间的原因,一开始没有好好设计直接就拿图片网上怼,后来图片越来越多,页面压力山大啊,而且对加载速度影响很大,后来想用 css Sprites,但是每添加一个按钮就要重新设计图标和背景图,直接放弃了,最后锁定为字体图标,又在Font Awesome和icomoon两者间纠结,最终拍板ico

2018-04-19 22:47:24 2747 3

原创 webpack入门(一)

webpack 入门(一)    本来年前就想写关于webpack这部分的,但是放假回家之后就彻底”疯”了,在家一呆就是二十天(话说年假长真是好,不知道羡慕死多少小伙伴),年后来了直接就被拉去封闭了,二脸懵逼啊,说来就来…封闭是上周结束的,周末也没有休息,终于有时间整理下思路,写一下笔记……webpack介绍    现如今,模块化结构早已成为网站开发的主流,开发网站的主要工作,也不再是自己编写各种功

2018-04-14 12:18:58 251

原创 java开发环境配置

java开发环境配置下载JDK首先我们要下载java开发工具包JDK 下载地址在这里点这里点这里,点击如下下载按钮:点击java下载之后转至下载页面,在这里要接受许可之后才能下载,根据自己的系统选择对应的版本,本文以Windows 64位系统为例子:下载完成之后根据提示进行安装就行,JDK安装的时候,JRE也会一并安装,安装JDK过程中可以自定义安装目录等信息,例如我的安装目录是D:\java\jd

2018-01-15 20:59:41 4801

原创 npm install 失败 operation not permitted, scandir 'E:\vue-test\node_modules\fsevents\node_modules'

npm install 失败 operation not permitted, scandir ‘E:\vue-test\node_modules\fsevents\node_modules’npm install node-sass –save-dev 失败报错如下npm ERR! path E:\vue-test\node_modules\fsevents\node_modulesnpm ER

2017-12-13 10:45:00 4185

原创 webapp mui & HTML5+ (四) 之 窗口(页面初始化、跳转、传参)

在app开发中,若要使用HTML5+扩展api,必须等plusready事件发生后才能正常使用,mui将该事件封装成了mui.plusReady()方法,涉及到HTML5+的api,建议都写在mui.plusReady方法中页面初始化mui框架将很多功能配置都集中在mui.init方法中,要使用某项功能,只需要在mui.init方法中完成对应参数配置即可, 目前支持在mui.init方法中配置的功

2017-12-08 11:49:10 6644

原创 html5本地存储 Web Storage + IndexedDB

html5本地存储 Web Storage + indexDB在html5之前,前台存储主要就是cookie,cookie是有缺陷的,比如说没死请求都会带着数据,造成流量浪费;大小只有4k;明文传递不安全等等。所以 cookie的使用范围注定很小,存个登录状态之类的还是挺好用的,下面介绍一下Web Storage和indexDBWeb Storage1.localStoragelocalStor

2017-11-24 16:50:12 3604

原创 微信自定义分享链接

微信自定义分享链接微信现在是众多公司营销的重点。 遍布朋友圈和消息群组里的html5各位可能也是天天见了,不过自从微信更新了官方api后,对整个微信内的页面管控都严格了不少。 而官方的分享卡片,是众多在微信生态中传播的html5静态页面的一个重点。不过很多人会发现分享的图片和摘要达不到预期。 这篇文章就讲下这个,供初次接触微信开发的前端参考。(其实官方的文档也蛮详细的了,不过有些地方官方没忽略

2017-11-16 13:36:48 3444

转载 webapp mui & HTML5+ (三) 之 mui开发注意事项

webapp mui & HTML5+ (三) 之 mui开发注意事项mui框架自身有一些规则,刚接触的同学不很熟悉,以下开发注意事项,有需要的朋友可以参考下。以下来自官方文档DOM结构关于mui页面的dom,你需要知道如下规则。 1. 固定栏靠前 所谓的固定栏,也就是带有.mui-bar属性的节点,都是基于fixed定位的元素;常见组件包括:顶部导航栏(.mui-bar-nav)、

2017-11-14 15:28:22 1127

原创 webapp mui & HTML5+ (二) 之 mui

webapp mui & HTML5+ (二) 之 muimui不仅仅是前端ui框架,包括了ui,js操作,native封装。核心还是webview ,和phonegap或者自己编写的webview核心原理差不多。mui是一个高性能的HTML5开发框架,从UI到效率,都在极力追求原生体验。 本文只是介绍一下mui的基础以及使用场景,并不涉及具体代码,后续会单独介绍每一个api的具体代码实现;想

2017-10-30 15:00:26 2054

原创 webapp mui & HTML5+ (一) 之 环境

webapp mui & HTML5+ (一) 之 环境最近需要开发一款简单app,没有招原生,最后领导大大们商量决定,做webapp,于是这个光荣的任务就落在了小弟身上小弟以前是做过app,但那是有原生的大神们啊,我做的只是写页面而已…… 多说无益,直接开干IDE因为时间关系,框架直接就把react-native忽略掉了,时间不够啊(轻度研究过),直接定在了DCloud上面,主要是打包方便,不用

2017-10-30 13:28:08 2660

转载 CSDN如何转载别人的文章

对于喜欢逛CSDN的人来说,看别人的博客确实能够对自己有不小的提高,有时候看到特别好的博客想转载下载,但是不能一个字一个字的敲了,这时候我们就想快速转载别人的博客,把别人的博客移到自己的空间里面,当然有人会说我们可以收藏博客啊,就不需要转载,(⊙o⊙)… 也对。。实现  因为我自己当初想转载的时候却不知道该怎么转载,所以学会了之后就把方法写出来,帮助那些想转载却不知道该怎么转载的人(大神勿笑)。

2017-10-30 13:24:42 640

原创 js 导出 html 中的 table 表格为 excel

js 导出 html 中的 table 表格为 excel今天说一下如何将html中的表格导出为 excel ,以后就不用麻烦后台小伙伴了,话不多说,直接上代码es6<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body {

2017-09-29 11:31:34 3020 3

原创 Vue-Router(三) 编程式导航

Vue-Router(二) 编程式导航在 vue 中,我们除了使用 创建 a 标签来定义导航链接之外,还可以使用 router 实例方法,通过编写代码的方式来实现router.push(location)想要导航到不容的 URL,我们可以使用创建多个 ,当然也可以使用 router.push() 方法。其实,点击 就相当于调用 router.push() 声明式 编程式 rou

2017-09-28 16:42:55 3043 1

原创 Vue-Router(二) 动态路由

Vue-Router(二) 动态路由我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件(vue-router) 比如说一个商城的商品详情页面,详情页面是同一个页面,但是可以根据不同的商品id去展示每一个商品的详情,这时候就用到我们的动态路由 我们先看一下官网中动态路由的介绍: 模式 匹配路径 $route.params /user/:username /user/eva

2017-09-27 16:30:30 4563 1

原创 Vue-Router(一) 嵌套路由

Vue-Router(一) 嵌套路由利用vue开发单页面应用有多么快捷这里就不多说了,应用界面通常由多层嵌套的组件组合而成,本文就说一下 Vue-Router 中的嵌套路由。 首先利用 vue-cli 构建一个 vue 项目(这里默认大家都已经安装了 nodeJs) 1. 安装vue-cli npm install -g vue-cli 2. 初始化vue项目 vue init

2017-09-21 18:09:22 2543

原创 js 时间戳转换时间

时间戳转换时间在微博,每条微博的发表时间并不是标准的yy-dd-hh这种格式,而是如:“几分钟前”、“几小时前”这样的,比起标准的时间显示格式,貌似更加直观和人性化。本文就是实现这种将时间戳转换为展示的时间

2017-09-19 16:37:12 1340

原创 FileReader 文件读取

fileReader 读取文件本文主要就是说一下 H5 fileReader 的使用fileReader API readAsBinaryString 读取二进制流 readAsDataURL 读取图片病进行base-64编码 readAsText 读取文本文件code<!DOCTYPE html><htm

2017-09-12 21:19:14 1258

原创 递归数据格式转换

递归数据格式转换现有这么一种格式的数据如下: [{ "id": 1, "name": "baidvbusbdviyw", "parentId": 0, "memo": "", "parentsFeature": ",", "empId": 3, "createTime": 1503628821000, "updateTime":

2017-09-12 21:02:04 949

原创 细说 let 与 var 的不同之处

细说 let 与 var 的不同之处最近看了阮一峰大大的《es6 标准入门》,感觉写的很详细,今天就给各位老爷们详细的说一下 let 与 var的不同之处,有不严谨的地方还请多多指教基本用法 { let a = 10; var b = 20; } console.log(a) // undefined console.log(b) //

2017-08-10 21:36:37 1270

基于pdf.js的pdf预览

包内包含有pdf.js和pdf.worker.js,还有一个pdf文件,下载之后可以直接打开观看效果

2018-07-24

ico字体图标

使用icomoon在线生成字体图标工具制作demo 来自https://icomoon.io/app/#/select

2018-04-19

空空如也

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

TA关注的人

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