小小晴_-CSDN博客

原创【JavaScript】为什么是script error.

script error.的定义script error.是一个常见的错误，它类似于b is not defined，script error.与这个错误不同的点就在于其并没有详细的错误...

2020-11-19 21:17:40 5506

原创【React】React-router使用及源码 (类组件)

本篇文章来自：方一鸣要实现哪些内容？BrowserRouterRouteLinkSwitchwithRouteruseHistoryuseLocationuseParamsuseRout...

2020-09-19 10:59:35 471

原创【前端监控】数据如何获取及上报？

写在前面字面解释：前端监控就是监控前端所发生的一些行为我们可能都遇到过代码都上生产了，结果出现了一些未知的问题；我们也可能想通过查看线上的数据，看看哪些需求带来了收益，哪些并没有。基于这...

2020-08-26 18:19:59 1698

原创【React】深入理解虚拟dom和diff算法

本篇文章同步发表在我的个人博客中：https://zhengyq.club写在前面在React中，Virtual Dom和diff的结合大大提高了渲染效率。diff算法由最初的O(n^3...

2020-05-21 16:17:35 401

原创【JavaScript】必须要会的手写Promise

写在前面Promise是ES6中核心的语法，也是面试最常问的一部分，所以搞懂它的执行规则是必须，学会手写会让你在面试中脱颖而出，迈出拿到offer坚实的一步～在之前的文章中，我翻译了Pr...

2020-04-27 14:55:47 308

原创【JavaScript】你了解深浅克隆吗

写在前面数组的深浅克隆在前端开发中经常使用，面试也经常被问到，本篇文章将详细介绍深浅克隆。深浅克隆深浅克隆的定义和区别 1、浅克隆：只拷贝一层对象的属性，当一个属性的值为基本类型值时，...

2020-04-15 18:36:59 256

原创【浏览器】HTML、CSS和JS如何变成页面的？

写在前面我们经常写HTML、CSS和JavaScript，写好这些之后，我们就会在浏览器中看到页面，那浏览器究竟在这背后做了一些什么事情呢？本篇文章将揭晓答案！了解浏览器的渲染原理是我们...

2020-04-08 15:28:46 486

原创【JavaScript】还记得如何手写实现call、apply、bind吗

写在前面call、apply和bind是强制改变this指向的几种方法。大家应该看过了很多关于手写call、apply和bind的文章，并且自己手动尝试，已经实现手写源码～所以我写这篇文...

2020-03-18 17:04:10 215

原创【JavaScript】（附面试题）关于面向对象较好的理解方式

写在前面关于面向对象，以前我写过几篇文章，一篇实现new运算符，两篇读书笔记，一篇面试题，如下：【JavaScript系列】带你手写实现new运算符【读书笔记】JavaScript面向对...

2020-03-11 18:07:07 1106

原创【JavaScript】几个必须要会的高级编程技巧

写在前面作为一名有追求的前端攻城狮，掌握几个高级编程技巧是必须的～学会这些技巧，会让我们的开发工作事半功倍，让我们在工作中更加游刃有余，本篇文章将介绍三个小技巧：惰性载入函数的应用函数柯...

2020-03-04 15:54:31 360

原创【读书笔记】JavaScript面向对象精要（上）

写在前面本文章为对书《JavaScript面向对象精要》的读后总结。在阅读本文章前，我们先来整理一份思维导图，帮助我们快速浏览本文大概内容第一章原始类型和引用类型1.1 类型的定义在JavaScript中，存在两种类型原始类型（保存为简单数据值）引用类型（保存为对象，本质是指向内存位置的引用）1.2 原始类型 1.2.1 关于原始类型的简介在JavaScript中，共有...

2019-12-13 16:27:46 200

原创 flex布局（下）

改变flex的轴线方向当我们使用flex布局的时候，默认方向为主轴方向，如果我们要在交叉轴方向上使用flex布局，那么首先我们要改变轴线方向 .box{ display: flex; flex-direction: column; // 或是flex-direction: column-reverse; }控制交叉轴方向上的属性align-items:控制交叉轴上所有元素对齐...

2019-07-14 15:00:19 176

原创 flex布局（上）

flex布局背景在2009年，W3C提出了flex布局，它可以很简单、方便的实现各种布局。目前，所有的浏览器都可以支持。如何使用flex布局如果使用flex布局，子元素的float、clear、vertical-align属性都将失效 // css .box { display: flex; // 块级元素 display: inline-flex; // 行内元...

2019-07-03 11:33:01 233

原创数组、Json的排序问题

前端在处理后台返回的数据的过程中，排序应该是一个经常遇见的问题现在有一个数组是arr = [1,2,4,5,3,2,1]对于这样的一个最常见的数组，我们通常也会使用最简单的办法： let arr = [1,2,4,5,3,2,1]; arr.sort((a,b) => { return a-b; //从小到大 //return b-a; 从大到小 })现在数...

2019-01-28 10:53:34 1603

原创微信小程序中使用有赞的Vant Weapp库校验身份证、手机号、银行卡号等

在input输入框中我使用了bind:change事件监听值变化，实现实时校验.wxml文件中其中一个代码块<van-field required clearable value="{{xxx}}" type="bankCard" name="acc_name" label="姓名" placeholder="请输入xxx"..

2018-12-07 10:43:25 10644 2

原创 HTML5+React全屏方法实践

实现全屏的条件JavaScript实现click、mousedown、mouseup事件触发全屏的方法全屏元素.requestFullscreen(),如果想做到浏览器的兼容，可在requestFullscreen()前加上前缀，火狐为mozRequestFullScreen,chrome为webkitRequestFullScreen()取消全屏的方法取消全屏元...

2018-12-04 14:46:56 570

前言把这篇博客标题定义为这个踩坑记录，还是有一些原因的，曾经有人问过我你做微信小程序的整个过程中遇到过哪些坑，其实是很遗憾，对微信小程序在那个时间段了解的少之又少，只用了仅仅的几个功能完成它，还没有理解其中的核心理念，当再次接触到小程序，感受到了自己几个月前写的代码很烂，但这次接触最吸引我的还是云开发这个东西的出现，我认为它的出现让前端开发人员省去了与后台交互这个步骤，这就大大加快了小程序开发...

2018-11-29 17:46:11 2478

原创初入react.js

前端的框架有很多，其中常用的有vue.js、jQuery.js和react.js等，下面隆重介绍一下今天的主角react.js：一、我们会选择react，那它到底有什么不一样的地方？它是一个用于创建，可复用、可聚合的web组件js库，我们普遍认为，在react中，只提供了MVC框架中的“V”。二、react有什么特点？1、声明式设计：React采用声明式设计，可轻松描述应用。2...

2018-10-25 11:26:02 182

原创 js中跨域的几种方式

一、影响跨域的因素？提起跨域，我们首先就会想到“同源策略”这四个字，没错，正是因为受同源策略的影响，我们才不能进行跨域请求，那么什么是“同源策略”呢？二、同源策略到底是什么？同源策略是一种约定，是一种安全策略，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响，web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现，所谓同源是指：域名...

2018-10-18 13:06:36 722

原创关于web安全

现如今，科技飞速发展，人们的安全问题也随之出现。在互联网方面也同样有这样一个问题，互联网的快速发展，但随之而来的同样有安全问题，这个就是这篇博客的主题——web安全。一、定义随着社交网络等很多互联网产品的诞生，基于Web环境的互联网应用也越来越广泛，正是因为此，黑客就利用网站的操作系统的漏洞和Web服务器的控制权限，篡改网页内容，窃取重要的内部数据，还有在网页中植入恶意代码，使得网站的访问...

2018-09-22 17:11:59 501

原创如何利用XAMPP在手机上查看PC端代码

这是百度一面的第一个问题，如何用手机查看PC端网页效果？嗯，不会的我只能回家学了一下，下面分享一下我们到底该怎么去做？1、首先我们使用的是XAMPP，那么一定先要下载一下这个东西了，下载链接：http://xiazai.sogou.com/detail/34/16/5119013286082291255.html?e=19702、安装--安装就一路next就ok3、启动①界...

2018-09-17 20:53:08 1279 5

原创将json数据拼接到url中

这个问题是昨天百度一面的问题，想法倒是有，但是代码写出来就有些费劲，其实当场觉得这个代码应该很好写（毕竟思想是有的），但是今天尝试了一下去写代码，还是有一点点的问题，下面分享一下解决这个问题的两个代码片段1、硬写法（哈哈哈）var url = '//www.jb51.net:80/seo/?'; var data = { //一个json数据 'a':1, 'b':2,...

2018-09-17 09:21:08 9662 1

原创一个前端面试常考的问题---W3C标准

W3C标准由结构化标准语言，表现标准语言，行为标准等组成。它不单单指某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C...

2018-09-14 18:45:16 2433 2

原创 node之处理用户上传的post文件

首先，创建一个大概这样的文件夹其中，node_moduels文件夹为自动生成，但是这需要我们安装一些node需要的模块(代码中会包含这些模块)，cnpm install ....下面为代码部分1、node.jsconst express = require('express');const bodyparser = require('body-parser');//解析po...

2018-08-23 09:32:53 832

原创 node.js之express——中间件body-parser的写法

这个中间件可以用于express中解析post数据在node.js中，其本身包装了'body-parser'中间件，我们可以先安装它，然后就直接引用：const bodyparser = require('body-parser');当然，我们还可以自己去写一个：const querystring = require('querystring'); //引入模块--解析字符...

2018-08-21 08:35:39 418

原创 node--引用express模块之用户登录

node代码const express = require('express'); //引入模块const ex_static = require('express-static'); //读取静态文件var server = express(); //创建服务server.listen(8080);//监听//用户数据var users = { 'aaa':'111',...

2018-08-09 18:36:40 231

原创 node.js之简单的用户登录与注册

后台代码//引入模块const http = require('http');const fs = require('fs');const querystring = require('querystring');const urlib = require('url');var users = {}; //存放用户名和密码的Json//搭建服务器var server = ...

2018-08-07 13:51:52 1291

原创 node环境下“get数据解析”的三种方式

1、自己写const http = require('http');http.createServer(function(req,res){ var get = {}; if(req.url.indexOf('?')!=-1){ var arr = req.url.split('?'); var url = arr[0]; ...

2018-08-06 13:24:57 410

原创 node环境下读取文件

刚刚入门node，学习了简单的建立服务器并且读取文件，方法是这样滴：我们先创建一个文件夹（在任何盘符下都可以，名字也随意）然后呢，在里面再创建一个文件夹，同样名字随意再然后呢，就写一个.js文件，代码是这样滴const http = require('http');const fs = require('fs'); var server = http.createS...

2018-08-05 19:37:13 582

原创如何往码云里上传项目文件？

想要往码云里上传一个项目文件，首先，我们需要的工具有：①git shell（用来敲git指令）②你自己的码云账号第一步，要注册一个码云账号，很简单，不过多复述，注册成功后登录，接下来进行第二步；第二步，点击右上方的加号中添加项目文件一项...

2018-06-15 21:06:23 11673

原创 vue 简单的页面刷新或者跳转页面的数据保存问题

当我们想刷新页面也保存当时的数据的时候，会遇到这样那样的问题，其实，仅仅的几行代码就什么都解决了，下面是代码（js）：var vm = new Vue({ el:'.search_moduel', data:{ history:[] //存储查询历史记录的数据 }, methods:{ //刷新页面或者从别的页面进入，提取this.history的值 getPag...

2018-05-23 13:36:17 9772 4

原创 vue 2.0 使用jsonp实现淘宝接口的下拉菜单和搜索

HTML代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scal

2018-05-21 20:07:46 1268

原创 vue之简单的注册账号

用vue来实现一个小小的注册功能并且能够登录（在之前的文章中发表过登录的代码），不用路由的方式，用localStorage.setItem()和localStorage.getItem()的方式实现页面跳转的数据传递，下面贴js部分代码：var login = new Vue({ el:'.tb_login', data:{ username1:[], //存储用户名数据 pa...

2018-05-20 19:06:40 2351

原创 CSS之元素居中

布局网页时，我们也经常会用到的一个方面，就是让一些元素居中，那么让元素居中有哪些办法呢？一、元素水平居中1、margin:0 aotu;条件：配合块元素的宽度。...

2018-05-17 21:26:22 169

原创 CSS之position属性

在用CSS布局网页时，我们也经常会用到一个属性，是：position,这个属性的作用是定位，它的值一共有4个。1、static（默认）：元素正常生成，块级元素生成一个矩形框，作为文档流的一部分，即以普通流形式展示元素，相当于不产生任何作用。2、relative（相对定位）元素框偏移某个距离。元素仍保持其未定位前的形状。.nav{ position:relative; top:20px;...

2018-05-16 21:37:53 231

原创 vue之用户名和密码是否匹配的检测

对于初学者来说，检测用户名和密码是否匹配还很难，也很难理解，现在用一种很简单的方式不用请求服务器的情况下检测，我的代码是写的淘宝登录页面（适用于移动端）：HTML部分：<div class="taobao_icon"></div> <div class="tb_login"> <input type="text" class="coun

2018-05-14 11:17:30 10062

原创 vue之简单轮播图

首先简单说一下，这个轮播图的功能，有点击功能，包含点击下一张，上一张，和点击首页触发定时器，下面贴一下代码：HTML部分<div class="nav"> <img :src="img" @click="bling()">  <ul> <li v-for=&a

2018-05-13 09:22:47 2161

原创 CSS之雪碧图

雪碧图的应用很广泛，在很多的大型网站中，例如：京东、淘宝等，都存在着对雪碧图的应用，下面说一说雪碧图的定义及有哪些优点，我们又该如何使用雪碧图。一、什么是雪碧图雪碧图就是将很多张小图片整合成一张大图片，然后通过CSS中定位属性布局网页背景。二、雪碧图的优点当图片过多时，会增加http的请求，导致网站性能减低，也同样会增加用户端流量消耗。而雪碧图的应用恰恰解决了这个问题，应用雪碧图，就降低了图片的数...

2018-05-11 21:07:44 551 1

原创 CSS之盒模型

CSS的盒模型分为两种，一种是标准盒模型，另一种是IE盒模型，下面说一下这两种盒模型。一、标准盒模型和IE盒模型1、标准盒模型2、IE盒模型总结，标准盒模型的宽和高就是内容（content）的宽和高，而IE盒模型的宽和高是内容（content）+padding（内边距）+边框（border）总和的宽和高。二、盒模型简述：每个盒子都有：边界、边框、填充、内容四个属性；每个属性都包括四个部分：上、右、...

2018-05-09 21:40:45 211

原创 CSS之浮动

在使用CSS编写代码时，我们经常会用到一个属性:float，使用它会使网页的排版达到我们所期待的效果，但是在此同时使用它也会带来一些负面影响，而又怎么清除这些负面影响，这就是这篇文章的主题。一、什么是浮动？通过设置float的值不为none，使得元素按特定的方向脱离文档流，不占据空间，浮动元素碰到包含它的边框或者浮动元素的边框停留二、浮动所带来的负面影响1、会把行级元素，块级元素隐式的转换成行级块...

2018-05-08 21:33:59 154

空空如也

空空如也