何二狗的代码人生-CSDN博客

原创 php学习指南

视频：https://www.bilibili.com/video/BV18x411H7qD?p=3基础Web分为两类：静态网站和动态网站。流程:浏览器发起访问->DNS解析域名->服务器电脑->服务软件1、静态网站访问原理：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-O6zkbVHa-1616398010535)(C:\Users\a\AppData\Roaming\Typora\typora-user-images\image-20200726

2021-03-22 15:28:02 606 1

原创（十六）vue-cli

（十六）vue-cli16.1 vue-cli起步16.1.1 什么是vue-cliVue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过 @vue/cli 搭建交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。一个运行时依赖 (@vue/cli-service)，该依赖：可升级；基于 webpack 构建，并带有合理的默认配置；可以通过项目内的配置文件进行配置；可以通过插件进行扩展。一

2020-10-18 23:55:07 222

原创（十四）前端模块化

（十三）前端模块化14.1 为什么要有模块化随着前端项目越来越大，团队人数越来越多，多人协调开发一个项目成为常态。例如现在小明和小张共同开发一个项目，小明定义一个aaa.js，小张定义了一个bbb.js。aaa.js//小明开发var name = '小明'var age = 22function sum(num1, num2) { return num1 + num2}var flag = trueif (flag) { console.log(sum(10, 20)

2020-10-18 23:53:46 145

原创（十三）Vue实例的生命周

（十三）Vue实例的生命周期13.1 生命周期图 Vue实例的生命周期中有多个状态。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qL4WR9NW-1603036362049)(./images/lifecycle.png)]测试代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="view

2020-10-18 23:53:05 108

原创（十二）组件化高级

（十二）组件化高级12.1 slot-插槽的基本使用我们在使用组件的时候有时候希望，在组件内部定制化内容，例如京东这样。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QSUHOLi1-1603036318333)(./images/12.1-1.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TPmFb2L2-1603036318336)(./images/12.1-2.png)]这两个都是导航栏，组件的思想是可以复用的，

2020-10-18 23:52:21 235

原创（十一）组件化开发

（十一）组件化开发11.1 组件化的基本使用简单的组件示例 <div id="app">  <my-cpn></my-cpn> <my-cpn></my-cpn> <my-cpn></my-cpn> <cpnc></cpnc> </div> <script src="https://

2020-10-18 23:51:37 202

原创（十）v-model

（十）v-model10.1 v-model的基本使用 <div id="app">  <input type="text" v-model="message">{{message}} </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue

2020-10-18 23:50:51 106

原创（九）综合练习

（九）综合练习9.1 综合练习综合前面的知识，需要通过一个小demo来串联起知识。如图所示，[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-c3H1nRkJ-1603036185023)(./images/9-1.png)] 点击“+”按钮，总价增加，点击“-”按钮总价减少，点击移除，移除当列。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-

2020-10-18 23:50:07 137

原创（八）遍历循环

（八）遍历循环8.1 v-for遍历数组<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> &l

2020-10-18 23:49:28 144

原创（七）条件判断

（七）条件判断7.1 v-if、v-eles、v-else-if v-if用于条件判断，判断Dom元素是否显示。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-

2020-10-18 23:48:42 95

原创（六）事件监听

（六）事件监听6.1 v-on的基本使用在前面的计数器案例中使用了v-on:click监听单击事件。这里在回顾一下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-

2020-10-18 23:48:07 110

原创（五）计算属性

（五）计算属性5.1 计算属性的基本使用现在有变量姓氏和名字，要得到完整的名字。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

2020-10-18 23:47:29 279

原创（四）动态绑定属性

（四）动态绑定属性4.1 v-bind的基本使用某些时候我们并不想将变量放在标签内容中，像这样<h2>{{message}}</h2>是将变量h2标签括起来，类似js的innerHTML。但是我们期望将变量imgURL写在如下位置，想这样<img src="imgURL" alt="">导入图片是希望动态获取图片的链接，此时的imgURL并非变量而是字符串imgURL，如果要将其生效为变量，需要使用到一个标签v-bind:，像这样<img v-bind:sr

2020-10-18 23:46:46 335

原创（三）插值操作

（三）插值操作3.1 Mustache语法 mustache是胡须的意思，因为{{}}像胡须，又叫大括号语法。在vue对象挂载的dom元素中，{{}}不仅可以直接写变量，还可以写简单表达式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s

2020-10-18 23:46:00 190

原创（二）HelloVue

（二）HelloVue2.1 HelloVuejs 如何开始学习Vue，当然是写一个最简单的demo，直接上代码。此处通过cdn<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>获取vuejs。 vue是声明式编程，区别于jquery的命令式编程。2.1.1命令式编程原生js做法（命令式编程）创建div元素，设置id属性定义一个变量叫message将messa

2020-10-18 23:45:02 126

原创（一）ES6补充

（一）ES6补充1.1块级作用域 ES6之前没有块级作用域，ES5的var没有块级作用域的概念，只有function有作用域的概念，ES6的let、const引入了块级作用域。 ES5之前if和for都没有作用域，所以很多时候需要使用function的作用域，比如闭包。1.1.1 什么是变量作用域变量在什么范围内可用，类似Java的全局变量和局部变量的概念，全局变量，全局都可用，局部变量只在范围内可用。ES5之前的var是没有块级作用域的概念，使用var声明的变量就是全局的。{ var

2020-10-18 23:44:08 91

原创（十五）webpack

（十五）webpack15.1 webpack起步15.1.1 什么是webpackwebpack是一个JavaScript应用的静态模块打包工具。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NNs6HUr3-1603035588597)(./images/15-1.png)]从这句话中有两个要点，模块和打包需要关注。grunt/gulp都可以打包，那有什么区别。模块化webpack可以支持前端模块化的一些方案，例如AMD、CMD、CommonJS、ES6

2020-10-18 23:40:39 185

原创 14.项目构建

2020-10-12 21:57:27 86

原创 13.模块化开发

一、模块化开发1. vue-router模块化cnpm install vue-router -S1.1 编辑main.js1.2 编辑App.vue1.3 编辑router.config.js2. axios模块化cnpm install axios -S使用axios的两种方式：方式1：在每个组件中引入axios 方式2：在main.js中全局引入axios并添加到Vue原型中3. 为自定义组件添加事件二、 Elment UI1. 简介Element UI

2020-10-12 21:56:23 119

原创 12. vue-cli脚手架

六、 vue-cli脚手架1. 简介vue-cli是一个vue脚手架，可以快速构造项目结构vue-cli本身集成了多种项目模板： simple 很少简单 webpack 包含ESLint代码规范检查和unit单元测试等 webpack-simple 没有代码规范检查和单元测试 browserify 使用的也比较多 browserify-simple2. 示例，步骤：2.1 安装vue-cli，配置vue命令环境cnpm install vue-cli

2020-10-12 21:55:17 82

原创 12_ 循环

循环目标程序的三大流程while 循环基本使用break 和 continuewhile 循环嵌套01. 程序的三大流程在程序开发中，一共有三种流程方式：顺序 —— 从上向下，顺序执行代码分支 —— 根据条件判断，决定执行代码的分支循环 —— 让特定代码重复执行[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-G1yltNUR-1602466581419)(media/14966337488366/001_%E7%A8%8B%E5%BA%

2020-10-12 09:36:51 219

原创 11_运算符

运算符目标算数运算符比较（关系）运算符逻辑运算符赋值运算符运算符的优先级数学符号表链接：https://zh.wikipedia.org/wiki/数学符号表01. 算数运算符是完成基本的算术运算使用的符号，用来处理四则运算运算符描述实例+加10 + 20 = 30-减10 - 20 = -10*乘10 * 20 = 200/除10 / 20 = 0.5//取整除返回除法的整数部分（商） 9 // 2 输出结果 4

2020-10-12 09:35:57 99

原创 10_判断（if）语句

判断（if）语句目标开发中的应用场景if 语句体验if 语句进阶综合应用01. 开发中的应用场景生活中的判断几乎是无所不在的，我们每天都在做各种各样的选择，如果这样？如果那样？……[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KtcqMH5L-1602466425663)(media/14963192801181/001_%E6%9C%AA%E6%88%90%E5%B9%B4%E4%BA%BA%E7%A6%81%E6%AD%A2%E5%85%A5%E5%8

2020-10-12 09:35:08 660

原创 09_变量的命名

变量的命名目标标识符和关键字变量的命名规则0.1 标识符和关键字1.1 标识符标示符就是程序员定义的变量名、函数名名字需要有见名知义的效果，见下图：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7JVKyc7F-1602466371926)(media/14959601550115/001_%E4%B8%AD%E5%9B%BD%E5%B1%B1%E4%B8%9C%E6%89%BE%E8%93%9D%E7%BF%94.jpg)]标示符可以由

2020-10-12 09:33:21 183

原创 08_变量的基本使用

变量的基本使用程序就是用来处理数据的，而变量就是用来存储数据的目标变量定义变量的类型变量的命名01. 变量定义在 Python 中，每个变量在使用前都必须赋值，变量赋值以后该变量才会被创建等号（=）用来给变量赋值= 左边是一个变量名= 右边是存储在变量中的值变量名 = 值变量定义之后，后续就可以直接使用了1) 变量演练1 —— iPython# 定义 qq_number 的变量用来保存 qq 号码In [1]: qq_number = "1234

2020-10-12 09:32:25 119

原创 07_程序执行原理（科普）

程序执行原理（科普）目标计算机中的三大件程序执行的原理程序的作用01. 计算机中的三大件计算机中包含有较多的硬件，但是一个程序要运行，有三个核心的硬件，分别是：CPU中央处理器，是一块超大规模的集成电路负责处理数据／计算内存临时存储数据（断电之后，数据会消失）速度快空间小（单位价格高）硬盘永久存储数据速度慢空间大（单位价格低）CPU内存硬盘[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(im

2020-10-12 09:31:30 269

原创 06_算数运算符

算数运算符计算机，顾名思义就是负责进行数学计算并且存储计算结果的电子设备目标算术运算符的基本使用01. 算数运算符算数运算符是运算符的一种是完成基本的算术运算使用的符号，用来处理四则运算运算符描述实例+加10 + 20 = 30-减10 - 20 = -10*乘10 * 20 = 200/除10 / 20 = 0.5//取整除返回除法的整数部分（商） 9 // 2 输出结果 4%取余数返回除法的余数

2020-10-12 09:30:40 106

原创 05_注释

注释目标注释的作用单行注释（行注释）多行注释（块注释）01. 注释的作用使用用自己熟悉的语言，在程序中对某些代码进行标注说明，增强程序的可读性[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-U0xqXfd1-1602466154041)(media/14957651506944/001_%E6%9C%AA%E4%BD%BF%E7%94%A8%E6%B3%A8%E9%87%8A%E7%9A%84python%E7%A8%8B%E5%BA%8F.gif)]0

2020-10-12 09:29:47 52

原创 04_多文件项目的演练

多文件项目的演练开发项目就是开发一个专门解决一个复杂业务功能的软件通常每一个项目就具有一个独立专属的目录，用于保存所有和项目相关的文件一个项目通常会包含很多源文件目标在项目中添加多个文件，并且设置文件的执行多文件项目演练在 01_Python基础项目中新建一个 hm_02_第2个Python程序.py在 hm_02_第2个Python程序.py 文件中添加一句 print("hello")点击右键执行 hm_02_第2个Python程序.py[外链图片

2020-10-12 09:28:42 65

原创 01_认识python

认识 Python人生苦短，我用 Python —— Life is short, you need Python[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-v1OgXcho-1602465379387)(media/14950329208518/001_%E4%BA%BA%E7%94%9F%E8%8B%A6%E7%9F%AD%E6%88%91%E7%94%A8python.jpg)]目标Python 的起源为什么要用 Python？Python 的特点

2020-10-12 09:16:49 70

原创 02_第一个 Python 程序

第一个 Python 程序目标第一个 HelloPython 程序Python 2.x 与 3.x 版本简介执行 Python 程序的三种方式解释器 —— python / python3交互式 —— ipython集成开发环境 —— PyCharm01. 第一个 HelloPython 程序1.1 Python 源程序的基本概念Python 源程序就是一个特殊格式的文本文件，可以使用任意文本编辑软件做 Python 的开发Python 程序的文件扩展名通常都是 .

2020-10-12 09:15:40 70

原创 03_PyCharm 的初始设置（知道）

PyCharm 的初始设置（知道）目标恢复 PyCharm 的初始设置第一次启动 PyCharm新建一个 Python 项目设置 PyCharm 的字体显示PyCharm 的升级以及其他PyCharm 的官方网站地址是：https://www.jetbrains.com/pycharm/01. 恢复 PyCharm 的初始设置PyCharm 的配置信息是保存在用户家目录下的 .PyCharmxxxx.x 目录下的，xxxx.x 表示当前使用的 PyCharm 的版本号如果要恢

2020-10-12 09:13:31 292 1

转载 math数学库

作者：Vamei 出处：http://www.cnblogs.com/vamei 欢迎转载，也请保留这段声明。谢谢！我们已经在Python运算中看到Python最基本的数学运算功能。此外，math包补充了更多的函数。当然，如果想要更加高级的数学功能，可以考虑选择标准库之外的numpy和scipy项目，它们不但支持数组和矩阵运算，还有丰富的数学和物理方程可供使用。此外，random包可以用来生成随机数。随机数不仅可以用于数学用途，还经常被嵌入到算法中，用以提高算法效率，并提高程序的安全性。math包m

2020-10-05 08:46:00 504

原创 11.单文件组件

五、单文件组件1. .vue文件.vue文件，称为单文件组件，是Vue.js自定义的一种文件格式，一个.vue文件就是一个单独的组件，在文件内封装了组件相关的代码：html、css、js.vue文件由三部分组成：<template>、<style>、<script> <template> html </template> <style> css </sty

2020-10-04 16:13:45 859

原创 10. vue-router路由

四、 vue-router路由1. 简介使用Vue.js开发SPA（Single Page Application）单页面应用根据不同url地址，显示不同的内容，但显示在同一个页面中，称为单页面应用参考bower info vue-routercnpm install vue-router -S2. 基本用法a.布局b.配置路由<script> //1.定义组件 var Home={ template:'<h3>我是主页</h3>'

2020-09-29 16:01:53 134

原创 9.组件component

一、组件component1. 什么是组件？组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码组件是自定义元素（对象）2. 定义组件的方式全局组件方式1：先创建组件构造器，然后由组件构造器创建组件var MyComponent=Vue.extend({ template:'<h3>Hello World</h3>' }); //2.使用Vue.component(标签名,组件构造器)，根据组件

2020-09-27 18:12:02 454

原创 8.过渡(动画)

六、过渡(动画)1. 简介Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果本质上还是使用CSS3动画：transition、animation2. 基本用法使用transition组件，将要执行动画的元素包含在该组件内 <transition> 运动的元素 </transition> 过滤的CSS类名：6个3. 钩子函数8个4. 结合第三方动画库animate…css一起使用<tran

2020-09-27 10:57:11 98

原创 7.vue实例的属性和方法

vue实例的属性和方法1. 属性vm.$el类型：Element只读详细：Vue 实例使用的根 DOM 元素。vm.$data类型：Object详细：Vue 实例观察的数据对象。Vue 实例代理了对其 data 对象 property 的访问vm.$options类型：Object只读详细：用于当前 Vue 实例的初始化选项。需要在选项中包含自定义 property 时会有用处：new Vue({ customOption: 'foo', created: f

2020-09-22 17:29:42 802

原创 6.vue生命周期

二、Vue生命周期vue实例从创建到销毁的过程，称为生命周期，共有八个阶段 vue的生命周期就是每个vue实例被创建之前一直到结束经历的一系列的初始化过程。下面是官网关于vue生命周期的图解，可以看出在vue整个生命周期中会有很多钩子函数（图中标红的部分），虽然我们用到的就那么几个，但我们都来了解一下。首先先明白一个概念：Vue的实例。它是Vue框架的入口，可以理解为前端的ViewModel，它包含它包含了页面中的业务逻辑处理、数据模型等，它也有自己的一系列的生命周期的函数钩子，辅助我们进行对整个V

2020-09-21 23:34:14 144

原创 5.过滤器

过滤器1. 简介用来过滤模型数据，在显示之前进行数据处理和筛选语法：{{ data | filter1(参数) | filter2(参数)}}2. 关于内置过滤器vue1.0中内置许多过滤器，如： currency、uppercase、lowercase limitBy orderBy filterByvue2.0中已经删除了所有内置过滤器，全部被废除如何解决： a.使用第三方工具库，如lodash、date-fns日期格式化、accounting.j

2020-09-20 23:29:02 124

学生网页作品-期末作业

学生奖励制管理系统（mysql）E_R图.html

空空如也