关闭

【CSS基础】绝对定位元素的水平居中 和 垂直居中

居谁的中呢,相对于谁绝对定位,就是居谁的中了。若是水平居中的话,将该绝对定位的元素添加这个样式:left: 0; right: 0; margin-left: auto; margin-right: auto; demo: <meta name="viewport" c...
阅读(5) 评论(0)

博客迁移

我已经博客搬家到了cnblog,地址是:http://www.cnblogs.com/dongguapifly...
阅读(52) 评论(0)

【javascript】滚动条事件优化->函数节流与去抖

throttle...
阅读(107) 评论(0)

【javascript笔记】prototype again!

之前写过一篇简单的通过prototype构建对象prototype构建对象,前几天从新看了一下书,记录一下prototype的细节我们可以通过字面量形式创建对象,也可以通过构造函数来创建(就是new 关键字+ 函数名称)。 一个普通的函数可以通过new 变的特殊。 我们每创建一个函数,这个函数都有一个prototype属性,这个属性是一个对象,这个对象包含的key->value键值对,是由这个函...
阅读(76) 评论(0)

Vue 自定义组件使用v-model

正常的业务需求中,我们需要封装一些常用的组件。现在有一个最简单的需求,封装一个有特定样式的input框,够简单吧? 好,我们来这样封装: 字符串模板文件命名为 CInput.vue: <style lang="...
阅读(367) 评论(0)

【CSS基础】关于content

content实际上我们大部分情况已经用过了,今天阅读《css权威指南》发现有很多之前不知道的点,现加以记录。 content只适用于:before 和:after这两个伪元素。MDN 上面关于content的语法解释如下:Formal syntax: normal | none | [ | | | attr() | open-quote | cl...
阅读(202) 评论(0)

Vue去掉警告 You are running Vue in development mode

已经是生产环境了 但是还是有这个警告这样解决: Vue.config.productionTip = false在这里发现的解决方案: https://github.com/vuejs/vue/pull/4907#issuecomment-284217492...
阅读(4650) 评论(0)

Webpack2 起步

Webpack2 起步 最初翻译于2017年1月初,后来觉得翻译的不好就删掉了...现在恢复~ 说不定对别人有帮助 What is webpack 简而言之,webpack是一个JavaScript模块打包工具。但是它可以用来托管并且管理你所有的前端代码(至少它被开发出来的目的或者说社区希望达到的目标是这样的) 传统的构建工具执行任务的方式是: 你的cs...
阅读(364) 评论(0)

【CSS基础】关于background-position

background-position 的取值 有几种情况(在此之前请先去阅读关于background-origin的信息)关键字: center top right bottom left(可以用百分比转换)长度值: 这个长度值解释为 从内边距区左上角的偏移。便宜点是背景图像的左上角。 background-position: 20px 30px;说明背景图像的左上角这个点 位于 距离元素内边...
阅读(316) 评论(0)

【CSS基础】css特殊性(优先级)

注:文章来源:《css权威指南》 第三章。 部分未予记录 css选择器可以用多种方式去选择元素,实际上一个元素可以由使用两个或者多个规则来匹配,每个规则都有各自的选择器。请看例子 CSS: h1 {color: red;} body h1 {color: green;} h2.grade {color: purple;} h2 {c...
阅读(195) 评论(0)

【javascript笔记】js Array数组的常用操作

现在我们使用React、Vue、Angular 通常在处理列表的时候会与JS中的Array打交道,下面总结了一下对列表操作的常用操作,增删查改。假设我们有一个需求,在这里我们有一个前提,特定位置的index[起点是0开始计算的] example: var arr = ['kevin', 'jack', 'rose’]1 在特定位置后面增加一个元素我们在kevin后面增加一个元素Lily:...
阅读(253) 评论(0)

【javascript笔记】Promise对象

最初的异步流程控制,是通过回调来实现,但是存在回调太多层就会让人崩溃后来出现了,异步解决方案 async 可以应用到NodeJS 和 browser里面。后来ES6 将 promise 引入标准, 它是用于异步计算,按照MDN的解释,一个异步对象就是一个值,这个值可以在现在 或者 未来 可用, 或者永远不可以用。[来自MDN], 反正就是用来处理异步操作的一个东西。新建一个Promise对象var...
阅读(431) 评论(0)

【CSS基础】css三角提示框

现在我们有一个需求,就是三角提示框 像这样:   注意这个三角导航,我们需要达到这样的效果。 第一种办法: 现在有两种方案,第一种需要用到css3的transform。我们直接上代码: 样式: .second-triangle-wrapper { border: 1px solid #ddd; width: 200px; height:70px; m...
阅读(196) 评论(0)

【CSS基础 】动画animation

作为博主简单记录: 深入学习请查看文末参考资料前面有提到过过渡效果css transition,实际上过渡效果也可以算作一种动画,这是这种动画是单次的不重复的,而且过渡中我们可能需要其他精细操作办不到,这个时候我们需要用到animation了。 举个简单的例子: @keyframes changeColor { fr...
阅读(220) 评论(0)

Couldn't find preset “es2015” relative to directory

node_modules 里面装了结果还是这个错,解决办法:在package.json 里面 增加 属性: "babel": { "presets": [ "es2015", "react" ] }原文链接: Error: Couldn’t find preset “es2015” relative to directory...
阅读(3264) 评论(0)
111条 共8页1 2 3 4 5 ... 下一页 尾页
    个人资料
    • 访问:144381次
    • 积分:2201
    • 等级:
    • 排名:第18077名
    • 原创:72篇
    • 转载:38篇
    • 译文:1篇
    • 评论:14条
    最新评论