vue 2.x源码随手记 --Vue的依赖收集

引文:看源码的随手记 Vue的依赖收集 关键: initProps initData observer() class Observer 数组的响应式(重写数组的原型链上的方法push\shift…) 以及 一般的响应式 但都是通过Object.definedProperty Object.d...

2019-04-10 14:05:58

阅读数 9

评论数 0

vue 2.x源码随手记 -- 生命周期

引文:看源码的随手记 Vue的生命周期 当我们new一个vue的时候,我们会执行vue.prototype._init函数, 这个时候会执行initLifecycle(),这个函数主要是定义一些初始化的vue实例的属性,比如合并抽象组件的parent,parent,parent,refs等,以及...

2019-04-10 14:02:06

阅读数 27

评论数 0

解决webpack打包后-webkit-box-orient被移除问题

[产生原因] : autoprefixer自动移除老式过时的代码 [关于autoprefixer] : https://www.npmjs.com/package/autoprefixer [解决] 方法一: 添加注释关闭autoprefixer,但是若果有清除注释的插件,请将该插件设为f...

2018-07-05 00:37:46

阅读数 2356

评论数 0

使用wget (wget for windows)

一、什么是wget GNU Wget是一个在网络上进行下载的简单而强大的自由软件,其本身也是GNU计划的一部分。它的名字是“World Wide Web”和“Get”的结合,同时也隐含了软件的主要功能。目前它支持通过HTTP、HTTPS,以及FTP这三个最常见的TCP/IP协议协议下载。 它的...

2018-01-30 00:03:41

阅读数 12087

评论数 1

Service Worker 缓存技术

一、关于H5缓存技术提到H5缓存我们应该会想到应用缓存(application cache),只需要在标签上加一个配置<html menifest='index.appcache'>,然后编辑对应的index.appcache,就能实现我们的缓存。CACHE MANIFEST # v1...

2017-12-27 15:04:42

阅读数 1539

评论数 0

input[type='date‘]调起时间产生问题总结

①、页面默认展示的是2017/12/13 ,但实际通过value获取到的格式是2017-12-13; ②、移动端调起input[type=’date],ios上input的value默认值需设置’yyyy-mm-dd‘这样的日期格式,不能是其他字符,不然无法调起。android没有这个问题; ...

2017-12-21 14:49:06

阅读数 5857

评论数 0

随手记

1、ios下 使用user-select: none; 点击textarea元素能弹出键盘但是无法focus; 2、placeholder可以设置line-height使其垂直居中; 3、select元素没有click事件,设置size属性可以展开option,但是效果不好。 4、设置sel...

2017-10-25 23:17:27

阅读数 134

评论数 0

[解决]yoman构建前端项目时Error: Cannot find where you keep your Bower packages.

使用yoman构建前端项目时npm install --global yo bower gulp-cli npm install -g generatorulyo webappgrunt serve报错Error: Cannot find where you keep your Bower pac...

2017-10-15 23:43:44

阅读数 886

评论数 0

移动端web开发之坑---input内文字与同行文字不对齐问题

&lt;p&gt;&lt;input type=&quot;text&quot; placeholder=&quot;请输入需要兑换金额数目&quot;&gt; 港币&lt;/p&gt; 在chrome中设置p{ ...

2017-07-11 19:04:56

阅读数 2785

评论数 2

移动端web开发之坑--IOS8下 上传图片点击取消后,弹出了软键盘遮挡输入框

【问题描述】: 点击输入框弹出软键盘–>点击上传图片(input type=file)–>此时键盘收起 弹出上传图片/拍照/取消选项–>点击取消–>选项消失,键盘弹起–>遮挡(如图二)

2017-02-09 11:43:07

阅读数 539

评论数 0

使用Canvas来压缩图片

【预置条件】3g/2g网络 【测试步骤】上传身份证2M左右的图片 【预期结果】正常上传 【测试结果】卡死状态 【重现概率】100% 【备注信息】仅ios【解决方案】由前端在发送请求上传图片之前,对原图进行压缩,压缩控制在1M以内,然后再请求后台。 /*** * 前端图片压缩 *...

2017-01-05 17:05:33

阅读数 281

评论数 0

使用<script>来更快速的请求接口

话说前几天的任务吧,是一个整个页面数据都需要请求接口来渲染的配置页面(标题/图标什么的也都是后台提供),我本想用AJAx来请求的,但是导师review的时候表示这样页面加载会比较慢,让我尝试用<script> 来请求那些不会频繁的数据。首先定义我们的数据处理函数

2017-01-05 16:38:22

阅读数 1637

评论数 0

移动端web开发之坑--自适应布局下的返回页面位置定位问题

话说这应该是移动开发小伙伴们经常用的一段代码,1rem=100px;兼容性也很好;然而产生这次问题的重点是doc.addEventListener('DOMContentLoaded', recalc, false); 当dom加载完才会设置根元素的值;(向下页面定位问题描述);(function...

2017-01-04 22:20:12

阅读数 1709

评论数 0

移动端web开发之坑--ios下的fixed问题

话说前几天接到了一个改bug的任务: 【问题】ios用户进入页面时底部悬浮按钮不显示,需要向下滑动,停止滑动后才会显示。【先说一下项目的结构吧】 main.html scripts – stat.js – main.js①由于底部按钮是通过平台配置的,故html中会生成相应的配置对象...

2016-12-02 12:24:26

阅读数 1784

评论数 0

移动端web开发之坑---蒙层出现底部滚动禁止

如图: 首先我使用的方法是给html 和 body加上overflow:hidden;属性。在浏览器上调试 ok!【问题】但是放在客户端上看就失效了。。 原因肯定是html body的宽高问题了,然而我并不想给他们设置高度~ 所以我的【解决】方法是: 在背景、弹窗外在包一个块,将块的...

2016-11-24 15:39:44

阅读数 1195

评论数 0

移动端判断手机横竖屏状态

原文地址在做移动端开发的时候,在HTML页面head中加入如下代码<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1"/> 设...

2016-11-24 15:03:46

阅读数 147

评论数 0

JavaScript下的setTimeout(fn,0)意味着什么?

起因 单线程的JavaScript setTimeout背后意味着什么 参考和引用起因上午在SegmentFault上看到了这个问题《关于SetTimeout 时间设为0时》

2016-09-28 11:23:25

阅读数 406

评论数 0

ES2015 & babel 实战:开发 NPM 模块

原文地址前言近一年来,JavaScript 界关于 ES6(ECMAScript 6,本文简称 ES6)的讨论越来激烈,作为未来要统一全宇宙的语言(PHP 是世界上最好的语言,但 JavaScript 终将统一全宇宙),JavaScript 的运行环境众多,对 ECMAScript 标准的支持程度...

2016-08-21 19:28:19

阅读数 2670

评论数 0

CSS:文本行(总结笔记)

1、什么是行高? 行高指文本基线间的垂直距离,行高在数值上等于字体大小+行距。行高是可继承的line-height 是可以继承的。父元素不同的行高单位影响子元素的继承: ①父元素的行高为 24px 时,子元素直接继承此固定的行高 ②父元素的行高为 150% 或 1.5em 时,会根据父元...

2016-08-20 17:20:24

阅读数 198

评论数 0

规范之路 -line-height 的工作原理

原文地址首先有一点我们需要明白的是:在标准的盒模型中,height 属性定义的是盒子中内容的高度。而 line-height 属性只能作用在行级的非替换元素上,指定了元素形成的 line box 的最小高度。常见的例子就是大段的文本了,当你对一个段落设置了固定的高度时,要么内容不多底部出现了空白,...

2016-08-20 15:48:11

阅读数 201

评论数 0

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