- 博客(52)
- 资源 (2)
- 收藏
- 关注
原创 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 649 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 252
原创 (十四)前端模块化
(十三)前端模块化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 172
原创 (十三)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 134
原创 (十二)组件化高级
(十二)组件化高级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 258
原创 (十一)组件化开发
(十一)组件化开发11.1 组件化的基本使用 简单的组件示例 <div id="app"> <!-- 3.使用组件 --> <my-cpn></my-cpn> <my-cpn></my-cpn> <my-cpn></my-cpn> <cpnc></cpnc> </div> <script src="https://
2020-10-18 23:51:37 210
原创 (十)v-model
(十)v-model10.1 v-model的基本使用 <div id="app"> <!-- 输入框内容修改,message也修改,修改message,input内容也修改,双向绑定 --> <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 117
原创 (九)综合练习
(九)综合练习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 146
原创 (八)遍历循环
(八)遍历循环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 151
原创 (七)条件判断
(七)条件判断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 105
原创 (六)事件监听
(六)事件监听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 117
原创 (五)计算属性
(五)计算属性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 301
原创 (四)动态绑定属性
(四)动态绑定属性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 365
原创 (三)插值操作
(三)插值操作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 195
原创 (二)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 136
原创 (一)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 100
原创 (十五)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 205
原创 14.项目构建
一、 准备工作###1. 初始化项目vue init webpack itanycd itanycnpm installcnpm install less less-loader -Dcnpm install vuex axios -Snpm run dev2. 项目资源|-reset.css|-data.json3. 创建目录结构首先清除项目中的部分内容创建如下目录结构: |-data.json |-static |-css
2020-10-12 21:57:27 97
原创 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 131
原创 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 92
原创 12_ 循环
循环目标程序的三大流程while 循环基本使用break 和 continuewhile 循环嵌套01. 程序的三大流程在程序开发中,一共有三种流程方式:顺序 —— 从上向下,顺序执行代码分支 —— 根据条件判断,决定执行代码的 分支循环 —— 让 特定代码 重复 执行[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-G1yltNUR-1602466581419)(media/14966337488366/001_%E7%A8%8B%E5%BA%
2020-10-12 09:36:51 235
原创 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 108
原创 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 698
原创 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 213
原创 08_变量的基本使用
变量的基本使用程序就是用来处理数据的,而变量就是用来存储数据的目标变量定义变量的类型变量的命名01. 变量定义在 Python 中,每个变量 在使用前都必须赋值,变量 赋值以后 该变量 才会被创建等号(=)用来给变量赋值= 左边是一个变量名= 右边是存储在变量中的值变量名 = 值变量定义之后,后续就可以直接使用了1) 变量演练1 —— iPython# 定义 qq_number 的变量用来保存 qq 号码In [1]: qq_number = "1234
2020-10-12 09:32:25 136
原创 07_程序执行原理(科普)
程序执行原理(科普)目标计算机中的 三大件程序执行的原理程序的作用01. 计算机中的三大件计算机中包含有较多的硬件,但是一个程序要运行,有 三个 核心的硬件,分别是:CPU中央处理器,是一块超大规模的集成电路负责 处理数据/计算内存临时 存储数据(断电之后,数据会消失)速度快空间小(单位价格高)硬盘永久 存储数据速度慢空间大(单位价格低)CPU内存硬盘[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(im
2020-10-12 09:31:30 284
原创 06_算数运算符
算数运算符计算机,顾名思义就是负责进行 数学计算 并且 存储计算结果 的电子设备目标算术运算符的基本使用01. 算数运算符算数运算符是 运算符的一种是完成基本的算术运算使用的符号,用来处理四则运算运算符描述实例+加10 + 20 = 30-减10 - 20 = -10*乘10 * 20 = 200/除10 / 20 = 0.5//取整除返回除法的整数部分(商) 9 // 2 输出结果 4%取余数返回除法的余数
2020-10-12 09:30:40 116
原创 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 61
原创 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 79
原创 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 83
原创 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 86
原创 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 304 1
转载 math数学库
作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明。谢谢!我们已经在Python运算中看到Python最基本的数学运算功能。此外,math包补充了更多的函数。当然,如果想要更加高级的数学功能,可以考虑选择标准库之外的numpy和scipy项目,它们不但支持数组和矩阵运算,还有丰富的数学和物理方程可供使用。此外,random包可以用来生成随机数。随机数不仅可以用于数学用途,还经常被嵌入到算法中,用以提高算法效率,并提高程序的安全性。math包m
2020-10-05 08:46:00 532
原创 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 874
原创 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 141
原创 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 475
原创 8.过渡(动画)
六、过渡(动画)1. 简介Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果本质上还是使用CSS3动画:transition、animation2. 基本用法使用transition组件,将要执行动画的元素包含在该组件内 <transition> 运动的元素 </transition> 过滤的CSS类名:6个3. 钩子函数8个4. 结合第三方动画库animate…css一起使用<tran
2020-09-27 10:57:11 107
原创 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 840
原创 6.vue生命周期
二、Vue生命周期vue实例从创建到销毁的过程,称为生命周期,共有八个阶段 vue的生命周期就是每个vue实例被创建之前一直到结束经历的一系列的初始化过程。下面是官网关于vue生命周期的图解,可以看出在vue整个生命周期中会有很多钩子函数(图中标红的部分),虽然我们用到的就那么几个,但我们都来了解一下。首先先明白一个概念:Vue的实例。它是Vue框架的入口,可以理解为前端的ViewModel,它包含它包含了页面中的业务逻辑处理、数据模型等,它也有自己的一系列的生命周期的函数钩子,辅助我们进行对整个V
2020-09-21 23:34:14 151
原创 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 138
学生奖励制管理系统(mysql)E_R图.html
2020-05-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人