暂无个人介绍
又是一个安静的晚上,又是没有灵感的一天,又只能去逛逛codepen。看到一个流光的边框效果,我就想如何通过自己的方式来现这样一个效果。 突然又想起路边夜市的招牌,不就是一个流光效果加一个广告词吗。这下我的兴趣一下就激发起来了。
写在前面 之前在逛一些网站的时候,就经常看见一些图片背景模糊的效果,这样的效果可以使得用户将更多的注意力放在清晰的地方上,可以不经意间引导用户。 我就很好奇,这样的一种效果是怎么实现的。恰好这几天周末,顺便弥补一下我拙劣的css知识。 通过查找一些资料,我发现这样的效果大致可以使用两种方法来实现:
一个商务简约的登陆界面 前几天在逛codepen的时候,发现了一个很有意思的登陆界面,于是就想着自己实现一下,于是就有了这个demo。 顺便将接下来网站的登陆界面也改成这个样式了。
跳动小球加载动画 在网页开发中,加载动画是必不可缺的一个设计;因为在一些资源加载的时候需要让用户等待一段时间,为了使用户有更好的交互体验,一个使人身心愉悦的加载动画变必不可少。 今天为大家带来的就是一个小求跳动加载动画
Vue中的列表循环 在电商项目的开发中,会用到这样一个问题:商品的陈列我们如果使用原生的js会显得十分臃肿。但是在Vue中,我们可以直接使用列表渲染来实现这样的效果。
注册事件以及删除事件 注册事件(绑定事件) 注册事件也就是给元素添加事件,成为注册事件或者绑定事件。
css实现一个简单的加载动画 在网页的页面中,我们有时候需要等待服务器返回数据给我们,我们再将其渲染到页面上。 但是服务器返回数据给我们的时候,这个是有延迟的;为了让用户得到更好的使用体验。我们需要在用户等待这段时间给用户一个加载动画。
内置对象Date Date对象在实际开发中,也使用得非常频繁,它是一个内置对象,用于表示日期和时间。 Date是用来处理日期和时间的对象,但是与Math对象不同的是:Date是一个构造函数,需要实例化之后才能使用。
BOM常见的方法 window对象常见的事件 窗口加载事件onload
jQuery中自定义动画 在上一篇文章当中,我们讲述了jQuery中自带的一些动画属性,但是在开发中,产品经理提出的一些需求靠这些自带的动画,往往是实现不了的,这个时候,我们就需要自定义动画了。
jQuery中的自带动画 jQuery是一个非常强大的JavaScript库,它提供了很多非常有用的功能,其中包括动画。 在前端的实际开发中,我们经常会遇到一些动画效果,比如:鼠标移入移出,点击,滚动等等。这些动画效果,我们可以使用jQuery来实现。下面我们就来看看jQuery中的动画。
AJAX常见一些问题的处理 在用户体验中,可能会存在这样的问题,当服务器半天没有返回数据的时候,用户可能会多次进行请求。这就会导致浏览器增加许多的请求,这样就会导致服务器的压力增大,而且用户体验也会变差。
AJAX的基本使用 1. 什么是AJAX AJAX是Asynchronous JavaScript and XML的缩写,意思是异步的JavaScript和XML。
vue绑定样式 总所周知,vue是一个响应式的框架,当数据发生改变的时候,页面会自动响应这个变化。那么当元素的样式发生改变的时候,也应该动态的发生改变,要实现这样一种效果,我们可以使用vue的绑定样式的方式来实现。
v-if与v-show的使用方法以及区别 在vue里面有两种方式来控制元素的显示与隐藏,分别是v-if和v-show,这两种方式都可以控制元素的显示与隐藏,那么如何进行使用呢?
教你5分钟搞懂css里面的盒模型 什么是盒模型 在html中,我们写的标签,很多都是有盒模型的,也就是在css里面,我们为这些标签设置样式的时候,实际上就是为这些盒子设置样式。
es6的提升 在es6之前,我们定义定义变量的时候,只能使用var关键字来定变量,这样有一个问题,var定义的变量会成为全局变量。
css中的浮动以及清除 1. 浮动的概念 浮动是网页布局中最古老的方式,但是这种方式最开始并不是为了网页布局而生的。浮动是为了让文字环绕图片而生的。在css中,浮动是通过float属性来实现的,float属性有left和right两个值,分别表示向左浮动和向右浮动。正是因为浮动并不是为网页布局而生的,导致我们在后面在使用的时候会有很多出乎意料的方式。
jQuery引入及其选择器 jQuery是JS的一个库,它里面封装了一些我们开发中常用的一些功能;它提供了一些方便的选择器,可以让我们更方便的操作DOM。
MAP基础 map不同于普通的对象,普通对象的键值对,键只能是数值、字符串或者符号,而map的键可以是任意类型的值,包括对象、函数、数组等。
vue监视属性 在开发中,我们会遇到这样一种情况,我们需要一个属性变化的时候,然后做出一些操作。而检测这个变化的属性,在vue中叫做监视属性。
vue中计算属性 在我们使用vue的时候,会遇到这样一种情况:我们需要对一个数据进行处理,然后再显示出来,比如我们有一个数据a,我们需要对它进行处理,然后再显示出来,这个时候我们就可以使用计算属性。
vue中的事件 1. 事件绑定 在vue中,事件的绑定使用vue指令来完成,我们需要使用v-on指令来完成事件的绑定,v-on指令可以简写为@,如下:
Math常用方法 我们知道在js中有很多的内置对象,使用这些对象可以极大的提高我们的工作效率。 这里我们讲讲在实际开发中用的比较多的Math对象。 Math对象
MARKDOWN基本语法 前几天我想朋友推荐了这个轻量级的标记语法,为了更好的帮助大家了解这个标记语言。我就出来写一篇文章来介绍一下这个标记语言。
CSS动画 1. CSS动画的基本概念 动画是一种使元素从一种样式逐渐转变为另一种样式的效果。CSS动画是通过改变元素的样式来实现的,这些样式可以是元素的位置、大小、颜色、背景、边框等等。
CSS中的定位 在页面布局中,我们经常会对一些盒子调整位置,普通的浮动或者一些其他方法,但是这些方法要么达不到我们想要的效果要么就是实现起来太复杂了。 今天我们要讲到的定位就可以很好的解决这个问题。
你真的知道回调函数吗? 在JavaScript中,回调函数是非常重要的概念,但是对于初学者来说,理解回调函数比较困难,本文将会带你了解回调函数。
节点操作之创建节点 在实际开发中,我们经常会遇到在用户使用过程中,我们需要动态创建一个文本框,也就是用户在点击某些按钮之后,我们要给这个页面添加一个新的节点。这种操作在节点操作里面叫做创建节点。那么创建节点有哪些方式呢?
JS是单线程 JS是单线程的,也就是说JS代码是按顺序执行的,一行一行执行的,不会出现同时执行多行代码的情况。 也就是JavaScript同一时间内只能做一件事情,如果有多个任务,就必须排队,前一个任务结束,才能执行后一个任务。(比如我们对某个DOM元素进行添加删除操作室,不同同时进行,要按照顺序执行)
今天是我第一天刷力扣,我就想着通过刷题来巩固一下之间学习过的知识。 然后有一道题就需要将数字转换为字符串,然后倒转,比较是否相等。 这里我就想把之前学习到数字、字符串、数组的相互转换方法总结一下。
操作元素 前言 前面说过,网页三件套中,HTML负责网页的框架,CSS负责网页的样式,而JavaScript负责网页的行为。 在JavaScript中,我们可以通过DOM来操作网页中的元素,比如获取元素,修改元素,添加元素,删除元素等。这就是JavaScript操作网页行为的一种体现。
解构赋值 在js中,我们经常会将对象或者数组里面的一部分数据作为参数传递给函数,如果我们使用传统的.方法会很麻烦。
字符串常用方法 在这里,我们讲述一下string的常见方法,在我们时机开发中,字符串的使用频率还是很高的,所以这些常见的方法我们需要记住并且熟练运用。下面我们就来了解字符串有哪些常用的方法吧!
节点操作之获取兄弟节点 前面我们了解了如何获取元素,我们通过document.getElementById等等来获取元素,但是这样的方法有很大的局限性,我们只能一个一个的去获取元素,很不方便。
DOM事件 什么是事件 在JavaScript中,我们可以创建动态界面,但是我们需要用户的交互,比如鼠标点击,键盘输入等等,这些都是事件,我们可以通过事件来触发一些动作,比如点击按钮,弹出一个对话框,或者是改变页面的样式等等。这些交互,浏览器会给用户反馈,这些反馈就可以看做是事件。也就是事件是可以被JavaScript侦测到的一种行为。
CSS三大特性 在css中,我们在设计样式的时候,经常会出现我们明明写好了样式,但是最后的测试发现我们书写的样式并没有起作用。
new 关键字 在JavaScript中使用构造函数的时候,我们就会用到new关键字。
可选链"?." 首先,可选链是一种访问嵌套对象属性的安全方式,即使中间的属性不存在也不会出现错误。 那么什么是属性不存在呢?
flex布局 在传统的网页布局模式中,我们使用的是盒模型,这种盒模型往往依赖dispaly属性,position属性,float属性,但是对于一些特殊布局这样的布局方式会非常的不方便,比如在垂直居中的时候,使用position布局就会非常不方便,而且使用float布局的话,后面我们还需要清除浮动,非常的不方便。
break和continue的区别 break和continue都为循环代码做出了更加严格的控制手段,其中break的作用是立即退出这个循
首先:索引 数组的索引是什么:索引(下标),也就是数组里面元素的位置(或者说是序号),可以用来访问数组元素。
在JavaScript中创建数组有两中方法,分别是利用字面量创建数组、使用构造函数创建数组。下面详细介绍则两种方法。
ECMAScript 变量是松散类型的,意思是变量可以用于保存任何类型的数据。每个变量只不过是一 个用于保存任意值的命名占位符。有 3 个关键字可以声明变量:var、const 和 let。
总所周知,css可以为网页设置多种多样的样式,那怎么样可以精确为每一个html标签设置相应的样式呢?
在传统的网页布局模式中,我们使用的是盒模型,这种盒模型往往依赖dispaly属性,position属性,float属性,但是对于一些特殊布局这样的布局方式会非常的不方便,比如在垂直居中的时候,使用position布局就会非常不方便,而且使用float布局的话,后面我们还需要清除浮动,非常的不方便。
AJAX是Asynchronous JavaScript and XML的缩写,意思是异步的JavaScript和XML。 在实际开发当中,我们经常会更新网页中的数据,但是又不想更新一部分数据,将整个页面进行更新,这个时候就需要用到我们今天讲得ajax技术了。 AJAX 是一种用于创建快速动态网页的技术。