2020年05月_上晴下雪

原创 css background 属性详解

<html> <header> <title>css background 属性详解</title> </header> <style> .bg{ width: 500px; height: 400px; /** backgound 的参数 1.颜色（ba

2020-05-27 14:56:04 395

<html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no"> <meta name="format-detection" content="telephone=no"> <title>css 对话框</title.

2020-05-26 10:23:57 136

原创 Fatal error: Uncaught Error: Call to undefined function mysql_connect()

php版本问题：7.X版本：使用mysqli_connect()5.X版本：使用mysql_connect() 和 mysqli_connect()注意：这是最有可能问题，可能还有其它原因

2020-05-23 10:39:50 681

原创 4-6 在Vue中使用插槽

推荐：插槽<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>4-6 在Vue中使用插槽</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script></head><body> <div

2020-05-23 07:45:21 103

原创 4-5 非父子组件间传值（Bus/总线/发布订阅模式/观察者模式）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>非父子组件间传值（Bus/总线/发布订阅模式/观察者模式）</title> <script src="vue.js"></script></head><body> <div id="app"> <chlid con.

2020-05-22 23:29:47 143

原创 4-4 Vue 给组件绑定原生事件

<!DOCTYPE html><html><head> <title>4-4 Vue 给组件绑定原生事件</title> <script src="vue.js"></script></head><body>  <div id="app"> <ch.

2020-05-22 22:36:59 93

原创 4-3 Vue 组件参数校验与非props特性

<!DOCTYPE html><html><head> <title>4-3 Vue 组件参数校验与非props特性</title> <script src="vue.js"></script></head><body> <div id="app">  <chlid content=".

2020-05-22 22:33:55 151

原创 4-2 Vue 父子组件的数据传递

<!DOCTYPE html><html><head> <title>4-2 Vue 父子组件的数据传递</title> <script src="vue.js"></script></head><body> <!-- 1.通过属性转递数据 2.单向数据流：父组件可以向子组件转递参数，但子组件不能修改父组件的内容可以把父组件的值克隆到.

2020-05-22 22:30:06 124

原创 4-1 Vue 组件使用的细节点

<!DOCTYPE html><html><head> <title>Vue 组件使用的细节点</title> <script src="vue.js"></script></head><body>  <div id="app">

2020-05-21 23:18:54 83

原创 css scroll 隐藏滚动条

使用说明：自定义滚动条的伪对象选择器::-webkit-scrollbar(马甲滚动条)chrome和Safari.element::-webkit-scrollbar{width:0!important;}IE10+.element{-ms-overflow-style:none;}Firefox.element{overflow:-moz-scrollbars-none;}注意：不兼容IE,做移动端...

2020-05-21 10:00:40 476

原创 vue set方法

<!DOCTYPE html><html><head> <title>Vue set方法</title> <script src="vue.js"></script></head><body> <!-- 改变对象，数组的方法 1.改变对象，数组的引用 2.变异方法 3.set方法 set方法全局：Vue.set(list,202,'202数据');

2020-05-21 07:49:51 455

原创 vue 列表循环渲染

<!DOCTYPE html><html><head> <title>Vue 列表循环</title> <script src="https://cdn.jsdelivr.net/npm/vue"></script></head><body> <!-- 1.v-for 循环带上key(增加性能),key是唯一值，不能索引，一般是主键ID 2.vue 不能通过下标的方式更新数

2020-05-20 23:45:11 547

原创 HTML（javascript）返回案例

<div onclick="javascript:history.back();">返回</div>这种格试可以很方便写一些其它的javascript代码，关键简单方便

2020-05-20 10:39:54 172

原创 2.6 vue 的条件渲染

vue v-if 与 v-show 区别<!DOCTYPE html><html><head> <title>Vue 条件渲染</title> <script src="https://cdn.jsdelivr.net/npm/vue"></script></head><body> <div id="app"> <!-- v-if：为false时 DOM

2020-05-12 22:56:56 82

原创 icon小图标使用

icon小图标使用阿里巴巴矢量库网址：https://www.iconfont.cn/collections/index选择你想要的图标加入购物车，如图点中购物车，下载代码5.用浏览器打开demo_index.html ,查看操作流程，就能看明白了，...

2020-05-12 13:14:02 296

原创 2_5 Vue 样式绑定

Vue 样式绑定 class 对象绑定方式<!DOCTYPE html><html><head> <title>Vue 样式绑定</title> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <style> .activated{ color: red; } </style></head..

2020-05-11 07:47:27 88 1

原创 2_4 计算属性（computed）的 set,get

计算属性（computed）的 set,get<!DOCTYPE html><html><head> <title>计算属性（computed）的 set,get</title> <script src="https://cdn.jsdelivr.net/npm/vue"></script></head><body> <div id="app"> {{fullNam

2020-05-11 07:09:41 160

原创 2_3 Vue 计算属性，方法监听

Vue 计算属性，方法监听<!DOCTYPE html><html><head> <title>计算属性</title> <script src="https://cdn.jsdelivr.net/npm/vue"></script></head><body> <div id="app"> {{fullName}} </div> <script

2020-05-10 23:24:08 74

原创 2_2 Vue 模板语法

模板语法<!DOCTYPE html><html><head> <title>模板语法</title> <script src="https://cdn.jsdelivr.net/npm/vue"></script></head><body> <div id="app">  {{name + 'wang'}}

2020-05-10 22:27:23 63

原创 Vue 简单组件传值 1_5

Vue 简单组件转值<!DOCTYPE html><html><head> <title>简单的组件间传值</title> <script type="text/javascript" src="./vue.js"></script></head><body> <div id="app"> <input type="text" id='input' v-mo

2020-05-10 21:50:36 96

原创 1_4 组件的使用 component

组件的使用 component<!DOCTYPE html><html><head> <title>组件的使用 component</title> <script type="text/javascript" src="./vue.js"></script></head><body> <div id="app"> <input type="text" i...

2020-05-10 21:29:41 122

原创 1_3 MVP传统模式：view present model 比较MVVM

MVP传统模式：view present model 比较MVVM<!DOCTYPE html><html><head> <title>MVP传统模式：view present model 比较MVVM</title> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <script type="text/javascript" src="

2020-05-10 19:55:21 147

原创 1_2 Vue 实现TodoList之增加

标题：Vue 实现TodoList之增加<!DOCTYPE html><html><head> <title>Vue 实现TodoList之增加</title> <script src="https://cdn.jsdelivr.net/npm/vue"></script></head><body> <div id="app"> <input type="text

2020-05-09 23:34:31 128

原创 1_1 Vue 定时器改变DOM值

Vue 定时器改变值<!DOCTYPE html><html><head> <title>定时改变HTML值</title> <script type="text/javascript" src="./vue.js"></script></head><body> <div id="app">{{content}}</div> <script typ.

2020-05-09 23:13:52 409

原创 2_1 Vue生命周期实例_案例讲解

<!DOCTYPE html><html><head> <title>Vue生命周期实例</title> <script type="text/javascript" src="./vue.js"></script></head><body> <div id="app">{{content}}</div> <script type="text/javas

2020-05-09 22:49:15 128

汪学友的博客