- 博客(33)
- 收藏
- 关注
转载 slot 插槽
单个插槽网址:https://www.jianshu.com/p/31674b727954除非子组件模板包含至少一个 <slot> 插口,否则父组件的内容将会被丢弃。当子组件模板只有一个没有属性的插槽时,父组件传入的整个内容片段将插入到插槽所在的 DOM 位置,并替换掉插槽标签本身。最初在 <slot> 标签中的任何内容都被视为备用内容。备用内容在子组件的作用域...
2019-01-23 11:18:39 314
转载 理解vue中的插槽------slot与slot-scope
vue当中的插槽,指的即是slot,是组件当中的一块HTML模板。该模板是否显示,以及如何显示由其父组件说了算。不过插槽显示的位置是由子组件决定 ,你将slot写在组件template的哪块,父组件传过来的模板将来就显示在哪块!单个插槽单个插槽是vue官方的叫法。你也可以叫它默认插槽。另外因为该插槽不用设置name属性,也可以称其为匿名插槽。先来看一个例子。父组件:<tem...
2019-01-23 10:15:02 274
转载 vue组件之间互相传值:父传子,子传父
今看到一篇很不错的vue组件传值文章,便于理解,遂做笔记~一般页面的视图App.vue应为这样一.父组件向子组件传值1.创建子组件,在src/components/文件夹下新建一个Child.vue2.Child.vue的中创建props,然后创建一个名为message的属性3.在App.vue中注册Child组件,并在template中加入child标签,标签中添加me...
2019-01-22 17:23:37 529
转载 vue项目--仿写去哪儿网app--遇到的问题及说明总结
网址:https://blog.csdn.net/qq_42231156/article/details/829499391. 移动端开发中的1px边框问题,由于在不同屏幕上,可能会使得1px实际在移动端显示不是1px,怎么解决?2. 移动端click点击事件,会延迟300ms,怎么解决?解决:引入第三方包,解决移动端click事件延迟300ms; npm install fastc...
2019-01-16 18:05:32 451
转载 在github中使用pages上传自己的网页1
开始教程之前的准备工作:1、需要你自己写的网页文件。2、注册Github。3、下载安装git。下载地址https://git-scm.com/downloads 教程开始:(以下出现的test指你的网页名或者你想起的一切名字)步骤一:登录到Github上,新建一个repo,命名为test,勾选 initialize this repository with a READ...
2018-09-04 17:02:39 1531 1
转载 手把手教你在Github Pages搭建自己写的页面
开始教程之前的准备工作:1、需要你自己写的网页文件。2、注册Github。3、下载安装git。下载地址https://git-scm.com/downloads 教程开始:(以下出现的test指你的网页名或者你想起的一切名字)步骤一:登录到Github上,新建一个repo,命名为test,勾选 initialize this repository with a READ...
2018-09-04 17:01:20 1073
转载 -webkit-overflow-scrolling:属性
之前在用css实现横向滚动时,用到了-webkit-overflow-scrolling:touch实现了滚动回弹效果,今天就彻底的认识下这个家伙以及它所带来的各种坑,并总结了一些排坑的办法。 一.-webkit-overflow-scrolling是什么东西 -webkit-overflow-scrolling控制元素在移动设备上面是否有滚动回弹效果,它可以设置成...
2018-08-02 10:17:54 12373
转载 CSS-同一个li下,图片和文字一起,如何使得全部垂直居中
HTML代码<ul class="wrapper"> <li> <img src="../../../assets/top_view1.png" alt="THE CATIC FOREST CASE"/> <span class="desc">THE CATIC FOREST CASE</s
2018-06-29 15:18:27 2588 1
原创 vue最新搭建环境方法
地址:https://github.com/vuejs/vue-docs-zh-cn/blob/master/vue-cli/cli.md#%E4%BD%BF%E7%94%A8https://github.com/vuejs/vue-docs-zh-cn/blob/master/vue-cli/cli.md1.全局安装脚手架 npm install -g @vue/cli2.vue creat...
2018-05-31 15:33:26 642
转载 JS之clientX,clientY,screenX,screenY,offsetX,offsetY等区别
1.event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性2.event.pageX、event.pageY类似于event.clientX、event.clientY,但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性,但得到了广泛支持。IE事件中没有这2个属性。3.e...
2018-03-15 10:38:16 1856
原创 vue--数据和头部样式
数据:{ "user": [ { "id": 6, "name": "张翰", "sex": "男", "tel": "14752898358", "grade": "钻石", "jf": "621",
2018-03-08 22:02:20 688
原创 vue-信息管理之编辑和弹框
1.编辑:<template> <div class="editinfo container"> <form role="form"> <div class="form-group"> <label for="name">会员ID:</label>
2018-03-08 21:59:59 2464
原创 vue--信息管理之首页
<template> <div class="index container"> <alert v-if="alert" v-bind:message="alert"></alert> <input type="text" placeholder="请输入你要搜索的内容" cla
2018-03-08 21:57:40 286
原创 vue--信息管理平台之main.js
1.main.js:import Vue from 'vue'import App from './App'import vueRouter from 'vue-router'import vueResource from 'vue-resource'import index from './components/index'import adduser from './components/ad...
2018-03-08 21:51:08 604
转载 javascript的6种继承方式
//1. 原型链继承 //原型链继承的主要思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。//警告:通过原型链继承是,不能使用对象字面量创建原型方法,这样会重写原型链! function SuperType() { this.color = ['red', 'blue']; } function SubType() { } SubType.p...
2018-03-08 14:12:13 150
原创 javascript对象的几种创建方式
1. 工厂模式 工厂模式中的函数中会创建一个对象,最后return这个对象,通过每次调用时传入的参数不同来解决创建多个相似对象的问题。 function creatPerson(name,age,job){ var o={}; o.name=name; o.age=age; o.job=job; o.sayName=function(){ cons...
2018-03-08 13:49:40 114
原创 array数组的一些方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>array数组</title> <script type="text/javascript"> //一、Array.o
2018-03-06 16:56:20 128
转载 常见兼容性问题
常见兼容性问题:1.浏览器默认的margin和padding不同。解决方案是加一个全局的*{margin:0;padding:0;}来统一。2.ie相关浏览器的透明度兼容问题解决方法:给元素设置filter:alpha(opacity=50);代码如下:html:<div class="box"></div>css:body {height: 2000px;backgrou...
2018-03-05 21:01:45 156
翻译 css3新增伪类
css3新增伪类举例:p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素。p:only-of-type 选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。p:only-child 选择...
2018-03-05 20:37:56 283
转载 vue环境搭建步骤
一、1.首先去node官网http://blog.csdn.net/unamattin/article/details/53543263下载node.js,下载完成后傻瓜式安装。2.安装完成之后,打开命令行工具,输入 node -v,如下图,如果出现相应的版本号,则说明安装成功。npm包管理器,是集成在node中的,所以,直接输入 npm -v就会如下图所示,显示出npm的
2018-01-14 15:13:36 809
原创 三目运算符
1、概念:根据不同的条件,执行不同的操作/返回不同的值。条件1?值1或操作1: //如果满足条件1,就返回值1或执行操作1条件2?值2或操作2: //否则,如果满足条件2,就返回值2或执行操作2 ...?..........:总结:表达式 ?"闰年": "平年“多种条件条件1?值1:条件2?值:值3 例子:
2017-11-17 21:18:05 171
原创 常用的操作符
1、a++:是指先返回,在递增1 例:var a=123;var b=a++; 则a=123,b=124;2、++a:是值先递增1,然后在返回;例:var a=123;var b=++a; 则a=124,b=124;3、a--:是指先返回,在递减1;例:var a=123;var b=a--; 则a=123,b=122;4、--a:是值先递减1,再返回;例:var a=
2017-11-17 20:56:31 142
原创 变量的提升
console.log(a); var a=12; //undefined我们可以对变量进行提前,但是提前不了他的值上面一段话可以等于 var a;console.log(a); a=12; //undefinedconsole.log(a); a=12; //报错
2017-11-17 20:45:06 166
原创 实现loading、360、网易云播放的css动画
loading loading css样式* {padding: 0;margin: 0;}.loading {width: 200px;height: 200px;border-radius: 50%;border: 10px solid #34F634;border-right-color: #262525;border-top-co
2017-11-15 14:40:59 366
转载 复杂选择器 内容生成 多列 CSSHack(浏览器兼容)
1、兄弟选择器 匹配指定元素的相邻兄弟元素 1、相邻兄弟选择器 匹配相邻的元素 匹配当前元素【后面】的【一个】元素,前提两者必须拥有相同父元素 语法: selctor1+selector2 通过 + 作为结合符 eg: div+p{} 注意:只找与当前元素相关的
2017-11-12 17:57:00 151
转载 浏览器兼容性问题
1、问题一问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。解决方案:在CSS里 添加 *{margin:0;padding:0;}2、问题二问题症状:IE6、7和遨游里这个标签的高度不受控制,超出自己设置的高度解决方案:给超出高度的标签设置overflow:hidden;或者设置行高line-height 小于你设置的高度。3、
2017-11-12 17:53:16 95
原创 php总结
1、问题一问题症状:访问http://localhost/phpMyWind/install/不出现安装或登录页面考虑一下情况:1、是否打开了PHPstudy,(当Apache不能启用时,考虑端口是否被占用;解决方法:打开phpstudy->其他选项菜单->phpstudy设置->端口常规设置,更改httpd端 口里 的数值,点击应用,重新打开phpstudy),访问安装或登
2017-11-12 17:50:10 196
原创 php环境安装说明
1. 下载好所需要的软件 (含phpmywind phpstudy navicat for my sql )2. 如果Navicat 的试用期过期,请使用通杀navicat 的通杀Navica11_2-XXX软件进行破解,在破解之前请记得关闭 navicat 相关程序,直到看到path successfully 说明破解成功3. 正式开始安装首先我们将下载
2017-11-12 17:46:18 414
原创 表单
====表单的作用 1、显示、收集用户信息 2、将收集到的信息提交给服务器 2、表单语法 语法: 注意:表单中的内容是可以提交给服务器的,提交给服务器的内容要放在表单元素里 属性: action : 表单提交时的动作,提交地址,值为url,默认值为本页 me
2017-11-12 17:44:01 144
原创 sublime text3的用法
Sublime Text3的用法一、常见插件的用法1.Emmet:编码快捷键2.JSFormat:这是一款将JS格式化的插件,同样使用Package Control安装JsFormat插件后,即可在JS文件中通过鼠标右键->JsFormat或键盘快捷键Ctrl+Alt+F对JS进行格式化3. SideBarEnhancements:是一款很实用的右键菜单增强插件,打开任意一个JS文
2017-11-12 17:34:12 706
原创 CSS样式的优先级
一、行内样式、内部以及外部样式的含义1.行内样式:就是直接把CSS代码添加到HTML的标记中,即作为HTML标记的属性标记存在。通过这种方法,可以很简单地对某个元素单独定义样式。简单来说代码写在具体网页中的一个元素内;比如: 2.内部样式(内嵌样式):就是在前面写,直接在页面里写css代码;比如:.div{color:#F00} 3.外部样式(链接样式):就是引用外部css文件
2017-11-12 17:17:08 1133
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人