08 2017 档案
摘要：很久没碰canvas了，今天因为canvas绘图的为之问题浪费了一些时间。 我们知道canvas的默认宽高是300X150嘛。 实际使用的时候当然是自定义一个高宽啦。 通常我们会习惯性地在js中通过canvasDom.style设置了某个高宽的时候，canvas在页面上也确实伸缩了。 但是用某些ap
阅读全文
摘要：ES5的放篡改方法： Object.preventExtensions(); //限制扩展后不能添加新属性方法 Object.isExtensible(obj); //布尔值 Object.seal(); //将对象密封，在“preventExtensions”的基础上吧[configarable]
阅读全文
摘要：今天不太舒服。。。可是不想断更。 最近感觉到技术的提高有点迷惘。其实前端东西挺杂，有些地方有时候想不起来倒没什么，做过笔记的就翻一翻，某个bug研究觉得奇怪就查一查。技术博客、论坛帖子看多了就发现内功才是最重要的。 这时候设计模式就登场了。单例算是最基础最简单的一个设计模式了： 该类只有一个实例，且
阅读全文
摘要：在之前做的一个demo中，有个视图是内滚动的，里边有个bar用了fixed，不是fixed在最外层视图的顶部和底部，在微信/safari/chrome/其他浏览器app上都没出现问题。 然后今天，我把demo放在拉勾网的简历的一个链接中，在拉勾网app里面点开，发现一个问题： 上下滚动的时候，设置了
阅读全文
摘要：在vue中给图片添加路径试过三种方式： 1.在css的background中添加路径； 2.将路径写在data属性中，然后动态注入img标签的src属性； 3.在img标签中奖src属性写死 第三种方式会报错！第三种方式会报错！第三种方式会报错！ 因为打包的时候必须写以当前组件为参照的相对路径，否则
阅读全文
摘要：零零碎碎学习了移动端开发的一些常识，还是梳理一下吧： 1.视口设置： 传统PC页面在手机上显示，会根据默认Viewport缩放（ios为980px,安卓有不同数值），让页面整个呈现在手机上，但缩放后字图图片过小。 移动端上开发，首先为了排版正确，第一步是设置viewport为合适的值，一般设宽度为设
阅读全文
摘要：跨域技术很多，这里做个小梳理： CORS（跨域资源分享）： 在IE8+中是通过一个XDomainRequest对象实现的,使用方法和XMLHttpRequest相似： IE的XDR对象： 1.不传送cookie； 2.只能设置请求头的Content-Type 3.不能访问响应头部 XDR对象只支持异
阅读全文
摘要：由于在vue实例内部，this指向了实例本身，所以在编写事件代理的时候，用e.currentTarget引用绑定事件代理的元素，e.target引用事件目标元素。刚刚不注意想用this引用代理元素报错，羞愧~~
阅读全文
摘要：今天发现在给元素v-for渲染的时候，想给元素添加key特性存储索引，发现不奏效： key特性在渲染后是不出现的。 将key改为其他自定义名称即可，比如：
阅读全文
摘要：实习第一天的时候，老大就跟我说：”你以后就负责写js吧。“ 所以我一直以js为本位，真正接触css和样式的机会其实不是很多。更多时候是自己下班后练习。 以前写一些滑动功能，只是很单纯的想到什么办法就用什么办法。图片滑动组件，写过两次，一次是动态改变容器margin-left的值实现滑动的视觉效果，一
阅读全文
摘要：stream在Unix系统中是个标准的概念。 In computer programming, standard streams are preconnected input and output communication channels[1] between a computer progra
阅读全文
摘要：Buffer这块很早前就想留一篇笔记。前端JS处理buffer的场景其实并不多，虽然后来基于webGL与显卡通信的需求增加了二进制数组，但毕竟相对小众。 Buffer的含义是，在数据传输时用内存中的一块地方临时存储Input/Output的data（原始数据）。我们处理buffer，其实就是处理二进
阅读全文
摘要：以前写过一个移动的滑动事件，在改变样式的时候由于DOM.style.xxx获取到的内联样式是带单位的字符串，而获取计算样式的结果也是一样，故而我总是把单位先split掉再parseInt().今天偶然发现原来可以直接parseInt(返回的styleValue)。。。返回的结果是样式的数值，不带单位
阅读全文
摘要：events可以说是node实现异步的基石，也是其他几个常用核心模块api的异步方法的原型。 引入events模块后，用它生成一个事件实例，就可以使用该实例的on方法监听(绑定)事件，emit方法触发事件，emit方法返回一个布尔值表示该事件是否已被监听。 EventEmitter.addListe
阅读全文
摘要：node的file system模块提供的api有同步和异步两种模式（大多数情况下都是用的异步方法，毕竟异步是node的特色，至于提供同步方法，可能应用程序复杂的时候有些场景使用同步会比较合适）。异步方法里回调函数的第一个参数往往是个err对象，最后一个参数是返回的操作结果。 node里面有很多模块
阅读全文
摘要：node中的几个常用核心模块的api返回的都是eventEmitter的实例，也就是说都继承了on和emit方法，用以监听事件并触发回调来处理事件。 http模块处理网络请求通常是创建一个server实例： 它是以下代码的简写： 其中request和response是传入回调的参数，他们是包含了处理
阅读全文
摘要：querystring.stringify({name:''scott",course:['jade','java'],from=''}); => 'name=scott&course=jade&course=java&from=' querystring.stringify({name:''sco
阅读全文
摘要：.parse(url，query2obj[boolean]，ignorePrototype[boolean]) .format({}) 和.parse相反，将带有url参数属性的对象组装成url .resolve()将参数组合成url字符串
阅读全文
摘要：1.明确一点：分发内容是在父作用域内编译； 2.slot作为备用内容的条件：宿主元素为空且父元素没有要分发的内容。 3.具名slot：<slot name="XXX"> 对应 父组件写在子组件标签内的 <tag slot="XXX">;其他不具名的内容分发给默认slot，没有默认slot则丢弃。 4
阅读全文
摘要：好久没写轮播图了，今天在vue上写了个超简单的，效果还ok。 .moveLeft{position:relative;right:ZOOMpx;transition:all 1s;} 原理是滚动时利用.moveLeft向左移动一个格子，造成滚动的假象，此时第二张图在第一个格子的位置； 这时候把第一个
阅读全文
摘要：在组建创建成功后调用methods里的方法fn1，失败，提示not a function： created（）{ getData(){} } solution: created（）{ this.getData(){} } 同理，调用vm自身的方法、路由对象，一概加this.
阅读全文
摘要：html,body{ //... height:100% } #app{ //... } #footbar{ position:absolute;bottom:0px;left:0px;right:0px; } 问题：底部有空白，手指在body层滑动的时候，#app会被滑上去，露出底部小片空白。 原
阅读全文
摘要：今天更新chrome 后遇到console不能显示errors的问题，折腾一番后发现在console的Default levels中选择Default即可。
阅读全文
摘要：*只有vm.$data这些被代理的属性是响应的,能够重新渲染视图 *注意，不要在实例属性或者回调函数中（如 vm.$watch('a', newVal => this.myMethod())）使用箭头函数。因为箭头函数绑定父级上下文，所以 this 不会像预想的一样是 Vue 实例，而且 this.
阅读全文
摘要：平常调试的时候总是因为缓存问题有些浪费时间，加上这几行代码就ok了 <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Cache" content="
阅读全文
摘要：-webkit-overflow-scrolling：touch 让移动端页面手机离开后可以继续滚动一段激励，非标准属性。直接加在html样式上就好了。 不能滑动的情况： 在touch事件里加了preventDefault html，body加了height：100% 另外，在ios还是不要用fix
阅读全文
摘要：摘自：http://blog.sina.com.cn/s/blog_7d796c0d0102uyd2.html 可惜不能直接转到博客园。 input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appeara
阅读全文
摘要：上传前先npm run build 后git push origin master 问题：chunk无法加载？ 原因：在github.io请求chunk时，chunk的url使用的是publicPath设置的路径‘/dist/xx’，而其实上传到github后的chunk的实际路径为‘reposit
阅读全文
摘要：好久没玩git了。。。忘记passphare。。。尴尬。。 当我们git init后 ，所在项目目录就叫工作区，在该目录下有个隐藏的.git文件，是git的版本库（repository），其中有个stage（暂存区）和一个master分支，以及一个指向master的HEAD。 git add 就是往
阅读全文
摘要：display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; //行数overflow: hidden; 只适用于webkit内核浏览器。 单行的话是： overflow:hidden; text-overflow:
阅读全文
摘要：我们称呼 routes 配置中的每个路由对象为 路由记录。 一个路由匹配到的所有路由记录会暴露为 $route 对象（还有在导航钩子中的 route 对象）的 $route.matched 数组。 定义路由的时候可以配置 meta 字段：{...，meta: { requiresAuth: true
阅读全文
摘要：全局钩子 const router = new VueRouter({ ... }) router.beforeEach((to, from, next) => { // ... }) 钩子是异步解析执行，此时导航在所有钩子 resolve 完之前一直处于 等待中。 next: Function:
阅读全文
摘要：<router-view class="view one"></router-view> <router-view class="view two" name="a"></router-view> <router-view class="view three" name="b"></router-v
阅读全文
摘要：果然还好是一小部分一小部分记录的好。 <router-link ：to="info">中:to特性可以是路径str，也可以是一个对象形式str。 当info是对象时可以携带参数： 1.{path:str,query:{x:a,y:b}},在另一个视图中可以$route.query.x获取数据。 2.
阅读全文
摘要：更新： @media screen and (min-width: 320px) { html {font-size: 14px;}} @media screen and (min-width: 360px) { html {font-size: 16px;}} @media screen and
阅读全文
摘要：<div id="shelf"> <div class="books"><div> <div class="books"><div> //... more books </div> #shelf{ margin-top: 50px; display: -webkit-box; overflow-x:
阅读全文
摘要：1.安装： 文件script引入： <script src="/path/to/vue.js"></script> <script src="/path/to/vue-router.js"></script> 或者 npm install vue-router 然后在entry.js中 import
阅读全文
摘要：作为js特有的一个语句，刚接触时只知道用来枚举对象属性，因为之前的实际工作中用得其实不多，后来看了几本书越发警惕for-in的局限性，今天参照书中的讲解明确一下。 《JS高级程序设计》： 1.for-in是一种精准的迭代语句，可以用来枚举对象属性。所有属性都会被枚举一遍。 2.由于对象的属性是无序的
阅读全文
摘要：1.原型属性： 原型属性是用来继承原型对象的属性的。ES5里对象的创建有三种方法： --直接量创建--将Object.prototype作为新对象的原型 --new 构造函数--将构造函数的prototype作为新对象原型 --Object.create(obj)传入一个原型对象，obj作为原型 E
阅读全文
摘要：气死我了。。。今天再发一篇。 eslint可以帮我们检测语法错误，我们可以自定义一些变成规范然后让它检测我们的js，eslint可以帮我们有效避免低级错误。 eslint直接装在编辑器就好了，当然可以集成在webpack配置里，但真的没必要。 1.sublimeText3编辑器安装插件：Sublim
阅读全文
摘要：上次用vue是3月份，现在已经忘得差不多了，留一份简易的搭建步骤备忘。 最简单的搭建当然是用vue-cli啦。官方提供了browserify和webpack的手脚架项目模板。我这里用的webpack。 webpack模板有webpack-simple和webpack两种，webpack多了一些如Es
阅读全文
摘要：省略废话。 1.ES6之前两个比较流行的模块机制CommonJS和AMD。CommonJS模块就是对象，加载模块时加载的是拷贝；而ES6加载的是对export的变量的引用。 2.ES6模块不是对象，使用可出现在模块顶层任何位置的export显式指定输出的代码（变量、函数、class）： export
阅读全文
摘要：[Vue warn]: Property or method "child1" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in
阅读全文
摘要：今天写generator函数时发现出错：regeneratorRuntime。 在stackoverflow网友说需是本地babel软件包没有安装完全。 package.json: "devDependencies": { "babel-core": "^6.0.20", "babel-polyfi
阅读全文
浙公网安备 33010602011771号