- 博客(26)
- 收藏
- 关注
RSS订阅
转载 js pixi框架 极其详细到位(入门)-----转载
pixi是一个js 的轻量级的游戏类库框架，很适用于做H5的一些canvas动画特效。这篇文章是关于pixi的入门教程 ，里面的讲解非常的到位细致，是我看到过的文章里讲解的算是最好的了。 去年快过年看的教程 ，今天再想看的时候发现没找到，不过经过不懈的搜索还是找到 ，那就赶紧给转过来吧。 pixi(入门)Pixi教程基于官方教程翻译；水平有限，如有错误欢迎提PR，转载请注明...
2018-09-06 14:31:37
13648
4
原创 Pano2VR5 初体验
今天在网上看见一个关于制作全景图不错的软件，于是研究一了一下 。现在记录一下学习心得 ：首先是学习资料参考：https://blog.csdn.net/QQ408896436/article/details/60767037 接下来是自己的体验 说明一下我下载的是5.2.5版本 和 参考资料里的版本不一样，但是原理都是一样的。下载安装这一套直接略过新建项目...
2018-08-27 18:01:21
4047
2
原创 去除input边框以及选中时边框 默认样式
<input type="text" > input { border: 0; // 去除未选中状态边框 outline: none; // 去除选中状态边框 background-color: rgba(0, 0, 0, 0);// 透明背景 }就是这么简单，这样就完事了！...
2018-08-16 17:27:46
78020
9
原创 小游戏学习--获取已发布微信小游戏源码
最近一直在做微信小游戏的开发，发现了一个好玩的事 ，在这里记录一下。这段时间一直在做一些小游戏 ，小程序的开发，但有的时候会发现性能上总是不那么的尽如人意（毕竟我这小菜鸟水平有限），于是就想到，想要看看别的大神们是怎么处理这些问题的（其实就是想看一下大神们的代码怎么写！）。但是，有一个问题就是小游戏或者小程序和 H5 、 网页 不一样，不能直接F12 看代码，要怎么才能拿他们的代码呢 ？ ...
2018-08-03 11:23:02
46507
23
原创 js引入json,请求成功但没有数据返回
今天遇到一个关于js引入本地json的问题简单的记录一下，问题 ：这是修改之前的原稿JSON。然后通过ajax引入之后，发现虽然是请求成功了，但是并没有走success返回数据。解决方案：经过多次测试最终发现问题出现在JSON文件的格式上，经过修改JSON文件格式最终返回数据成功。分析原因：json文件中不能带有空格、回车、 注释等多余字符...
2021-04-28 11:07:04
1323
原创 数组map() join(':') 时间格式化
首先说明一下两个方法：map()方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。map() 方法按照原始数组元素顺序依次处理元素。join()放大用于将数组中的元素放入一个字符串中，元素通过指定分隔符分隔开来。接下来函数实现：time传入时间距离1970年毫秒数str传入指定的分隔符 const formatDate = (time, str...
2019-04-29 11:01:18
1596
原创 CSS控制文字，超出部分显示省略号
1.单行超出省略实现方法：overflow: hidden;text-overflow:ellipsis;white-space: nowrap; 2.多行超出省略 实现方法：display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;...
2019-01-28 09:30:29
7118
原创 koa test9 mongodb 数据库使用及封装
安装npm install mongdb --save 引入const Mongodb = require('mongodb')const MongodbClient = Mongodb.MongodbClient;const ObjectID = Mongodb.ObjectIDlet config = require('./config.js')co...
2018-12-25 17:23:18
336
原创 koa test8 koa-session 设置存储 、读取数据
1、cookie 数据存放在客户的浏览器上，session 数据放在服务器上。2、cookie 不是很安全，别人可以分析存放在本地的 COOKIE 并进行 COOKIE 欺骗 考虑到安全应当使用 session。3、session 会在一定时间内保存在服务器上。当访问增多，会比较占用你服务器的性能 考虑到减轻服务器性能方面，应当使用 COOKIE。4、单个 cookie 保存的数据不能...
2018-12-21 11:47:01
1294
原创 koa test7 cookies 设置存储、读取数据
不需要安装与导入， 直接就可使用1.存储设置router.get('/', async (ctx,next)=>{ ctx.cookies.set('name','zhangsan'.{ maxAge:60*1000*60, // 过期毫秒数 // expires:'' // 设置过期时间 // path:'', //...
2018-12-21 11:15:55
296
原创 koa test6 koa-art-template模板引擎
安装npm install --save art-templatenpm install --save koa-art-template导入const render = requirer('koa-art-template')配置中间件这里有一点需要注意，因为使用到path模块 ，所以要提前引入path模块const path = requirer('path')...
2018-12-21 10:23:12
563
原创 koa test5 koa-static静态资源托管
安装npm install koa-static --save导入const serve = quirter('koa-static')配置静态文件托管中间件多种方法 ：app.use(serve(__dirname + '/static')) //绝对路径app.use(serve('static')) //相对路径 静态文件路径文件路径...
2018-12-20 17:56:12
720
原创 koa test4 获取post提交数据
获取post 提交数据有两种方式 ，一种是原生写法 ，一种是插件用法 。这里不讲原生只写插件用法： 安装npm install koa-parser导入const bodyParser = require('koa-parser')配置中间件app.use(bodyParser())获取数据router.post('/postData',ctx=>...
2018-12-20 16:49:23
338
原创 koa test3 ejs模板引擎 views渲染
安装npm install koa-views --savenpm install ejs --save导入const views = require('koa-views');配置 配置模板引擎中间件 --- 第三方中间件一、全局变量app.use(async (ctx,next){ await ctx.sate.g:'这是一个全局变量' ...
2018-12-20 15:20:14
653
原创 koa test2 路由
安装npm install koa-router --save导入(并调用)const router = require('koa-router')()配置router.get('/' , async ctx=>{ console.log(ctx.query) ctx.body = "这是首页"})router.get('/new/:id'...
2018-12-19 17:39:00
157
2
原创 koa test1 创建项目
安装npm install koa -g导入const koa = reuqiet('koa');const app = koa();中间件app.use(async ctx=>{ ctx.body = 'holle world' });async ：创建异步操作ctx : 创建上下文ctx.body ：返回信息监听app.li...
2018-12-19 15:52:59
226
原创 svg 动画以描边以及文字书写 使用
这几天研究了一下svg这个东西 ， 不知道怎么整理，就记录一下代码吧。首先是素材的准备 ，简单的tu图形可以使用svg 的代码自己画出来 。但是稍微复杂一些的图形就很麻烦了，这里keyi可以使用一些编辑器来辅助做图，网上有一些 ，我直接用的是AI导出的svg文件。然后就是代码：HTML<div class="box"> <img id="img" s...
2018-12-13 10:34:42
2881
转载 JS获取URL中参数值（QueryString）的4种方法
方法一：正则法function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1).match(reg); if (r != null) { ...
2018-12-10 14:31:19
686
原创 对象的深度克隆（使用递归）
闲来无事随便写点凑个数！今天看到一个关于深度克隆的很简单粗暴的方法 ：JSON.parse(JSON.stringify(obj)) ;说实话刚看到这个方法真是惊了一下，js这东西真是自由的飞翔，赶紧的打开浏览器测试一下。但是测试的结果这个方法真是就是 “简单” ！ 这是原始对象： var sunObj1 = { name: 'sun', ...
2018-08-13 16:20:10
2789
原创 vue - cli + mint-ui 第一步添加导航（Tabber）
前面两篇写了如何用cli创建一个 vue 项目 以及 项目目录的简介 ，那么从这篇开始就开始代码的部分了。这次项目主要是借助 mint-ui 组件 构建一个简单的购物系统，以此加强一下对mint-ui 组件的学习 。首先先来简单的说一下mint-ui 这个组件 ， mint-ui 是由饿了吗团队开发的一个针对web端的高效，轻量级的vue ui组件。 mint-ui 安装(这里安...
2018-08-09 16:09:54
3980
原创 get 和 post请求的真正区别深度剖析 ！
今天在网上看到一篇帖子，这个问题居然会出现在三面。当时心里就在想get 和 post 的区别不就是求情的方式不能吗？一个是接收数据的请求 、一个是发送数据的请求。get 请求是通过URL 传参（容易暴露参数不安全并且长度有限制） ， post 请求通过Request body 传参 （相对安全长度没有限制）。~~~~~不对吧不能这么简单吧 ！！！ 那么网上搜一下...
2018-08-06 15:03:51
857
原创 关于 JS 递归算法 记录
刚才看到了一道拼多多的面试题 ： 使用递归的方法，将obj变为obj2的格式(拼多多2018前端笔试真题)obj = [ {id:1,parent:null}, {id:2,parent:1}, {id:3,parent:2}]obj2 = { obj:{ id: 1, parent: null, c...
2018-08-03 15:50:34
1017
原创 vue-cli 项目结构目录简介
上一篇文章介绍了怎样使用vue-cli搭建一个项目 ，那么这篇来大致的介绍一下整个项目的目录。首先来看一下整个结构目录 接下来从上到下的看一下每个文件以及文件是干嘛的 build 文件夹 及 子目录这里面是一些webpack的配置，主要用于项目打包时的一些设置。这里不去更详细的深入，相关的文件及配置会在后面用到时在详细的介绍。config 文件 及 子目录...
2018-07-30 15:26:29
17242
3
原创 vue - cli快速构建项目
刚刚申请博客粘贴一篇以前写的关于如何使用vue-cli搭建项目的文章。1 、 全局安装vue cli npm install --global vue-cli；2 、 创建项目vue init webpack manage（manage 项目是名称）；这里说明一下个人意见， 除了那个代码检测的选项 基本可以一路回车完成项目的创建。当然最后的那个下载选项可以不选择npm ，现...
2018-07-23 16:03:20
448
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人