- 博客(21)
- 资源 (5)
- 收藏
- 关注
RSS订阅转载 子组件如何调用父组件中的方法和属性
方法一：子组件：<template> <button @click="submit">提交</button></template><script>export default { methods: { submit: function () { // 子组件中触发父组件方法ee并传值cc12345 ...
2018-03-12 10:19:52
5665
原创 闭包面试题总结
题型一for (var i = 1; i <= 5; i++) { setTimeout( function timer() { console.log(i); }, 1000 ); }后台打印了5个6分析：首先这样的结果需要从JS的执行机制说起。JS是单线程环境，也就是说代码的执行是从上到下，依次执行。这样的执行称为同步执行。因为种种不要浪费和节约的原因。JS中引进...
2018-03-11 20:06:49
433
转载 父组件如何调用子组件中的方法和属性
利用ref属性可以获取到dom元素或者是子组件，从而可以调用子组件的方法（注意2.0版本用ref取代了el） 1、当ref直接定义在dom元素上时，则通过this.$refs.name可以获取到dom对dom进行原生的操作1<div class="foods-wrapper" ref="foods-wrapper"> 通过this.$refs获取到dom进行操作（注意ref属性的命名不...
2018-03-11 15:55:44
845
转载 vue2.0父子组件和非父子组件之间的传值
1.父组件传递数据给子组件父组件数据如何传递给子组件呢？可以通过props属性来实现父组件：<parent> <child :child-msg="msg"></child>//这里必须要用 - 代替驼峰</parent>data(){ return { msg: [1,2,3] };}12345678...
2018-03-11 14:57:43
1894
原创 事件委托实例
<ul id="ul1"> <li>111</li> <li>222</li> <li>333</li> <li>444</li></ul>上面的代码，如果想实现点击每个li都会弹出123，用事件委托
2018-03-11 10:16:16
983
转载 什么是事件委托
起因：1、这是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的；2、其实我一直都没弄明白，写这个一是为了备忘，二是给其他的知其然不知其所以然的小伙伴们以参考；概述：那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件委托基本上都用了同一个例子...
2018-03-11 09:44:52
1302
转载 Javascript中数字的部分知识总结
Javascript中数字的部分知识总结：1.Javascript中，由于其变量内容不同，变量被分为基本数据类型变量和引用数据类型变量。基本类型变量用八字节内存，存储基本数据类型(数值、布尔值、null和未定义)的值，引用类型变量则只保存对对象、数组和函数等引用类型的值的引用(即内存地址)。2. JS中的数字是不分类型的，也就是没有byte/int/float/double等的差异。...
2018-03-07 14:25:14
169
原创 Sublime Text 3 快捷键精华版
Ctrl+Shift+P：打开命令面板Ctrl+P：搜索项目中的文件Ctrl+G：跳转到第几行Ctrl+W：关闭当前打开文件Ctrl+Shift+W：关闭所有打开文件Ctrl+Shift+V：粘贴并格式化Ctrl+D：选择单词，重复可增加选择下一个相同的单词Ctrl+L：选择行，重复可依次增加选择下一行Ctrl+Shift+L：选择多行Ctrl+Shift+Enter：在当前行前插入新行Ctrl+...
2018-03-06 13:41:33
140
转载 移动端如何定义字体font-family
中文字体使用系统默认即可，英文用Helvetica/* 移动端定义字体的代码 */body{font-family:Helvetica;}移动端字体单位font-size选择px还是rem对于只需要适配少部分手机设备，且分辨率对页面影响不大的，使用px即可对于需要适配各种移动设备，使用rem，例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备rem配置参考，适合视觉稿宽度为640px的...
2018-03-06 13:39:56
7206
转载 常用的移动端框架
zepto.js语法与jquery几乎一样，会jquery基本会zepto~最新版本已经更新到1.16官网：http://zeptojs.com/中文(非官网)：http://www.css88.com/doc/zeptojs_api/常使用的扩展模块：浏览器检测：https://github.com/madrobby/zepto/blob/master/src/detect.jstap事件：ht...
2018-03-06 13:38:08
2245
转载 viewport模板
viewport模板——通用 <!DOCTYPE html><html><head><meta charset="utf-8"><meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"name="viewport&qu
2018-03-06 13:27:28
179
原创 如何使用vuex
官网：https://vuex.vuejs.org安装1. 使用命令行：npm install vuex –save2. 在src文件夹下新建一个文件夹store,里面新建一个文件：store.js3. 在main.js里引入store文件： 4. 如何在组件中使用store中的数据：找到需要使用数据的组件，在计算属性里如下写入代码，可引入store里面的数据： 引入store里面的方法（也是写在...
2018-03-06 13:25:20
585
原创 如何安装webpack
如何安装webpack1.安装好npm；2.win+R,输入cmd，打开命令行；3.检测是否安装npm，输入npm -v，如果已经安装，会出来版本号，安装好了，就安装webpack本地安装这个做项目的时候，本地安装，cd 后面输入项目所在文件夹，找到项目所在文件夹，然后执行下面这个命令npm install webpack --save-dev 执行完毕，在项目文件夹下会出现下面的东西 Packa...
2018-03-06 13:21:28
1646
原创 vue中如何父向子传递属性
1.在父组件的模板里，绑定传递的属性，其中ppp是自己起的名字2.到子组件里，添加子组件props中创建的属性3.在子组件中引用传递过来的属性
2018-03-06 13:08:32
1855
原创 HTTP请求方法
根据HTTP标准，HTTP请求可以使用多种请求方法。HTTP1.0定义了三种请求方法： GET, POST 和 HEAD方法。HTTP1.1新增了五种请求方法：OPTIONS, PUT, DELETE, TRACE 和 CONNECT 方法。序号方法描述1GET请求指定的页面信息，并返回实体主体。2HEAD类似于get请求，只不过返回的响应中没有具体的内容，用于获取报头3POST向指定资源提交数据...
2018-03-06 13:02:10
297
原创 glup安装和使用
安装1.首先安装全局的gulp,随便哪个文件夹下输入命令行：npm install -g gulp,2.找到项目文件夹，初始化，命令行：npm init3.项目文件夹下出现一个package.json的文件4.在项目中安装gulp,命令行：npm install gulp --save -dev5. 在项目文件夹下，新建一个文件夹，名字：src6. 在项目文件夹下，新建一个文件，名字：gulpfi...
2018-03-06 12:56:52
588
原创 git和github安装和使用
1.下载安装： Mac http://git-scm.com/download/mac Windows http://git-scm.com/download/win2.在终端输入：git --version可以查看git的版本号3.终端转到项目文件夹下，初始化git init4.接下来配置git仓库一些信息： git config --global user.name 'duoji' git ...
2018-03-06 11:55:35
246
原创 DIV和CSS命名规范
搜索引擎优化(seo)有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范， 下面是目前流行的CSS+DIV的命名规则： 页头:header 登录条:loginBar 标志:logo 侧栏:sideBar 广告:banner 导航:nav 子导航:subNav 菜单:menu 子菜单:subMenu 搜索:search 滚动:scroll 页面主体:main 内容:cont...
2018-03-06 11:35:37
219
原创 如何使用axios获取数据
axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：· 1. 从浏览器中创建 XMLHttpRequest· 2. 从 node.js 发出 http 请求· 3. 支持 Promise API· 4. 拦截请求和响应· 5. 转换请求和响应数据· 6. 取消请求· 7. 自动转换JSON数据· 8. 客户端支持防止 CSRF...
2018-03-06 11:32:47
8562
原创 如何搭建jsonserver
第一步，打开终端，在根路径下全局安装json-server，命令是：npm install -g json-server，第二步，创建一个文件夹，在终端引入该文件夹下；第三步，初始化一个package.json文件，也就是在终端输入一个命令：npm init;第四步，就是回车，这时候，文件夹下就出来一个package.json文件；第五步，安装一个json-server模块，命令：npm inst...
2018-03-06 11:18:57
8097
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人