10 2020 档案
发表于 2020-10-28 22:19阅读：154评论：0推荐：0
摘要：一、watch属性的使用 1.传统方式实现双向数据改变监听事件（姓名拼接案例） <div id="app"> 姓: <input type="text" value="" @keyup="textChange()" v-model="firstname"/> + 名: <input type="te
阅读全文 »
发表于 2020-10-28 22:18阅读：175评论：0推荐：0
摘要：一、什么是路由 对于普通的网站来说，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源 对应单页面的应用程序来说，主要通过URL中的hash（#号）来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容，所以，单页面的应用程序的页面跳转主要用h
阅读全文 »
发表于 2020-10-28 22:17阅读：550评论：2推荐：2
摘要：一、模块化与组件化 模块化的定义 模块化在Node中是一个规范，定义一些模块的相关的规则，从代码角度上来说，方便做区别，如果不使用模块化，写在js文件中不利于后期维护和扩展，从代码的层面上就把相关的功能脱离出来，所以模块化从从代码的角度触发，分析项目，把项目中一些功能类型的代码，单独抽离为一个个的模
阅读全文 »
发表于 2020-10-28 22:16阅读：173评论：0推荐：0
摘要：官方文档：https://cn.vuejs.org/v2/guide/transitions.html 一、使用过度类名 没有使用动画之前： <body> <div id="app"> <input type="button" value="切换" @click="flag=!flag"/> <h4
阅读全文 »
发表于 2020-10-28 22:15阅读：132评论：0推荐：0
摘要：一、导入相关包 <script src="../lib/vue2.6.10.min.js"></script> <script src="../lib/axios-v0.17.1.js"></script> 二、设置容器 <div id="app"> </div> 三、 测试数据能否接收成功 Vue
阅读全文 »
发表于 2020-10-28 22:13阅读：186评论：0推荐：0
摘要：一、使用vue-resource发起get请求 github仓库地址：https://github.com/pagekit/vue-resource/blob/develop/docs/http.md <body> <div id="app"> <input type="button" value=
阅读全文 »
发表于 2020-10-28 22:12阅读：106评论：0推荐：0
摘要：vue实例的生命周期 什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！ 生命周期钩子：就是生命周期事件的别名而已； 生命周期钩子 = 生命周期函数 = 生命周期事件 主要的生命周期函数分类： 创建期间的生命周期函数： beforeCreate(
阅读全文 »
发表于 2020-10-24 19:50阅读：301评论：0推荐：1
摘要：一、什么是Vue 官方文档：https://cn.vuejs.org/v2/guide/ 关键字： 渐进式框架 自底向上增量开发 视图层 单文件组件 复杂的单页应用 复杂的单页应用: 顾名思义，单页应用一般指的就是一个页面就是应用，当然也可以是一个子应用，比如说知乎的一个页面就可以视为一个子应用。单
阅读全文 »
发表于 2020-10-24 19:43阅读：154评论：0推荐：0
摘要：认真学习，认真记录，每天都要有进步呀！！！ 加油叭！！！ 一、在vue中使用样式的方式: 1. 直接传递一个数组，注意： 这里的 class 需要使用 v-bind 做数据绑定 <style> .red { color: red; } .thin { font-weight: 200; } .ita
阅读全文 »
发表于 2020-10-24 19:41阅读：162评论：0推荐：0
摘要：vue指令之v-for和key属性 一、 v-for 1. v-for遍历数组 <div id="app"> <h3>好饿，我好想吃~~~~</h3> <ul v-for="menu in list"> <li>{{menu}}</li> </ul> </div> <script> var vm =
阅读全文 »
发表于 2020-10-24 19:39阅读：286评论：0推荐：0
摘要：一、渲染品牌列表 <div id="app"> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title">添加品牌</h3> </div> <div class="panel-body
阅读全文 »
发表于 2020-10-24 19:36阅读：153评论：0推荐：0
摘要：一、什么是过滤器 官方文档：https://cn.vuejs.org/v2/guide/filters.html 二、过滤器的使用 没有使用过滤器之前： <div id="app"> <table> <thead> <tr> <th>排名</th> <th>菜名</th> </tr> </thead
阅读全文 »
发表于 2020-10-24 19:33阅读：134评论：0推荐：0
摘要：案例实现分析: 把第一个字符追加到最后一个字符身上去 基本结构: <body> <div id="app"> <input type="button" value="继续浪" @click="lang()"/> <input type="button" value="别浪了" @click="sto
阅读全文 »
发表于 2020-10-24 19:31阅读：172评论：0推荐：0
摘要：Vue 中提供了 v-on: 事件绑定机制 绑定的事件处理函数必须定义到vm实例的事件处理函数 methods 中去 <div id="app"> <!-- <input type="button" value="点我，魅力可大了呢" id="btn"/> --> <input type="butt
阅读全文 »
发表于 2020-10-24 19:27阅读：449评论：0推荐：0
摘要：看栗子： <body> <div id="app"> <input type="button" value="按钮" title="哈喽~~~~这不是我的title"/> </div> <script src="./vue2.6.10.min.js"></script> <script> var v
阅读全文 »
发表于 2020-10-15 21:08阅读：87评论：0推荐：0
摘要：认真学习，认真记录，每天都要有进步呀！！！ 加油叭！！！ 一、回调函数 回调的含义：异步任务里面又嵌套了异步 如图： 没有使用回调之前读取文件，没有办法保证每次执行顺序都是 a >b >c 使用回调可以使文件读取顺序是 a >b >c 二、Promise（解决回调嵌套的问题） Promise是一个构
阅读全文 »
发表于 2020-10-15 21:07阅读：107评论：0推荐：0
摘要：认真学习，认真记录，每天都要有进步呀！！！ 加油叭！！！ 使用MongonDB重写学生信息管理案例 1. 显示首页 先在crud-demo目录下安装mongoose 改写student.js var mongoose = require('mongoose') mongoose.connect('m
阅读全文 »
发表于 2020-10-15 21:06阅读：79评论：0推荐：0
摘要：认真学习，认真记录，每天都要有进步呀！！！ 加油叭！！！ 一、安装 初始化项目 安装mysql(这里的mysql是node用来操作mysql的一个第三方包，包的名字就叫mysql) 安装mysql包的npm官网地址：https://www.npmjs.com/package/mysql 使用 tes
阅读全文 »
发表于 2020-10-15 21:03阅读：123评论：0推荐：0
摘要：认真学习，认真记录，每天都要有进步呀！！！ 加油叭！！！ 一、es6中的find() 方法的原理 EcmaScript 6 对数组新增了很多方法 比如，find find 接收一个方法作为参数，方法内部返回一个条件 find 会遍历所有的元素，执行你给定的带有条件返回值的函数 符合该条件的元素会作为
阅读全文 »
发表于 2020-10-15 21:01阅读：355评论：1推荐：0
摘要：认真学习，认真记录，每天都要有进步呀！！！ 加油叭！！！ 一、起步 项目结构 安装需要的包 初始化显示index.html index.html var express = require('express') var app = express() app.use('/node_modules/'
阅读全文 »
发表于 2020-10-15 21:00阅读：78评论：0推荐：0
摘要：认真学习，认真记录，每天都要有进步呀！！！ 加油叭！！！ 一、Express 原生的http在某些方面上不足以满足我们的开发需求，所以我们需要使用框架来提高我们的开发效率，框架的目的就是提高开发效率，让我们的代码更高度统一 1. 什么是express Express 是一个简洁而灵活的 node.j
阅读全文 »
发表于 2020-10-15 20:59阅读：129评论：0推荐：0
摘要：认真学习，认真记录，每天都要有进步呀！！！ 加油叭！！！ 一、Node中的模块系统 使用Node编写应用程序主要就是在使用 EcmaScript 和浏览器不一样的是，在Node中没有BOM、DOM 核心模块 文件操作的fs http服务的http url路径操作模块 os操作系统信息 第三方模块 a
阅读全文 »
发表于 2020-10-15 20:57阅读：141评论：0推荐：0
摘要：认真学习，认真记录，每天都要有进步呀！！！ 加油叭！！！ 一、简单实现Apache功能 var http = require('http') var fs = require('fs') // 1. 创建 Server var server = http.createServer() // 2. 监
阅读全文 »
发表于 2020-10-15 20:55阅读：89评论：0推荐：0
摘要：认真学习，认真记录，每天都要有进步呀！！！ 加油叭！！！ 一、Node.js的简介 Node.js是什么 （1）Node.js不是一门语言 （2） Node.js也不是库，也不是框架 （3）Node.js是一个JavaScript运行时的脚本 简单的说 Node.js 就是运行在服务端的 JavaS
阅读全文 »
发表于 2020-10-15 20:53阅读：220评论：0推荐：0
摘要：来吧展示： step 1 : 实现评论管理数据渲染 利用 ajax 创建接口得到数据使用模板引擎渲染页面 1.1 引入文件 <script src="/static/assets/vendors/jquery/jquery.js"></script> <script src="/static/ass
阅读全文 »
发表于 2020-10-15 20:47阅读：132评论：0推荐：0
摘要：来吧展示： step1:所有文章数据展示 引入 functions.php 文件执行数据库查询以及判断用户登录状态 require_once '../functions.php'; get_userinfo(); 查询文章数据 $posts = mysql_all('select * from po
阅读全文 »
发表于 2020-10-15 20:46阅读：254评论：0推荐：0
摘要：来吧展示： step1: 动态获取用户头像信息 引入 jquery.js 文件 <script src="/static/assets/vendors/jquery/jquery.js"></script> 显示头像的时机：在输入完邮箱后鼠标跳转到下一个input中才显示，所以事件是 blur $(
阅读全文 »
发表于 2020-10-15 20:44阅读：465评论：0推荐：0
摘要：摘要 在此记录一下阿里百秀项目的教学视频的学习笔记，部分页面被我修改了，某些页面效果会不一样，基本操作是一致的，好记性不如烂笔头，加油叭！！！ step 1 : 整合全部静态页面 将静态页面全部拷贝到 admin 目录中。 将文件扩展名由 .html 改为 .php ，页面中的 a 链接也需要调整。
阅读全文 »
