- 博客(33)
- 资源 (8)
- 收藏
- 关注
RSS订阅原创 Vue中的路由
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向，就是我在页面上点击一个按钮需要跳转到对应的页面，这就是路由跳转；首先我们来学习三个单词（route，routes，router）： route：首先它是个单数，译为路由，即我们可以理解为单个路由或者某一个路由； routes：它是个复数，表示多个的集合才能为复数；即我们可以理解为多个路由的集合，JS中表示多种不同状态的集合的形式只有数组和对象两种
2021-06-04 17:12:13
157
原创 Vue中的组件
组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：注册一个全局组件语法格式如下：Vue.component(tagName, options)tagName 为组件名，options 为配置选项。注册后，我们可以使用以下方式来调用组件：全局组件所有实例都能用全局组件。全局组件实例注册一个简单的全局组件 runoob，并使用它：
2021-06-04 17:11:31
108
原创 MVVM和MVC区别？
MVVM与MVC最大的区别就是：MVVM实现了View和Model的自动同步，也就是当Model的属性改变时，我们不用再自己手动操作Dom元素，来改变View的显示，而是改变属性后该属性对应View层显示会自动改变。非常的神奇~MVC,MVP,MVVM是三种常见的前端架构模式(Architectural Pattern),它通过分离关注点来改进代码组织方式。不同于设计模式(Design Pattern),只是为了解决一类问题而总结出的抽象方法，一种架构模式往往能使用多种设计模式。MVC模式是MVP,MV
2021-06-01 16:49:25
208
原创 express封装mongodb的增删改查操作
一、建立项目路径二、建立www路径下的静态资源文件1、登录：login/index.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div> <input ...
2021-05-06 15:38:39
368
1
原创 搭建mongodb数据库环境
一、下载mongodb二、安装mongodb三、将安装路径的bin目录加入path的环境变量四、建立一个空目录，在该目录下建立：M_DB、M_LOG两个目录，一个txt文本文件五、打开文本文件，输入如下内容六、另存为：mongodb.config，并拷贝到mongodb安装目录的bin文件夹下。七、重启mongodb的服务。...
2021-04-30 10:24:33
121
原创 node+express+monogodb搭建http服务器
一、安装mongodb1、下载mongodb安装包2、安装mongodb3、创建path环境变量二、安装nodejs1、下载nodejs安装包2、安装nodejs3、测试nodejs是否安装成功三、建立一个项目目录1、用cmd打开目录2、键入：npm init -y3、键入：npm install express --save-dev4、键入：npm install mongo -S四、参照上一篇《采用jquery+express实现注册登录，登录使用ge
2021-04-30 10:16:17
116
原创 采用jquery+express实现注册登录，登录使用get请求 注册的时候使用post请求 请求的路径都是submit 前端有两个页面一个登录一个注册
一、创建项目目录在e盘创建一个空目录：express01在cmd打开这个目录输入：npm init -y之后，再输入：npm install express -S二、在Hbuilder中打开该目录建立项目所需要的路径和文件1、login/index.html登录按钮的代码：2、register/index.html注册按钮的代码：3、服务器的index.js代码：三、启动服务器四、运行效果图：1、登录
2021-04-27 18:23:15
221
原创 完善网易云音乐。读取静态资源。实现用户登录以后，登录的内容转换成欢迎XXXX登录
一、读取静态资源1、在node项目的src目录，建立www目录，放置music项目文件2、在src目录，建立index.jsconst http = require('http')const path = require('path')const fs = require('fs')let server = http.createServer((req,res)=>{ if (req.url == "favicon.ico") return; cons...
2021-04-26 10:46:16
3397
原创 node创建http服务器
新建一个CreateServer.js test.txt文件，内容：中国人民解放军301医院在CreateServer.js中，写入如下代码：const http = require('http');const fs=require('fs');const path=require('path');let server = http.createServer((req,res)=>{// res.writeHead(200,{'Content-Type':'text...
2021-04-23 10:27:17
94
原创 复习jQuery的ajax
jQuery提供了4种常用的数据请求方法 a、jq对象.load("url 选择器",回调方法) b、$.get(url,回调方法) c、$.post(url,postData,回调方法) d、$.ajax({ type:get或者post,默认是get方法, data:发送给服务器的数据,...
2021-04-23 10:26:17
100
原创 复习原生的ajax
1.1原生的ajax分为4个步骤： a、创建ajax对象 var ajax = new XMLHttpRequest(); b、建立连接 type: 可以是get、post等等 ajax.open('get',"04.txt",true); c、发送数据 ajax.send(data);...
2021-04-23 10:25:27
81
原创 封装一个计算器模块 加减乘除
class Calculate{add(a,b){ if (typeof a == 'number' && typeof b == 'number') { return a + b } else { return 0 }}minus(a,b){ if (typeof a == 'number' && typeof b == 'nu...
2021-04-21 15:43:22
553
原创 完善格式化日期模块 年-月-日 时:分:秒
module.exports=function(date){var year=date.getFullYear();var month=(date.getMonth()+1)>9?(date.getMonth()+1):('0'+(date.getMonth()+1));var day = (date.getDay())>9?(date.getDay()):('0'+(date.getDay()));var hour = (date.getHours())>9?(da.
2021-04-21 15:42:34
91
原创 下面程序执行结果为？ // a.js import {bar} from ‘./b‘； console.log(‘a.js‘)； console.log(bar)； export let foo =
执行node a.js 引入b模块，所以先执行：console.log('b.js');console.log(foo);由于此时还没有引入a模块，此时的foo为:undefined之后，再执行a模块的内容：a.js bar所以，执行结果是：b.jsundefined a.js bar...
2021-04-21 15:41:55
151
原创 //add.js export let add=(a, b) =＞ { if (typeof a == ‘number‘ && typeof b == ‘number‘) {
es6的模块，需要进行babel转码 babel src –out-dir dist运行的结果：0
2021-04-21 15:41:01
136
原创 下面程序打印的结果为？ //lib.js文件 export let foo = ()=＞ {console.log(“fnFoo“) ；return “foo“},bar = “stringBar“；
模块返回一个函数foo、一个变量bar ="stringBar"函数执行的时候，打印：fnFoo，同时返回：foo所以上述代码，输出：fnFoofoostringBar
2021-04-20 16:42:45
216
原创 在下滑线处补充完下面moudle6.js模块的程序 //moudle6.js _______function (x, y) { return x * y； } //index.js impor
这个是es6的模块，导出:export 变量名(引入加{变量名}) 或者 export default (引入时可以自行定义变量名 且不需要{})导入 import 变量名 from “js文件地址”注意：需要经过babel转码所以此处的空白处应该是：export default...
2021-04-20 16:31:48
91
原创 补充下面代码 //moudle5.js export class Point { constructor(x, y) { this.x = x；
这个是es6的模块，导出：export 变量名(引入加{变量名}) 或者 export default (引入时可以自行定义变量名 且不需要{})导入：import 变量名 from “js文件地址”注意：需要经过babel转码index.js的代码应该是：import {Point} from './moudle5.js'let p=new Point(2,3);console.log(p.toString());...
2021-04-20 16:27:03
116
转载 在ES6中使用什么语句实现模块的导入导出？
前言在Es6之前,javascript没有模块系统,它无法将一个大程序拆分成若干个互相依赖的小文件,然后在用简单的方法拼装起来.为了做到模块化,在Es6之前,引入了AMD(Asynchronous module definition)与CMD(common module definition)前者典型代表是requireJS(外国人搞出来的),后者是seajs(国内)共同点:都是对模块定义的不同规范,都是异步加载模块,并且解决文件之间的依赖重命名冲突等问题。不同点:模块定义的方式和模块加..
2021-04-20 15:53:14
449
转载 简单叙述前端模块化系统演进历史
前端发展日新月异，短短不过10年已经从原始走向现代，甚至引领潮流。网站逐渐变成了互联网应用程序，代码量飞速增长，为了支撑这种需求和变化，同时兼顾代码质量、降低开发成本，接入模块化势在必行。伴随这一变化的是相对应的构建工具的快速成长，或是为了优化、或是为了转义，都离不开这类工具。所谓温故而知新，本篇回顾总结下前端模块化的发展历程及辅助工具。在回顾中可以更清晰的看到当前我们用的方案所处的位置，为什么会发展到这一步，目前模块化方案带来的优势等。1. 没有模块化的日子最开始Java承担的任务量并不多，表
2021-04-20 14:09:00
134
转载 http协议
HTTP协议简介超文本传输协议（英文：HyperTextTransferProtocol，缩写：HTTP）是一种用于分布式、协作式和超媒体信息系统的应用层协议。HTTP是万维网的数据通信的基础。HTTP的发展是由蒂姆·伯纳斯-李于1989年在欧洲核子研究组织（CERN）所发起。HTTP的标准制定由万维网协会（World Wide Web Consortium，W3C）和互联网工程任务组（Internet Engineering Task Force，IETF）进行协调，最终发布了一系列的RF...
2021-04-19 16:08:36
224
转载 闭包
一、闭包的含义官方对闭包的解释：一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。二、闭包的特点：作为一个函数变量的一个引用，当函数返回时，其处于激活状态。 一个闭包就是当一个函数返回时，一个没有释放资源的栈区。 简单的闭包如下： function f1(){ var n = 100; return function f2(){ alert(++n); } }函数执行时创建了一个内部函数，这个内部函数作为返回值，或以某种方式保留
2021-04-19 11:41:40
69
原创 node 和 java/php区别
nodejs不需要web容器，本身就是一个http服务器nodejs开发，每一步都需要我们自己处理REPL全称：Read-Eval-Print-Loop(交互式解释器）R 读取 -读取用户输入。解析输入了javascript数据结构并存储在内存中E 执行 -执行输入的数据结构P 打印 -输出结果L 循环 -循环操作以上步骤直到用户两次按下ctrl -c 按钮退出在REPL中编写程序（类似于浏览器开发人员工具的控制台功能）直接在命令行中输入node进入REPL环境按两次ct
2021-04-18 17:22:00
261
原创 node到底是什么
Node.js 是一个 JavaScript 运行时环境。JavaScript 原来是只能在浏览器中运行的，当把它扩展成为可以在你的计算机上作为独立的程序运行时，Node.js 就出现了。现在你可以用 JavaScript 做更多的事情，而不仅仅是用在网站的互动和特效上。JavaScript 现在能够去做其他脚本语言（如Python）可以执行的操作。Chrome 浏览器中的 JavaScript 和 Node.js 都在 V8 引擎上运行。该引擎将你的 JavaScript 代码转换为更快的
2021-04-18 17:19:17
400
原创 es6第二天作业
1、假设：class Person{ constructor(name,sex,age) { this.name = name; this.sex = sex; this.age = age;...
2021-04-16 16:22:09
156
原创 es6高级第一天作业
1、var和let的区别1）ES6 新增了let命令，用来声明局部变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效，而且有暂时性死区的约束。var a = 99; // 全局变量af(); // f是函数，虽然定义在调用的后面，但是函数声明会提升到作用域的顶部。console.log(a); // a=>99, 此时是全局变量的afunction f() { consol...
2021-04-14 15:27:49
146
原创 day02-高级js总结
1、前端做什么？ 网页、游戏、app、小程序、后台应用、桌面应用2、js由哪三个方面组成：DOM、BOM、ECMAScript DOM：文档操作模型，主要是操作标签 BOM：浏览器对象模型 ECMAScript：语法、变量、函数。。。3、用构造函数的方式创建对象function Student(name,age,score){ this.name = name; ...
2021-04-12 14:46:01
72
原创 day02-原型及原型链
1、代码及说明function Product(name,color,price){ this.name = name; this.color = color; this.price = price; } var p = new Product("大疆无人机",'白色',299); console.log(p.c...
2021-04-12 14:38:17
86
原创 js垃圾回收机制
一、垃圾回收的必要性下面这段话引自《JavaScript权威指南（第四版）》 由于字符串、对象和数组没有固定大小，所以当他们的大小已知时，才能对他们进行动态的存储分配。JavaScript程序每次创建字符串、数组或对象时，解释器都必须分配内存来存储那个实体。只要像这样动态地分配了内存，最终都要释放这些内存以便他们能够被再用，否则，JavaScript的解释器将会消耗完系统中所有可用的内存，造成系统崩溃。这段话解释了为什么系统需要垃圾回收，JS不像C/C++，他有自己的一套垃圾回收机制（Garb
2021-04-09 17:25:01
104
原创 统计字符串中出现最多的字符
var str = "hello world hello world good morning how are you"; var arr = []; for (var i = 0;i<str.length;i++){ var ch = str[i]; if (ch != " "){...
2021-04-09 17:23:45
184
原创 数组去重
var arr = [1,2,3,4,5,6,7,8,2,3,4,2,5,6,4,3]; var arr1 = []; for (var i = 0;i<arr.length;i++){ var val = arr[i]; if (arr1[val] == undefined){...
2021-04-09 17:22:27
70
原创 display的值和作用
1、display的值有：none，inline，block，list-item，inline-block，table，inline-table，table-caption，table-cell，table-row，table-row-group，table-column，table-column-group，table-footer-group，table-header-group，run-in，box，inline-box，flexbox，inline-flexbox，flex，inline-fle
2021-04-09 17:20:54
3825
原创 css的居中方式
1.1、水平居中：margin: 0 auto1.2、绝对定位水平垂直居中 <div style="position: absolute; width: 500px; height: 300px; margin: auto;...
2021-04-09 17:17:43
68
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人