web前端
文章平均质量分 92
空中追风sk
这个作者很懒,什么都没留下…
展开
-
angular基础——指令
指令(Directive)可以理解为没有模版的组件,它需要寄宿在一个元素上——宿主(Host)1.HostBinding 绑定宿主的属性或样式import { Directive, HostBinding } from '@angular/core';@Directive({ // 推荐使用方括号 [] 指定 Selector,虽然这个不是必须的。 // 加上中括号后可以在宿主元...原创 2020-05-08 00:20:21 · 284 阅读 · 0 评论 -
angular基础——模块
一、概念模块就是提供相对独立功能的一组代码,从某种角度说,他就像一个小型的应用模块的组成可以有:组件、服务、指令和管道等1.根模块app.module.tsimport { NgModule } from '@angular/core';import { AppRoutingModule } from './app-routing.module';import { AppCompo...原创 2020-05-04 17:01:52 · 311 阅读 · 0 评论 -
angular——路由
示例中使用两种格式的url1.动态路由:http://127.0.0.1:4200/news/12.get请求传参:http://127.0.0.1:4200/productcontent?id=1一.动态路由1.在app-routing.module.ts 文件中配置路由// 引入组件import { NewsComponent } from './components/news/n...原创 2020-01-27 22:03:22 · 215 阅读 · 0 评论 -
angular——http请求及跨域解决方案(cors和jsonp)
一.http请求:get和post1.app.module.ts 中引入HttpClientModule 并注入// 引入跟服务器交互的模块,进行get和post请求// 第二个是使用jsonp解决跨域问题import { HttpClientModule,HttpClientJsonpModule } from '@angular/common/http'; imports: [...原创 2020-01-26 21:15:57 · 3717 阅读 · 0 评论 -
angular——生命周期函数和Rxjs基础
一.生命周期函数1.定义生命周期函数是在angular组件创建、更新、销毁的时候会触发的一系列方法2.常用的生命周期函数按调用顺序如下constructor构造函数,除了使用简单的值对局部变量进行初始化之外,什么都不应该做,比如初始化服务对象。(非生命周期函数)ngOnInit()组件的初始化方法,只调用一次ngAfterViewInit()初始化完组件视图及其子视...原创 2020-01-26 20:37:32 · 290 阅读 · 0 评论 -
angular基础——组件之间通信
一.父子组件通信1.父组件向子组件传值——@Input1.父组件html文件在父组件ts文件中定义好相关变量,在html文件中进行传入<!-- 通过变量绑定的方式向子组件中传入父组件的变量 --><!-- 第二个是父组件中定义的run方法绑定子组件中的变量func --><!-- 第三个是传入了父组件对象 --><app-header [...原创 2020-01-12 23:48:24 · 241 阅读 · 0 评论 -
angular基础——dom操作ViewChild
一.dom操作1.使用原生js // ng组件初始化结束后调用,可在里面获取dom节点 ngAfterViewInit(){ 原生js操作dom节点 let divDom:any=document.getElementById("mybox"); console.log(divDom.innerHTML); divDom.style.color="red"...原创 2020-01-05 23:31:54 · 741 阅读 · 0 评论 -
angular demo本地存储和服务——todolist
待解决:checkbox进行双向绑定的时候如如指定值?不局限于true和false?1.todo-list.component.tsimport { Component, OnInit } from '@angular/core';@Component({ selector: 'app-todo-list', templateUrl: './todo-list.component....原创 2020-01-01 22:17:11 · 251 阅读 · 0 评论 -
angular—demo表单控件双向数据绑定
使用ngModel语法将对象的属性和表单控件的value进行双向绑定,提交的时候直接提交绑定的对象即可,不用再依次获取表单的值了1.app.module.ts中引入FormsModuleimport { FormsModule } from '@angular/forms';@NgModule({ declarations: [ AppComponent, FormCo...原创 2019-12-31 12:42:03 · 473 阅读 · 0 评论 -
Angular安装和基础
一.安装# 设置cnpm镜像地址npm install -g cnpm --registry==https://registry.npm.taobao.org# 安装cnpm install -g @angular/cli# 检验是否安装成功ng version二.启动项目ng new my-app --skip-install # 新建项目,但取消依赖库的安装cd ...原创 2019-11-09 12:34:43 · 630 阅读 · 0 评论 -
react学习笔记
一.准备环境1.安装node.js下载地址:https://nodejs.org/en/2.查看版本,修改npm镜像地址node -v # v12.13.0npm -v # 6.12.0# 查看并修改npm镜像地址npm congfig get registry # http://registry.npmjs.orgnpm config set ...原创 2019-11-04 23:24:12 · 150 阅读 · 0 评论 -
JS基础知识
JS中的数据类型:Number(数字)String(字符串)Boolean(布尔)Object(对象)Symbol(符号,ES2015 新增)null(空)undefined(未定义)其中Object(对象)包括:Function(函数)Array(数组)Date(日期)RegExp(正则表达式)1.NumberJavaScript 不区分整数值和浮点数值,所有...原创 2019-10-23 23:41:30 · 124 阅读 · 0 评论 -
djang+echarts
1.创建echarts折线图<!-- 定义一个div用于存放echarts图像,需要定义高度 --><div id="broken_line" style="width: 600px;height: 400px"></div><script src="/static/js/jquery3.4.1.js"></script><...原创 2019-08-29 16:57:26 · 187 阅读 · 0 评论 -
Bootstrap开发笔记
1.导航栏<div class="navbar navbar-default"> <!-- 顶部导航样式 --> <div class="container"> <!-- 加个container,这样两侧就会有padding,使用navbar-right时就不会顶边了 --> <div ...原创 2019-06-16 20:59:10 · 148 阅读 · 0 评论 -
date类型的input框设置默认日期
<input type="date" name="date" id="show_date"><script> $(function(){ var time = new Date() var day = ('0' + time.getDate()).slice(-2) var month = ('0' + (...原创 2019-04-19 18:15:55 · 11538 阅读 · 0 评论 -
html中input框相关属性
转载:https://blog.csdn.net/mp624183768/article/details/84761914input:file 指定上传文件类型<form action="/upload/" method="post" enctype="multipart/form-data"> {% csrf_token %} word:<input ty...原创 2019-04-08 14:15:44 · 452 阅读 · 0 评论 -
AJAX异步请求
1.get方法 $.get(url[,data][,callback][,type]) 1.url : 异步请求的地址,字符串 2.data : 请求提交的数据,可以省略 1.可以是字符串:“name1=value&name2=value2” 2.也可以是json对象 { “name1”:“value1”, “name2”:...原创 2019-03-30 23:33:36 · 152 阅读 · 0 评论