- 博客(121)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 从url中获取查询参数对象
function urlParams2Obj(href) { var obj = {}; var splitHrefArr = href.split('?'); var tmpStr = ''; var tmpStrSplitArr = []; if (splitHrefArr.length > 1) { ...
2018-11-13 15:03:18
561
原创 egg 做一个超级简单的博客网站
egg 文档 https://eggjs.org/zh-cn/intro/index.html Nunjucks https://adonis-china.org/docs/3.2/templating Mongoose 5.0 https://mongoosedoc.top/docs/index.html本项目 github : https://github.com/guxianshen...
2018-08-18 18:10:11
4280
原创 node学习之express: 路由
一.基础部分 本文使用的express-generator生成的项目1.路由方法get, post, put, head, delete, options, trace, copy, lock, mkcol, move, purge, propfind, proppatch, unlock, report, mkactivity, checkout, merge, m-s...
2018-07-03 16:31:47
451
原创 angular初步学习
初步学习angular,这里做一个总结一.目前了解的angular应用基本架构 angular和Vue思想还是有一定相似的,应用被拆分成了各个组件,都是SPA开发,等 上图中: 从app.module开始作为类似于全局的配置,下面app.component作为根组件,再由根组件,利用angular的路由,将各个组件呈现出来. 而作为服务,是独立出来的,可以被注入到全应用的...
2018-06-28 22:57:49
264
原创 sourcetree将已经存在的的本地文件夹和远程仓库关联
以github为例新建远程仓库,得到远程地址create新建一个本地仓库,我把名字取的和远程仓库一样,不选择在账户中创建仓库点击右上角的设置,设置远程仓库的地址和仓库名字点击拉取本地提交推送即可...
2018-06-25 22:03:23
12385
原创 TypeScript学习: 接口
/** * 接口核心原则之一就是对值所具有的 结构 进行类型检查 * 只是检查数据结构的类型,不是类似于java的类实现接口 */ interface LabelledValue { label: string } function printLabel(labelledObj: LabelledValue) { console.log(labelledObj.label...
2018-06-20 22:51:05
1809
原创 TypeScript学习: 类
一.类类类似于Java的类 只能有一个构造函数,不写则会默认创建一个无参构造函数 可以有public,private,protected属性或者方法 可以继承class Demo1 { public _name: string; private _age: number; protected _size: number; constructor(name:string...
2018-06-10 23:08:51
462
原创 js 弹层下面的body禁止滚动
当弹出出现的时候,设置body的position为fixed,并设置overflow为hiddendocument.body.style.position = 'fixed';document.body.style.overflow = 'hidden';当弹层取消document.body.style.position = 'relative';document.body.sty...
2018-05-29 22:57:18
5131
1
原创 JavaScript打开APP
方法都是网上的方法,但是抄来的方法有一个缺陷就是, 打开APP后再返回网页,发现依然能跳转到下载页面 这里看到了一中解决方法,就是在setTimeout中加时间差值的判断,如果加载时间超出1秒,即代表用户没有安装APP// 打开APP openApp() { let ua = navigator.userAgent.toLowerCase(); ...
2018-05-28 22:32:31
11782
2
原创 网页兼容iPhone X
参考网址 https://aotu.io/notes/2017/11/27/iphonex/index.htmliPhone X中安全区域的概念 设计的兼容要求: 在Vue项目中应用如下(共2步): 1. 设置meta中viewport-fit=cover<meta name="viewport" content="width=device-width,init...
2018-05-28 16:59:16
852
原创 自己实现一套tip
开发中很多比如alert,confirm等等原生的都是不符合设计要求的,需要自己写思路有2中,一种是单例模式(只能弹出来一个框) ; 另一种是多例模式(能弹出来多个框,并依次关闭)(1)单例模式不困难,从下面myAlert方法中可以简单的看到(2)多例模式 难点在能够不出差的情况下,依次删除掉弹出的多个框 这里使用了闭包(见toast方法)exp...
2018-05-27 12:47:02
320
原创 微信小程序web-view使用
一.基本使用请参考 微信小程序开发官方文档https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html二.API的使用1.获取是否是小程序环境 官方给了2种方式 但是,这2种在非小程序环境下是不会运行的,这个是比较容易被忽略的, 关于小程序环境特有的逻辑,要在下面2种方法中实现 推...
2018-05-23 10:13:58
1212
原创 小程序图片裁剪功能简易版,分享前裁剪
该文件主要执行分享前的裁剪一.介绍使用1.基本使用以商品详情为例:&amp;amp;lt;template&amp;amp;gt; &amp;amp;lt;view class=&amp;quot;container&amp;quot;&amp;amp;gt; &amp;amp;lt;!-- n个布局 --&amp;amp;gt;
2018-05-20 15:28:16
4636
原创 前端使用 CryptoJS(v3.1.2) 进行des解密,后端java
后端Java使用JDK的API进行des加密, 需要前端解析JavaScript解密 注意key和iv(向量)都应该是utf8格式的 Java使用byte数组加密的,前端需要先转换为字符串,然后再转为utf8<!DOCTYPE html><html><head> <title>des</title>...
2018-05-09 23:11:47
6532
2
原创 wepy小程序项目总结
1. wepy 不能在computed中获取props对象内容,可以获取String,需使用setTimeout,不知为何2. 项目中出现需求如所述:点击灰色透明遮罩关闭遮罩层,点击白色区域的 “X” 也是关闭遮罩层 但是通过一般布局产生的结果是,点击白色就是点击灰色遮罩层,不能得到点击白色空白区域的点击事件 html结构如下<!-- 点击白色空白区域也会触发handle...
2018-05-09 22:03:22
727
转载 fullPage.js使用
原文链接: https://github.com/alvarotrigo/fullPage.js/tree/master/lang/chinese关于fullpageFullpage.js是一个基于jquery的插件，他可以非常方便、很轻松的制作一个全屏网站：1.支持鼠标滚动2.多个回调函数3.支持手机、平板等触摸事件4.支持css3动画5.支持窗口缩放6.窗口缩放时自动调整...
2018-04-30 16:46:23
895
原创 es6的箭头函数和es5的function函数区别
一.es6的箭头函数es6箭头函数内部没有this,使用时会上朔寻找最近的this不可以做构造函数,不能使用new命令,因为没有this函数体内没有arguments,可以使用rest参数代替不能用yield,不能使用generator函数二.疑问下面代码中的箭头函数arrows的this指向window let obj = { aaa: '123'...
2018-04-19 18:56:43
3226
原创 前端模块化的一些总结
一.前端模块化问题目前前端模块化规范比较多,有主张异步加载的AMD和CMD,还有同步加载的CommonJS,还有es6实现的esm,等等(以后再有新知识再补充),这里做一下总结二.AMD和CMD实现AMD和CMD都使用异步加载的方式,代表作如下 规范 代表作 AMD requireJS CMD SeaJS我个人比较喜欢seajs,...
2018-04-19 17:34:24
1246
原创 关于MVC的理解
先来一个图 非常简易的MVC代码实现<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>MVC架构理解2</title></head><body><div
2018-04-10 16:42:46
457
原创 node学习之基本入门
一.node概念node.js是在服务端运行的JavaScript.底层由c++实现,核心优势是异步O/I,事件循环驱动机制.二.node核心核心是异步I/O,事件循环机制 能做什么: 具有复杂逻辑的网站； 基于社交网络的大规模 Web 应用； Web Socket 服务器； TCP/UDP 套接字应用程序； 命令行工具； 交互式终端程序； ...
2018-04-03 16:47:29
155
原创 css3的animation实现购物车小球飞入效果
一.思路 1.在body下添加5个元素并绝对定位,且display:none;(5个元素是防止用户连续点击) 2.单机页面的某一处位置,并将第一个dispaly:none;的dom定位到单机位置 3.使用css3将定位后的dom运动到目标,并去除style,设置display:none;二.实现html<body> <p>在页面的任何位置点击,...
2018-04-01 21:07:29
12990
原创 css3学习之animation
一.API值 | 描述animation-name | 规定需要绑定到选择器的 keyframe 名称。。animation-duration | 规定完成动画所花费的时间，以秒或毫秒计。animation-timing-function | 规定动画的速度曲线。an...
2018-03-28 15:33:27
193
原创 css3学习之transition
一.API值 | 描述transition-property | 规定设置过渡效果的 CSS 属性的名称。transition-duration | 规定完成过渡效果需要多少秒或毫秒。transition-timing-function | 规定速度效果的速度曲线。transiti...
2018-03-28 11:49:48
200
原创 css3学习之3d转换
一.API函数 | 描述-----------------------------------matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) | 定义 3D 转换，使用 16 个值的 4x4 矩阵。translate3d(x,y,z) | 定义 3D 转化。translate...
2018-03-28 11:14:29
676
原创 css3学习之杂项
一.背景相关1.background-origin限制背景显示在盒子模型的区域范围,默认content-boxbackground需要设置background-repeat:no-repeatbackground-origin ： border-box | padding-box | content-box;2.background-clip将背景做剪裁,默认no-clip...
2018-03-27 13:38:12
191
原创 css3学习之2D转换
2d转换是相对定位,使用要加前缀API列表translate(x,y) ,相对于坐标原点的移动rotate(xdeg) ,顺时针旋转xdeg,负数为逆时针旋转scale(x,y) ,以元素x轴或者y轴的中间线为起点,进行放大x或者y的倍数skew(xdeg,ydeg) ,以元素x轴整体或者y轴整体为轴线,y轴顺时针翻转,x轴逆时针翻转matrix() ...
2018-03-26 17:59:45
225
原创 css3学习之自定义字体
<div class="d2"> <p class="p2">这个世界真的很美好啊</p></div>@font-face{ font-family: myFont; src:url(./Li-Xuke.ttf);}.d2{ width: 100px; height: 300px; bor...
2018-03-26 17:23:39
157
原创 HTML5拖放
1.拖放实现逻辑开始拖动 ===> 拖动中 ===> 拖动结束(放手) ondragstart ===> ondragover ===> ondrop ondragstart 绑定在需要被拖动的dom上 ondragover和ondrop绑定在接受被拖动dom进...
2018-03-22 21:17:20
170
原创 HTML5学习之video
一.video浏览器支持参考 http://www.w3school.com.cn/html5/html_5_video.asp 为保持最大兼容,需要提供mp4和Ogg两种格式的视频1.video属性和方法参考 http://www.w3school.com.cn/html5/html_5_video.asp2.使用html <video id="v" s...
2018-03-22 11:43:17
272
原创 html事件传播和各个浏览器的处理方式
一.html事件传播机制event.eventPhase 常量值 Event.CAPTURING_PHASE 1 , 捕获阶段 Event.AT_TARGET 2 , 目标元素阶段 Event.BUBBLING_PHASE 3 , 冒泡阶段(1)事件冒泡事件触发顺序从最外层到最内层的顺序,(2)事件捕获事件触发顺序是从最内层到最外层元素二.各个...
2018-03-22 11:09:57
258
转载 H5的meta标签功能大全
转自 作者reaf , https://www.cnblogs.com/reaf/p/6728882.html H5标准声明，使用 HTML5 doctype，不区分大小写 标准的 lang 属性写法 声明文档使用的字符编码 优先使用 IE 最新版本和 Chrome 页面描述 页面关键词...
2018-03-21 10:17:32
319
原创 es6学习之Class
一.Class1.概念和语法是函数链式继承的语法糖,大部分功能都是一样的,有少数不同 (1)constructor有且只有一个,不声明则js引擎会自动添加一个空的constructor (2)类方法内部的this指向当前实例,当类的方法独立抽离出来的时候,this会指向方法的上下文环境,从未出错. 因此应该用实例调用实例方法class Logger { printNam...
2018-03-19 23:22:18
190
原创 es6学习之Generator函数,async函数
一.Generator函数的语法1.概念和语法(1)概念Generator是一个状态机,内部封装多个状态 ; Generator会返回一个遍历器,调用Generator的next方法可以依次执行(2)语法(1) function后面跟着*号,调用函数不会立即执行Generator函数,只有调用next方法的时候才会执行. next方法在yield表达式处停止,n...
2018-03-16 12:30:02
442
原创 es6学习之Promise
一.含义Promise是JavaScript的一种异步解决方案,具有3中状态(pending进行中,fulfilled已经成功,rejected已失败).二.Promise的使用1.Promise带有resolve(成功),reject(失败)两个参数 2.Promise内部立即执行,then在所有同步事件完成后执行,catch是捕捉错误,finally是成功或者失败都会执行的操作....
2018-03-12 22:47:53
163
原创 es6学习之Proxy & Reflect
一.Proxy1.概述(1)概念Proxy是拦截,代理的意思,即在目标对象前架设一层拦截.(2)注意proxy想要生效,必须在proxy实例上进行相应的操作proxy内部的this指向proxy实例而不是目标对象,要注意2.Proxy实例方法(13种)(1)get(target,propKey,receiver),拦截对象的读取属性proxy....
2018-03-12 12:15:53
281
原创 html5的webWorker学习
当主要的耗时操作都在操作dom的时候,webWorker是无能为力的 Worker是浏览器为js新开的一个线程,可以不影响当前页面的情况下,在另外的线程中执行计算并把结果回传给主线程.一.专用Worker交互通信过程通过onmessage和postMessage方法 主线程main.js , 子线程myWorker.js主线程发送消息到子线程和主线程接收子线程的消息...
2018-03-07 16:06:44
264
原创 es6学习之Set和Map结构
一.Set结构Set结构是类似于数组结构,但是成员都是不重复的值(判断不重复类似Object.is()方法,但是+0和-0又是相同的处理,Object.is(+0,-0); // false) 缺点是没办法像数组一样通过下标取值的方法.WeekSet结构和Set相似,但是成员只能是对象,且对象是弱引用(成员中的对象不存在了,在本结构中也就不存在了),重点是没有size属性,没有遍...
2018-03-07 11:12:32
216
原创 es6学习之Symbol
一.SymbolSymbol是JavaScript的新的一种基本数据类型,表示独一无二的值. undefined,null,String,Number,Boolean,Object,Symbol 引入的原因是防止对象的属性或者方法被无意的覆盖Symbol的声明// 方式1,每次声明的都是独一无二的,没有登记机制let s1 = Symbol('foo');le...
2018-03-06 18:44:00
203
localstorage-table.js
2018-01-02
log4j-1.2.16
2017-05-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人