- 博客(35)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 【TS学习笔记】装饰器
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-02-22 17:38:15
696
原创 一起来康康vue3.0的新特性
最近笔者的学习的课题是针对 vue3.0的新特性进行学习分享，本文先从vue3.0的新特性入手，介绍vue3.0相对vue2.0有所调整的部分，之后再补充vue3.0以及vue2.0响应式的原理的介绍，本文存在纰漏的地方，还请各位大牛多多指教ο(=•ω＜=)ρ⌒☆注意：vue3.0兼容vue2.0 vue版本升级之后不需要更改关于vue部分的代码，但是项目中使用的相关的插件就不一定了~1. 创建vue3.0项目的方法（1）使用vitenpm init vite-app 项目名cd 项目名
2020-08-27 15:33:23
2418
1
原创 this的指向以及call、apply、bind
前言：最近在刷面筋，发现笔者自己对 this的指向的概念有所模糊，因此特地花了些时间并记录如下，如有错误，请各位大牛指正~ (●'◡'●) 话不多说，正式进入我们的正题：1.this指向问题，在ES5中 this永远指向最后调用它的那个对象var name = 'windowName';function fn() { var name = 'private'; console.log(this.name); // windowName console.log('此时的this...
2020-08-26 16:15:53
263
原创 使用JSONSERVER模拟服务器API
前言：一般前后端交互，前端需要后台提供数据接口才能完成整个页面的交互，那对于想动手写写自己的项目的纯前端们，那又该怎么办呢？好在有一款可以支持搭建本地服务器的工具JSONSERVER的存在，它的用法简单记录如下：1.获取地址：https://github.com/typicode/json-server2.如何搭建？（1）在windows系统下全局安装jsonserver: n...
2019-05-16 16:04:21
1080
原创 vue-cli3.0搭建vue项目的简单入门
前言：Vue CLI 是 Vue 应用的标准化构建工具（链），核心是提供基于 webpack 4 构建的预配置构建设置，目标是最大限度地减少开发者必须经历的配置过程。因此，Vue CLI 3 对具备以下特点的项目都支持开箱即用：预配置的 webpack 功能，如模块热替换、代码分割、 摇树优化（tree-shaking）、高效持久化缓存、错误覆盖等；通过 Babel 7 + preset...
2019-05-16 15:33:56
1446
原创 ES6学习笔记一：阐述ES6中的let const ，ES5中的var变量申明的特性以及区别
最近用到一些ES6的新特性进行开发，在这过程中，发现了ES6与之前的ES5的一些不同点以及该引起我们注意的地方。特此记录下：1、let是es6新增的声明变量的方式 ，其特点是：（1）作用域是块级作用域（在ES6之前，js只存在函数作用域以及全局作用域） if(1){ let a=1; console.log(a)}(2)不存在变量声明提前； console.log(b); //Referenc...
2018-05-09 23:53:25
1021
原创 png、jpg、gif与webp不得不说的前端基础知识
今天偶然得到公司UI大神指导，介绍了几款前端切图神器，后在实践的过程看到两个概念，png8与png24，引起了自己的注意，还记得之前去腾讯面试（偶然得到的面试机会，可惜po主没把握住，伤心事不必再提，不过这次面试确实让自己受益匪浅），也被问到类似的概念。今天对比完几个概念的差别之后，把自己的一些理解写下，希望可以帮到跟我一样之前踩过坑的前端小白们：一、基本概念区分1、png8与png24
2017-11-17 22:11:42
4549
原创 文字、字母以及数字的换行不换行问题总结
实现页面的文字、字母的展示效果的时候，相信大家都会遇到过一些这样的要求：“文字不能换行，要强制文字一行展示”或者是“字母不会自动换行，需要实现可以自动换行断句”等等诸如此类的要求，现在就这个文字、字母换不换行的问题，说说这三个css属性的巧妙运用：white-space、word-wrap、word-break首先，先来看下这三个属性在W3C上给出的释义：（具体这三个属性各自有哪些属性值需要大
2017-03-03 20:47:10
10882
2
原创 css（css3）实现垂直水平居中的那些事
都说“金三银四求职季”，本人也选择了在这个时候成为这浩浩荡荡的求职大军中的一员，几次面试下来，发现面试官都爱问的一个问题就是：“说说垂直水平居中都有哪些实现方式吧？” 面试过程巴拉巴拉一大堆，现在终于有时间把这些知识点总结归纳起来，希望能帮自己巩固下，也希望可以帮到有需要的小伙伴~大神路过求轻喷求包涵。 言归正传，既然说到垂直水平居中，那现在咱们就来好好归纳下：“水平居中
2017-03-03 20:10:02
2872
转载 HTML滚动条样式代码及使用技巧
html中滚动条属性设置scrollbar属性、样式详解1、 overflow内容溢出时的设置（设定被设定对象是否显示滚动条） overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。2、 scrollbar-3d-light-colo
2016-12-15 00:26:50
36872
1
原创 html基础回顾--html文本框常见运用技巧及示例
1、html文本框怎么用css变圆角：border-radius属性可以实现元素的圆角。如下css可以实现文本框（单行、多行）的圆角：input[type=text],textarea{border-radius:3px;border:1px solid #000;}border-radius用法如下：border-radius 属性是一个简写属性，用于设置四个 border-*-
2016-12-15 00:19:17
5836
原创 web中的同步请求和异步请求的差别(重点是ajax中的同步与异步)
此前，对于web中同步请求和异步请求的概念模糊不清，不过对于这样的知识盲点，不去克服的话都不好意思说自己是一名前端开发人员了[捂脸][捂脸]。还好，功夫不负有心人。通过自己的方式终于让自己理解了，这两个概念，因此，也想把自己的理解作博文，跟大家分享，如果说的不对，还请各位同行多多指教。一、web中的同步和异步：（1）同步请求：顺序处理，即当我们向服务器发出一个请求时，在服务器没返回结果给客
2016-11-20 19:53:31
38950
1
原创 js面向对象理解二
js面向对象理解（二）前面总结了js面向对象的一些基础概念，接下来想说说关于js面向对象中创建对象这块的内容，以下是我个人的一些见解，有任何纰漏的地方还请大家批评指正！一、创建对象：1.创建单个对象:（1）函数声明： var obj=new Object();obj.name="holly";obj.age=21;obj.sex="女";obj.pr
2016-11-03 22:40:22
1158
原创 javascript中的面向对象理解（一）
一、注意：提到“面向对象”这一概念，众所周知，javascript中的面向对象思想与其他的编程语言（例如：PHP、Java等）是有着很大区别的。因此，我们先复习下，传统意义上，面向对象的相关概念，以便我们后面更好的将javascript与其他语言的面向对象概念区分开来：1.其他面向对象语言：面向对象的语言有一个标志，即拥有类(class)的概念，抽象实例对象的公共属性与方法，基于类可以创建任意
2016-10-19 23:48:23
8182
转载 字体抗锯齿属性-webkit-font-smoothing
字体抗锯齿属性:-webkit-font-smoothing，有需要的朋友可以参考下。对字体进行抗锯齿渲染可以使字体看起来会更清晰舒服。在图标字体成为一种趋势的今天，抗锯齿渲染使用也越来越多。font-smoothing是非标准的CSS定义。它被列入标准规范的草案中，后由于某些原因从web标准中被移除了。但是，我们可以用以下两种定义进行抗锯齿渲染-webkit-font-smoot
2016-09-22 23:26:01
13839
转载 before用双冒号与单冒号的区别
:before和::before的区别在一次项目中，有一次要用到::selection伪元素，然后开发同学问我，CSS中一个冒号和两个冒号有神马区别？这好像真的是个问题，或许很多前端同学对此都有疑惑，查了些资料，证实了下两个符号的区别，简而言之：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。W3C关于CSS3选择器的规范中有一段描述：
2016-09-22 23:23:02
10389
原创 简单总结jQuery API中的知识点（上篇）之DOM操作
最近为了学习前端其他新的知识，特意重新复习了一遍jQuery，算是查漏补缺，把之前学习时忽略的知识点补回来顺便也把一些知识点做了总结方便自己理解。JQ的DOM操作分类1.遍历（1）遍历的接口：父级，后代，同胞兄弟（相邻元素），过滤（2）遍历的结构设计 dir方法 each迭代器1.1父级遍历（即通过jQuery可以在DOM树中向上遍历）（1）方法：
2016-09-06 00:42:10
1620
转载 css 样式重置另一种角度
前言：可能是个人强迫症的关系，对于一个概念一定要深挖到自己觉得以自己目前的能力来说可以掌握为止，不然不明不白的，只知其一不知其二，真让人难受！最近在复习html重构这个专题上就css重置样式这块，还真的发现了点新东西，想跟大家分享下。关于css重置样式表，之前常用的就是reset css，但是除了这个其实还有normlize.css这个相较reset css更加人性化更加现代化更加适合H5开发
2016-08-07 12:07:03
1201
1
原创 css 重置样式表
前言： 关于css样式重置 ，相信对于接触过前端的人都知道在开始编写属于自己的代码之前都需要完成这一步。不过，我还是想说说自己对css重置的理解。希望可以利人利己（哈哈，对，就素介么任性！）首先，我觉得像我一样对于理解概念无感，容易混淆的前端小白要清楚什么是css重置样式，就要弄清楚两个概念：CSS Reset以及css重置（其实概念很相近，但是还是有所区别的），不然傻傻只知道css样式要
2016-08-07 11:06:15
28819
3
转载 简单介绍js中的confirm()方法的使用
今天学习了js 中confirm的使用方法confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。如果用户点击确定按钮，则 confirm() 返回 true。如果点击取消按钮，则 confirm() 返回 false。在用户点击确定按钮或取消按钮把对话框关闭之前，它将阻止用户对浏览器的所有输入。在调用 confirm() 时，将暂停对 J
2016-07-10 15:52:22
49357
1
原创 js的Image对象属性的简单认识
说来也惭愧，从接触前端开发以来，一直都在运用jQuery，因为jquery用起来确实是给我们的前端工作带来很大的便利，以至于忽略了对创造出jquery的始祖javascript学习（可能对我这样的前端小白来说都对javascript存在着一定的恐惧。），现在终于下定决心好好啃原生js这块知识。下面是最近自己在学习js基础知识时的一些总结，归纳起来帮助自己记忆了解的同时也希望可以给跟我一样的初学者一
2016-07-10 15:43:25
16661
转载 jQuery 获取对象的方法介绍
Jquery 获取对象的几种方式1、JQuery的核心的一些方法each(callback) '就像循环$("Element").length; ‘元素的个数，是个属性$("Element").size(); ’也是元素的个数，不过带括号是个方法$("Element").get(); ‘某个元素在页面中的集合，以数组的形式存储$("Element").get(index);
2016-07-05 22:11:25
1003
原创 利用js 判断浏览器类型
在JS中判断浏览器的类型，估计是每个编辑过页面的开发人员都遇到过的问题。在众多的浏览器产品中，IE、Firefox、Opera、Safari........众多品牌却标准不一，因此时常需要根据不同的浏览器，甚至相同浏览器不同版本做不同的操作，因此，知晓浏览器的判断方法，还是很重要的。下面列举一下常用的判断方法：1、判断浏览器是否为IE document.all ? 'IE'
2016-07-05 22:04:30
586
原创 浅谈 css的zoom属性
zoom这个属性是ie专有属性，除了设置或者检索对象的缩放比例之外，它还有可以触发ie的haslayout属性，清除浮动，清除margin重叠等作用。 不过值得注意的一点就是火狐浏览器不支持zoom属性，但是在webkit内核浏览器中zoom这个属性也是可以被支持的。 （1）下面我们来看下zoom在非IE浏览器中的作用：看下面的例子，我是在谷歌浏览器下访问的，在该例子中zoom的作用是放
2016-07-04 23:21:28
108288
4
原创 条件注释解决ie浏览器的兼容性问题
在前端开发过程中最常遇到的就是浏览器兼容性问题,解决方法也有很多,用css hack, js ;在这里我想给大家说一说使用html注释判断ie版本的方法,其原理是：根据不同的ie版本调用特殊的css文件来实现浏览器兼容。 由于浏览器版本的不同，对CSS里某些元素的解释也不一样，本人当然也碰到同样的问题，也收集了一些解决方法，在之后会继续贴出，希望可以跟大家分享自己关于解决浏览器兼容性问题
2016-07-04 23:01:17
1909
转载 bootstrap兼容IE各版本的浏览器问题
Bootstrap的目标是在最新的桌面和移动浏览器上有最佳的表现，也就是说，在较老旧的浏览器上可能会导致某些组件表现出的样式有些不同，但是功能是完整的。bootstrap3支持的浏览器： Chrome (Mac、Windows、iOS和Android)Safari (只支持Mac和iOS版，Windows版已经基本死掉了)Firefox (Mac、Windows)Inter
2016-06-23 23:58:44
12585
转载 Bootstrap每天必学之js插件
1、Bootstrap 插件概览在前面 布局组件 章节中所讨论到的组件仅仅是个开始。Bootstrap 自带 12 种 jQuery 插件，扩展了功能，可以给站点添加更多的互动。即使您不是一名高级的 JavaScript 开发人员，您也可以着手学习 Bootstrap 的 JavaScript 插件。利用 Bootstrap 数据 API（Bootstrap Data API），大部分的插件可
2016-06-23 23:54:42
1099
原创 Bootstrap 全局样式的简单介绍
Bootstrap这个框架相信对于前端来说都不陌生，之前刚接触时就只是“拿来主义”：需要用到时就查看下Bootstrap的官网文档直接将需要的插件或者样式拷贝下来用，最近终于有机会好好静下心来了解这个框架。对Bootstrap的认知也有了一定的改变，下面是本人在学习这个框架的全局样式时的一些个人见解也是我个人觉得在绘制页面时比较实用的几个知识点。内容比较直白通俗，希望路过的各位大牛不要见怪，如若有
2016-06-23 23:49:28
7891
原创 css 伪类选择器 :nth-child(n) 与:nth-of-type(n)的区别
这个文章标题似乎太长了。但是不点明又不大好。哈哈，暂且不要在意这些细节了，说说今天的主角CSS的伪类选择器:nth-child，至于为什么还需要配角:nth-of-type,是因为我个人觉得这两个选择器的功能有点相近，估计也有初学者像我一样“粗心大意”，不注意区分它们之间的不同。再者说，两个有了对比也可以加深印象。先看下两者的定义与用法:nth-child(n)选择器匹配属于其父元
2016-06-13 22:57:49
4010
2
原创 form表单结构的简单介绍
最近在复习css的基础知识，美其名曰：“温故而知新”。哈哈，开个玩笑，不过确实重新认识到之前在学习时不去注意的一些细节，例如一些语义化标签的运用。现在像把表单的结构标签简单的做下总结。当是增强记忆，也检验检验自己“温故”的成果。如有纰漏，还请各路大神指出！先插入一段代码先：个人基本信息名称：密码：详细信息：1.form标签中的重要属性：其中，ac
2016-06-13 22:49:10
5197
原创 总结几个实用的js/jq代码片段
前言：众所周知，前端页面的动画效果的实现一般都是由js/jq实现的（现在css3也可以实现很多很酷炫的页面特效，但是由于浏览器的兼容性问题，运用还不算太广泛，这里先不说css3对于实现页面特效的便利。），此前一直想总结些常用的比较实用的js代码方便自己也希望可以帮到有需要的童鞋。今天大概总结了几个，并贴出代码。如有纰漏，欢迎大家批评指正。1.页面中指定某块（div）的内容随滚动条滚动到顶部时固
2016-06-06 00:23:13
626
转载 前端页面优化笔记
关于页面优化，相信大家都会知道“雅虎14军规”，但是可能像我这样的菜鸟在实际开发项目的过程中就会不注意提高页面性能，导致的结果就是你好不容易把UI设计的页面全部做好了，却会发现在后期维护以及页面被访问时出现种种问题，让你的网站质量大打折扣，今天看到一篇关于页面优化的文章，感觉更浅显能让我们记住里面的重点，关键还是要在实际项目开发中付之行动。页面优化页面优化可以提升页面的访问速度从而
2016-06-03 15:41:06
2240
原创 浅说css的绝对定位跟相对定位
前言：接触html跟css也有段时间了，但是每次要用div+css布局时，心里还是有点虚，尤其是对于position这个属性的运用，之前都是囫囵吞枣。大致了解个概念，对他们也不够重视，这让我在用到这个属性布局时吃了不少亏，都说在“哪里跌倒就在哪里爬起来！”，对于这个自己埋下的坑，最近终于可以静下心来好好把这个坑填上了，
2016-06-03 09:38:44
602
原创 实用css技巧——清除浮动方法总结
相信不少跟我一样的前端新手在利用float浮动来进行页面的布局和定位时都会遇到这样的问题：一旦当前浮动元素的父级div不设置固定的高度height时，浮动的元素无法将父级div的内容撑开。导致整个页面的布局都乱了。究其原因竟是因为没有“清除浮动”。因为之前在实际项目开发中就遇到过这个问题，给自己造成了不少的困扰。现在想把自己用到的清除浮动的方法跟大家分享下，菜鸟学飞，总结得不全面还请各位大牛多多指
2016-06-01 08:31:38
910
转载 前端资源汇集（个人觉得不错的学习资源收集）
前言：此前在“掘金”上看到技术大牛们分享的技术贴，其中涵盖了很多本人所未接触过使用过的前端学习的资源。通过对里面几个自己比较感兴趣的资源网站进行学习之后发现真心不错，因此想与各位跟我一样想在前端上深入学习，努力想从菜鸟变大牛的前端工程师们分享几个学习网站。希望可以帮助到大家的同时也可以进监督自己学习！！1.综合类：前端知识体系http://www.cnblogs.com/sb19871023/p/3894452.ht
2016-05-31 00:39:00
4222
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人