- 博客(34)
- 收藏
- 关注
RSS订阅原创 DOM css的一些操作
1、查看滚动条的距离： ie9以上及其它浏览器 window.pageXOffset / pageYOffset ie8以及ie8以下 document.body.scrollLeft / top document.documentElement.scrollLeftfunction getScrollOffset() { ...
2018-06-30 11:47:29
703
原创 css3 相关伪类
1、：not（）类似jQuery中的 ：not（）选择器，主要用来定位不匹配该选择器的元素。其用途还是很强大的，举2个例子：:not(footer){ border:1px solid black;/*表示选择页面中所有元素，除了footer*/}input:not([type=submit]){ ... /*给表单中所有input定义样式，除了submit按钮*/}2、:n...
2018-05-16 16:21:27
194
原创 css3 动画相关笔记
一、transition：过度（1）transition-property：指定过渡的属性值，比如transition-property:opacity就是只指定opacity属性参与这个过渡。（2）transition-duration：指定这个过渡的持续时间（3）transition-delay：延迟过渡时间（4）transition-timing-function：指定过渡动画缓动类型，有e...
2018-05-16 16:14:17
274
原创 react-upload
const options = { baseUrl: 'https://dev2.zhishinet.com/api/zcommon/v1/sec/resource', param: {}, chooseAndUpload: true, paramAddToField: {purpose: 'save'}
2017-09-28 15:21:44
3251
原创 canvas学习笔记
一、基本用法1、canvas 元素 A、<canvas> 元素有一个叫做 getContext() 的方法，这个方法是用来获得渲染上下文和它的绘画功能，通过简单的测试getContext()方法的存在，脚本可以检查编程支持性var canvas = document.getElementById('tutorial');if (canvas.getContext){ var ctx = c
2017-09-22 11:41:23
289
原创 canvas手绘正五边形
一、基本用法：alertShow(param: any, $index: any) { let $log = this.$log; let $scope = this.$scope; if (param !== $scope.lastObj) { param.show = true; if ($scope
2017-09-22 10:38:43
2755
原创 ECMAScript6 学习笔记
精华1、字符串笔记：反单引号 `abc${变量名}ef`2、解构赋值： 解构赋值给默认值： var json={}; var a=json.a || 12 //如果a为空，给a初始值12 语法：var {time=12,id=0}={}//time为空时，给time123、复制数组 复制数组： 1、循环 2、Array.from(arr) 3、var arr2=[...ar
2017-08-27 19:26:50
372
原创 ECMAScript6 学习笔记
ECMAScript 6学习笔记一、let 和 const 命令1、let 1、ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 2、var命令会发生”变量提升“现象，即变量可以在声明之前使用，值为undefined。这种现象多多少少是有些奇怪的，按照一般的逻辑，变量应该在声明语句之后才可以使用。 3、暂时性死区，在代码块内
2017-08-24 19:32:44
428
原创 react 学习笔记
一、安装 配置 npm install --save react react-dom babel-preset-react 然后，在index引入：<!DOCTYPE html><html> <head> <script src="../build/react.js"></script> <script src="../build/react-dom.js"></scrip
2017-05-05 15:48:23
385
原创 正则学习
1、什么是正则表达式 正则表达式(regular expression)是一个描述字符模式的对象。ECMAScript 的 RegExp 类 表示正则表达式，而 String 和 RegExp 都定义了使用正则表达式进行强大的模式匹配和文本，正则表达式主要用来验证客户端的输入数据。2、创建正则表达式两种方法，一种是采用new运算符，另一种是采用字面量方式。1)、两种创建方式 A、用两斜杠将正则
2017-04-24 11:23:00
259
原创 cordova 支付宝支付
cordova 支付宝一、支付宝环境配置： 1、插件地址：https://github.com/pipitang/cordova-alipay-base 2、插件安装：cordova plugin add https://github.com/pipitang/cordova-alipay-base --variable ALI_PID=yourpid二、支付宝支付前期配置流程： 1、支付
2017-03-31 09:56:09
3787
原创 cordova 微信支付
cordova 微信支付1、用到的插件： 地址：https://github.com/xu-li/cordova-plugin-wechat 安装方式：cordova plugin add cordova-plugin-wechat --variable wechatappid=YOUR_WECHAT_APPID2、申请微信app支付功能说明： （1）、微信公众号支付，进入微信公众平台:http
2017-03-27 12:22:59
7339
原创 111
#import "CDVAlipayBase.h"#import @interface CDVAlipayBase()@property NSString* aliPID;@property NSString* currentCallbackId;@end@implementation CDVAlipayBase@synthesize a
2017-03-25 14:52:17
347
原创 NetBeans 使用的一些小技巧
一、NetBeans 启动卡死很烦人，NetBeans使用久了后，就会出现启动及其慢，尝试发现，是netbeans的一个配置文件夹有问题，你只要找到C:\Users\你的用户名\AppData\Roaming\NetBeans（这个文件是隐藏的），然后把里面的东西都删除。相应的安装的外部插件，也会删除，要重新装。
2017-03-10 15:20:27
3856
原创 angular css 双向绑定的坑 IE
三种情况1、只用style <div style="background:{{bgColor}}"> This will NOT get colored in IE </div>2、用 <div ng-attr-style="background:{{bgColor}}"> But this WILL get colored in IE
2017-03-09 17:01:16
1367
原创 Angular Material学习笔记
Angular Material学习笔记一、安装 npm install <link href="../node_modules/angular-material/angular- material.css" rel="stylesheet" /> <script src="../node_modules/angular-material/angular-material.js"
2017-03-08 13:32:59
10553
原创 Angular 学习之 Directive 中的scope
Directive 中的scope在angularjs 启动的时候，会自动创建一个rootScope 对象。 创建controller和directive 的时候，会自动创建自己的私有scope对象，私有scope从rootScope继承.所有的directives 都有自己的 scope 对象。 在默认的情况下，directive 不会创建他们自己的scope. 他们会用他们父对象的scope作
2017-02-27 17:20:17
756
原创 自定义chrome 谷歌浏览器 滚动条样式
::-webkit-scrollbar:vertical{ display:block; width: 18px;}::-webkit-scrollbar-button:single-button,::-webkit-scrollbar-button:double-button{ display:block; width:18px; height:
2017-02-08 10:51:09
3078
原创 angularjs 路由传递参数 $stateParams["channel"] $routeParams
$routeParams $routeParams.openid .when('/wechat/:channel/:openid&?:endDate?&?:sessionId?&?:homeworkAssessmentId?&?:isReview?&?:userId?&?:userTrackingId?&?:password?&?:sessionUserTrackingId?&?:sessio
2017-01-18 18:29:10
6310
原创 provide httpProvider 中注入指令injecto
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2016-11-16 14:37:26
649
原创 TypeScript 学习笔记 之插件安装
1、安装之前，先用bower安装相应插件 例如安装CKEditor ： bower install CKEditor releases2、然后再安装：typescript 相应支持插件 插件地址（包含绝大部分插件）：https://github.com/DefinitelyTyped/DefinitelyTyped安装时要注意
2016-09-13 10:28:04
8121
原创 angularjs 笔记之$watch
1.案例：总价大于100，免去运费：$watch 价格: 个数: 费用:{{ sum() | currency:'￥' }} 运费:{{iphone.fre | currency:'￥'}} 总额:{{ sum() + iphone.fre | currency:'￥'}} var
2016-09-06 21:47:09
746
原创 onsen UI popover 的用法
这是在typeScript下使用的：1.绑定父级作用域：$window["ons"].createPopover($scope.popoverUrl, {parentScope: $scope}).then(function(popover:any) {$scope.popover = popover;// $scope.show(e);$scope.popover.s
2016-09-06 11:24:09
1138
原创 angular ckeditor 编辑文字
先下载ckeditor并且在index 中引用 html 中代码： 获得数据controller中代码： $scope.dataAll122 = { 'Name': '',// }; $scope.removeHTMLTag = function (str) { str = str
2016-08-23 12:03:51
621
原创 angularjs 上传照片 电脑选取照片 并且预览
html 中代码： controller中代码： $scope.getFile = function (aaaa,bbbbb) { console.log("--------------"); console.log($scope.file); console.log(aaa
2016-08-23 11:57:20
890
原创 package.json 详解
package.json文件描述了一个NPM包的所有相关信息，包括作者、简介、包依赖、构建等信息。格式必须是严格的JSON格式。通常我们在创建一个NPM程序时，可以使用npm init命令，通过交互式的命令，自动生成一个package.json文件，里面包含了常用的一些字段信息，但远不止这么简单。通过完善package.json文件，我们可以让npm命令更好地为我们服务。如果你有个新的项目，
2016-08-17 10:17:27
5869
原创 webpack 学习笔记
webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。一. 安装我们常规直接使用 npm 的形式来安装：$ npm install webpack -g当然如果常规项目还是把依赖写入 package.json 包去更人性化：$ npm i
2016-08-16 11:46:38
408
原创 TypeScript 学习笔记
/** * Created by Administrator on 2016/8/12. *///TypeScript介绍//1.TypeScript简介:// TypeScript是微软开发的JavaScript的超集,TypeScript兼容JavaScript,可以载入JavaScript代码然后运行.//2.TypeScript与JavaScript比较://
2016-08-12 16:31:26
3608
原创 onSenUI 常用UI组件 笔记
1.carousel 轮播图的用法总结界面方法： 1.用于满屏ons-carousel fullscreen swipeable overscrollable auto-scroll> ons-carousel-item> Carousel Item 1 ons-carousel-item> ons-carousel-item> Carousel Item
2016-08-09 16:27:57
5887
原创 angularjs 学习笔记之一
1. ng-app 指令定义一个 AngularJS 应用程序。ng-model 指令把元素值（比如输入域的值）绑定到应用程序。ng-bind 指令把应用程序数据绑定到 HTML 视图。2.、AngularJS 事件广播与接收发送消息： $scope.$emit(name, data) 或者 $scope.$broadcast(name, data);
2016-08-09 13:38:53
321
原创 onSenUI 配置环境
1. 首先按转NOde.js 2. 按转 Monaca ：npm install -g monaca3.创建新的项目（可以onSenUI的版本）：monaca create helloworld4.真机：1）进入项目cd helloworld2）monaca preview # Preview on the browser3）真机monaca debu
2016-08-08 14:43:48
720
原创 ECMASript 之数组 学习笔记
1、Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括ES6新增的数据结构Set和Map）。let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3};// ES5的写法var arr1 = [].
2016-08-02 11:12:31
259
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人