- 博客(39)
- 收藏
- 关注
RSS订阅转载 CSS选取第一个、最后一个、偶数、奇数、第n个标签元素
1、first-childfirst-child表示选择列表中的第一个标签。例如：li:first-child{background:#fff}2、last-childlast-child表示选择列表中的最后一个标签，例如：li:last-child{background:#fff}3、nth-child(3)表示选择列表中的第3个标签，例如：li:nth-child...
2019-09-20 14:42:00
1557
转载 前端 js 页面加载完成事件 - onload，五种写法
在js和jquery使用中，经常使用到页面加载完成后执行某一方法。通过整理，大概是五种方式（其中有的只是书写方式不一样）。1：使用jQuery的$(function){};2：使用jquery的$(document).ready(function(){});前两者本质上没有区别，第1种是第2种的简写方式。两个是document加载完成后就执行方法。3：使用jQ...
2019-09-20 09:30:00
4439
转载 css 元素实际宽高
首先定义一个div。然后稍微装修一下下面开始区分一、clientWidth和clientHeigh 、 clientTop和clientLeft 1，clientWidth的实际宽度 clientWidth =width+左右padding 2，clientHeigh的实际高度...
2019-09-10 09:20:00
554
转载 Vue.js 教程 -- 实例讲解
一、 Vue.js是什么Vue.js是一套构建用户界面（view）的MVVM框架。Vue.js的核心库只关注视图层，并且非常容易学习，非常容易与其他库或已有的项目整合。1.1 Vue.js的目的Vue.js的产生核心是为了解决如下三个问题：解决数据绑定的问题；Vue.js框架生产的主要目的是为了开发大兴单页面应用（SPA：Single Page Applicati...
2019-07-31 09:39:00
285
转载 SEO运用meta标签进行网站优化
SEO定义Search Engine Optimization 搜索引擎优化一，常用的HTTP-EQUIV类型：Set-Cookie(cookie设定)说明：如果网页过期，存盘的cookie将会被删除(必须是GMT的时间格式)<meta http-equiv="Set-Cookie" content="cookievalue=xxx;...
2019-07-30 19:00:00
470
转载 div span img对齐，垂直居中对齐问题
我想你们在前端开发中或多或少都遇到过这种问题，文字和图片不能平齐，很是头疼。HTML代码：<div class="">小太阳<span>小太阳</span><img src="img/考拉.jpeg" style="width: 24px;height: 24px;" alt=""></div>介绍一个c...
2019-07-30 18:35:00
2227
转载 MongoDB
简介：MongoDB是可以应用于各种规模的企业、各个行业以及各类应用程序的开源数据库1.MongoDB概念解析 db--database ：数据库 （一个数据库里可以有多个集合） collection ： 集合 （一个集合里可以有多个文档） document ： 文档2.数据库 ： 一个mongodb里可以建立多个数据库 mongodb默认数...
2019-07-27 13:11:00
104
转载 gulp使用详情 及 3.0到4.0的坑
项目的所有依赖都可以安装，每个都有详细的注释。const gulp = require('gulp');const sass = require('gulp-sass');const browserSync = require("browser-sync").create(), //自动刷新reload = browserSync.reload;const fil...
2019-07-08 18:25:00
915
转载 CSS3弹性盒布局方式
一、CSS3弹性盒子弹性盒子是CSS3的一种新布局模式。CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。二、浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本...
2019-05-13 18:52:00
114
转载 Vue知识点（面试常见点）
v-bind和v-model的区别1.v-bind用来绑定数据和属性以及表达式，缩写为'：'2.v-model使用在表单中，实现双向数据绑定的，在表单元素外使用不起作用什么是 mvvm？MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑；View...
2019-04-19 15:57:00
104
转载 h5新增加的存储方法
h4中使用的cookie把用户信息保存在客户端浏览器，但是它受到很多限制。大小：最多能存储4k带宽：它是随着http请求一起发送到服务器的，因此浪费一部分的带宽。复杂度：操作复杂。h5新增加了一种在客户端本地存储数据的方法 webstorange,分两种形式sessionStorage和localStoragesessionStorage：将数据保存在sessi...
2019-04-18 22:05:00
140
转载 前端常用插件
前端常用插件1.一个纯 JavaScript 的图表库 ECharts ★Star 19690ECharts，一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化...
2019-04-17 21:49:00
1096
转载 Git 及 GitHub 使用
Git bash 的常用命令1、pwd 查看当前所在目录2、cd cd .. 返回上一级 cd 目录 进入对应的目录3、ls 查看当前文件夹的内容 可以传递参数 -a 可以把隐藏的文件或者文件夹全部列出来 -l 文件或者文件夹的详细信息 参数的形式和正则的参数形式...
2019-04-10 09:14:00
128
转载 Express 框架
Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。Express 框架核心特性：可以设置中间件来响应 HTTP 请求。定义了路由表用于执行不同的 HTTP 请求动作。可以通过向模板传递参数来动...
2019-04-08 22:31:00
233
转载 angular.js 教程 -- 实例讲解
angular.jsAngularJS[1]诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC（Model–view–controller）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。AngularJS 是一个Java...
2019-03-27 20:00:00
316
转载 promise 拙见
一，promise是什么？promise 是最早由社区提出和实现是一种解决异步编程的方案，比其他传统的解决方案（回调函数和事件）更合理和强大。ES6 将其写进了语言标准，统一了用法，原生提供了 promise 对象。ES6 规定，promise对象是一个构造函数，用来生成 promise 实例。二，promise是为解决什么问题而产生的？promise是为解决异步处理...
2019-03-12 19:38:00
516
转载 前端面试题（三）
1.px 和 em 和r em 的区别？px像素，相对长度单位；em相对长度单位，会继承父元素的字体大小；rem相对长度单位，会根据节点html定义，不会受父元素的影响。2.如何理解css的盒子模型？盒子模型包含内容的大小，padding，border，margincss盒子模型分为IE盒子模型和标准盒子模型；IE盒子模型内容的宽高包含了padding和bor...
2019-03-12 18:44:00
175
转载 node 静态伺服（搭建服务）
基本功能不急着写下第一行代码，而是先梳理一下就基本功能而言有哪些步骤。在本地根据指定端口启动一个http server，等待着来自客户端的请求当请求抵达时，根据请求的url，以设置的静态文件目录为base，映射得到文件位置检查文件是否存在如果文件不存在，返回404状态码，发送not found页面到客户端如果文件存在：打开文件待读取设置respon...
2019-03-11 19:10:00
341
转载 ES6--JavaScript的第六个版本
一、新的变量声明方式 let/cons与var不同，新的变量声明方式带来了一些不一样的特性，其中最重要的两个特性就是提供了块级作用域与不再具备变量提升。若是对变量提升不怎么了解的话可以去参考我的其他文章javascript预编译的过程。什么是块级作用域腻？写在 “{}” 内的内容 都是块级作用域。在es6之前，我们想保护一个变量怎么办，将其放在一个立即执...
2019-03-06 10:16:00
166
转载 node 搭建静态服务
对于Node.js新手，搭建一个静态资源服务器是个不错的锻炼，从最简单的返回文件或错误开始，渐进增强，还可以逐步加深对http的理解。基本功能不急着写下第一行代码，而是先梳理一下就基本功能而言有哪些步骤。在本地根据指定端口启动一个http server，等待着来自客户端的请求当请求抵达时，根据请求的url，以设置的静态文件目录为base，映射得到文件位置检查文件是...
2019-03-03 17:55:00
122
转载 Ajax常见面试题 -- 前端面试题（二）
1:什么是ajax？ajax作用是什么？异步的javascript和xml AJAX 是一种用于创建快速动态网页的技术。 ajax用来与后台交互2:原生js ajax请求有几个步骤？分别是什么//创建 XMLHttpRequest 对象var ajax = new XMLHttpRequest();//规定请求的类型、URL 以及是否异步处理请求。aja...
2019-03-03 16:53:00
118
转载 AJAX 简单归纳 -- 前端知识
什么是 AJAX ？AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。有很多使用 AJAX 的应用程序案例：新浪微博、...
2019-02-26 20:12:00
138
转载 jquery 简单归纳 -- 前端知识
jquery什么是jQuery？jquery是轻量级的JavaScript库，核心是javascript，兼容css和各种浏览器，核心理念是写得少做得多（write less do more）。为什么要学习jQuery?因为它有很多优势：容易上手，强大的选择器，节约开发时间，丰富的UI，完善的事件机制，Ajax的封装。此外，补充jQuery的一些特性和方法：链式操作...
2018-12-27 11:17:00
147
转载 javascript： 数组详细操作方法及解析合集（9个改变8个不变12个遍历）
改变原数组的方法(9个):12345let a = [1,2,3];ES5:a.pop()/ a.shift()/ a.push()/ a.unshift()/ a.reverse()/ a.splice()/ a.sort() ES6:a.copyWithin() / a.fill...
2018-12-22 15:17:00
136
转载 javascript：原型与原型链
一，函数对象 所有引用类型（函数，数组，对象）都拥有__proto__属性（隐式原型） 所有函数拥有prototype属性（显式原型）（仅限函数） 原型对象：拥有prototype属性的对象，在定义函数时就被创建二，构造函数 先复习下构造函数...
2018-12-21 08:04:00
75
转载 javascript：类数组 -- 对象
在javascript中，对象与数组都是这门语言的原生规范中的基本数据类型，处于并列的位置。类数组:本质是一个对象,只是这个 对象 的属性有点特殊,模拟出数组的一些特性。一般来说，如果我们有一个对象obj和一个数组a：obj["attr1"]; //取obj对象的attr1属性a[1]; //取数组a中的第二个元素 但是...
2018-12-20 17:26:00
99
转载 javascript：this指向
this常见指向问题this的用法1.直接在函数中使用 谁调用这个函数this就指向谁2.对象中使用, 一般情况下指向该对象3.在构造函数中使用改变this的指向，两种方法的作用都是相同的，传递的写法不同而已。call--(指向谁，参数1，参数2......)apply--(指向谁，[参数1，参数2]) 数组的形式1. this与普通函数执行...
2018-12-20 09:18:00
62
转载 javascript：闭包
在阅读本篇文章之前，可以先参考我的JavaScript：作用域与作用域链及javascript预编译的过程，可以更好的理解闭包在红宝书中的解释就是：有权访问另一个函数作用域中的变量的函数。我们先总结一下什么是闭包：什么时候需要用到闭包：需要在一个函数外部，访问函数内部的变量的时候（也就是说在函数运行完之后，你想要把变量保存下来，待需要的时候调用。而不是通过垃圾回收...
2018-12-19 09:46:00
81
转载 JavaScript：作用域与作用域链
1.什么是作用域(scope)？简单来讲，作用域（scope）就是变量访问规则的有效范围。作用域外，无法引用作用域内的变量；离开作用域后，作用域的变量的内存空间会被清除，比如执行完函数或者关闭浏览器作用域与执行上下文是完全不同的两个概念。我曾经也混淆过他们，但是一定要仔细区分。JavaScript代码的整个执行过程，分为两个阶段，代码编译阶段与代码执行阶段...
2018-12-18 15:24:00
97
转载 Canvas：飞机大战
Canvas：飞机大战最开始我们要初始化信息，我们有五个状态：游戏封面，加载状态，运行状态，游戏暂停，游戏结束。我们还需要 得分--score，生命--life。var START = 1;//初始状态var LOADING = 2;//加载状态var RUNNING = 3;//游戏运行状态var WAIT = 4;//游戏暂停状态var GAMEOV...
2018-12-18 13:45:00
186
转载 javascript预编译的过程
预编译的两种情况全局：1.全局 直接是script标签中的代码,不包括函数执行执行前:1.首先生成一个GO(global object)对象,看不到,但是可以模拟出来用来分析2.分析变量声明,变量名为属性名,值为undefined3.分析函数声明,函数名为属性名,值为函数体，如果函数名和变量名相同，则无情覆盖函数内部（局部）：1. 函数调用,也是会生成自己的作用域(AO:...
2018-12-17 20:02:00
130
转载 canvas ：原生js编写动态时钟
canvas ：原生javascript编写动态时钟此时针是以画布的中心为圆心；g.translate(width/2,width/2);此函数是将画布的原点移到(width/2,width/2)绘制表盘function jiang(){ r = width/2 g.cl...
2018-12-17 19:15:00
183
转载 canvas与svg特性和使用对比
什么是 Canvas？HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。什么是SVG？SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 ...
2018-12-17 11:46:00
179
转载 截取表单提交的字符串信息转换成对象 -- 前端面试题（一）
字符串的方法1.str.indexOf("?")返回？这个字符串的位置，也就是第几位2.str.slice(num)截取从num开始到结束的字符串，str.slice(num1，num2)截取从num1开始到num2的字符串，3.str.split("&")把字符串里有&截断。首先我要获取？后面的的字符串，我通过indexOf知道了？的位置然后我把...
2018-12-13 19:26:00
123
转载 HTML5 简单归纳 -- 前端知识 （二）
HTML5 全屏事件全屏事件：requestFullScreen关闭全屏：cancelFullScreen判断是否全屏：fullScreenElement 注意：现各大主流浏览器中由于内核不同的原因，会出现不兼容的问题，为了让自己的代码能在各大主流浏览器中都能正常运行，所以我们在原事件（requestFullScreen……）前添加 -- webkit（谷歌） --...
2018-12-13 17:16:00
107
转载 HTML5 简单归纳 -- 前端知识 （一）
HTML5简介1.h5不是一个新语言，它是HTML语言第五次重大修改--版本2. 2014年 h53.支持：目前所有的主流浏览器都支持h5，IE8以下不支持4.特性： a:抛弃了h4中不常用的标签或属性（center/font等） SEO优化--i/em b/strong b:新增了一些标签和属性（表单，多媒体（video，audio）） ...
2018-12-11 13:55:00
105
转载 JavaScrip 概述 -- 前端知识
JavaScript概述ECMAScript和JavaScript的关系1996年11月，JavaScript的创造者--Netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这门语言能够成为国际标准。次年，ECMA发布262号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript，这个版本就是1.0版。...
2018-12-11 08:32:00
116
转载 CSS 简单归纳 -- 前端知识
CSS:cascading style sheets层叠样式表，用于美化页面css的三种表现形式：1、行内样式（内嵌样式）：结构的内部，即写在标签内的样式；写在标签的开始部分内部，style属性当中； <标记 style="样式的属性名1：样式的属性值1；属性名2：属性值2；......"></标记>2、内部样式（内联样式）：写在HTML页面内部，存放于h...
2018-12-10 18:09:00
131
转载 HTML 简单归纳 -- 前端知识
web前端Internet：是一个全球性的计算机互联网络，中文名称“因特网”、“国际互联网”、“网际网”等等；Internet提供的服务：http、ftp、Telnet、email、www、bbs等等；基本实现技术：分组交换原理--信息在Internet上被分成许多的小数据包（分组）进行传输，到达目的地后将数据包组装成信息；TCP/IP协议簇Web和Internet的关系...
2018-12-10 17:51:00
156
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人