- 博客(12)
- 收藏
- 关注
原创 React结合AntD、Node的编写简单的管理系统
React结合AntD、Node的编写简单的管理系统大家好,刚学完React基本知识就等不及立即上手写个东西,正好管理系统好像是一般大家都会写写的东西,我也就想利用余韵写个简单的管理系统,因为我也还是个刚学了几个月前端的小白,基本上都是初次使用,也只是想简单的分享下项目的成果,所以有什么问题也希望帮我指点指点。登陆页面我首先是完成了登陆页面,这里也还是坑了自己,因为第一次使用React写...
2020-03-02 18:46:20 967
原创 快速入门!JavaScript中事件的默认行为
事件的默认行为事件本身就是天生就有的,某些事件触发,即使你没有绑定方法,也会存在一些效果,这些默认的效果就是"事件的默认行为"a 标签的点击跳转就存在默认行为1.页面跳转2.锚点定位(HASH定位[哈希定位])target=’_blank’:让其在新窗口打开(加在标签上)<a href="#box"> 内容 </a>首先会在当前页面URL地址栏末尾设...
2020-01-13 16:44:57 979
原创 快速入门!JavaScript中的事件绑定
事件绑定目的:给当前元素的某个事件绑定方法(不管是基于DOM0还是DOM2),都是为了触发元素的相关行为的时候,能做点事情(也就是把绑定的方法执行):‘不仅把方法执行了,而且浏览器还给方法传递了一个实参信息值 ==> 这个值就是事件对象’DOM0级事件绑定[element].οnclick=function(){}DOM2级事件绑定[element].addEventL...
2020-01-13 16:40:31 152
原创 快速入门!JavaScript中的事件
事件事件就是一件事情或者一个行为(对于元素来说,它的很多事件都是天生自带的),只要我们去操作这个元素,就会触发这些行为- 事件绑定:给元素天生自带的事件行为绑定方法,当事件触发,会把对应的方法执行- 常用的天生自带的事件[鼠标事件]click:点击 (pc端是点击,移动端的click代表单击[移动端使用click会有300ms延迟的问题])dblclick:双击mous...
2020-01-13 16:36:13 183
原创 快速入门:面向对象:类的封装继承和多态
封装:把实现一个功能的JS代码进行封装,主要目的:“低耦合高内聚”多态:重载:方法名相同,参数的个数或者类型不同,此时名字相同的方法叫做方法的重载(后台语言中的重载),JS中不存在重载重写:子类重写父类的方法function fn(n,m){};function fn(n,m,x){}; // => 后面的方法会把前面的方法覆盖掉,不管传递多少实参,执行的都是后面的这个方法(...
2020-01-10 19:46:50 138
原创 快速入门!快速了解JavaScrip的t闭包
闭包闭包是JS中一个非常重要的机制,我们很多编程思想、业务逻辑、设计模式都是基于闭包完成的,先说一下我对闭包的理解:闭包就是函数执行产生一个私有的作用域(不销毁),在这个作用域中的私有变量和外界互不干扰,而且作用域 (栈)不销毁,这些私有变量存储的值也都保存下来了,所有整体来说闭包就是为了保护和保存变量的实际项目开发中,很多地方使用到了闭包,例如:1.循环事件绑定,由于事件绑定是异步...
2020-01-10 19:44:14 116
原创 小知识!谷歌自动翻译的坑
谷歌默认翻译可能会导致某些功能无法生效当我们使用谷歌浏览器时,如果你的自动翻译是打开的,那么当我们在界面上有括号()这样的文本时,谷歌的自动翻译会将界面上的英文括号变成中文括号,然后导致括号内中变量无法实时更新,但控制台可以监听到,这种事情发生会令我们相当困扰,所以我们在开发时最好将自动翻译给关掉!...
2020-01-08 20:49:01 735 1
原创 秒解!JavaScript中的this指向
this:当前方法执行的主体(谁执行的这个方法,那么this就是谁,所以this和当前方法在哪创建或者在哪执行都没有必然的关系)1.给元素的某个事件绑定方法,方法中的this都是当前操作元素的本身2.函数执行,看函数前面是否有点,有的话,点前面是谁this就是谁,没有点,this是window(在js的严格模式下,没有点this是undefined)3.构造函数执行,this一般是当前类的...
2020-01-07 16:21:45 106
原创 快速入门! GIT的一点基础操作
个人使用git时的一点基础操作git init创建git仓库git add ./-A将当前工作区修改的内容全部提交到暂存区(可以指定具体提交的文件git add xxx.js)git commit -m ‘[备注]’把暂存区中的内容提交到历史区,生成一个历史版本(我们需要写备注信息,声明当前版本的特点)每一次区域间信息提交都不会删除原有区域的内容,这样保证...
2020-01-06 17:21:06 113
原创 快速入门!JavaScript数组去重的几种方法
数组去重的几种方法方法一:对象键值对处理(推荐)let ary = [1, 2, 3 ,2 ,1 ,3 ,3 ,1 ,2];// 1.创建一个空对象let obj = {};// 2.循环数组中的每一项,把每一项向对象中进行储存 => item:itemfor (let i = 0 ;i< ary.length;i++){ let item = ary[i];...
2020-01-06 17:10:03 117
原创 Vue 路由跳转,导致页面样式错乱,刷新又好了的情况
Vue 路由跳转,导致页面样式错乱,刷新又好了的情况解决办法*在跳转前和跳转后页面的style上加上scoped,把公共样式写到分别写到子组件上*代码展示解决办法在跳转前和跳转后页面的style上加上scoped,把公共样式写到分别写到子组件上代码展示<style scoped> <!-- css代码 --></style>...
2020-01-04 16:36:14 1265
原创 快速解读! CSS雪碧图
CSS雪碧图(CSS SCRITE)雪碧图即CSS Sprite(精灵)是一种是一种网页图片应用处理方式,它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,然后利用css的背景定位来显示需要显示的图片部分,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。HTML部分 <div class='bg boxa'></div> &l...
2019-11-22 18:14:07 218
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人