LovelyBoy7-优快云博客

原创大学第一个建库建表的vue的电商项目

最近一个星期都在写一个vue的电商项目，其中还用到了Apache和MySQL。这个星期可以说十分痛苦，因为想不太通这些为什么要这样写的我，只能想办法紧紧的跟在老师后面，我也不求有多明白了，老师说怎样就怎样照着做，以后熟悉了再慢慢懂吧，幸运的是我能跟上，并且在捉摸这些不懂也要懂的东西时也慢慢的懂得了其中的奥义。一个星期的努力张这样不知道怎么说，但是感觉过了一遍熬了过来后，其实也就...

2018-12-04 21:05:16 207

原创当你遇到vue.js这些问题时你能回答出来吗

vue的优点是什么？低耦合,可重用性,独立开发,可测试组件之间的传值？父组件与子组件传值父组件通过标签上面定义传值子组件通过props方法接受数据子组件向父组件传递数据子组件通过$emit方法传递参数vue如何实现按需加载配合webpack设置webpack中提供了require.ensure()来实现按需加载。以前引入路由是通过import 这样的方式引入，改...

2018-11-02 15:51:36 247

原创 Vue组件进阶干货

目录编写组件细节定义组件名称的两种方式:1.使用Kebab-case2.使用PascalCase组件嵌套子组件1.父组件直接嵌套子组件2.父组件通过插槽(slot)嵌套3. 单个插槽4.具名插槽5.作用域插槽编写组件细节在注册一个组件的时候，我们始终需要给它一个名字。比如全局注册的时候我们在已经会使用:该组件名就是 Vue.comp...

2018-11-02 15:24:06 434

原创 vue做一个购物车

今天用vue做一个购物车话不多数直接上代码，注：这里我用了bootstrap的样式html<div id="app" v-cloak> <div class="container" > <table class="table table-bordered table-hover" v-if="listInfo.length"&

2018-10-26 15:37:57 233

原创恭喜您获得一枚魔方

众所周知，css3的3D动画效果可以做出很多有趣的东西，今天就教大家3D 、旋转、发光的魔方首先，我们要想象的到，魔方是有六个面的，每个面都是九宫格所以是6*9=54 加上六个大面=60，再加上外层容器和内层容器就是62个盒子说以我们要用到62个盒子布这个局第一步，写内外层容器<div class="outer"> <div class="inner"&...

2018-10-19 15:49:47 298

原创神奇的css3，不写任何逻辑也能做选项卡切换

相信大家做选项卡切换的时候都是用js或者jq完成的，但是有没有想过，样式表也能直接做呢？今天就教大家如何实现，主要是用到一些css3的属性，基础操作，先布局 <label> <input type="radio" name="tab" checked="checked" /> <span>选项1</span&

2018-10-12 15:06:20 419

原创 HTML5中跨文档通信

首先要介绍Messaging API,因为Web Worker和Web Socket都使用这一共同通信方法，所以作为一个通信的基本知识。 HTML5提供了在网页文档之间相互接收与发送信息的功能。使用这个功能，只要获取到窗口对象的实例，不仅同源同策(域+端口号)的Web网页之间可以相互通信，甚至可以实现跨域通信。同域下的跨文档通信同域跨文档指的是在相同域名下不同文档的通信。我们可...

2018-09-28 15:12:16 480

原创用JS写一个简单的音乐播放器

音乐播放主要用到HTML5元素中的audio属性接下来我们开始写：先布好局<div class="music"> <div class="musicL"> <i class="iconfont icon-shangyishou"></i> <span class="play&qu

2018-09-21 15:16:52 3173

原创有趣好玩的canvas

首先我们来了解一下canvascanvas是HTML5中新增的一个元素，专门用来绘制图形。在页面放置一个canvas元素，就相当于放置了一个画布，可以在其中进行图形的绘制。但绘制图形，并不是指使用鼠标作画，而是需要javascript进行配合。创建canvas的时候，他默认的宽高为300px*150px。<canvas id="canvas">我是一个画布</ca...

2018-09-14 15:35:02 856

原创 Ajax 异步与服务端交换数据

Ajax异步与同步有什么不同？首先我们来思考一个问题什么是同步？传统提交表单的方式都是同步提交的，表单必须要有name属性，发生页面跳转<body> <div class="container"> <form method="post" action="api/form.php"> <div class="

2018-09-07 15:50:36 573

原创用Ajax写一个带模态框的增删改查

今天给大家讲如何用Ajax做增删改查。基本操作先写HTML和CSS.<body> <table> <tr style="background: #F2F7FF;"> <td colspan="4"> <button class="add" style="width: 200px;back

2018-07-01 13:46:33 4212

原创 JavaScript中Function类型解析

在ECMAScript中，Function(函数)类型实际上是对象。每个函数都是Function类型的实例，而且都与其他引用类型一样具有属性和方法。由于函数是对象，因此函数名实际上也是一个指向函数对象的指针。一．函数的声明方式1.普通的函数声明function box(num1, num2) { return num1+num2;} 2.使用变量初始化函数var box= funct...

2018-06-25 09:00:43 306

Javascript中有5种简单数据类型：Undefined、Null、Boolean、Number和String。还有一种复杂数据类型——Object。Javascript不支持任何创建自定义类型的机制，所有值都成为以上6中数据类型之一。typeof操作符typeof操作符是用来检测变量的数据类型。对于值或变量使用typeof操作符会返回如下字符串。字符串描述undefined未定义boolea...

2018-06-24 21:15:08 225

weixin_42535823的博客