- 博客(39)
- 收藏
- 关注
RSS订阅转载 微信号复制跟跳转——clipboard.js
clipboard.js是现代化的“复制到剪切板”插件。安装：1.通过npm 安装：npm install clipboard --save2.官网下载：https://clipboardjs.com/兼容性：案例：HTML： <button onClick='_toolTipOpen()'>打开弹窗</button>...
2019-10-04 14:51:00
612
转载 微信号复制跟跳转——execCommand()
之前由于公司的业务需求，需要点击实现微信号复制功能。今天说下js里面document.execCommand()方法实现复制功能。本次案例实现涉及以下几点：1.点击打开弹窗关闭弹窗的功能；display：block和display：none的切换2.H5提供的API-range对象；具体可去《HTML5编辑API之Range对象》查看.3.document.execCom...
2019-10-03 15:51:00
276
转载 node.js 学习笔记（五）NPM
Npm(Node Package Manager): Node包(模块)管理工具，借助NPM，可以帮助用户快速安装和管理依赖包，这样我们就可以很方便的使用来自全球Node开发者提供的包了。NPM常用于以下几种场景：1.允许用户从NPM服务器下载别人编写的第三方包到本地使用。2.允许用户从npm服务器下载并安装别人编写的命令程序到本地使用。3.允许用户将自己编写的包或命令程...
2019-10-02 23:59:00
131
转载 node.js 学习笔记（四）核心模块
我们知道node里面有两种类型模块：一个是核心模块（系统模块）、一个是文件模块（自定义模块或第三方模块）下面简单说说node里面那些核心模块。一、核心模块与文件模块的区别核心模块由Node.js平台提供的模块，也称系统模块。核心模块导入规则：不以双点（..）或点（.） 和斜杆（/）开始的标识符。var fs=require("fs")文件模块：导入规则以...
2019-10-01 14:48:00
117
转载 node.js 学习笔记（三）模块基础
Node Js采用模块方式来管理和组织代码，NodeJs的所有的功能都存在每个模块中一、什么是模块？简单说，一个具有特定功能的文件就是一个模块，模块之间可能存在一定的依赖关系，使用模块可以很好的把这些依赖关系整合起来。二、为什么要使用模块2.1 解决命名冲突2.2 提高代码的复用性2.3 避免依赖管理2.4 可以实现代码的异步加载，提高页面的加载性能，避免网页...
2019-09-30 00:54:00
106
转载 node.js 学习笔记（二）简单使用
上次我们介绍了node 的定义和作用以及怎么安装，这次说说它的模块化系统一、如何使用node执行js文件？可以用cmd或git base here执行先建一个简单的js文件，输入如下var foo = 'hello nodejs'console.log(foo)然后定位到该文件位置打开终端，输入 node helloworld.js——hellowor...
2019-09-28 16:08:00
110
转载 node.js 学习笔记（一）起步安装
node.js现在前端求职者必备技能之一，它让JavaScript可以运行在服务端。我们之前知道，浏览器主要有两个引擎组成——渲染引擎和js引擎，在以前我们JavaScript不能脱离浏览器运行，但现在node 的出现改变了这一点。一、什么是node？首先Node.js 是一个基于 Chrome V8 引擎的JavaScript运行环境。它不是语言也不是框架，简单来说n...
2019-09-27 15:07:00
98
转载 Git 的简单使用
1.什么是Git？Git是一个开源的分布式版本控制系统，可以有效、高速的处理从很小到非常大的项目版本管理，是目前使用范围最广的版本管理工具。2.Git的下载及安装Git的下载我们可以去他的官网选择相应系统进行下载Git官网，不过要做好心理准备，虽然只有短短40M但下载贼慢。至于Git的安装在这我就不详细说了，大家可以去网上搜一篇。Git安装完毕之后，我们可以在菜单栏看...
2019-09-21 11:12:00
125
转载 简单登录注册界面
今天分享下一简单的登录注册界面。 <div class="wrapper mark" style="display: block;"> <div class="main"> <form action="index.html" ...
2019-09-18 01:34:00
731
转载 JavaScript 表单全选
今天学到了一个有趣的例子，在一个表单里，左边都是选框，若点击第一个全选的框，下面所有框会自动选中，若取消其中一个，全选框也会显示为选中状态。反之若选中所有非全选的框，全选框也会自动选中。先通过一个GIF图了解下相关效果。HTML结构与css样式就不细说了，直接上代码HTML结构用table书写， <div class="warp"> ...
2019-09-15 00:30:00
513
转载 div中的内容水平居中显示
今天总结下几种div中的内容水平居中的几种方法，至于好坏我还不是很清楚，就不阐述，希望有大佬能指示下，小弟不胜感激1.首先是常规的 margin属性，上下固定，左右自适应 <style> .div5{ width: 200px; border: 1px so...
2019-09-14 14:25:00
1923
转载 关于input 属性placeholder 在IE9下兼容
今天分享下同事关于input 属性placeholder 在IE9下不兼容的解决方案，小弟不是很懂，希望有看完的大佬说说你们的理解<script src="http://www.jq22.com/jquery/1.8.3/jquery.min.js"></script><script>(function($){ $.fn.pl...
2019-09-13 17:25:00
175
转载 CSS3 伪类选择器 nth-child
有时候我们在处理多个同样的<span><.li>等时，其中有一两个需要与其他兄弟不一样，这时候我们就需要css3的伪类选择器 nth-child。下面总结一下几种选取方式以下HTML css 共用<!DOCTYPE html><html> <head> <meta charset...
2019-09-12 16:16:00
281
转载 H5 Canvas 绘图
一、什么是CanvasCanvas 是H5的一部分，允许脚本语言动态渲染图像。Canvas定义一个区域，可以由html属性定义该区域的宽高，JavaScript代码可以访问该区域，通过一整套完整的绘图功能（API），在网页上渲染动态效果图。二、Canvas能做什么游戏：毫无疑问，游戏在HTML5领域具有举足轻重的地位。HTML5在基于Web的图像显示方面比Flash更...
2019-09-10 12:01:00
366
转载 H5 特性浅析小结
HTML5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改，为了顺应整个互联网时代变迁，使得人们能够以更好的方式去进行网页结构搭建，HTML5应运而生。为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如: 图形的绘制，多媒体内容，更好的页面结构，更好的形式 处理，和几个api拖放元素，定位，包括网页 应用程序缓存，存储，网络工...
2019-09-06 00:26:00
125
转载 JavaScript Array对象之ES5、ES6新增方法
上一篇我写了Array数组对象的一些基本方法，这次总结些关于ES5、ES6新增的数组对象的方法。一、ES5新增数组方法（IE9+支持）1.1索引方法indexOf():返回要查找数值在数组中的索引值，从前往后查找，找不到返回-1lastIndexOf():从后面往前找，但索引值不变。语法格式: indexOf / lastIndexOf(要查找的项,查找起点索引)。 ...
2019-09-03 15:30:00
109
转载 JavaScript Array对象基本方法
昨天出去前端面试又失败，期间问了个有关于数组对象的问题，下面就这类问题总结下JavaScript常用的数组操作方法。一、何为数组（Array）对象数组对象是使用单独的变量名来存储一系列的值。二、创建数组的三种方式2.1使用关键词 new 来创建数组对象。 let myStar =new Array(); myStar[0]=...
2019-09-03 02:18:00
98
转载 Flex布局 学习（二）
上一篇《Flex布局 学习（一）》主要学了flex的基本用法及作用，现在来把flex具体运用到实例中，看看flex的弹性布局效果。一、垂直居中布局不知道有多少小伙伴在前端笔试面试时被问到：不定宽高如何水平垂直居中？现在就给大家解答下这问题，最简单的实现方法就是我们的flex布局，只是在我们容器（父元素）加上一行代码即可。看下面例子HTML部分 <...
2019-09-02 11:23:00
161
转载 Flex布局 学习（一）
2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。时至今日，它已获得了所有浏览器的支持，这让flex布局成为未来布局的首选。一、那何为Flex？其实Flex是Flexible Box的缩写，意为”弹性盒子”，用来为盒状模型提供最大的灵活性。任何一个容器（父元素）都可以指定Flex布局，只需要设置：/*块内元素*/d...
2019-08-31 16:30:00
127
转载 双飞翼布局
上一次我们已经说完了圣杯布局，这次来说说双飞翼布局吧。首先，先给上全部代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt...
2019-08-29 15:54:00
77
转载 圣杯布局
圣杯布局和双飞翼布局是经典的三栏式布局，同时也是我们面试中的常客，他们效果相同，都是左栏和右栏固定长度，中间栏宽度自适应。在HTML结构上中间栏在浏览器里优先渲染。圣杯布局和双飞翼布局有着相似的思路，但是在某些细节上也有不同点。下面简单介绍下。本篇首先详解下圣杯布局，下一篇再介绍双飞翼布局圣杯布局HTML部分首先，我们建立好左中右三栏，因为中间栏需要优先渲染，我们将其放在最前...
2019-08-29 13:29:00
95
转载 ES6 变量的解构赋值
ES6允许按照一定的模式。从数组和对象中提取值，对变量进行赋值，这被称为解构。一、数组解构赋值 <script> //以前的赋值 let a=1; let b=2; console.log(a);//1 console...
2019-08-28 20:03:00
91
转载 js tab栏切换
今天机试有个内容是做网易云课堂tab栏切换的，如下先简单说下我当时的想法1.先弄一个大div盒子，我命名为tab2.在大盒子tab里面有两个小盒子，分别是标题栏（tab_list）和内容栏（tab_con）3.采用display：flex；使标题栏菜单和内容栏的内容水平对齐（可能待会放的代码不是很规范，但实现对齐效果）4.js编写鼠标移入事件，主要是利用di...
2019-08-28 00:52:00
85
转载 ES6 class命令浅识
ES6中的class是一个基于prototype继承的语法糖，它提供了更接近传统语言的写法，引入了class（类）这个概念作为对象的模版。通过class关键字可以定义类，但是通过class做的工作，es5也可以做到，只是通过class，可以使我们的工作更加方便。在我们JavaScript语言，生成实例对象的传统办法是通过构造函数，如下：function Point(x, y)...
2019-08-25 06:35:00
88
转载 ES6 const命令
const命令与let命令相似，只不过let声明变量，const声明常量。我们const声明一个只读常量。一旦声明，常量的值就不能改变；常规写法：const PI=3.333;console.log(PI);const指令报错情况： //第一种:const声明完常量，不可改变,一旦改变常量值会报错 const PI=3.3...
2019-08-23 18:06:00
62
转载 ES6 let命令
我们都知道JavaScript分三部分组成，分别是：ECMAScript(核心)、DOM（文档对象模型）、BOM（浏览器对象模型）。后面我们就说说关于ECMAScript的知识。有时候我们会在一些招聘简章上写着那样的一些要求——熟悉ES6。那什么是ES6？ES6是ECMAScript 6.0的简称，它是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式...
2019-08-23 12:50:00
105
转载 css3 爱心情书
程序员的浪漫——一个简单的爱心情书网页制作效果图如下：代码如下：HTML: <div id="contain"> <div class="love"> <div class="right"></div> <div class="left"></div> ...
2019-08-22 15:10:00
240
转载 HTML+CSS 简易搜索框
搜索框是页面中很常见的一种，下面分享一段简单搜索框案例，直接上代码HTML部分<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>搜索框</title> </head>...
2019-08-21 18:06:00
3035
转载 JavaScript 预解析
上一篇我们说到了作用域跟作用域，这篇说说js的预解析预解析:在当前作用域下，js运行之前，会把带有var和function关键字声明的变量先声明，并在内存中安排好。然后从上至下解析js语句。而且function的声明优先于var声明。不多说，，直接上代码正规写法：var num=10; fun();function fun(){ console...
2019-08-21 17:21:00
68
转载 js 作用域、作用域链
一、作用域域就是空间、范围的概念，而作用域简单来说就是变量与函数可访问的范围。在我们js中作用域是靠函数来形成的，函数内的变量函数外不可访问。作用域分全局作用域和局部作用域。全局作用域：任何地方都能访问到的对象拥有全局作用域；主要有以下三种情况：1.函数外部定义的变量拥有全局作用域;2.未定义直接赋值的变量自动声明为拥有全局作用域3.window对象的属性拥有...
2019-08-21 12:34:00
46
转载 Ajax学习笔记（二）
一、Ajax请求——GET<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><h1>Aja...
2019-08-20 23:38:00
66
转载 Ajax学习笔记（一）
看那些前端招聘简章中我们多多少少能看到一个身影——ajax,他成为了前端工作者必备的一项技能要求。那什么是Ajax呢？Ajax 全称是 asynchronous javascript and xml（asynchronous=异步），并不是新的编程语言，可以说是已有技术的组合，主要用来实现客户端与服务器端的异步通信效果，在不需要重新加载整个网页的情况下，实现页面的局部刷新，从而创建快...
2019-08-20 02:20:00
48
转载 JSON 对象简述
JSON（JavaScript Object Notation）是JavaScript的对象表达法，它是一种数据格式，不是编程语言，而且JSON并不从属于JavaScript，很多编程语言都有针对JSON的解析器和序列化器。一、JSON的语法首先说下，我们JSON不支持变量、函数或对象实例，它就是一种表示结构化数据的格式。1.简单值:与JavaScript使用相同的语法，可以...
2019-08-18 15:33:00
199
转载 location 对象
何为location对象？location是最常用的BOM对象之一，它提供了与当前窗口中加载的文档有关的信息，还提供一些导航功能。它很特别，因为window.location和document.location引用的是同一个对象，它是window对象和document对象的的属性。location对象用处location对象可以保存当前文档的信息，还能将URL解析为独立的片段...
2019-08-18 13:00:00
124
转载 简单的倒计时
上篇写到了倒计时的效果实现，现在分享一个简单的倒计时案例，不多说直接上代码HTML部分：<div id="box"> <h1>倒计时</h1> <div class="container"> <span...
2019-08-16 15:36:00
115
转载 JS 倒计时效果
今天给表弟逛网上商城看笔记本电脑时，看见有一些显示倒计时的效果，觉得蛮好的，特别去查了下，今天给大家分享下倒计时的制作，如有缺漏请大家指出。倒计时算法我想大家都不陌生，数学公式如下：‘’倒计时=截止时间 - 现在时间‘’。好比我们在当天6点设置一闹钟在当天12点响，这中间相差的时间就是倒计时（12-6=6）小时但不单单是这样的计算，毕竟有可能存在这种情况：截止时间（2019-8-...
2019-08-16 15:25:00
103
转载 简述 JavaScript 对象的使用
一、面向对象编程（oop）相信大家都不陌生，它有两个基本概念：1.类：类是对象的类型模板，它是一种泛指，如学生、明星、女朋友；2.实例：实例是根据类创建的对象，根据类创建对一系类具体的实例，如学生student类可以创建出xiaoming,xiaobai,明星star类创建出liudehua、Michael Jackson 等不过，JavaScript不区分类和实例的概念，而...
2019-08-15 16:42:00
83
转载 纯css 制作简单的爱心
网页中我们用到爱心❤的地方不少，如看到一篇喜欢的文章给他点个赞，表白你喜欢的女孩，给他比个小心心什么的。今天用纯css写一个简单的爱心。简单思路如下：1.先做一个盒子，里面包含两个小盒子2.两个小盒子弄成一样大小的长方形3.通过border-radius、transform，进行调整，整合成一个爱心代码如下：HTML部分：<!DOCTYPE ht...
2019-08-14 15:37:00
355
转载 HTML HTML5 input标签类型
前几天去面试的时候，面试官问了我一个关于input标签有多少类型？我当时懵了一下，input标签我平常用得最多的是text 、button、submit、password等，但具体有哪些还真没仔细总结，今天在此总结下。一：在HTML中<input>标签类型有以下几种：1.文本类text：定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。pas...
2019-08-14 15:01:00
1869
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人