- 博客(21)
- 收藏
- 关注
RSS订阅原创 前端笔试错题积累
**前端笔试错题积累**1判断数组3JavaScript RegExp 对象3 个方法JavaScript数据类型浏览器不兼容CommonJS的原因1 // ********************* 1 ************************ for(var i = 0; i < 10; i++) { setTimeout(function() { console.log(i); }, 1000); } // 输出
2021-02-03 14:33:50
175
原创 改变this指向
**改变this指向**this的指向情景分析改变this的指向apply()方法call()方法bind方法new关键字apply和call的使用场景区别this的指向在普通函数中，this指向window在构造函数中，this指向创建的对象在方法声明中，this指向调用者在定时器中， this指向window在事件中，this 指向事件源（this 指向了触发事件的 DOM 元素本身）全局环境下，this就代表window对象，在 setTimeout 或 setInterval 这样的
2021-02-02 17:18:08
193
原创 拆解URL
拆解URL方法一/** * 1. 实现一个函数，可以对 url 中的 query 部分做拆解， * 返回一个 key - value 形式的 object */function getQueryObj(url) { var first = url.split('?')[1].split('#')[0].split('&'); var res = {}; for (let i = 0; i < first.length; i++) { if (!first[i]
2020-11-02 10:07:21
967
原创 GitBook的使用
GitBook基本使用gitbook介绍gitbook的优势gitbook安装步骤编辑书籍安装插件发布电子书开发工具gitbook介绍GitBook 是一个基于 Node.js 的命令行工具，支持 Markdown 和 AsciiDoc 两种语法格式，可以输出 HTML、PDF、eBook 等格式的电子书。GitBook 是使用 GitHub / Git 和 Markdown（或AsciiD...
2019-12-18 17:10:50
374
原创 CSS视口单位及长度单位
CSS视口单位及长度单位CSS长度单位绝对长度单位相对长度单位认识视口单位（ Viewport units )px（像素）em（相对长度单位）rem%vw和vhvwvhvmin和vmax视口单位应用场景总结CSS长度单位绝对长度单位绝对长度单位表示为一个固定的值，不会改变。不利于页面渲染。in------英寸cm------ 厘米mm-----毫米pt -----点(Point)，...
2019-12-16 17:09:19
1271
原创 FormData数据格式
**FormData数据格式**介绍实现方法1实现方法2安装使用总结介绍由于后端接口请求对格式有要求，一些情况需要用到FormData的格式。实现方法1 var params = new FormData(); params.append('item_link',encodeURIComponent(this.link)); params.append('type', 1 ); ax...
2019-10-12 17:55:29
23117
原创 前端踩过的坑
**前端知识小记**chrome允许跨域允许跨域设置总结chrome允许跨域open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/smzdm/MyChromeDevUserData/允许跨域设置$.ajax({ url: '', typ...
2019-10-10 18:28:22
409
原创 vue 控制文本展开收起
**vue 控制文本展开收起**简单原理效果展示代码结构dom 结构css部分遍历数据添加点击事件总结简单原理在vue中不改变dom结构的情况下，实现简单的文本展开收起操作。遍历列表中文本是否超过固定高度，超过高度，则对文字进行折叠，显示“展开”按钮。点击展开按钮，显示全部文本，并展示“收起”按钮。展开和收起按钮实现相应功能。效果展示遍历数据，判断是否展示按钮点击展开按钮，...
2019-10-09 11:35:28
3092
1
原创 jsonp的使用
**Jsonp的使用**基础使用jsonp的原因axiosjsonp 的安装jsonp的使用jsonp(url, opts, fn)总结基础JSONP的基本思想是，网页通过添加一个当通过使用jsonp的原因在使用VUE的前端框架的时候，请求数据使用axios的情况下，axios不支持jsonp请求，这种情况下可以使用ajax请求，不过一般在vue中不使用jquery，所以采用jsonp来实现...
2019-10-09 10:56:33
514
原创 vue 父子间通信 总结
组件是 vue.js 强大的功能，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。通过props、$ref， $emit，provide和inject，vuex，eventBus，以及 $attrs/ $listeners 来实现的。
2019-06-25 11:44:31
6469
2
原创 前端面试题总结
**前端面试题总结**从输入网址到显示网页的过程分析在浏览器地址栏输入一个URL后回车，将会发生什么？（同上）HTTP常见状态码Cookie sessionStorage localStorageCSS的三大特性@import和link之间的区别浮动的影响及如何清楚浮动？画三角形Thymeleaf 模板引擎算法，数据结构树和二叉树，二叉树的遍历总结从输入网址到显示网页的过程分析1、应用层DNS...
2019-04-18 23:13:41
343
原创 Thymeleaf 基本用法
**Thymeleaf 基本用法总结**Thymeleaf引用命名空间标准表达式链接URL引入js与css在其他文件引入head部分a标签img标签获取变量值文本输出算术运算条件表达式条件判断迭代（for循环）保持迭代的状态切换语句（switch）模版布局th:insert和th:replace（和th:include）之间的区别内联表达式内联文字内联JavaScript内联CSS内联表达式实用程...
2019-02-28 19:06:47
2164
原创 ECharts动态加载数据绘制折线图
Echarts动态加载数据绘制折线图ECharts引入ECharts步骤连接数据接口，动态加载图表动态加载数据，整体代码ECharts纯Javascript的图表库，支持各种图表的绘制。下载ECharts.js引入ECharts1.标签式单文件引入&amp;lt;body&amp;gt; &amp;lt;div id=&quot;main&quot; style=&quot;height:40
2019-02-19 15:28:08
41863
17
原创 Ant Design 中List 列表的使用
**Ant Design 中List 列表的使用**实现的功能List列表样式部分List列表的APIPagination分页 API![在这里插入图片描述](https://img-blog.csdnimg.cn/20190110150541651.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_...
2019-01-12 13:42:05
41169
15
原创 AntD Pro登录页面，调用接口实现与服务器的交互
**AntD Pro登录**实现的功能登录界面样式部分随机获取数组中的色值***实现的功能： ***步骤如下总结实现的功能登录界面样式判断登录信息是否正确，并给于提示将填写的用户名和密码传给后台，调用后台接口后台返回结果，对结果进行判断正确则进入首页，错误则给于相应的提示登录界面样式部分1.登录界面样式部分（src -&amp;amp;gt;pages-&amp;amp;gt;user-&amp;amp;gt;login
2019-01-10 12:41:54
34109
13
原创 标签中的字体颜色随机生成
**获取标签中的文字，使文字颜色随机生成**结果展示html部分随机获取数组中的色值***实现的功能： ***步骤如下总结结果展示html部分 <div class="box"> <div class="box-center"> <div class="box-left"> ..
2019-01-05 16:29:25
3984
原创 获取相同标签中的内容
**获取相同标签中的内容**获取div中的内容jquery方法获取div中内容js原生方法获取内容总结获取div中的内容html部分 <div class="box"> <div class="box-center"> <div class="box-left"> ..
2019-01-05 15:37:39
1268
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人