自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(23)
  • 收藏
  • 关注

转载 __proto__,prototype,constructor

帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)构造器,构造函数:一个普通函数用于创建一类对象时,就被称作构造函数。构造器满足条件:1.在函数内部对新对象(this)的属性进行 设置,通常是添加属性和方法2.构造函数可以包含返回语句(不推荐)但必须是this,或其他非对象类型的值new操作符来调用一个构造函数的过程:1...

2019-02-26 13:55:00 91

转载 webpack 学习过程中的 坑

之前页断断续续的学习过webpack, 但总感觉不够全面。趁着最近学习reactjs学的有一点点成效了,想把自己的项目完善一下。学习的辅助链接:入门 Webpack,看这篇就够了感觉这个链接说的比较容易懂现在说下我学习中遇到的问题吧 webpack(4.26.0):  1. 在命令行里直接 执行webpack,总说 webpack: command not found...

2018-11-21 13:49:00 99

转载 AngularJS 为什么 我在controller里修改了 变量的值,dom 没有改变

'use strict'app.controller('xxxxx', function($scope) { $scope.aaaa =null; $scope.chooseImage = function(){ wx.chooseImage({ sourceType: [], ...

2017-12-07 17:48:00 257

转载 webpack-react-hapi( webpack 1)

在学习中发现了一些好的文章,拿来学习一下,并且把在学习过程中遇到的问题和想总结的 记录在这里。http://www.jianshu.com/p/42e11515c10f一 grunt 和 webpack的区别(我想自己总结,等有所体会在修改这里)二Source Mapssource-mapcheap-module-source-mapeval-...

2017-08-22 10:35:00 139

转载 js 创建对象的方式

看了http://mp.weixin.qq.com/s/Dbtv9hsaAcSDo8F1gj_N7Q前端大全的文章, 感觉还是自己总结一下,映像会比较深刻。对象字面量方式Object构造函数方式案例var person = {  name:'11',  age:18,  sayName: function(){    consol...

2017-06-26 11:51:00 54

转载 在html 使用img 和 在css中使用 background 的区别(Data URL和图片的区别)

为什么今天想起来总结一下这个呢,只因为在看webpack的时候 出现一下这句话:“我们可以配置url-loader来将小于1024字节的图片使用DataUrl替换而大于1024字节的图片使用url”我就想为什么 webpack 要这样设置?于是就搜到了一下这个好链接http://justcoding.iteye.com/blog/2090964<img src=...

2017-06-08 11:06:00 393

转载 用 yo 搭建 angular 版本较高 出现 URL乱码 !#

在app.js里加入以下:angular .module('babylonjsApp', [ 'ngAnimate', 'ngCookies', 'ngResource', 'ngRoute', 'ngSanitize', 'ngTouch' ]) ...

2017-03-28 16:41:00 97

转载 IOS canvas drawImage img 取不到 src

需求:现在需要一个签名版,用户可以分多次签名字的姓和名。 多次签名平合成一个图片 传递给后台。现象:pc,安卓显示均正确,但ios上 合成的图片总是显示不出来。html:<div> <canvas id="single"></canvas> <img id="singleImg"> <ca...

2017-03-16 16:25:00 462

转载 gruntFile.js

1. require('time-grunt')(grunt);Time how long tasks take. Can help when optimizing build times任务执行时间方便时间上的优化2. require('jit-grunt')(grunt, {useminPrepare: 'grunt-usemin',ngtempla...

2017-01-12 11:10:00 75

转载 一次完整的浏览器请求流程

1. 域名解析2. tcp3次握手3. 建立TCP链接后,发起http请求4.服务器响应htpp请求,浏览器得到html代码5.浏览器解析html代码,并请求html代码中的资源(js,css, png...)6. 浏览器对页面进行渲染2 TCP 3次握手http://www.cnblogs.com/CBDoctor/archive/2012/1...

2016-12-01 10:45:00 86

转载 webstorm11怎么设置成sublime3的界面

引入架包导入即可下载路径:https://github.com/OtaK/jetbrains-monokai-sublime转载于:https://www.cnblogs.com/wpp12345/p/6116916.html

2016-11-30 11:12:00 65

转载 js 基本类型与引用类型的区别

1. 基本类型: string,number,boolean,null,undefined2. 引用类型: Function,Array,Object访问方式 基本类型 引用类型操作和保存在变量的实际的值值保存在内存中,js不允许直接访问内存,在操作的时候,操...

2016-11-18 10:45:00 69

转载 拼图 canvas分割 dom拖拽 pc 移动端

参考:Canvas drag 实现拖拽拼图小游戏参考的案例,不支持手机端。总结下实现过程中遇到的小坑。gitHub:https://github.com/WppFrontEnd/puzzle大概步奏分为三部分:1. cavas 分割图片2. 图片乱序3. 排序图片其中1和2都是参考了Canvas drag 实现拖拽拼图小游戏。代码主要如下:1. ca...

2016-11-17 17:50:00 217

转载 gulp LiveReload middleware

用yo搭建的angular项目,用gulp自动化构建。自动化构建主要的功能大致有:1. 文件压缩2. 文件重命名3. 文件合并4. css,js文件自动引入到html5. 自动刷新.......在用gulp过程中出现的问题,一下是我的项目结构1. 在搭建项目的时候,我想使用sass, 可是由于gulp-sass的lfs 服务,我们无法访问,所...

2016-10-28 14:10:00 91

转载 伸缩盒 Flexible Box(新)

flex flex-grow flex-shrink flex-basisflex-flowflex-direction flex-wrapalign-content align-itemsalign-self justify-content order(1) flex: none | <'flex-grow'> &...

2016-10-26 11:19:00 65

转载 伸缩盒 Flexible Box(旧)

box-orient box-pack box-align box-flex box-flex-group box-ordinal-group box-direction box-lines(1)box-flex:<number>   注意两点即可 a: 以上所有元素必须结合“display: -webkit-box;”使用, 父类的样式里必须...

2016-10-25 15:24:00 62

转载 js 事件绑定

事件绑定的方式1. DOM 元素行内绑定<div onclick="alert(1)"></div>2. js on+eventTypedocument.onclick =function(){alert(2)}3.addEventListenerdocument.getElementByI...

2016-10-19 17:43:00 57

转载 vertical-align 垂直居中

基线:字母‘x’的底部;中线:与基线的距离为小写字母x高度的一半(即0.5ex),而ex同font-size相关,大部分浏览器认为1ex = 0.5em(em同样也是相对单位,不是绝对单位),因此会将基线以上四分之一em处作为中线来对齐super 和 top 总归不明白,然后发现super 比 top 多5px可能用到vertical-align大部分情况是以上...

2016-09-30 17:06:00 75

转载 小程序de 一些经验1

尝试着写微信的小程序,一个简单的表单验证。一开始就花了大把的时间尝试如何开始小程序的准备工作。鼓捣半天,AppId是没有的,于是用了不用appId的模拟版。其实只要下载一个小程序版的微信开发工具。然后就可以开始了。首先微信会给我们一个案例,案例的结构大体如下:其实微信公众平台上都有小程序的一些简易api,组件,框架等说明。----------------------...

2016-09-25 23:06:00 56

转载 更新一下 我的红包雨

'use strict';(function($){ //红包初始化 var redEnvelope_defaults = { imgSize_width:70,//红包的宽度 px _class:'envelope',//红包的样式 imgEnvSrc:'../images/game/envelope...

2016-09-08 14:45:00 48

转载 搭建angular前端框架 命令

首先必备的工具都下下好。然后现在开始输入命令行创建angular 项目1、node cd ..2、yo bower grunt3、npminstall-ggenerator-angular---------------------以上均是全局安装------------------------------4、yo angular5、npm install...

2016-09-02 15:57:00 112

转载 javascript this

最近看了很多人的微博,主要是“追梦子”的微博,总结了一下。希望大家多多指点。1. 没有newthis的指向问题this的指向在函数创建的时候是决定不了的,在调用的时候才能决定,谁调用的就指向谁因为this只会指向它的上一级对象例一:function a(){ var user = "追梦子"; console.log(thi...

2016-09-01 15:11:00 52

转载 最近写了一个红包雨的小功能,但感觉自己的js还有很多地方可以提高,望大神们可以帮忙指点一二...

js部分 1 'use strict'; 2 function RedEnvelope(options){ 3 if(this === window){ 4 return new RedEnvelope(options); 5 } 6 var defaults = { 7 imgWidth:60,...

2016-09-01 14:55:00 60

空空如也

空空如也

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

TA关注的人

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