- 博客(29)
- 收藏
- 关注
RSS订阅
原创 开发知识点-Vue
1. 双向绑定<template> <div class="params-select"> <GDropdown size="small" :class="selectStyle" v-model="model" :menu-max-height="height" :options="options" /> </div></template><script>export defaul
2020-11-25 10:22:19
143
原创 js 拖拽上传文件夹
需求获取拖拽到指定元素上的文件夹中的文件，并需要知道相对地址。项目地址https://github.com/156ban/droped-file-and-folder-reader（服务器中运行）注意一些方法在mdn上是实验性技术，请在生产中使用它之前仔细检查浏览器兼容性表。个人在mac上测试发现谷歌，火狐，safiri浏览器上测试时可以用的（其他未知）。方法介绍（查询自mdn）首先我们根据drop事件得到event.dataTransfer常用的获取文件方式是使用dataTransfe
2021-03-23 17:24:50
1092
原创 2020-Es6(函数扩展)
1.默认参数function fn(name,age=17){ console.log(name+","+age);}fn("Amy",18); // Amy,18fn("Amy",""); // Amy,fn("Amy"); // Amy,17es6之前想要指定默认参数if (typeof y === 'undefined') { y = 'World';}...
2020-02-18 19:45:01
159
原创 2020-Es6(let 和 const)
1.let 和 constlet1.不存在变量提升(什么是变量提升) console.log(carName) // 在这里可以使用 carName 变量,不报错var carName; console.log(carName)// 在这里不可以使用 carName 变量,报错let carName;2....
2020-02-17 19:14:05
168
原创 element ui 学习-01 (Layout 布局)(Container 布局容器)
Layout 布局用法: <el-row> <el-col :span="8"><div class="grid-content bg-purple"></div></el-col> <el-col :span="8"><div class="grid-content bg-purple-light">...
2019-10-14 17:12:26
4964
原创 GSO (vue08)
监视属性watchwatch是Vue的一个属性，可以监视指定数据的变化,然后触发对应的处理函数例如：data:{ first:"" }， watch:{ 'first':function(newVal,oldVal){ this.make(); console.log(newVal+"-----"+oldVal);} }函数中收到改变前...
2019-09-03 15:25:41
596
原创 less
嵌套与变量less中@color:pink;@m:margin;@selector:#wrap;//变量定义，属性，值，选择器都可定义@{selector} { width: 200px; height: 200px; border: 3px solid blue; @{m}:auto; .inner{ //嵌套 效果相当于 #wrap .inner widt...
2019-09-03 15:25:13
222
原创 Vue知识点
vue的生命周期添加链接描述双向绑定原理尚不可知，慢慢来vue父子组件传递参数this.$children[index]属性也可以获取子组件。https://www.cnblogs.com/xumqfaith/p/7743387.html曾经的笔记兄弟组件间特殊的传值方法暂且了解vue路由传参方法自己总结的也不错自定义指令官方文档vnode待理解...
2019-09-03 15:24:42
497
原创 vue slot（插槽）
本次尝试一下，将知识讲给别人听的学习方法。什么是插槽我们在引用组件时想要对组件样式作出一些修改，这种情况比较适合使用插槽，否则不得不再写一个代码重复度高的组件或者将各种代码都塞到一个组件中。插槽简单示例我们引用组件，在标签内写入一些html代码 <navigation-link url="/profile"> Your Profile</navigation-...
2019-09-03 15:22:49
195
原创 前端知识点 个人总结 （html+css）
1.盒模型的理解2.position添加链接描述3.em和rem4.语义化标签5.web workerwebsocket6.transform，以及3dperspectiveanimation7.响应式布局8.flex布局9.圣杯布局与双飞翼布局10.css选择器优先级...
2019-08-26 12:40:55
349
原创 js知识点
js的作用域和作用域链作用域就是变量或者函数有权访问的数据的范围，每个作用域都关联一个变量对象，环境中的变量和函数都保存在这个对象中。每个函数都有自己的作用域，执行一个函数时，函数的作用域就会被进入作用域栈中，函数执行完后，自己的作用域出栈，控制权给之前的函数作用域。作用域链用于保证对作用域可访问数据的有序访问。作用域链的第一个对象是当前的作用域，然后下一个是包含的作用域，知道全局变量。访...
2019-08-26 12:40:35
431
原创 Webpack
Webpack是什么个人：将一个工程的各种模块打包成一个或多个bundle文件。（包括css，图像等），避免浏览器多次加载。入口(entry)代表webpack从哪个文件作为起点打包，并根据导入依赖的关系打包其他文件。module.exports = { entry: './path/to/my/entry/file.js'};出口(output)代表webpack将导出的b...
2019-06-28 21:46:37
119
原创 GSO (vue07)
Vue-rounter前台路由，通过地址决定如何显示页面基本使用方法创建一个路由对象,new路由对象的时候,可以传递一个对象var routerObj = new VueRouter({ routes:[ {path:'/login',component:login}, {path:'/register',component:register} ] ...
2019-06-22 16:34:31
172
原创 GSO (vue06)
Vue组件什么是组件：组件的出现，就是为了拆分Vue实力的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。组件化与模块化模块化：从代码逻辑的角度进行划分组件化：从UI界面的角度进行划分创建全局组件1vue extend1.1先创建模板 var comlname= Vue.extend({ template:'<...
2019-06-02 19:53:03
195
原创 GSO (vue05)
Vue.js 过渡 & 动画过渡其实就是一个淡入淡出的效果。Vue在元素显示与隐藏的过渡中，提供了 6 个 class 来切换：v-enter是一个时间点,是dom元素显示之前,元素的起始状态v-enter-to是dom元素显示之后,离开的终止状态,此时,元素动画结束，(与此同时 v-enter 被移除)，在过渡/动画完成之后移除v-leave: 定义元素隐藏过渡的开始状态。在离...
2019-06-01 20:28:40
254
原创 GSO (vue04)
vue生命周期生命周期：指Vue实例创建，运行到销毁期间，总是伴随着各种各样的事件，这些事件统称为生命周期。生命周期钩子：生命周期事件（函数）。主要分类：创建期间的生命周期函数：beforeCreate:实例刚在内存中被创建出来，此时，还没有初始化好data和methods属性。ceated：实例已经在内存中创建，此时data和methods已经创建，此时还没有开始编译模板。befo...
2019-06-01 15:37:07
155
原创 GSO (vue03)
循环语句v-for遍历数组<p v-for="(one,index) in list" v-cloak >{{one.id}}-----{{one.name}}----{{index}}</p>data:{ list:[ {id:1,name:'a'}, {id:2,name:'b'}, {id:3,name:'c'}, ...
2019-05-27 19:10:37
189
原创 GSO vue(02)
事件修饰符Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节，如：event.preventDefault() 或 event.stopPropagation()。Vue.js通过由点(.)表示的指令后缀来调用修饰符。.stop 阻止事件冒泡.prevent 阻止默认事件.capture 添加事件侦听器时使用事件捕获模式（给父类装上后，父类会在子类前触发事件）...
2019-05-26 21:32:17
141
原创 GSO vue(01)
MVC 和MVVM第一个Vue实例<div id="app"> <p>{{msg}}</br> {{hanshu()}} </p></div> <script type="text/javascript"> var vm = new Vue({ el:'#app', data:{ ...
2019-05-26 17:51:09
187
转载 初学css（05）
max-width 设置元素的最大宽度。 min-height 设置元素的最小高度。CSS2 媒介类型例子：@media print{p.test {font-family:times,serif; font-size:10px}}@media screen{p.test {font-family:verdana,sans-serif; font-size:14px}}...
2019-04-16 10:47:56
119
转载 初学css（04）
CSS 定位 (Positioning)CSS 定位机制CSS 有三种基本的定位机制：普通流、浮动和绝对定位。除非专门指定，否则所有框都在普通流中定位。也就是说，普通流中的元素的位置由元素在 (X)HTML 中的位置决定。块级框从上到下一个接一个地排列，框之间的垂直距离是由框的垂直外边距计算出来。行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。但是，垂直内边距、边...
2019-04-15 20:12:47
126
转载 初学css（03）
CSS 框模型一旦为页面设置了恰当的 DTD，大多数浏览器都会按照上面的图示来呈现内容。然而 IE 5 和 6 的呈现却是不正确的。根据 W3C 的规范，元素内容占据的空间是由 width 属性设置的，而内容周围的 padding 和 border 值是另外计算的。不幸的是，IE5.X 和 6 在怪异模式中使用自己的非标准模型。这些浏览器的 width 属性不是内容的宽度，而是内容、内边距和边框...
2019-04-15 18:15:17
108
转载 初学css（02）
CSS 字体属性1em 等于当前的字体尺寸。使用 font-family 属性 定义文本的字体系列。这样的规则同时会产生另外一个问题，如果用户代理上没有安装 Georgia 字体，就只能使用用户代理的默认字体来显示 h1 元素。我们可以通过结合特定字体名和通用字体系列来解决这个问题：h1 {font-family: Georgia, serif;}设置链接的样式能够设置链接样式...
2019-04-15 11:55:10
131
转载 初学css（01）
“缺省”有时也叫“默认”，意思是你没有指定用哪件工具，系统自动提供给你的那个就是缺省的，比如你在打开网页时，如果IE是缺省的浏览器，系统就会打开IE——Internet Explorer，使用IE来浏览网页。省应该读“sheng”，就是说省去了你自己指定使用的工具，如果不愿省略这一步，就要在打开文件的时候自己指定了，比如有的文件，选中后点鼠标右键，菜单中就会有“打开方式”，自己选择吧！
2019-04-15 10:13:52
96
转载 HTML 表单 02
HTML 输入类型输入类型：text<input type="text"> 定义供文本输入的单行输入字段：输入类型：password `<input type="password"> 定义密码字段：输入类型：submit<input type="submit"> 定义提交表单数据至表单处理程序的按钮。Input Type: radio...
2019-04-04 19:19:43
138
转载 HTML 表单
HTML 表单<form> 元素HTML 表单用于收集用户输入。HTML 表单包含表单元素表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。<input> 元素<input> 元素根据不同的 type 属性，可以变化为多种形态。<button> 元素<button> 元素定义可点击的按钮...
2019-04-04 19:17:27
142
转载 HTML XHTML
XHTML 简介什么是 XHTML？XHTML 指的是可扩展超文本标记语言 XHTML 与 HTML 4.01 几乎是相同的XHTML是更严格更纯净的 HTML 版本 XHTML 是以 XML 应用的方式定义的HTML XHTML 是 2001 年 1 月发布的 W3C推荐标准XHTML 得到所有主流浏览器的支持为什么使用 XHTML？今日的科技界存在一些不同的浏览器技术。...
2019-04-04 17:51:31
265
转载 初学HTML笔记（基础02）
HTML 样式HTML 的 style 属性style 属性用于改变 HTML 元素的样式。所有 HTML 元素的样式的通用方法。样式是 HTML 4 引入的通过 HTML 样式，能够通过使用 style 属性直接将样式添加到 HTML 元素，或者间接地在独立的样式表中（CSS 文件）进行定义。不赞成使用的标签和属性标签描述center定义居中的内容。...
2019-04-03 14:40:35
170
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人