发布了文章2021-08-04
状态码1xx 服务器收到请求2xx 请求成功,如2003xx 重定向, 如301永久重定向,302临时重定向,304资源未改变4xx 客户端错误, 如4045xx 服务端错误, 如500服务器错误 504网关超时methodsget 获取数据post 新建数据patch/put 更新数据delete 删除数据http headersRequest ...
发布了文章2021-08-04
闭包作用域应用的特殊场景有两种表现函数作为参数被传递函数作为返回值被返回 {代码...} this作为普通函数使用call,apply,bind作为对象方法被调用在class方法中调用箭头函数(返回上级作用域的this)this的取值是在函数执行的时候确定的,不是在定义的时候确定的手写bin...
发布了文章2021-08-04
单线程和异步js是单线程语言,同时只能做一件事浏览器和node已支持js启动进程,如Web Workerjs和DOM渲染共用同一个线程,因为js可修改DOM结构遇到等待(网络请求,定时任务)不能卡住,所以需要异步同步会阻塞代码执行,异步不会阻塞代码执行应用场景——网络请求,如ajax图片加...
发布了文章2021-08-04
event loop(事件循环)概念js是单线程运行的异步要基于回调来实现event loop就是异步回调的实现原理DOM事件也使用回调,基于event loop过程同步代码,一行一行放在Call Stack执行遇到异步会先记录下,等待时机(定时,网络请求等)时机到了就移动到Callback Queue如Call Sta...
发布了文章2021-08-03
深拷贝 {代码...} class {代码...} 继承 {代码...} 原型关系每个class都有显式原型每个实例都有隐式原型_proto_实例的_proto_指向对应class的prototype基于原型的执行规则获取实例对象的属性或执行方法时先在自身属性和方法寻找如果找不到则自动去隐式原型_proto_中...
发布了文章2021-07-29
cookie概念本身用于浏览器和server通讯被“借用”到本地存储用document.cookie = ... 来修改类键值对的形式存储,以分号分隔缺点存储大小,最大4KBhttp请求时需要发送到服务端,增加请求数据量只能用document.cookie = ... 来修改,api过于简陋localStorage 和 session...
发布了文章2021-07-29
html模板 {代码...} /data/test.json {代码...} 手写XMLHttpRequestxhr.readyState0 - (未初始化)还没有调用send()方法1 - (载入)已调用send()方法,正在发送请求2 - (载入完成)send()方法执行完成,已经接收到全部响应内容3 - (交互)正在解析响应内容4 - (...
发布了文章2021-07-29
HTML模板 {代码...} 事件绑定 {代码...} 事件冒泡基于DOM树形结构事件会顺着触发元素往上冒泡应用场景:事件代理 {代码...} 思考题:无限下拉列表,如何监听每个图片的点击事件代理用e.target获取触发元素用matches来判断是否是触发元素
发布了文章2021-07-29
DOM框架的应用广泛,封装了DOM操作DOM本质——树(数据结构)DOM节点操作获取DOM节点 {代码...} {代码...} DOM节点的 property/attribute {代码...} property:修改对象属性,不会体现到html结构中attribute:修改html属性,会改变html结构两者都有可能引起DOM重新渲染...
发布了文章2021-07-28
盒模型 {代码...} offsetWidth正常盒子模型宽度:内容宽度(width)+padding+border+margin控制总宽度为width:box-sizing:border-boxmargin纵向重叠相邻元素的margin-top和margin-bottom会发生重叠,最终高度会取大的空白内容的<p></p>也会重叠 {代码....
发布了文章2021-07-20
终究还是到了让我个前端新人自个儿写接口的时候,撸起袖子直接上代码 {代码...}
发布了文章2021-07-13
需求是点击保存图片将页面的echarts图表和对应表单生成图片保存到本地使用的包:html2canvas安装 {代码...} 使用 {代码...} 完成
发布了文章2021-07-13
需求是实现echarts图表的自适应,实现起来逻辑并不复杂 {代码...} 完成
发布了文章2021-07-08
需求是监听点击echarts柱状图事件,回调函数对图表底下的表单进行数据的筛选展示,图例如下点击后Date列只展示Jan代码如下: {代码...} 表格部分代码 {代码...}
发布了文章2021-07-07
需求是在表头自定义添加数据的方法,用table-column直接绑定@click事件不生效,即使成功了也不美观,尝试将表头做成添加的按钮查询文档,发现一个很有意思的属性——尝试几次后成功实现 {代码...} 效果如下:
发布了文章2021-07-07
做一个类似todo list的需求,使用的element框架,发现使用dialog组件弹窗后自动跳转到页面顶部,需要再下滑查看所添加项目,用户体验极差
发布了文章2021-06-24
在使用element的tabs组件时发现官方文档并未提供自定义style的Attributes,打开控制台进行调试。经过测试,修改以下代码能自定义标签页主题 {代码...}
发布了文章2021-06-23
在做需求时两个Card组件添加条数出现滚动条发现不美观,考虑隐藏滚动条,效果如下在style文件上修改样式 {代码...} 大功告成
发布了文章2021-06-02
今天在实现点击不同选项切换组件title名时遇到了问题。最初尝试用ref实现,考虑在点击事件的回调函数中更新title的值。由于路由切换导致页面重新渲染,在setup中用ref设置的值当页面渲染将始终为空,于是改用取得当前路由名实现。
发布了文章2021-06-01
今天在优化功能的时候,想实现复选框中没有选中内容则控制组件隐藏的功能,由于数据存放在vuex中,直接取值无法判断,于是在控制台打印输出结果。