随笔档案「2017年7月」 - 梦见一只羊

一个javascript继承和使用的例子

摘要：继承可以帮助我们实现代码的重用，把对象的属性写入构造函数，对象的方法写入原型后，以下例子演示继承的使用：示例的css和js在后父实例，得到一个间隔1s的轮播：现在我们要得到一个间隔为3s的轮播，只需要： 1 使用父类.call(this,属性) 的方式继承属性； 2 使用拷贝继承 for( 阅读全文

posted @ 2017-07-28 16:22 梦见一只羊阅读(302) 评论(0) 推荐(0)

在vue中使用Element-UI

摘要：Element-UI是一套基于Vue2.0的UI组件库，http://element.eleme.io/#/zh-CN/component/carousel 首先npm install element-ui --save 然后在main.js中引入：即可使用将图片引入的一个效果：若单页则引入j 阅读全文

posted @ 2017-07-27 12:00 梦见一只羊阅读(20524) 评论(3) 推荐(0)

CSS3 Flex布局和Grid布局

摘要：1 flex容器的六个属性 flex实现垂直居中： 2 Flex元素属性 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool http://www.ruanyifeng.com/blog/2015/0 阅读全文

posted @ 2017-07-25 10:53 梦见一只羊阅读(5128) 评论(0) 推荐(0)

(...)ES6三点扩展运算符

摘要：扩展运算符将一个数组转为用逗号分隔的参数序列用于： 1 将一个数组，变为参数序列 2 使用扩展运算符展开数组代替apply方法，将数组转为函数的参数 3 使用push将一个数组添加到另一个数组的尾部 4 合并数组 5 将字符串转换为数组 6 转换伪数组为真数组 7 map结构阅读全文

posted @ 2017-07-22 18:06 梦见一只羊阅读(13313) 评论(2) 推荐(2)

h5 video切换到横屏全屏

摘要：将video设置为屏幕大小，覆盖其他元素，想到这种操作我也是震惊的精灵图点亮星星的这种操作将图片右移一格也是震惊的，以前都改svg图片颜色阅读全文

posted @ 2017-07-21 20:37 梦见一只羊阅读(6429) 评论(0) 推荐(0)

vue2+nodejs+mongodb搭建移动端网站

摘要：从零开始一步步搭建移动端网站，持续更新，github代码如下，因为放了视频文件，下载可能有点慢前端采用Vue2+vuex+vue-cli全家桶搭建，后端采用nodejs+express,数据库采用mongodb.使用部分豆瓣API 下载好后，安装模块，npm国外的网站较慢，建议采用cnpm国内镜像阅读全文

posted @ 2017-07-21 02:02 梦见一只羊阅读(1355) 评论(0) 推荐(0)

vue 简易toDoList

摘要：vue+bootstrap简易响应式任务管理表：阅读全文

posted @ 2017-07-18 09:52 梦见一只羊阅读(295) 评论(0) 推荐(0)

git删除远程仓库文件

摘要：1 首先将远程代码pull到本地，保持本地仓库跟远端仓库同步 2 然后使用git rm命令删掉要删除的文件 3 删除之后，本地目录下已经删除的文件夹就不再存在了，为了能将远程仓库的相应文件也删除掉，我们要把这次操作提交到上去 4然后将更改push到远程其他git方法： 1 git 删除和版本回退：阅读全文

posted @ 2017-07-17 20:45 梦见一只羊阅读(8343) 评论(0) 推荐(0)

在vue中使用animate.css

摘要：animate.css是一款前端动画库，相似的有velocity-animate 用法：首先然后在vue文件的script中引入：最后绑定元素使用：部分api: 参考https://segmentfault.com/a/1190000009245134 https://github.com/ 阅读全文

posted @ 2017-07-17 00:35 梦见一只羊阅读(33255) 评论(2) 推荐(0)

vue 中父子组件传值：props和$emit

摘要：更新 1 父组件向子组件传值：通过props数组：在vue-cli Login.vue父组件中有AcceptAndRefuse.vue子组件，首先import进子组件hello,然后在components中注册组件，然后在template中使用<hello></hello>组件，制定msg信息子阅读全文

posted @ 2017-07-13 20:33 梦见一只羊阅读(98426) 评论(2) 推荐(6)

预编译scss以及scss和less px 转rem

摘要：预编译scss步骤： 1 搜索ruby并安装，点击 2 安装sass: 3 在hubuilder工具中设置预编译：触发命令地址为ruby安装地址命令参数为 %FileName% %FileBaseName%.css less预编译则 npm install less -g 然后智能完成即可 sc 阅读全文

posted @ 2017-07-12 20:29 梦见一只羊阅读(1988) 评论(0) 推荐(0)

ES6箭头函数及模版字符串

摘要：等同于：箭头函数可以与变量解构结合使用：箭头函数的一个用处是简化回调函数：函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象箭头函数里面根本没有自己的this，而是引用外层的this 如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分: 2 a 模板字符串（阅读全文

posted @ 2017-07-11 00:57 梦见一只羊阅读(357) 评论(0) 推荐(0)

移动端页面a input去除点击效果及pc端切换

摘要：1 手机端页面a button input去除点击效果以及闪屏问题添加： 2 使用border创建小三角形 3 去除点击效果 4 移动端和pc端使用不同页面，判断设备是pc端还是移动端，并进行链接的切换跳转阅读全文

posted @ 2017-07-09 02:40 梦见一只羊阅读(1866) 评论(0) 推荐(0)

vue2搭建简易spa

摘要：使用vue-cli来配置webpack,webpack是一个打包工具，使程序模块化全局安装vue-cli: 安装好后，使用vue-cli脚手架配置webpack: lanspa 为项目名称，ESLint是一个QA工具，用来避免低级错误和统一代码的风格,我选了no. 安装vue-router 允许我阅读全文

posted @ 2017-07-07 00:32 梦见一只羊阅读(1685) 评论(0) 推荐(0)

用淘宝镜像cnpm代替npm

摘要：=_= 淘宝镜像：然后就可以使用cnpm代替npm 设置默认：阅读全文

posted @ 2017-07-06 14:54 梦见一只羊阅读(1336) 评论(0) 推荐(0)

短横线转换为驼峰命名

摘要：阅读全文

posted @ 2017-07-06 09:15 梦见一只羊阅读(686) 评论(0) 推荐(0)

面向对象组件开发一个弹窗

摘要：组件是对面向对象的加深应用（开发UI组件，功能组件）将配置参数、方法、事件，三者进行分离 window.onload = function() { var aBtn = document.getElementsByTagName('input'); //显示在中间，用默认参数即可 aBtn[0]. 阅读全文

posted @ 2017-07-03 15:40 梦见一只羊阅读(366) 评论(0) 推荐(0)

第一个nodejs爬虫：爬取豆瓣电影图片

摘要：第一个nodejs爬虫：爬取豆瓣电影图片存入本地：首先在命令行下 npm install request cheerio express -save; 代码：阅读全文

posted @ 2017-07-01 15:50 梦见一只羊阅读(2678) 评论(0) 推荐(1)

07 2017 档案

公告