- 博客(24)
- 收藏
- 关注
RSS订阅原创 jQuery性能优化
1，总是从ID选择器开始继承在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。例如有一段HTML代码：<div id="content"> <form method="post" action="#"> <h2>交通信号灯</h2> <ul...
2019-11-30 20:51:00
73
原创 Jquery+css实现图片无缝滚动轮播
Today，在XX学院的教学视频中，偶尔看到了Jquery+css实现图片无缝滚动轮播视频教程，虽然以前已写过类似的，但是我感觉他学的比较精简。为了方便以后做项目时直接拷贝，特地写出来，顺便和大家分享一下最终实现界面如下：页面加载时，自动轮播，轮播鼠标悬停在整个banner容器的时候，两边会显示向左，向右按钮，鼠标悬停在中下方索引圆圈的上面，自动跳转到相应的图片。banner容器里...
2019-11-30 13:55:19
245
原创 vue--vuex详解
Vuex 什么是Vuex？ 官方说法：Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 个人理解：Vuex是用来管理组件之间通信的一个插件 为什么要用Vuex？ 我们知道组件之间是独立的，组件之间想要实现通信，我目前知道的就只有p...
2019-11-29 22:46:36
361
原创 JQuery绑定click事件的3种写法
1.首先你得有jquery 1.7以上的版本的js2.将js导入项目3.jsp源码<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Tran...
2019-11-29 19:47:38
186
原创 jquery的each()详细介绍
each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法each处理一维数组 var arr1 = [ "aaa", "bbb", "ccc" ]; $.e...
2019-11-28 16:17:41
165
原创 css实现垂直居中6种方法
在一次次笔试，一次次的面试中，问到垂直居中的问题太多太多，但是我每一次回答，都好像都不能让面试官太满意，今天特意花点时间，整理一下css垂直居中问题。1、如果是单行文本。看代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title...
2019-11-27 19:48:43
228
原创 js模块化历程
这是一篇关于js模块化历程的长长的流水账，记录js模块化思想的诞生与变迁，展望ES6模块化标准的未来。经历过这段历史的人或许会感到沧桑，没经历过的人也应该知道这段历史。无模块时代在ajax还未提出之前，js还只是一种“玩具语言”，由Brendan Eich花了不到十天时间发明，用来在网页上进行表单校验、实现简单的动画效果等等，你可以回想一下那个网页上到处有公告块飘来飘去的时代。这个时候...
2019-11-27 16:09:29
128
原创 Js操作Select大全
判断select选项中是否存在Value="paraValue"的Item向select选项中加入一个Item从select选项中删除一个Item删除select中选中的项修改select选项中value="paraValue"的text为"paraText"设置select中text="paraText"的第一个Item为选中设置select中value="paraValue...
2019-11-26 22:16:28
604
原创 JS实现继承的几种方式
前言JS作为面向对象的弱类型语言，继承也是其非常强大的特性之一。那么如何在JS中实现继承呢？让我们拭目以待。既然要实现继承，那么首先我们得有一个父类，代码如下：// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = function(){...
2019-11-26 20:09:05
69
原创 如何在html中调用JS文件
一、JavaScript脚本语言的特性JavaScript脚本语言是一种面向浏览器的网页脚本编程语言。脚本语言有以下几个特性：1、在客户端执行。完全在用户的计算机上运行，无须经过服务器。2、面向对象。具有内置对象，也可以直接操作浏览器对象。3、动态变化。可以对用户的输入作出反应，也可以直接对用户输出。4、简单易用。JavaScript脚本语言虽然简单，但初学者也能快速掌握。5、...
2019-11-26 13:48:54
2350
原创 CSS行高——line-height
初入前端的时候觉得CSS知道display、position、float就可以在布局上游刃有余了，随着以后工作问题层出不穷，才逐渐了解到CSS并不是几个style属性那么简单，最近看了一些关于行高的知识，就此总结一下。所谓行高是指文本行基线间的垂直距离。要想理解这句话首先得了解几个基本知识：顶线、中线、基线、底线<!DOCTYPE html><html> ...
2019-11-25 20:45:37
393
原创 HTML select option 详解
javascript之HTML（select option）详解一、基础理解:var e = document.getElementById("selectId");e. options= new Option("文本","值") ;//创建一个option对象,即在<select>标签中创建一个或多个<option value="值">文本</option&...
2019-11-25 19:54:16
895
转载 Html-浅谈如何正确给table加边框
一般来说，给表格加边框都会出现不同的问题，以下是给表格加边框后展现比较好的方式<style> table,table tr th, table tr td { border:1px solid #0094ff; } table { width: 200px; min-height: 25px; line-height: 25px; text...
2019-11-25 15:04:54
415
原创 HTML+CSS编写规范
在任何一个项目或者系统开发之前都需要定制一个开发约定和规则，这样有利于项目的整体风格统一、代码维护和扩展。由于Web项目开发的分散性、独立性、整合的交互性等，所以定制一套完整的约定和规则显得尤为重要。第一节CSS样式文件的命名建立样式表文件时，分类编写样式到下列样式表文件中，并统一放在【CSS】文件夹里： 主要 main.css 文字...
2019-11-25 14:49:04
109
转载 CSS 技巧一则 -- 在 CSS 中使用三角函数绘制曲线图形及展示动画
最近一直在使用css-doodle实现一些 CSS 效果。css-doodle 是一个基于 Web-Component 的库。允许我们快速的创建基于 CSS Grid 布局的页面，以实现各种 CSS 效果（或许可以称之为 CSS 艺术）。后续几篇文章可能都会与之有关。当然，本文的主角并不是 css-doodle。CSS本身一直在快速发展更新，标准也与时俱进，各种新特性层出不穷，为了...
2019-11-23 17:09:43
1899
原创 javascript闭包详解
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。var...
2019-11-23 14:22:19
74
原创 HTML基础学习心得分享
开始学些Html的时候主要进行一些简单的静态网页的处理：1、HTML 标题HTML 标题（Heading）是通过 h1-h6 加中括号<>等标签进行定义的。2、HTML 段落HTML 段落是通过标签进行定义的。3、HTML 链接HTML 链接是通过《a》标签进行定义的。4、HTML 图像HTML 图像是通过 标签进行定义的。5、HTML 元素H...
2019-11-23 14:09:07
434
转载 JavaScript、jQuery、AJAX、JSON 这四个之间的关系？
1. JavaScriptJavaScript（简称js）是一种主要运行于浏览器中的弱类型的动态脚本语言，可以用来实现网页上的一些高级功能，如数据验证处理、页面动态效果、定时任务、与用户交互、发送/接收服务器端数据等等。动态语言指的是程序运行时可以改变结构，主要体现在：① js中的变量在声明的时候不需要指定类型，其实际类型由程序运行中的赋值决定，在运行过程中变量的类型也可以改变。注：这一...
2019-11-23 13:36:46
178
转载 系统学习——css
1、css加载过程：浏览器对多个样式来源进行叠加，把各个零散的整合成一个整体，让后者覆盖前者（！important有最高执行权） 浏览器加载html------->dom树（无样式变化） 浏览器加载css--------->渲染视图样式 css5个来源：浏览器默认样式（最低）、浏览器用户自定义样式、<link>引用样式、<style>内部样式、...
2019-11-21 13:31:45
92
转载 前端开发入门 1：概述及HTML
开始学些Html的时候主要进行一些简单的静态网页的处理：1、HTML 标题HTML 标题（Heading）是通过 h1-h6 加中括号<>等标签进行定义的。2、HTML 段落HTML 段落是通过标签进行定义的。3、HTML 链接HTML 链接是通过《a》标签进行定义的。4、HTML 图像HTML 图像是通过 标签进行定义的。5、HTML 元素H...
2019-11-20 21:34:24
155
原创 2019年百度最新工程师面试题及答案解
一、单选题（共25题，每题5分）1.该正则可以匹配下列哪个字符串？ /^sjm/A、absjmB、phpsjmC、sjmphpD、phpsimd参考答案：C答案解析：该正则匹配以sjm开头的字符串2.新窗口打开网页，用到以下哪个值（）。A、_selfB、_blankC、_topD、_parent参考答案：B答案解析：在html中通过标签打开一...
2019-11-19 20:50:45
2120
1
原创 2019年阿里最新前端工程师面试题和答案题
一、单选题（共21题，每题5分）1.为每一个指定元素的指定事件（像click）绑定一个事件处理器函数，下面哪个是用来实现该功能的？A、trigger(type)B、bind(type)C、one(type)D、bind参考答案：B答案解析：暂无2.哪一个html盒模型中的border的正确写法？A、p{ border:5px solid red;}B、p{...
2019-11-19 20:50:02
3373
原创 2019年网易最新前端工程师面试题及答案解
1.CSS 盒子模型中（ ）是透明的，这部分可以显示背景（ ）A、paddingB、marginC、borderD、content参考答案：A答案解析：- **Margin(外边距)** - 清除边框外的区域，外边距是透明的。 - **Border(边框)** - 围绕在内边距和内容外的边框。 - **Padding(内边距)** - 清除内容周围的区域，内边距是透明的。 ...
2019-11-19 19:52:10
2182
原创 2019年腾讯最新前端工程师面试题及解答
1在jquery中想要找到所有元素的同辈元素，下面哪一个是可以实现的？A、eq(index)B、find(expr)C、siblings([expr])D、next()参考答案：C答案解析：jQuery siblings() 方法 ----------------------siblings() 方法返回被选元素的所有同胞元素。下面的例子返回的所有同胞元素：...
2019-11-19 19:36:28
695
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人