- 博客(15)
- 收藏
- 关注
RSS订阅原创 原生JS--------」实现拖拽效果
效果样图 要实现这样的效果需要知道三个事件 1. 鼠标按下事件 2. 鼠标松开事件 3. 鼠标移动事件基础Html + CSS样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
2020-07-13 20:26:03
207
原创 JS中的DOM初探
前言文档对象模型(DOM) 将web 页面与到脚本或编程语言连接起来。 通常是指 JavaScript，但将HTML、SVG 或XML 文档建模为对象并不是JavaScript 语言的一部分。直白的来说DOM可以用来操作html页面元素,实现更加精美的动画 或者样式改变获取元素在JS当中可以有以下几种常用方式来获取html元素 var a1 = document.getElementById('tab'); //通过ID获取元素 不推荐使用 var a2 = document.getEleme
2020-07-08 23:11:54
188
原创 利用垃圾回收机制优化闭包
前言这里涉及JS中的内存作用域预编译闭包在堆内存中的存在方式 function foo(){ var a = 0; return function(){ ++a } } var obj = foo(); console.log(obj()); var obj1 = foo(); console.log(obj1
2020-07-06 22:05:42
115
原创 JavaScript中的内存存储浅谈
前言在js当中 内存分为栈内存和堆内存一般来说JS的基本数据类型都会存放在基本数据类型中 而引用数据类型在栈里面只会存储一个指针而具体的值都会存放在 堆里面JS中基本数据类型:1. Number2. String3. Boolean4. NaN5. undefined6. nullJS中引用数据类型1. Function(函数);2. Array(数组)3. Object(对象)指针这里结合图来看 可以看出这里的指针指向堆内存里面 具体赋予的值栈内存和堆内存的优缺点在
2020-07-02 20:06:13
251
原创 JavaScript中的闭包讲解
前言函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起构成闭包（closure）。也就是说，闭包可以让你从内部函数访问外部函数作用域。在 JavaScript 中，每当函数被创建，就会在函数生成时生成闭包。----------------------------↑ 以上均为官方解释人话解释闭包就是一个函数 return 返回了一个函数 且 return返回的函数里面 使用了父函数里面的变量具体看下方代码块 function foo(){ var cou
2020-07-02 19:46:09
100
原创 js中的作用域讲解
作用域作用域字面意思上可以解析为: ‘起作用的区域’ ; 在js当中 作用域分为两种作用 一种是 全局作用域 还有一种是 局部作用域 所谓全局作用域 :就是全局都可以随意调用 操作的的区域 而局部作用域只会在函数中出现 <script> var a = 10; function c(){ //此时就出现了局部作用域 var n = 10; //在局部作用域内 创建的变量叫做局部变量 console.log(a); //但是局部变量可以访问父作用域的
2020-06-29 19:52:22
189
原创 JavaScript的数据类型的隐式转换(浅谈向)
前言学过JS刚开始应该都了解过,JavaScript 是一个基于对象 动态 弱类型 解释性的语言.为什么说JS是弱类型的语言呢.简单举个显眼的例子:JS的基本数据类型不像java一样 光是数字就分为 int double long …一堆关键字.JS直接使用一个var所替代.并且JS拥有隐式数据类型转换 在遇到比较,逻辑,算数 ,运算符的时候 或多或少都会发生数据类型的转换.强类型语言和弱类型原因其判断的根本是是否会隐形进行语言类型转变。强类型语言在速度上可能略逊于弱类型语言，但是强类型定
2020-06-17 21:57:11
146
原创 Github本地与线上仓库使用与上传(新手向)
前言上一篇文章我们将了Npm的安装与使用这一次具体讲些下github按照惯例还是来讲解下Github的具体作用吧
2020-06-16 22:27:05
284
原创 制作自己的UI组件库(纯CSS)
前言很多人在学习前端的时候都会去学习去如何使用别人的UI框架 ,但是很少回去研究他们的实现方式以及底层的原理,就会仅仅局限于会使用,今天来具体的学习一下如何制作属于自己的UI组件库。阅读指引：第一步首先得去有属于自己的编程思想，不能拘泥于别人的框架，比如如何通过给父元素加上一个类名就可以让下面的子元素有不同的样式（nth-child()子元素选择器），或者说给div>input实现一个开关的效果（伪类的使用），思想首先要活跃起来不能停滞在某一种的实现方式，想要实现一个效果，要想出多种实现方案然后
2020-06-11 20:30:21
1471
原创 响应式常用要点(一)
科普：什么是响应式布局？响应式布局，简单点来说，是设计网页的时候，让你的网页随着访问用户设备的变化而发生样式改变，最典型的也就是iPhone官网和程序员熟知的Github当网页宽度发生变化的时候，导航栏的样式以及下方的图片同样也很会发生相对应的变化此时页面宽度在997px，导航栏的样式已经发生了变化而响应式布局，则是为了适配这类的设备宽度而做出的页面样式调整，因为访问你的网页的人可能是手机 ，平板，32寸的显示器？还可能有更奇怪的，比如树莓派，车载安卓平板。进入正题而响应式布局首先要知道响
2020-06-09 21:22:52
159
原创 Npm的下载安装和发布，以及常见bug问题
#开发包上传到npm上包：UI组件库，插件库，框架等等等 [开源内容，可被别人使用]##科普老早程序员就有一种社区文化社区的意思是：拥有共同职业或兴趣的人们，自发组织在一起，通过分享信息和资源进行合作。虚拟社区的参与者经常会在线讨论相关话题，或访问某些网站。前端程序员也有社区，世界上最大的程序员社区应该就是 GitHub 了。前端程序员可以通过 GitHub 来分享自己的代码或者组件分享源代码（线上代码仓库）讨论问题（Issue 列表）收集学习资源和常去的网站npm,下
2020-06-08 20:25:24
437
转载 CSS适配刘海屏的几种方式
前言前些年的iphone X一出现 手机厂商纷纷取消了实体的物理按键，ios取而代之的是底部的一个大横条 安卓这边基本上也有不少虚拟按键的厂商 就会导致一些比较奇葩的问题出现 比如这种的情况的发生，或者说刘海屏，挖孔屏一般来说这种时候，都需要我们前端去进行设备适配。适配之前需要了解的几个新知识安全区域安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角（corners）、齐刘海（sensor housing）、小黑条（Home Indicator）的影响，以及横屏状态下他们的影响。更详
2020-06-08 20:22:28
4864
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人