曹苏乐-CSDN博客

原创 vue仿去哪儿网实践笔记

用git建立仓库和本地的联系 1、安装vue脚手架 cnpm install vue-cli -g 2、使用vue-cli初始化项目 vue init webpack my-project 3.安装项目依赖 cnpm i 4.查看初始化的项目 npm run dev 可以在config.js里修改是否自动打开浏览器 5.npm run build 生成本地打包文件，后在本地打开问题 6.目录介...

2019-03-29 01:06:19 704

翻译 vue动画

Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件组件根节点？？当插入或删除包含在 transition 组件中的元素时，Vue 将会做以下处理：自动嗅探目标元素是否应用了 CSS 过渡或动画，如果是，在恰当的时机添加/删除 CSS 类名。如果过渡组件提供了 J...

2019-03-28 21:10:24 717 1

翻译 vue组件

组件推荐使用小写加减号分割的形式命名。一个组件的 data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝：有些元素内不允许出现不符合规定的元素使用特殊的is属性来在挂载组件 <table> <tbody is=”my-component” ></tbody> </ table> 动态组件：用component标签...

2019-03-26 12:15:28 154

翻译正则表达式

var reg=new RegExp("a") var reg =/a/; reg.test(str);(测试字符串是否符合正则表达式) /a/ 包含a /a|b|c/a或b或c /ab/包含连续ab /[a-z]/ 任意小写字母 /[A-z]/ 任意字母 /[A-z0-9]/任意字母，数字 /[^ab]]/是否有除了a或b以外的 /^a/a开头 /a$/a结尾 /(ab){3}/ab正好连续出...

2019-03-21 12:11:38 327

原创简单算法-数组

1.给定一个排序数组，你需要在原地删除重复出现的元素，使得每个元素只出现一次，返回移除后数组的新长度。 /** * @param {number[]} nums * @return {number} */ var removeDuplicates = function(nums) { for(var i=0;i<nums.length-1;i++){ if(n...

2019-03-19 00:21:59 148

翻译 mongodb

https://www.mongodb.com/官网下载手动在根目录下创data下创db MongoDB 目录的 bin 目录中执行 mongod.exe 文件。命令行执行如： C:\mongodb\bin\mongod --dbpath c:\data\db 新打命令窗口，相同根目录输入 mongo 连接 exit 退出 show dbs 查看所有数据库 use 数据库名称（...

2019-03-17 23:14:27 91

翻译 HTTP

ACK 确认字符(Acknowledgement） SYN：同步序列编号（Synchronize Sequence Numbers） MSL 报文最大生存时间（Maximum Segment Lifetime）为了准确无误地将数据送达目标处，TCP协议采用了三次握手（three-wayhandshaking）发送端首先发送一个带 SYN 标志的数据包给对方。接收端收到后，回传一个带有 S...

2019-03-16 21:10:47 185

翻译 DOM BOM 与事件

DOM(document object model) DOM把html当做一个文档树,文档所有内容都可称为节点,标签称为元素，根元素html,根据节点找到父节点，子节点，兄弟节点 var btn = document.getElementById("btn"); btn.onclick = function(){ alert("dian wo"); } document.getElemen...

2019-03-16 17:38:20 268

翻译 CSS高级

流式布局父元素 display: flex; /开启流式布局/ justify-content: flex-start;/默认值。项目位于容器的开头 center位于容器的中心 space-between各行之间留有空白的容器内等等/ flex-direction: row; /布局方向默认为row水平方向 column列（垂直）可以设置反转row-revers/ flex-wrap: n...

2019-03-16 14:17:35 144

翻译 CSS浮动与定位

浮动如果希望块元素在页面中水平排列，使用float浮动元素，脱离文档流可选值： none：默认，元素在文档流中排列 left：元素脱离文档流，向页面左侧浮动 right：元素脱离文档流，向页面右侧浮动元素浮动后，下边的元素会立即向上移动（A浮动后，B会直接顶到上面）元素浮动后不会超出父元素边框和内边距或其它浮动元素浮动元素上边是一个没有浮动的块元素，浮动元素不会超过此块元素（A没有...

2019-03-13 15:45:57 126

翻译 CSS基础

基本的清除浏览器默认样式 *{ maigin:0; padding:0; } 内联样式 style="color:red;font-size:10px;" 内部样式 <style type="text/css"> </style> 外部样式 <link rel="stylesheet" type="text/css" href="css/new_fi

2019-03-13 15:34:10 121

转载 vue基础

控制切换一个元素是否显示 v-if="seen" //seen: true/false 可以把一个 <template> 元素当做不可见的包裹元素，并在上面使用 v-if。最终的渲染结果将不包含 <template> 元素。提供了一种方式来表达“这两个元素是完全独立的，不要复用它们”。只需添加一个具有唯一值的 key 属性即可 v-show 不支持 <temp...

2019-03-12 23:08:41 123

翻译 javascript扩展类型

数组 var arr = new Array(1,2); 创建一个数组含元素1和2 var arr = new Array(10);（只有数值会这样）创建一个长度为10的数组如果传递的是其他类型的参数，则会创建包含那个值的只有一项的数组 var arr = []; 创建一个空数组 var arr = [1,2,3,4];创建一个数组含有4个元素 var colors = ["red", "bl...

2019-03-12 00:37:06 245

翻译 javascript对象

var obj = new Object(); obj.name = "saa";增加name属性 delete obj.name；删除 var obj = {name:"sun",age:18}; 访问属性的两种方式： – .访问对象.属性名 – []访问对象[‘属性名’] 这种方式可以使用字符串变量工厂模式 function createPerson(name, age, job){...

2019-03-12 00:36:20 66

原创 CSS选择器

元素选择器 p{} id选择器 #id{} 类选择器 .class{} 选择器组（并集，选中所有选择器，用逗号隔开）选择器1，选择器2，选择器n{} 复合选择器（交集各选择器名字紧挨在一起）选择器1选择器2选择器n{} 后代选择器（空格隔开）祖先元素后代元素后代元素{} 子元素选择器父元素>子元素{} 选中第一代子元素 ul>*li{}通过*的使用，选择ul的第...

2019-03-11 01:25:54 101

原创 javascript函数

函数没有重载，后面的会覆盖前面的，函数是对象，函数名是指针。 var fun = new function(); function fun(a,b){} fun(1,2); typeof fun 返回function 立即执行函数，将一个没名字的函数用小括号括起来，只会执行一次（function （a，b）{ alert("dsas"); }）(123,456) 函数的返回值如果retur...

2019-03-11 01:14:17 121

原创 javascript基础

alert(); 弹窗 document.write(); 在计算机页面输出内容 console,log(); 在控制台输出内容 var sore = propmt("请输入成绩"）；弹出一个提示框，带有文本框给用户输入内容，用户输入后返回给变量，返回类型为String类型第一个字符必须是一个字母、下划线（ _ ）或一个美元符号（ $ ）。其他字符可以是字母、下划线、美元符号或数字数据类...

2019-03-11 00:55:54 172

html5

<!DOCTYPE html> <meta charset="utf-8"> <meta name="description" content="描述"/> <meta name="keywords" content="关键字1,关键字2"/&g...

2019-03-10 01:55:39 180

曹乐乐的博客