- 博客(20)
- 收藏
- 关注
RSS订阅
原创 花点时间记住scrollTop、clientHeight、offsetTop、scrollHeight
一、经典图解读先放上一张经典图看不懂，没关系！接下来耐心看完必然有不一样的收获。我们常遇到的是实际是这么几个属性：offsetTop clientHeight scrollTop scrollHeight如果不把它们弄清楚就会导致每次遇到时都混淆不清，下面就逐一看看这么些属性。（1）offsetTopHTMLElement.offsetTop为只读属性，它返回当前元素相对于其offsetParent元素的顶部内边距的距离。--MDN【巧记】offset本身就是..
2020-07-20 19:41:27
1340
1
原创 【AntDesign Table】table组件的rowKey必须设置有唯一值的key字段？
实际上：Vue规范中在for循环里必须有key对于AntDesign的Table组件有个rowKey值，但有时候后端传过来的数据里不一定有符合要求的key就期望table组件自动将数组的index设置为rowKey，实际中组件也是这么操作的，但就会有warning没有给table组件设置任何key，就会报错，但在dom元素中组件是有给绑定默认key的。而文档中这个rowKe...
2020-04-21 18:52:35
24804
11
原创 三维视角解析box-shadow
box-shadow这个属性，大多时候自己都是用到才会去百度下其使用方式。因为这个属性有语法，通常项目中如果不是要多炫酷的效果，都是以下的语法是最常用的了。具体其他语法可以看这里box-shadow.box-shadow{ box-shadow: 1px 0px 0px red;}box-shadow有5个属性值offset-x、offset-y、blur-radius、spr...
2019-07-03 13:39:15
3436
原创 nuxt中使用keepAlive实现详情页回列表页，列表页缓存并定位
1.在nuxt的layouts下的文件中。设置keepAlive，并用vuex缓存下变量includePageNames<template>...<nuxt keep-alive :keep-alive-props="{include: includePageNames}" /></template><script>get includePageNames() {return this.$store.state.dictionary.in
2021-01-15 15:06:05
2937
原创 TypeScript项目的问题-第三方包报类型兼容错误
在nuxt项目中，引用了AntV包，1.0.3版本时报了这样子的错误ERROR ERROR in /Users/***/Desktop/AJK/_fe/jiahzuang/node_modules/@antv/g2plot/lib/plots/pie/component/label/base-label.d.ts(17,18): ...
2020-05-07 18:56:41
10633
3
原创 【AntDesign Table】表格-可选择表格，选择框可隐藏
需求：表格中的checkbox有三种状态：隐藏、禁用、可选。原本是希望AntDesign中存在相应的option来配置隐藏checkbox，但没找到。只有在rowSelection里通过设置getCheckboxProps的相关属性配置。既然无法直接在渲染列表时就决定隐藏和显示，那就换个思路：等列表渲染完成后，再去隐藏checkbox。问题：如何找到列表中需要隐藏的checkb...
2020-04-26 16:52:42
9961
7
原创 【antdesign select】下拉选择-带选择序号
需求：下拉框在选中时能够在check-icon后面显示当前选中项的排序，以及当超过最大可选数时不允许继续选中。在antdesign组件里好像没有控制可选数的option，这点真的让人很奇怪诶~还得自己在onchange里写逻辑来控制。一开始我能想到的简单思路是：1.通过在属性options里面塞个icon，自定义选项的展示2.通过操作渲染好的下拉列表里的dom元素实践后发现...
2020-04-17 17:32:49
2585
1
原创 vue-fullpage使用时遇到的问题
https://github.com/wendaosanshou/vue-fullpage项目中用到了vue-fullpage，遇到了几个问题。项目情况主要就是做个数据报告，通过移动端的单页滚动效果来展示数据。单页滚动中某些元素需要相应的动画效果。一、fullpage下动画元素不能嵌套在父级以下的容器内实际上这个bug已经被作者修改好了的，但是并没有更新到npm上。https...
2019-03-29 20:01:28
5091
原创 点击一个url后
前端面试经常遇到这样一道题。点击一个url后会发生什么？大体流程：浏览器会根据url的域名查找ip，向ip地址的服务器发送请求，与服务器建立连接，请求文档，服务器收到请求后，就响应请求，正常情况200，返回文档，浏览器渲染文档。这里面每一段都可以剖析出一个知识点来。浏览器如何根据url的域名查找ip？查找过程：在本机的host文件下看能不能找到，找不到时就会去找路由器。路由器就会帮...
2018-07-26 21:23:31
526
转载 关于对WEB标准以及W3C的理解和认识
这个问题网上一搜答案就一大堆，但个人认为还是需要自己来记录一下的。因为网上的都是别人的答案，自己能说出来的才是真正理解了的东西。大家都说，写好HTML最重要的一点是要写“语义化”的代码，即HTML标签、结构要符合所表示的语义。结合你的理解，谈谈这一观点，说说你所理解的“语义化”是什么，你平时在项目中是如何实践“语义化”的，试举出一两个事例。答：语义化就是用正确的标签做正确的事。所谓正确就是...
2018-07-24 07:24:22
2205
原创 微信jssdk接口--wx.getLocalImgData接口的
接着上一篇这篇主要讲到wx.getLocalImagData接口的使用时需要注意的点。wx.getLocalImgData({localId: '', // 图片的localIDsuccess: function (res) {var localData = res.localData; // localData是图片的base64数据，可以用img标签显示}});该接口获...
2018-07-24 07:00:09
4757
8
原创 微信jssdk接口--wx.getLocation接口的使用时踩的坑
首先微信jssdk接口的使用过程都需要正确的配置，否则无法成功调用的。配置过程，改天再总结，现在只说说地理位置的接口。具体接口调用代码wx.getLocation({type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'success: function (res) {var latitude =...
2018-07-23 23:15:53
46529
原创 Javascript的作用域域作用域链的理解
1.要理解作用域就得理解JS引擎解析机制如何解析一段可执行代码？分了两个阶段：解析代码和执行代码。其中解析代码可以理解为记名字，就是先把关键字var和function定义的变量名登记了下来，这也就有了变量提升这一说。在执行代码阶段才是真正的执行赋值，运算等操作。2.创建全局对象,创建执行环境栈，创建全局执行环境，入栈暂不解析这几个名词，先来看一个例子。var scope = ...
2018-07-20 07:10:30
150
转载 虚电路服务与数据报服务的对比
虚电路服务 数据报服务 思路 可靠通信应当由网络来保证 可靠通讯应当由用户主机来保证 连接的建立 必须有 不需要 终地址 仅在连接建立阶段使用，每个分组使用短的虚电路号 每个分组都有终点的完整地址 分组的转发 属于同一条虚电路的分组均按照同一路由进行转发 每个分组独立选择路由进行转发 当结点出故障时...
2018-07-19 22:33:15
7351
原创 CSS实现小三角
原理盒子宽高为0，单独设置border宽度，然后上右下左，根据需要选择三角形的方向，比如选向上箭头，其他右下左方向设置为transparent。.down{ width:0; height:0; overflow:hidden; font-size:0; line-height:0; border-width:10px; borde...
2018-07-19 06:53:44
3919
原创 AJAX的实现基础及Jquery的ajax的原生js代码
AJAX的实现基础是XMLHTTPRequest对象。（使用浏览器可以发出http请求和接收http响应）所以下面先来了解XMLHTTPRequest。W3C提出了XMLHttpRequest标准，分为Level 1和Level 2。Level 1主要存在以下缺点：受同源策略的限制，不能发送跨域请求； 不能发送二进制文件（如图片、视频、音频等），只能发送纯文本数据； 在发送和获取数...
2018-07-18 23:06:35
189
原创 菜鸟成长记录-JavaScript正则表达式
一开始真不知道对这个正则表达式很懵，不知道他是怎么用的，用来干嘛的。看了很多资料结合做项目时遇到的一些点，有了对它的理解。要理解它，关键字就是匹配。这就让我想起，以前初中的时候老师讲过她们以前没有答题卡自动改卷机的时候，是这样改卷的。原材料学生测试或作业的答题卡，一份涂上正确答案的答题卡。然后把这个正确的答题卡上的正确选项抠掉（至于怎么抠掉不太清楚了），最后这个正确的答题卡就会是镂空的，接着就...
2018-07-18 07:13:58
146
原创 请求头和响应头中的内容
1.请求头内容host服务器地址，表示浏览器要向哪台服务器发送请求，可以是 IP 端口号，也可以是域名。该字段由浏览器生成，JS无法干预User-Agent当前浏览器操作系统的信息以及浏览器版本号Connection指定与连接相关的属性，如：connection:Keep-Alive，表示保持连接，即浏览器与服务器建立了一次TCP连接以后就可以通过这个已存在的连接来发送请求...
2018-07-17 22:51:20
1779
原创 GET和POST提交及参数传递中的编码问题
get提交流程：数据串联在url后面作为参数---->浏览器会对url中英文字母以外的字符进行URL encode（此时的编码方式因浏览器而定）---->发送给服务器时最终用iso-8859-1编码成二进制0,1来传输---->服务器对数据用iso-8859-1解码。经常遇到中文乱码的原因也就在于第二步那里，我们并不知道浏览器的用哪种编码方式对字符进行了编码，而我们常见的...
2018-07-17 07:13:31
4439
2
原创 菜鸟成长记录-JavaScript原型链的理解
文章内容仅为个人的学习总结，如有内容侵权请私聊我。入门js的时候就被这个概念的弄的糊里糊涂的，弄懂了以后就豁然开朗了。首先，我们需要了解的是这个原型链我们都用来干嘛的呢？于是，就与面向对象编程的思想挂钩了。在java编程中我们很容易理解类中的继承等概念。举个例子就是vehicle类的实例对象bus，这一个关系在java中我们可以很简单的实现，就是编写一个vehicle类，然后new出一个实...
2018-07-16 21:46:27
258
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人