- 博客(20)
- 收藏
- 关注
RSS订阅原创 TS-笔记
一、什么是TSTS是微软集团开发的，是javaScript的超集。有更严格的语法。JS在开发时候的缺点：1.js中变量是动态类型的。 let a = 1; a = "hello TS";//原本给变量（a）赋值一个数值类型(Number)是可以的，再赋值字符串类型也可以(string)2.有的时候不会报错原来在开发的时候，出现数值为NAN，肯定是计算的时候数值转换出的问题，但由于种种原因找不到错误点，如果要是有类型校验就好了3.js在定义函数的时候，函数的参数和返回值没
2021-12-08 16:45:47
610
原创 vue组件之间的数据传递方式（event bus）事件总线
问题场景：子组件想要修改爷爷组件的值，同时把自己展示的也改掉，这可愁坏了我，头发又没3根解决办法：1.在项目的main.js文件中，注册事件总线export const bus = new Vue()2.在孙子组件中注册事件，并且将参数传递过去// 引入事件总线import {bus} from "../../../../main.js"bus.$emit("onDelete",{Accounting,orderId:this.orderId})3.在爷爷组件中接受事件，接收参数bus
2021-08-10 14:20:13
359
原创 vue处理项目精度溢出的问题
问题：0.1+0.2竟然不等于0.3，而是0.300000000000000041.引用第三方库decimalimport { Decimal } from "decimal.js";new Decimal(把值放进去) total += new Decimal(unit.value).mul(new Decimal(box.number));具体的文档要访问npm官方文档https://www.npmjs.com/package/decimal...
2021-08-04 17:27:12
388
原创 vue中，父组件通过prop传过来的值，在子组件中修改会被警告的问题
一、错误提示Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "chooseTable"二、原来的错误代码1）父组件<NewAccountTable
2021-08-04 16:53:02
1300
原创 webpack知识点下
十六、自动编译打包运行1)安装cnpm install webpack-dev-server -D2）代码devServer:{ open:true,//在浏览器中开发项目 openPage:"home.html",//默认会打开index.html文件，但是我们更改为home.html，所以要指定 host:"127.0.0.1",//设置打开的地址 port:"8000",//设置打开的端口号 } npx w
2020-12-21 19:32:37
356
2
原创 webpack打包的知识（上）
webpack一、什么是webpack1.什么是webpack webpack是一个打包机，主要职责打包打包：前端 ： js --js压缩 css --js html -------压缩，提供数据，增加指定的js,指定存放的位置 less --------------转为css-----------放在指定的位置 sass--------------css-------------------指定的
2020-12-21 19:15:51
572
原创 合并对象的两种方法
1…扩展运算符，谁在后面谁覆盖前面的let obj ={ a:1, b:2}obj2={ c:3, a:4, b:5}let obj3={ ...obj, c:3, a:4, b:5}console.log(obj3);//{ a: 4, b: 5, c: 3 }let obj4={ c:3, a:4, b:5, ...obj}console.log(obj4);//{ c: 3, a
2020-12-21 11:09:21
14287
原创 export和import 暴露和引入，es模块代码引入的两种形式
前提（在script中做引入）<script type='module'> </script>类型是module一、export暴露数据的语法1.分别暴露在暴露的数据的前面分别加一个export2.统一暴露 ，声明一个export，用对象的简化形式暴露数据3.默认暴露，用export default的形式后面加一个对象调用的时候要注意// 引入m3.js模块内容 import * as m3 from './js/m3.js';
2020-11-22 17:46:31
1579
原创 Map
1.Map的声明 // 声明一个Map let m=new Map(); console.log(m ,typeof m);//typeof object2.方法// 1.添加元素set(属性名，属性值) m.set('name','付文博'); m.set('change',function(){ console.log('咬死你'); }); let key={
2020-11-22 16:27:39
76
原创 Bootstarp中的组件
组件1.导航条 设置给包裹元素nav .navbar .navbar-default .navbar-inverse 反色 .navbar-static-top 静止在顶部(方角) .navbar-fixed-top 固定在顶部 .navbar-fixed-bottom 固定在底部 导航条内部分为两部分： .navbar-header .nabar-collapse 设置给导航里面 .navbar-btn 导航的按钮 .navbar-form 导航的表单 .na
2020-11-17 20:12:51
142
原创 Bootstrap
一、起步1起步1.1概念1.Bootstrap是Twitter开发的UI框架，快速的制作WEB页面，BootStrap中包含写好的样式，写好的js2.Bootstrap依赖于jQuery3.类似于Bootstrap这样的UI框架很多很多。。。。 妹子UI的网址：https://amazeui.shopxo.net/getting-started/?_ver=2.x1.2BootStrap的版本2.x.x3.x.x4.x.xBootStrap的网址：https://www.bootcs
2020-11-16 21:11:02
290
原创 动画
一、基本动画效果1.hide( ) 隐藏show( ) 显示toggle （ ） 显示或者隐藏（ 要是显示的我就给你隐藏了，你要是隐藏我就给你显示出来）2.参数设置1）.方法如果没有参数就是瞬间隐藏和显示，设置动画的执行时间作为参数，用数字（单位毫秒）或者关键字2）动画执行过程中，变化的样式 有：width/heigth内边距，外边距，边框宽度，opacity等。二、滑动效果1.slideUp( ) 隐藏slideDown( ) 显示slideToggle( ) 隐藏或显示
2020-11-15 15:38:48
179
原创 事件
一、事件委托on<button id='add'>添加</button> <br> <ul> <li>香蕉</li> <li>苹果</li> <li>大鸭梨</li> </ul> <script src='../课堂案例/jquery/jquery-1.10.1.js'></s
2020-11-14 11:53:12
164
原创 html中的基本标签
Day 01学习笔记一、讲在前面的知识1.1 前端开发工程师在整个开发流程中的位置产品经理：提需求UI设计师前端设计师后端工程师测试工程师1.2 前后端开发前端：也叫客户端后端：也叫服务端1.3软件结构B/S：浏览器/服务器 客户端设备上有浏览器就可以 优点：免安装，更新更及时 缺点：没一次需要现下载代码，速度较c/s慢C/S:客户端/服务器 需要在客户端设备上安装客户端软件 优点：速度快 缺点：1
2020-09-12 18:13:41
161
原创 路径，超链接，图片
Day02课堂笔记一、回顾1.1 HTML的基本语法文档声明<!doctype html>注释<!--注释的内容-->注释掉的部分浏览器解析不会执行标签元素 1.标签的语义功能 2.标签的属性 3.单标签还是双标签 1.2 HTML常用标签主体结构标签html 页面的根标签 双head 页面头部 双body 页面主体，需要显示在页面中的内容都写在body中 双头部中的标签title 页面的标题 双meta
2020-09-12 18:11:42
265
原创 实现上传网页
预科Day 05笔记一、回顾1.1css选择器1.标签名选择器 标签名{ }2.类名选择器 .类名{ }3.层级选择器 选择器1 选择器2{ }4.伪类选择器：hover 选择器（伪类选择器）/*当鼠标放在元素上时会变*/ li :hover{ }css属性1.设置内容区域的宽高 width: height:2.内边距 padding padding-left padding-right padding-top padding-
2020-09-08 15:10:37
860
原创 2020-09-07
Day 041.回顾 总结结构标签html 页面的跟标签 双body 页面的主体 双head 页面的头部 双title 页面标题，写在head里 双meta 设置字符集，写在head里 属性 charset 单格式排版标签h1~h6 内容标题 双p 段落标签 双hr 分割线 单img 图片标签 属性：src,width,height 单标签a 超链接 属性：href 双表单标签input 单行输入框 属性：href placeholde
2020-09-07 18:44:18
91
原创 伪元素
一、伪元素：使用伪元素来表示元素中一些特殊的位置1.first-letter第一个字符为p中的第一个字符来设置一个特殊的样式p:first-letter{color:red;font-size: 60px;;}2.first-line第一行为p中的第一行来设置一个背景颜色为黄色p:first-line{background-color: yellow;before表示元素最前面的部分一般before都需要结合content这个样式一起使用通过content可以向before或a
2020-09-05 13:49:06
1864
原创 关于html
一、VS的相关设置1.设置文件夹折叠：设置-功能-资源管理器，Compact Folders 把前面的对号去掉文件图标-设置-文件图标主题-选择器（vscode自带2个，）目录结构的缩进长度：点击小齿轮图标 -> 设置 -> 工作台 -> 外观 -> Tree:Indent 设置长度（数字越大缩进距离越大）设置字体大小：点击小齿轮图标 -> 设置 -> 文本编辑器 -> 字体 设置字体大小二、html基础2.1HTML代码的组成
2020-09-05 13:47:28
135
原创 注释和属性设置2020-08-10
1.注释的结构很简单<!--内容-->2.设置属性<font color="pink">需要改颜色的字</font>
2020-08-10 18:40:16
152
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人