06 2018 档案
摘要:项目需要前端获取后台返回的cookie,并以此作判断。我是在main.js入口文件下使用的 具体代码: new Vue({el: '#app',router,template: '<App/>',components: { App },methods:{ //读取cookie,需要注意的是cooki
阅读全文
摘要:1:之前做的是两套页面。现在改成响应式布局。发现加上 @media only screen and (max-width: 500px) { .gridmenu { width:100%; } .gridmain { width:100%; } .gridright { width:100%; }}
阅读全文
摘要:Action 类似于 mutation,不同在于: Action 提交的是 mutation,而不是直接变更状态. Action 是异步的,mutation是同步的。 沿用vuex学习 简介的案例:这里是加10 减1 1.在store.js 中 代码为: import Vue from 'vue'i
阅读全文
摘要:2-1语法 栗子1 栗子2 上面栗子是简写模式,也可以分开写各个属性(这个在下面就不再重复了) 2-2实例-hover效果 上面两个按钮,第一个使用了过渡,第二个没有使用过渡,大家可以看到当中的区别,用了过渡之后是不是没有那么生硬,有一个变化的过程,显得比较生动。当然这只是一个最简单的过渡栗子,两个
阅读全文
摘要:Vue 兄弟组件通信(不使用Vuex) 项目中,我们经常会遇到兄弟组件通信的情况。在大型项目中我们可以通过引入vuex轻松管理各组件之间通信问题,但在一些小型的项目中,我们就没有必要去引入vuex。下面简单介绍一下使用传统方法,实现父子组件通信的方法。 简单实例:我们在a组件中点击按钮,将信息传给b
阅读全文
摘要:vm.$on( event, callback ) 监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。 vm.$emit( event, […args] ) 触发当前实例上的事件。附加参数都会传给监听器回调。 例子: 父组件使用@select-
阅读全文
摘要:1.什么是栅格系统: 在Bootstrap中,它提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局, 你的内容就可以放入这些创建好的布局中(这些都是官方话)
阅读全文
摘要:我利用icomoon制作了一套字体图标,【icomoon有现成的图标选择】,并下载下来。下面是文件名。 style.css能提供一种使用字体图标的方式 demo.html能提供第二种使用字体图标的方式。 然后使用:
阅读全文
摘要:事件委托主要用于一个父容器下面有很多功能相仿的子容器,这时候就需要将子容器的事件监听交给父容器来做。父容器之所以能够帮子容器监听其原理是事件冒泡,对于子容器的点击在冒泡时会被父容器捕获到,然后用e.target来判断到底是哪个子容器触发了事件 示例代码: 点击第二个li,console输出<li>2
阅读全文
摘要:<!doctype html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>帆布小球碰壁效果</title> <style> canvas { bord
阅读全文
摘要:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 状态管理模式、集中式存储管理 一听就很高大上,蛮吓人的。在我看来 vuex 就是把需要共享的变量全部存储在一个对象里面,然后将这个对象放在顶层
阅读全文
摘要:JavaScript中如何检测一个变量是一个String类型?请写出函数实现 方法1、 function isString(obj){ return typeof(obj) "string"? true: false; // returntypeof obj "string"? true: fals
阅读全文
摘要:Element,元素Attribute,属性Text,文本DOM节点创建最常用的便是document.createElement和document.createTextNode方法: var el1 = document.createElement('div');var el2 = document
阅读全文
摘要:一. 本机配置 二. 上传GitHub了ssh后,开始建立两端的repository(版本库,仓库) 并且相关联. 建立过程(2种方式): 三. 概念分析 工作区: 一般就是工程区或者模块区(也就相当于Android Studio的项目名称根目录),但是工作区下面的 隐藏文件夹.git不属于工作区
阅读全文
摘要:移动端的浏览器一般都支持window.orientation这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态。从而根据实际需求而执行相应的程序。通过添加监听事件onorientationchange,进行执行就可以了。 在ipad、iphone网页开发中,我们很可能需要判断是横屏或者竖屏。
阅读全文