![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
cgl_dong
!
展开
-
TypeScript快速入门
TypeScript快速入门简介TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准。TypeScript 由微软开发的自由和开源的编程语言。TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。TypeScript增强了JavaScript,很多前端框架都...原创 2019-10-20 08:56:22 · 156 阅读 · 0 评论 -
JavaScript面向对象(三)练习
创建一个白菜,白菜可以唱,跳,rap,以及独有的beautiful方法;白菜有身高,体重,年龄,性别;白菜可以被舔狗继承,舔狗会bark,lickCabbage使用构造器创建对象function Cabbage(height,weight) { //构造器接受外部参数赋给对象的两个参数 this.height=height; this.weight=weight;...原创 2019-08-08 20:48:21 · 391 阅读 · 0 评论 -
Node中的http模块
接触Node时,发现其中的http模块能够创建http服务器,并且使web小项目快速跑起来var http=require("http");var fs=require("fs");var data=fs.readFileSync("VueJs/vue_1.html");http.createServer(function (resquest,response) { respo...原创 2019-08-08 21:13:40 · 145 阅读 · 0 评论 -
Thymeleaf中获取作用域中的数据
Thymeleaf中去的作用域中数据的方法和jsp相似,熟悉jsp的开发者很容易学会先看一个demo,Model,request,session,ServletContext中的数据public String One(Model model, HttpServletRequest request, HttpSession session){ Person p1=queryP...原创 2019-08-10 13:27:17 · 6708 阅读 · 3 评论 -
Vue组件(一)
Component组件组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素, Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展。Component非常重要,在Vue模块化开发中占据重要地位。Component有全局注册和局部注册两种方式,...原创 2019-08-29 18:14:37 · 93 阅读 · 0 评论 -
Vue组件(二)之数据传递(props-emit,父链)
props-emit 及父链在组件中,父组件和子组件的作用域是相互独立的,但是组件之间协同工作那么又是可能会相互调用对方的数据或者说相互通信,vue中通过props向下传递数据,通过events向上传递消息。1、Props1.1、数据传递props由父组件传递数据给子组件,那么所传递数据需要在子组件的标签上进行声明,如下子组件标签名为my-com,其中的属性message和:msg,...原创 2019-09-03 08:56:06 · 318 阅读 · 0 评论 -
vue组件(三)之slot
Slot内容分发1、内容分发与编译作用域在使用组件时,常常要像这样组合它们.<app> <my-com></my-com> <my-com-2></my-com-2></app>此时需要注意的是:<app> 组件不知道它的挂载点会有什么内容。挂载点的内容是由<app>的父组件决定...原创 2019-09-03 15:37:19 · 146 阅读 · 0 评论 -
VueCli环境搭建
VueCli环境搭建VueCli是Vue提供的脚手架,可以帮助我们快速搭建Vue应用,对前后端分离,模块化开发,SPA应用提供便捷的操作。VueCli基于Vue,需要Node环境。同时需要Webpack工具辅助。默认已经安装node环境vueCli需要node环境的支持,其中的npm包管理工具可以帮助我们搭建Vue脚手架.1、淘宝cnpm国外的npm有时速度太慢,所以有时我们使用...原创 2019-09-13 01:07:56 · 315 阅读 · 0 评论 -
Vue小项目之路由及表格相关操作
Vue小项目之路由及表格相关操作vuecli搭建一、效果演示二、代码这个项目用了许多vue的相关功能App.vue略去样式<template> <div id="app"> <Click :msgs="msgs"></Click> <router-link to="/Hello" tag="h3">...原创 2019-09-13 02:48:33 · 283 阅读 · 0 评论 -
前端模块化规范(待续)
JavaScript在早期的设计中就没有模块、包、类的概念,开发者需要模拟出类似的功能,来隔离、组织复杂的JavaScript代码,我们称为模块化。模块就是一个实现特定功能的文件,有了模块我们就可以更方便的使用别人的代码,要用什么功能就加载什么模块。常见的的JavaScript模块规范有:CommonJS、AMD、CMD、UMD、原生模块化一、CommonJsCommonJs 是服务器端...原创 2019-08-08 20:11:43 · 210 阅读 · 0 评论 -
JavaScript面向对象(二)继承
继续上一篇,JS中的继承,JS中所有对象都是基于Object的,所以基本说是平等的。一、原型链继承function Person(name,age) { this.name=name; this.age=age; word="你好"; //普通方法,使用对象调用 this.hello=function () { console.log("hello "+word...原创 2019-08-08 17:45:21 · 131 阅读 · 0 评论 -
JavaScript面向对象(一)
JS中关于对象的创建方法非常多,使用非常方便,不过也有需要注意的地方,比如方法的创建,原型链的使用等,以下总结了几种创建对象的方法。方法一:无构造器的对象,只有简单的属性,方法这种方法比较简略,没有构造器,不能实例化,只有简单的属性,方法需要在类外面添加,看起来就像JSON数据,事实上JSON也就是特殊的JS对象。Person={ name:"Tom", age:10};//...原创 2019-08-08 14:02:15 · 108 阅读 · 0 评论 -
简单的Html实例
HTML文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>实例</title> <link rel="stylesheet" type="text/css" href="style002.css">...原创 2019-04-23 22:23:06 · 48017 阅读 · 2 评论 -
Html入门
代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Html标签</title> <style> h1{ color: purple; }...原创 2019-05-13 16:16:44 · 164 阅读 · 0 评论 -
Servlet、AJAX,JSON操作(一)
在html页面中使用AJAX传递数据到Servlet,使用JSON数据格式进行交互Html使用了jquery中的ajax操作方法中的$ajax和 $(obj).load方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Aja...原创 2019-05-24 00:22:17 · 117 阅读 · 0 评论 -
Servlet、AJAX,JSON操作(二)
初始页面原创 2019-05-24 00:41:55 · 183 阅读 · 0 评论 -
Javaweb中文件上传与下载
本次上传与下载使用传统的servlet一、前置知识及环境搭建当提交的表单是文件上传表单时,那么对Servlet也是有要求的。首先我们要肯定一点,文件上传表单的数据也是被封装到request对象中的。request.getParameter(String)方法获取指定的表单字段字符内容,但文件上传表单已经不在是字符内容,而是字节内容,所以失效。这时可以使用request的getInpu...原创 2019-06-18 00:30:53 · 117 阅读 · 0 评论 -
Vue.js入门(二)组件
SPASPA指的是Single Page Application,就是只有一张Web页面的应用。单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。 浏览器一开始会加载必需的HTML、CSS和JavaScript,所有的操作都在这张页面上完成,都由JavaScript来控制。因此,对单页应用来说模块化的开发和设计显得相当重要。单页Web应用...原创 2019-07-08 21:19:47 · 112 阅读 · 0 评论 -
Vue入门之计算属性Computed
Vue中提供了计算属性,计算属性似乎与methods非常相似,如下<body><div id="ct"> <h1>{{firstname}} {{lastname}}</h1> <h1>{{getFullname()}}</h1> <h1>{{Fullname}}</h1>...原创 2019-07-29 18:38:12 · 97 阅读 · 0 评论 -
let、var和const的区别
let是ES中推荐的定义方式,默认情况下javascript中并没有块级(block)作用域,let则是块级定义域let 关键词声明的变量不具备变量提升(hoisting)特性let 和 const 声明只在最靠近的一个块中(花括号内)有效当使用常量 const 声明时,请使用大写变量,如:CAPITAL_CASINGconst 在声明时必须被赋值let x=100;var y=1...原创 2019-07-26 22:40:49 · 86 阅读 · 0 评论 -
Js图片替换案例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .div1{ width:600px; height:300px; border:5px solid green; ...原创 2019-05-22 23:17:53 · 3080 阅读 · 1 评论