08 2017 档案

Vue打包后页面出现cannot get
摘要：学习Vue有大半个月了，然而遇到了不少坑，完全没有高手们那么容易，中间有不少值得记录下的东东，回头好好理理。先理下今天的： Vue打包命令简单啊，直接在命令行输入：npm run build 然而没一会儿页面出现是的cannot get 我去，这怎么搞 搜索啊 问人啊 折腾到想放弃 页面还是依然 c 阅读全文
posted @ 2017-08-31 13:55 ann_glx 阅读(5998) 评论(0) 推荐(0)
Sublime Text3安装SublimeGit插件
摘要：之前一直用PhpStorm作为开发工具，但是最近使用的一台电脑上安装的老是卡死，只好用回Sublime Text3。 搜索后打开第一个链接“Sublime Text 3中使用SublimeGit插件”，看到这里后就开始了猜测： 找到安装Git的目录： 双击git-bash.exe，再填写对应信息： 阅读全文
posted @ 2017-08-31 13:34 ann_glx 阅读(2490) 评论(0) 推荐(0)
Vue.js（2.x）之列表渲染（v-for/key）
摘要：1.v-for是Vue里的循环语句，与其他语言的循环大同小异。首先得有需要循环且不为空的数组，循环的关键字为in或of。 需要索引时的写法： v-for里的in可以使用of代替： 还可以使用v-for的<template>标签循环多个元素块： 对象迭代v-for：可通过一个对象属性迭代 这种可以提供 阅读全文
posted @ 2017-08-21 14:42 ann_glx 阅读(286) 评论(0) 推荐(0)
Vue.js（2.x）之条件渲染
摘要：1.v-if：这里的官网文档看完后赶脚v-if就是用来判断元素是显示还是隐藏。 2.template这个包装元素感觉挺好用，以后把需要某些特定操作才出现的元素存放进去挺好。 3.前面看的网友写的还可以配合v-show来使用，结果运行后没效果。看来还是得老实看官网简介： v-else-if与v-els 阅读全文
posted @ 2017-08-19 16:48 ann_glx 阅读(295) 评论(0) 推荐(0)
Vue.js（2.x）之Class 与 Style 绑定
摘要：1、前面看数据绑定时还很困惑v-bind处理class时可以使用json格式的值，为什么换成id、href等其他属性就不行。看了下文档解释后明白了些： 2.对象语法主要有以下三种形式： 1）直接在v-bind指令后使用键值对形式：键是否显示为class取决于值是否为真，须留意键是否要加引号（如果键有 阅读全文
posted @ 2017-08-19 14:03 ann_glx 阅读(385) 评论(0) 推荐(0)
Vue.js（2.x）之计算属性
摘要：昨天看完大神的文章后，深感惭愧，硬着头皮继续看官网文档，然而这真的没是没办法，介绍的实在有些敷衍： 1）、计算属性:也不说下computed是计算属性关键词，vm实例是可以像代理data一样代理computed的，可以直接把其属性当文本插值放到HTML标签中。 2）、这里的getter是什么意思？ 阅读全文
posted @ 2017-08-18 16:05 ann_glx 阅读(325) 评论(0) 推荐(0)
Vue.js（2.x）之插值
摘要：看了一些友邻写的文章，不少是基于1.0版本的，有些东西在2.x版本应该已经废除了（如属性插值、单次插值在2.x版本上运行根本不执行）。对于不理解的东东，找起资料来就更麻烦了。不得不老老实实线下测试并整理记录： 1.文本插值官网文档的文字解释看的好没意思，不给栗子让人咋整： v-once指令的用法应该 阅读全文
posted @ 2017-08-16 19:02 ann_glx 阅读(1194) 评论(0) 推荐(0)
初学Vue.js（2.x版本）
摘要：首先肯定是打开官网查看文档了，没想到我太高估了自己，看的我头晕也不知道到底说了个啥。没办法，只能另寻他法，好在有菜鸟教程。然而我还是想多了，不稀饭一点点看下去，只想快点明白它到底说了个啥。嗯，找来找去找到了偶能理解的方式了（带着问题学起来轻松些，要不然会被脑子的各种疑问烦到啥都干不了）。每个人接收信 阅读全文
posted @ 2017-08-16 10:15 ann_glx 阅读(1503) 评论(0) 推荐(0)
巧用CSS属性visibility与opacity代替鼠标经过的jQuery事件
摘要：一直使用jQuery的hover()函数来写鼠标经过事件，这几天发现其他同行直接使用CSS就搞定了。自己在线下也试了试： 当然也并不是没有前提条件，需要配合一些定位属性来使用（position/top/left）。代码如下： <!DOCTYPE html> <html lang="en"> <hea 阅读全文
posted @ 2017-08-04 19:47 ann_glx 阅读(1036) 评论(0) 推荐(0)
css3之box-sizing
摘要：1.通读了下w3cschool上的简介：CSS3 box-sizing 属性_w3cschool。 2.看简介理解的不够深刻，偶属于刚看完转眼就能忘记的人。出于对自己的不放心，还是老老实实把例子拿到线下看看： <!DOCTYPE html> <html> <head> <meta charset=" 阅读全文
posted @ 2017-08-03 17:31 ann_glx 阅读(283) 评论(0) 推荐(0)