- 博客(20)
- 收藏
- 关注
RSS订阅原创 TS-笔记
一、什么是TS TS是微软集团开发的，是javaScript的超集。有更严格的语法。 JS在开发时候的缺点： 1.js中变量是动态类型的。 let a = 1; a = "hello TS";//原本给变量（a）赋值一个数值类型(Number)是可以的，再赋值字符串类型也可以(string) 2.有的时候不会报错 原来在开发的时候，出现数值为NAN，肯定是计算的时候数值转换出的问题，但由于种种原因找不到错误点，如果要是有类型校验就好了 3.js在定义函数的时候，函数的参数和返回值没
2021-12-08 16:45:47
710
原创 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
452
原创 vue处理项目精度溢出的问题
问题：0.1+0.2竟然不等于0.3，而是0.30000000000000004 1.引用第三方库decimal import { 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
477
原创 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
1407
原创 webpack知识点下
十六、自动编译打包运行 1)安装 cnpm install webpack-dev-server -D 2）代码 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
483
2
原创 webpack打包的知识（上）
webpack 一、什么是webpack 1.什么是webpack webpack是一个打包机，主要职责打包 打包： 前端 ： js --js压缩 css --js html -------压缩，提供数据，增加指定的js,指定存放的位置 less --------------转为css-----------放在指定的位置 sass--------------css-------------------指定的
2020-12-21 19:15:51
617
原创 合并对象的两种方法
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
14537
原创 export和import 暴露和引入，es模块代码引入的两种形式
前提（在script中做引入） <script type='module'> </script> 类型是module 一、export暴露数据的语法 1.分别暴露 在暴露的数据的前面分别加一个export 2.统一暴露 ，声明一个export，用对象的简化形式暴露数据 3.默认暴露，用export default的形式后面加一个对象 调用的时候要注意 // 引入m3.js模块内容 import * as m3 from './js/m3.js';
2020-11-22 17:46:31
1903
原创 Map
1.Map的声明 // 声明一个Map let m=new Map(); console.log(m ,typeof m);//typeof object 2.方法 // 1.添加元素set(属性名，属性值) m.set('name','付文博'); m.set('change',function(){ console.log('咬死你'); }); let key={
2020-11-22 16:27:39
123
原创 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
187
原创 Bootstrap
一、起步 1起步 1.1概念 1.Bootstrap是Twitter开发的UI框架，快速的制作WEB页面，BootStrap中包含写好的样式，写好的js 2.Bootstrap依赖于jQuery 3.类似于Bootstrap这样的UI框架很多很多。。。。 妹子UI的网址：https://amazeui.shopxo.net/getting-started/?_ver=2.x 1.2BootStrap的版本 2.x.x 3.x.x 4.x.x BootStrap的网址：https://www.bootcs
2020-11-16 21:11:02
374
原创 动画
一、基本动画效果 1.hide( ) 隐藏 show( ) 显示 toggle （ ） 显示或者隐藏（ 要是显示的我就给你隐藏了，你要是隐藏我就给你显示出来） 2.参数设置 1）.方法如果没有参数就是瞬间隐藏和显示，设置动画的执行时间作为参数，用数字（单位毫秒）或者关键字 2）动画执行过程中，变化的样式 有：width/heigth内边距，外边距，边框宽度，opacity等。 二、滑动效果 1.slideUp( ) 隐藏 slideDown( ) 显示 slideToggle( ) 隐藏或显示
2020-11-15 15:38:48
239
原创 事件
一、事件委托 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
227
原创 html中的基本标签
Day 01学习笔记 一、讲在前面的知识 1.1 前端开发工程师在整个开发流程中的位置 产品经理：提需求 UI设计师 前端设计师 后端工程师 测试工程师 1.2 前后端开发 前端：也叫客户端 后端：也叫服务端 1.3软件结构 B/S：浏览器/服务器 客户端设备上有浏览器就可以 优点：免安装，更新更及时 缺点：没一次需要现下载代码，速度较c/s慢 C/S:客户端/服务器 需要在客户端设备上安装客户端软件 优点：速度快 缺点： 1
2020-09-12 18:13:41
222
原创 路径，超链接，图片
Day02课堂笔记 一、回顾 1.1 HTML的基本语法 文档声明 <!doctype html> 注释 <!--注释的内容--> 注释掉的部分浏览器解析不会执行 标签元素 1.标签的语义功能 2.标签的属性 3.单标签还是双标签 1.2 HTML常用标签 主体结构标签 html 页面的根标签 双 head 页面头部 双 body 页面主体，需要显示在页面中的内容都写在body中 双 头部中的标签 title 页面的标题 双 meta
2020-09-12 18:11:42
339
原创 实现上传网页
预科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
959
原创 2020-09-07
Day 04 1.回顾 总结 结构标签 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
120
原创 伪元素
一、伪元素：使用伪元素来表示元素中一些特殊的位置 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
1915
原创 关于html
一、VS的相关设置 1.设置 文件夹折叠：设置-功能-资源管理器，Compact Folders 把前面的对号去掉 文件图标-设置-文件图标主题-选择器（vscode自带2个，） 目录结构的缩进长度：点击小齿轮图标 -> 设置 -> 工作台 -> 外观 -> Tree:Indent 设置长度（数字越大缩进距离越大） 设置字体大小：点击小齿轮图标 -> 设置 -> 文本编辑器 -> 字体 设置字体大小 二、html基础 2.1HTML代码的组成
2020-09-05 13:47:28
167
原创 注释和属性设置2020-08-10
1.注释的结构很简单 <!--内容--> 2.设置属性 <font color="pink">需要改颜色的字</font>
2020-08-10 18:40:16
210
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人