- 博客(40)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 uni-app（一）
uni-app（一）最近迷上了多端开发，首先了解的是DCloud的uni-app和京东的taro，一位之前写过一个mui + native的app，所以决定先尝试以下同是出自DCloud的uni-app，这个号称是可以覆盖一套代码跑7个平台的框架，且看以下官方的图片创建项目官方创建项目的方法有两种，一种是通过HbuilderX的可视化界面创建新的项目，比较简单，开箱即用，而且覆盖所有平台...
2019-03-14 13:17:42
3470
原创 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
7166
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
3823
1
原创 spriteJs 初尝试
spriteJs 初尝试一开始看到 spriteJs ，一脸懵逼，啥时候"雪碧图"出了个插件，后来看了介绍，不得不嘲笑自己的无知，呵呵，井底之蛙！！简介spriteJs 是一款由 360 奇舞团开源的跨终端 canvas 绘图框架，可以基于 canvas 快速绘制结构化 UI、动画和交互效果，是跨平台的2D绘图对象模型库，它能够支持web、node、桌面应用和微信小程序的图形绘制和实现各种动...
2018-11-30 17:11:15
7685
4
原创 canvas 仿迷盘旋转对称
canvas 仿迷盘旋转对称不知道大家玩没玩过迷盘这类的画图娱乐软件，前几天陪我家小孩子玩的时候，感觉挺有趣的，然后萌发了自己写一个类似的程序玩玩，然后就有了以下的这个程序。话不多说，先奉上效果图看下：demo地址:https://liuxiaochaogit.github.io/demo/fandisk/index.html起初开始是想用多张canvas来实现这个功能，后来看别人的帖子...
2018-11-29 16:54:05
538
原创 input type 类型
input type 类型html5 中的input 的type属性新增了很多有趣的类型,一直没时间记录一下,最近晚上不加班,就记录一下这些有趣的属性值非html5text： 定义单行的输入字段，用户可在其中输入文本password：定义密码字段，会显示自符掩码file: 用来选择文件,文件上传radio： 定义单选按钮checkbox：定义复选框hidden： 定义隐藏的输入字...
2018-11-29 12:31:10
983
原创 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
2038
原创 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
260
原创 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
5795
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
537
原创 fetch 使用(随笔)
fetch 使用(随笔)这是我自己使用，封装的fetch使用，包括get/post/文件上传，随手记一下，以防忘记。 /** * fatch * @params:请求参数 * url 请求接口 * obj 请求数据(post) * params 文件(图片上传，formdata) * vm vue实例 * 使用方法： * 引入 import fetchR ...
2018-08-29 10:38:00
1598
原创 mac 利用openssl生成私钥和公钥文件
mac 利用openssl生成私钥和公钥文件首先确保电脑上已经安装了 openssl，mac好像是系统自带安装的，测试有没有安装的方法，打开Terminal，输入openssl，如下图，就是已经安装的了，如果不会安装，请自行百度 新建一个文件夹来存放生成的私钥文件，比如在桌面新建了一个名为rsa_key的文件夹，cd 命令进入文件夹中，如下 接下来我们利用openssl来生成RSA私...
2018-08-03 15:01:51
5753
原创 nodejs 基于token的身份验证
nodejs 基于token的身份验证最近接到一个需求，要求实现免密登陆，就是基于token实现的，于是就研究了下基于token验证身份的流程。传统基于服务器的验证方式传统的验证方式是基于服务器的，就是把登陆信息存在服务端，每次登陆需要去辨别存储的登陆信息，一般都是通过session来实现，我们比较老的项目都是通过存储session来实现登陆验证的。这样会有一些问题，比如每次认...
2018-08-03 14:32:00
39342
19
原创 PDF 预览
PDF 预览最近写了个pdf文件预览，很多插件，最终选了pdf.js，简单。下面是一个极其简单的demo<html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Document</title&
2018-08-03 10:25:31
644
原创 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
8301
原创 png格式图片 转 icns格式图标
png 转 icns最近写了一个离线播放器，兼容linux，windows，macOS，其他都好，但是mac上面的logo必须得是icns图标，什么鬼？ 于是踏上了漫漫求知路，，一开始各种在在线转icns，但是编译打包的时候一律不通过，最后总结了着么一个自己生成icns图标的方法。icnsicns 格式的图标，其实是macOS系统上采用的一种图标格式，也必须是这么一种格式，它支持...
2018-07-20 10:49:48
7887
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
12298
原创 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
3951
原创 nodejs之koa2 -- 路由
nodejs之koa2 – 路由原生路由网站都是有多个界面的，在函数内部通过 ctx.request.url 是可以获取到当前用户请求的路径的，由此我们可以实现简单的路由， 接着上一篇的代码接着往下写。 由于每次启动都要执行 node app.js，感觉不舒服，就把启动命令配置为了 npm start，在packafe.json中的scripts中添加下面一行就好了，"st...
2018-07-16 11:14:23
2460
原创 nodejs之koa2 -- 安装（hello world）
nodejs之koa2 学习笔记–安装（hello world）koa 介绍koa 是由 Express 原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的 Web 框架。 使用 koa 编写 web 应用， 通过组合不同的 generator，可以免除重复繁琐的回调函数嵌套， 并极大地提升错误处理的效率。 koa 不在内核方法中绑定任何中间件， 它仅仅提供了一个轻量优雅的...
2018-07-16 11:11:39
11458
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
575
原创 使用icomoon生成字体图标
使用icomoon生成字体图标小伙伴们应该或多或少的都使用过字体图标吧,由于最近项目里面大量使用各种按钮图标,因为时间的原因,一开始没有好好设计直接就拿图片网上怼,后来图片越来越多,页面压力山大啊,而且对加载速度影响很大,后来想用 css Sprites,但是每添加一个按钮就要重新设计图标和背景图,直接放弃了,最后锁定为字体图标,又在Font Awesome和icomoon两者间纠结,最终拍板ico
2018-04-19 22:47:24
2761
3
原创 webpack入门(一)
webpack 入门(一) 本来年前就想写关于webpack这部分的,但是放假回家之后就彻底”疯”了,在家一呆就是二十天(话说年假长真是好,不知道羡慕死多少小伙伴),年后来了直接就被拉去封闭了,二脸懵逼啊,说来就来…封闭是上周结束的,周末也没有休息,终于有时间整理下思路,写一下笔记……webpack介绍 现如今,模块化结构早已成为网站开发的主流,开发网站的主要工作,也不再是自己编写各种功
2018-04-14 12:18:58
258
原创 java开发环境配置
java开发环境配置下载JDK首先我们要下载java开发工具包JDK 下载地址在这里点这里点这里，点击如下下载按钮：点击java下载之后转至下载页面，在这里要接受许可之后才能下载，根据自己的系统选择对应的版本，本文以Windows 64位系统为例子：下载完成之后根据提示进行安装就行，JDK安装的时候，JRE也会一并安装，安装JDK过程中可以自定义安装目录等信息，例如我的安装目录是D:\java\jd
2018-01-15 20:59:41
4813
原创 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
4196
原创 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
6681
原创 html5本地存储 Web Storage + IndexedDB
html5本地存储 Web Storage + indexDB在html5之前，前台存储主要就是cookie，cookie是有缺陷的，比如说没死请求都会带着数据，造成流量浪费；大小只有4k；明文传递不安全等等。所以 cookie的使用范围注定很小，存个登录状态之类的还是挺好用的，下面介绍一下Web Storage和indexDBWeb Storage1.localStoragelocalStor
2017-11-24 16:50:12
3615
原创 微信自定义分享链接
微信自定义分享链接微信现在是众多公司营销的重点。 遍布朋友圈和消息群组里的html5各位可能也是天天见了，不过自从微信更新了官方api后，对整个微信内的页面管控都严格了不少。 而官方的分享卡片，是众多在微信生态中传播的html5静态页面的一个重点。不过很多人会发现分享的图片和摘要达不到预期。 这篇文章就讲下这个，供初次接触微信开发的前端参考。（其实官方的文档也蛮详细的了，不过有些地方官方没忽略
2017-11-16 13:36:48
3461
转载 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
1134
原创 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
2063
原创 webapp mui & HTML5+ (一) 之 环境
webapp mui & HTML5+ (一) 之 环境最近需要开发一款简单app，没有招原生，最后领导大大们商量决定，做webapp，于是这个光荣的任务就落在了小弟身上小弟以前是做过app，但那是有原生的大神们啊，我做的只是写页面而已…… 多说无益,直接开干IDE因为时间关系，框架直接就把react-native忽略掉了，时间不够啊（轻度研究过），直接定在了DCloud上面，主要是打包方便，不用
2017-10-30 13:28:08
2670
转载 CSDN如何转载别人的文章
对于喜欢逛CSDN的人来说，看别人的博客确实能够对自己有不小的提高，有时候看到特别好的博客想转载下载，但是不能一个字一个字的敲了，这时候我们就想快速转载别人的博客，把别人的博客移到自己的空间里面，当然有人会说我们可以收藏博客啊，就不需要转载，(⊙o⊙)… 也对。。实现 因为我自己当初想转载的时候却不知道该怎么转载，所以学会了之后就把方法写出来，帮助那些想转载却不知道该怎么转载的人（大神勿笑）。
2017-10-30 13:24:42
651
原创 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
3029
3
原创 Vue-Router(三) 编程式导航
Vue-Router(二) 编程式导航在 vue 中，我们除了使用 创建 a 标签来定义导航链接之外，还可以使用 router 实例方法，通过编写代码的方式来实现router.push(location)想要导航到不容的 URL，我们可以使用创建多个 ，当然也可以使用 router.push() 方法。其实，点击 就相当于调用 router.push() 声明式 编程式 rou
2017-09-28 16:42:55
3055
1
原创 Vue-Router(二) 动态路由
Vue-Router(二) 动态路由我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件(vue-router) 比如说一个商城的商品详情页面，详情页面是同一个页面，但是可以根据不同的商品id去展示每一个商品的详情，这时候就用到我们的动态路由 我们先看一下官网中动态路由的介绍： 模式 匹配路径 $route.params /user/:username /user/eva
2017-09-27 16:30:30
4577
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
2556
原创 js 时间戳转换时间
时间戳转换时间在微博，每条微博的发表时间并不是标准的yy-dd-hh这种格式，而是如：“几分钟前”、“几小时前”这样的，比起标准的时间显示格式，貌似更加直观和人性化。本文就是实现这种将时间戳转换为展示的时间
2017-09-19 16:37:12
1350
原创 FileReader 文件读取
fileReader 读取文件本文主要就是说一下 H5 fileReader 的使用fileReader API readAsBinaryString 读取二进制流 readAsDataURL 读取图片病进行base-64编码 readAsText 读取文本文件code<!DOCTYPE html><htm
2017-09-12 21:19:14
1265
原创 递归数据格式转换
递归数据格式转换现有这么一种格式的数据如下： [{ "id": 1, "name": "baidvbusbdviyw", "parentId": 0, "memo": "", "parentsFeature": ",", "empId": 3, "createTime": 1503628821000, "updateTime":
2017-09-12 21:02:04
958
原创 细说 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
1278
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人