- 博客(39)
- 资源 (14)
- 收藏
- 关注
RSS订阅原创 Angular10 文件流下载
Angular10 文件流下载downFile.service.tsdownloadFile.component.ts废话我就不说了，直接上代码downFile.service.tsdownloadFile(id: any): Observable<Blob> { const params = new HttpParams().set('id', id) return this.httpClient.get(this.urls.GetAdminInsOrd
2021-05-06 11:31:31
514
原创 react的生命周期
常用图示完整图示React组件的生命周期可以分为3种状态。创建时更新时卸载时import React, { Component } from 'react'/* 生命周期函数 */export default class App extends Component { state = { num: 0 } constructor(props) { super(props) console.log("1.进入到构造函数中"); /
2020-09-10 11:50:36
211
原创 react之props实现组件之间的通信
通过props属性传值有以下几种父传子 通过属性子传父 通过事件兄弟间传值 先传给父再传给兄弟父传子父传子时通过props苏醒import React, { Component } from 'react'//子组件class Child extends Component { render() { return ( <div> <h1>父亲传过来的信息：{this.props.title}</h1>
2020-09-08 21:21:43
222
原创 React的组件创建
组件的创建在react中，组件分为两种，类组件 和 函数式组件简单的共呢个使用 函数式组件复杂功能使用 类组件组件名首字母都必须大写类组件使用es6创建的方式实现一个组件首字母大写要继承 React中的Component类必须实现render函数，函数内返回标签组件有自己的state和生命周期import React, { Component } from 'react'export default class ClassComponent extends Componen
2020-09-08 11:19:08
115
原创 react 之jsx的表达式
import React, { Component } from 'react'let str = "Hello World";let obj = { name: "Karl", age: 19}let arr = [1, <a target="_blank" href="https://www.baidu.com">这里是超链接a标签</a>, "哈哈"]let bool = true;export default class Expression ext
2020-09-07 19:45:28
231
原创 创建react的项目
React介绍react、vue、angular俗称前端框架三驾马车React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）react 和 vue 的区别
2020-09-07 19:37:15
185
原创 Cannot create property ‘default‘ on boolean ‘true‘
在vue打包时遇到Cannot create property ‘default’ on boolean 'true’问题,我是因为引入vue的cdn连接不够新，所以报这个错奇怪的是，有的界面不会包这个错_(:з」∠)_解决思路：换一个最新的版本vue的cdnhttps://www.bootcdn.cn/...
2020-09-04 10:18:12
6539
原创 node之实现登录注册分页小案例(node+vue+elementUI+axios+mysql)
第一步项目的基本配置安装node 的express 脚手架 npm install -g express-generator创建不带视图模板的项目 express demo --no-view // demo 是项目名称 --no-view 代表生成的项目不带视图模板安装项目的依赖1.首先 cd到创建的目录 npm run start 启动项目2.npm install 安装 npm install node-dev -D //项目 热更新的方式然后在 `pa
2020-09-04 09:36:55
1057
原创 vue和node前后端连载
1、首先需要安装 npm install concurrently2、切换到vue项目，修改package.json添加 “start”: “npm run serve”"scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint", "start": "npm run serve" },3、然后切
2020-09-02 09:57:46
555
原创 启动第一个node服务
// 1.引入http模块const http = require('http');const host = "127.0.0.1";const port = "3000";//端口// 2.创建一个服务器实例const server = http.createServer(function (request, response) { // request 请求的信息 // response 响应信息 console.log("请求来了"); // 做出响应 设置响应头 /
2020-08-31 19:16:07
190
原创 怎么判断一个对象是否为数组
1、[] instanceof Array 2、(Object.prototype.toString.call([]) === '[object Array]' 3、Array.prototype.isPrototypeOf([]) 4、[].constructor === Array 5、Array.isArray([])
2020-08-17 21:12:10
152
原创 了不起的vue--vue的安装
1.官方介绍Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。二、vue实例体验1.安装vue直接下载并用标签引入，Vue 会被注册为一个全局变量。开发版本 包含完整的警告和调试模式<script src=
2020-08-16 14:03:48
148
原创 js的一些兼容
1、document.body.scrollTopdocument.documentElement.scrollTop两个都是获取页面向上滚动的距离区别：Chrome 和 FireFox、IE 浏览器没有 DOCTYPE 声明的时候，用 document.body.scrollTop有 DOCTYPE 声明的时候，用 document.documentElement.scrollTopSafari 两个都不用，使用一个单独的方法 window.pageYOffset2、兼容大部分浏览器事
2020-08-15 16:49:39
238
原创 vue实例体验
一、安装vue直接下载并用标签引入，Vue 会被注册为一个全局变量。开发版本 包含完整的警告和调试模式<script src="https://cn.vuejs.org/js/vue.js"></script>生产版本 删除了警告，33.30KB min+gzip<script src="https://cn.vuejs.org/js/vue.min.js"></script>CDN <script sr
2020-08-15 16:47:33
273
原创 npm常用基本命令
npm -v 查看当前版本npm install npm@latest -g 更新npm init 初始化工程，初始化后会出现一个package.json配置文件npm init --yes/-y 初始化默认配置npm install 根据当前项目中的package.json文件自动下载项目所需的全部依赖。npm install <package_name> --save (简写：npm install <package_name> -s或npm install &.
2020-08-06 10:54:02
261
原创 nvm node版本管理工具
nvm(Node Version Manager)是Node版本管理工具由于可能会在多个Node版本中测试运行，而且Node的版本也比较多，所以需要这么款工具来管理下载地址//nvm基本命令nvm -v //查看版本号nvm list //查看按钻过列表nvm install 版本号 //安装nodenvm uninstall 版本号 //卸载node...
2020-08-06 10:26:11
119
原创 理解js闭包原理
闭包闭包是我们函数的一种高级使用方式在聊闭包之前我们要先回顾一下 函数函数的两个阶段我们一直说函数有两个阶段定义阶段调用阶段函数定义阶段开辟一个存储空间把函数体内的代码一模一样的放在这个空间内(不解析变量)把 存储空间 的地址给函数名函数调用阶段按照函数名的地址找到函数的 存储空间形参赋值预解析将函数 存储空间 中的代码拿出来执行 （这里解析变量）重新定义函数调用阶段按照函数名的地址找到函数的 存储空间形参赋值预解析在内存中开辟一个 执
2020-07-23 13:11:50
214
1
原创 26.js分支结构
程序的三大结构顺序结构、分支结构、顺序结构下面图面在网上找的，如果由侵权，请联系顺序结构代码从上到下依次执行分支结构根据条件判断代码是否执行某个代码块循环结构根据某个条件来重复执行，减少代码量分支循环：有if和switch两个if由单分支、双分支和多分支if单分支语法：if(条件){ 代码块 }如果条件为true，就执行花括号里面的代码块，为false就不执行花括号里面的，继续执行下面的代码var age = 20;if(age>18){ alert("你
2020-06-17 10:18:12
223
原创 24.js 数据类型
数据类型是指存储在内存中的数据类型，通常分为两大类 基本数据类型 和 复杂数据类型基本数据包括1.数值类型(number)一切数字都是数值类型(包括二进制，十进制，十六进制等)NaN(not a number)，一个非数字2.字符床类型(String)被引号包裹的所有内容(单双引号都可以，要是英文的)3.布尔型(boolean)只有两个值，true和false4.null类型(null)只有一个值null,表示空的意思5.undefined类型(undefined)只有一个值unde
2020-06-11 20:56:50
144
原创 22.flex布局
怪异盒模型content-box 这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。border-box 为元素设定的宽度和高度决定了元素的边框盒。就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。FLEX布局Flex容器：采用 Flex 布局的元素的父元素；Flex项目：采用 Flex 布局的元素的父元素的子元素；容器默认存在两
2020-06-01 22:04:26
2446
原创 20.CSS3属性
文本阴影属性text-shadow说明：水平、垂直阴影的位置允许负值可进行多阴影设置(逗号分隔的方式) text-shadow:x轴位置 y轴位置 模糊度 颜色;文本换行Word-wrap属性用来标明是否允许浏览器在单词内进行断句，这是为了防止当一个字符串太长而找不到它的自然断句点时产生溢出现象。属性值： normal 说明：只在允许的断字点换行（浏览器保持默认处理） break-word 说明：属性允许长单词或 URL 地址换行到下一行Wor
2020-06-01 21:56:43
162
原创 19.CSS3选择符
属性选择器 属性选择符： 选择符的目的：选择标签，对标签做css样式渲染 通过html的属性，对html标签做选择。 1：选择符[属性名]{ css样式 } 说明：只要带有当前属性则匹配成功 2:选择符[属性="属性值"]{ css样式 } 说明：指定属性名也必须指定属性值，则匹配成功。 3:选择符[属性~="属性值"]{ css样式 }
2020-06-01 21:54:53
180
原创 18.CSS3样式
CSS3是css技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。css3的优点：CSS3将完全向后兼容，所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。对我们来说，CSS3主要的影响是将可以使用新的可用的选择器和属性，这些会允许实现新的设计效果（譬如动态和渐变），而且可以
2020-06-01 21:52:28
179
原创 17.HTML5新增表单类型和属性
新增type类型Type=“email” 限制用户必须输入email类型Type=“url” 限制用户必须输入url类型Type=“range” 产生一个滑动条表单Type=“number”Type=“search” 产生一个搜索意义的表单Type=“color” 生成一个颜色选择的表单Type=“time” 限制用户必须输入时间类型Type=“month” 限制用户必须输入月类型Type=“week” 限制用户必..
2020-06-01 21:49:37
196
原创 16.HTML5
HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML 工作团队。 HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。2012年12月17日，万维网联盟（W3C）正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称：“HTML5是开放的Web网络平台的奠基石。”2013年5月6日， H
2020-06-01 21:48:50
296
原创 14.2D
2D变换，是在一个平面对元素进行的操作。可以对元素进行水平或者垂直位移、旋转或者拉伸.变形属性：transformtransform翻译成汉语具有"变换"或者"改变"的意思。通过此属性具有非常强大的功能，比如可以实现元素的位移、拉伸或者旋转等效果最能体现transform 属性强大实力的是实现元素的3D变换效果。2D功能函数2D位移 translate()将元素向指定的方向移动，类似于position中的relative。水平移动：向右移动translate(tx,0)和向左移动tran
2020-05-27 21:29:03
138
原创 13.过渡 transition
css3的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值transition-property：检索或设置对象中的参与过渡的属性transition-duration：检索或设置对象过渡的持续时间transition-delay：检索或设置对象延迟过渡的时间transition-timing-function：检索或设置对象中过渡的动画类型检索或设置对.
2020-05-24 22:40:24
170
原创 12.css3 渐变
CSS3 渐变（gradient）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前，你必须使用图像来实现这些效果，现在通过使用 CSS3 的渐变（gradients）即可实现。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。简单来说:从一个颜色到另一个颜色平稳得过渡（颜色逐渐得变化）线性渐变语法：background: linear-gradient(direction, color-stop1, color-stop2, ...);说明：
2020-05-24 22:37:30
129
原创 11.浏览器前缀
css3: 没有最终形成正式版。每个浏览器商，为了能对css3属性形成一个更好得支持，浏览器形成自己得一套语法规范。一些css3属性，如果想在浏览上形成支持，有时候需要添加浏览器前缀。谷歌前缀: -webkit- eg: -webkit-属性:属性值火狐前缀: -moz- eg: -moz-属性:属性值IE前缀: -ms- eg: -ms-属性:属性值欧鹏前缀: -o- eg: -o-属性:属性值不添加浏览器前缀 -> 标准模式添加浏览器前缀 -
2020-05-24 22:33:06
263
原创 10. 表格补充和BFC布局规则
练习代码已上传表格补充 一：表格标签补充: a: 数据行分组: <thead></thead> 表头 <tbody></tbody> 表体 <tfoot></tfoot> 表尾 注：每一个表格只能有一个表头和表尾，但是拥有多个表体 b： .
2020-05-20 22:25:05
171
原创 9.宽度自适应和解决浮动塌陷
锚点命名锚点链接的应用：命名锚点的作用：在同一页面内的不同位置进行跳转。制作锚标记： 1)给元素定义命名锚记名 语法：<标记 id="命名锚记名"> </标记> 2)命名锚记连接 语法：<a href="#命名锚记名称"></a>宽高自适应网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整，这就是pc自适应。自适应的优点：元素自适应在网页布局中非常重要，它能够使网页显示更灵活，可以.
2020-05-19 22:48:19
292
原创 8.position定位
代码已上传，可以免费下载CSS文档流CSS 有三种基本的定位机制：普通流、浮动流、定位流。POSTIONposition定位属性，检索或设置对象的定位方式第一步：怎么通知html的元素进行位置的变化属性：position:; 定位属性作用：检索或者设置元素的定位方式第二步：确定参照物position的属性值们第三步：坐标left:;right:;top:;bottom:;position属性static默认值。位置设置为 static 的元素会正常显示，它始终.
2020-05-18 21:12:50
223
原创 6.css属性和盒模型
列表属性list-style-type: 属性值： square circle disc none ...... list-style-image:url() 把图片当作列表符号显示 list-style-position: .
2020-05-12 22:01:13
169
原创 4.CSS样式表权重及选择符
CSS样式表的权重关系 内联样式表权重最高。 内部样式表 和 外部样式表权重关系和书写顺序有关 （后写的优先执行，后写把前写的覆盖,覆盖的只是相同属性，不同属性会继续执行） 产生权重权重关系，必然会体现css的层叠性！ 场景1： 老板命令：明天休息一天不用来公司。 主管命令：明天有一个项目，需要加班一天 UI小姐姐命令：明天一起喝咖啡 命令解析：老板说话的权重最高！其次是主管的权
2020-05-09 21:54:51
253
原创 3.HTML补充和CSS
以后会对当前博文进行再次的改进表格table<table> <tr> <td></td> <td></td> <td></td> </tr></table>table里面的html属性： width="" 宽度 height="" 高度 border="" 边框 bordercolor="" 边框颜色 bgcolor="".
2020-05-08 22:54:00
179
原创 2.HTML网页常用标签
HTML语言HTML语言的组成标签写在尖叫号<>里的第一个单词，叫做标记,也叫作标签,也叫 作元素属性在标签名称后面用空格隔开的就是属性名,属性值:属性值和属性之间通过等于号连接属性值放在引号里面,例:属性="属性值"注:一个标记可以有多个属性，属性和属性之间通过空格分开HTML语法 标签分为“ 单标记【空标记】和双标记【常规标记】”...
2020-05-07 22:26:31
296
原创 1.初入前端-网页三大组成
第一次用CSDN写博客网站的建站流程项目的诞生流程： 1：注册域名 2：服务器（租用空间、买） 3：项目研发： a : 规划项目（功能、界面、素材...） 产品提需求 b : UI C ：前端工程师 d : 后端（java\php\python\node...） e : 项目联调...
2020-05-06 20:31:08
997
原创 第一次写博客
第一次写博客第一次写博客，希望分享自己学到的知识，下面我分享我用Python写的斐波那契数列的代码,答案有很多，我只想分享一下我的代码# 斐波那契数列 100以内# 1 1 2 3 5 8 13 21 34 55 89# 法一pre = 1 #上一个nex = 1 #下一个sum = 0 #接收print(pre, nex, sep="\n")for i in range(1,1...
2018-11-29 15:57:16
120
node之实现登录注册分页小案例(node+vue+elementUI+axios+mysql)
2020-09-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人