itsnekodeng学习技术博客-CSDN博客

原创读余华《活着》，你好，我叫福贵

前言：余华的《活着》算是家喻户晓的作品了，以前总不敢去读，抑或是太沉重了，不过很多东西还是得去亲身感受。近3小时一次读完讲真，我是不怎么读小说的，尤其是这类比较沉重的带着严重历史色彩背景的作品。虽说《活着》是很出名了没错，早就听闻，但还是不如今天一读来的震撼。早早洗漱完我就打开了微信读书，这个被我尘封了许久的朋友，静静呆在程序坞里。也是我在读书app里第一部一次性完整读完的作品，汗颜，泪目~ 世人何尝又不是福贵小说的主人公之一，叫福贵，也是唯一与他共度晚年的一头老牛的名字。我还记得.

2021-11-12 19:22:49 1018

原创关于在Vue项目初始化echarts时报错TypeError:Cannot read property ‘init‘ of undefined的解决办法

前言：在Vue项目中遇到的一个问题，初始化echarts时报错TypeError:Cannot read property ‘init‘ of undefined的解决办法导入echarts在Vue项目中的main.js文件中导入如下代码:将 import echarts from ‘echarts’ 替换成 import * as echarts from ‘echarts’将 echarts 挂到Vue原型上import * as echarts from 'echarts'Vue.

2021-02-23 21:10:36 1017

原创 JS-三个高阶函数filter-map-reduce

前言: JS-三个高阶函数filter-map-reduce，需要掌握，很好用，真香警告。filterfilter 有过滤的意思filter(参数) 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。filter中的参数要求是一个回调函数，而且该函数要求返回一个boolean类型的值若布尔值为true，则函数内部会自动将这次回调的n加入到新的数组中，继续下去若布尔值为false，函数内部则会过滤掉这次的n，然后继续筛选判断后面的注意： filter方法会改变原始数

2021-02-23 21:03:36 320

原创关于hexo博客valine评论遭到恶意数据刷入紧急防御及快速解决办法

前言：在2021/01/09这个夜黑风高的夜晚，像往常一样打开网站，发现评论邮箱提醒突然就响个不停，全是评论提醒，而且文本颇为一致，看到网站评论数字从100开始，刷新一下就变成了200，接着变为500...，意识到这是被恶意刷入数据了，急忙赶去leancloud关闭了class应用写入权限，然后就开始折腾，想要恢复原状。这里还是要谴责一下攻击者，不管出于什么目的，就很可耻，考虑到国内互联网环境本身就鱼龙混杂，质量堪忧，也就释怀了，自己总会有对策的。接下来就讲讲自己怎么解决的，以及快速重建评论。最后的结果是，

2021-01-10 14:53:20 679 1

原创关于给hexo博客增加节日气氛主题切换（包括中国春节和圣诞节）

前言: 有段时间没折腾过博客页面样式了，偶然间看到了一个春节红灯笼的小demo，感觉很棒，所以拿过来了，并且自己新增了一些小挂件，加上了关键帧动画，圣诞树等元素。主题切换按钮原理和以前教程里面提到的暗夜模式一样。效果图片展示制作红灯笼具体不做赘述了，贴出源码，可自行下载使用。中国春节红灯笼demo源码制作切换按钮和小挂件html结构  <a onclick="switchThemes()" id="switchspring"

2021-01-04 12:45:01 629 1

原创 JS-JavaScript事件详解

JS运行和编译语法分析查找基本语法有没有错误预解析执行之前进行预解析var、function关键字提前到当前作用域的顶部，变量默认值为undefined，函数默认值为函数体代码块，当函数与变量重名时，保留函数。变量生命周期全局变量的生命周期直至浏览器卸载页面才会结束。局部变量只在函数的执行过程中存在，而在这个过程中会为局部变量在栈或堆上分配相应的空间，以存储它们的值，然后再函数中使用这些变量，直至函数结束事件用户的行为：onclick、ondblclick、onfocus、onblur、

2020-12-14 10:23:27 133

原创 JS-语法设计模式

设计模式：代码经验的总结设计模式都是面向对象的工厂模式工厂函数就是做一个对象创建的封装，并将创建的对象return出去function newObj(name,age){ var o = new Object(); o.name = name; o.age = age; return o;}var obj = newObj();单例模式：只允许存在一个实例的模式var Instance = (function(){ var obj; retu

2020-12-12 16:56:50 82

原创 JS-ES6初识详解

let和constlet块级作用域：一种普遍存在于各个语言中的作用域范围； { var a = 10; let b = 20; } console.log(a)//10 console.log(b)// b is not defined在一个大括号中用let声明的变量在外部不可访问了，每个大括号都是独立的作用域有了let声明我们在函数外部就无法访问到 i ，i作为下标只存在于for循环中，所以，这个时候每个i都是独立的；我们在点击的时

2020-12-05 11:03:34 157

原创 JS-ES5初识详解

ES5严格模式（strict mode）顾名思义，这种模式使得Javascript在更严格的条件下运行。-消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;-消除代码运行的一些不安全之处，保证代码运行的安全；-提高编译器效率，增加运行速度；-为未来新版本的Javascript做好铺垫。进入严格模式 “use strict”"use strict"console.log("已经进入严格模式");严格模式行为变更：1.全局变量声明时必须加var"use stric

2020-12-05 11:01:23 167

原创 NodeJs-express应用程序生成器

express 应用程序生成器安装：$ npm install express-generator -gnpm list -g --depth=0 查看全局安装的插件npx 临时使用的命令，临时安装插件时使用，用完之后删除npx express-generator backend -e 添加对 ejs 模板引擎的支持,会生成以下文件：https://upload-images.jianshu.io/upload_images/15859737-a6e8e7a41460b756.png?imageM

2020-12-04 16:57:11 172

原创关于项目上线流程一览

域名：新网万网服务器及域名购买(略)安装各种环境1、任意命令行工具里输入ssh root@服务器公网IP2、输入yes，然后输入服务器开机密码。密码处于安全考虑不会显示3、安装git yum install git4、安装node高版本，安好之后就有node和npm$ curl -sL https://rpm.nodesource.com/setup_10.x | sudo bash -$ yum install nodejs5、一般在data文件夹下放数据，通过touch ind

2020-12-03 10:26:21 828

原创 CSS-移动端布局、事件

前言:最近在用css时遇到了一些棘手的问题，所以总结一下。关于Unicode字体图标首先需要明确的是，Unicode字体图标是HTML，在vue里使用时渲染必须用v-html。关于图片自适应关于移动端一个像素问题关于吸顶效果position:sticky;top:0;关于移动端事件移动端的onclick点击事件有300ms的延迟移动端有ontouchstart事件，会比onclick先执行，如果在ontouchstart事件后触发了ontouchmove事件，那么oncli

2020-12-02 14:06:59 337

原创关于前端图片加载优化方式方法

图片加载优化不用图片对于移动端来说,一般图片都用 CDN 加载，可以计算出适配屏幕的宽度，然后去请求相应裁剪好的图片。小图使用 base64 格式将多个图标文件整合到一张图片中（雪碧图）对于能够显示 WebP 格式的浏览器尽量使用 WebP 格式。缺点就是兼容性并不好小图使用 PNG，其实对于大部分图标这类图片，完全可以使用 SVG 代替照片使用 JPEG防抖和节流利用Lodash防抖考虑一个场景，有一个按钮点击会触发网络请求，但是我们并不希望每次点击都发起网络请求，而是当用户

2020-12-01 09:44:29 345

原创 JS程序执行详解

顺序结构：按照由上到下的顺序一行一行地执行的程序结构分支结构：根据不同的条件判断来决定程序执行走向的结构（也叫选择结构）循环结构：需要重复执行同一操作的程序结构称为循环结构。if 判断逻辑语句if(true){ //会执行的语句}if(false){ //会跳过不执行的语句}if(判断条件){ //当if括号中结果为true时执行语句1，否则执行语句2 //语句1}else{ //语句2}if(判断条件1){ //当条件1结果为true时执行语句1

2020-11-14 10:18:55 218

原创 jQuery 基础语法详解

jQuery 语法jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。基础语法： $(selector).action()美元符号定义 jQuery选择符（selector）“查询"和"查找” HTML 元素jQuery 的 action() 执行对元素的操作jQuery 中所有选择器都以美元符号开头：$()文档就绪事件$(document).ready(function(){// 开始写 jQuery 代码…});简洁写法（与以上写法效果相同）:$(funct

2020-11-14 10:16:45 350

原创 http知识之请求响应状态码

应用程序分类：B/S：Browser（浏览器）/ Server（服务器）C/S：Client（客户端）/ Server（服务器）http协议：基于TCP/IP的’无状态’通信协议前端（浏览器客户端）向后台（web服务器端）发送http请求获取数据http请求报文：一个HTTP请求报文由4个部分组成：请求行（request line）、请求头部（header）空行请求数据1.form的enctype属性为编码方式，常用有两种：application/x-www-for

2020-11-14 10:09:14 130

原创 React-生命周期知识点详解

前言: 只有class组件才有生命周期，function式的组件见没有生命周期(生命周期其实就是里面的一些回调函数)生命周期阶段挂载阶段constructor(props)(在这里初始化state，这个只会执行一次)，如果不初始化 state 或不进行方法绑定，则不需要为 React 组件实现构造函数。通常，在 React 中，构造函数仅用于以下两种情况：通过给 this.state 赋值对象来初始化内部 state，为事件处理函数绑定实例static getDerivedStateFr

2020-11-07 11:54:10 137

原创 React-初识详解(长篇幅详细）

前言: 什么是React？这里是React初识。npx create-react-app “项目名”react用到的第三方包classnamesstyled-components 将css独立来写的第三方包prop-types：props的类型检测工具axios在jsx里面写js代码就加一个{}创建一个简单的react: import React from "react" import ReactDOM from "react-dom"

2020-11-06 10:23:14 179

原创关于给hexo博客增加音乐页面（使用Aplayer和MetingJS插件）

前言: 作为一个音乐发烧友，一直想在博客网站里弄一个音乐播放歌单页面，现在它来了。本文基于matery主题，利用hexo-tag-aplayer插件和MetingJS实现。效果展示：itsNekoDeng 音乐台新建音乐页面在source文件下新建一个musics文件在该文件里新建一个index.md文件，其中文件内容为：---title: musicstype: "musics"layout: "musics"---在主题配置文件_config.yml下，增加音乐页面

2020-11-05 17:55:33 2006 2

原创 JS-DOM对象概述

DOM（Document Object Model 文档对象模型）DOM定义了表示和修改文档所需的对象、行为和属性，以及这些对象之间的关系。当你想要改变网页行为的时候你该怎么办呢？你不会用脚来踹网页或者用头来顶网页吧？这时候怎么办呢？而你手中有javascript 这种工具！所以你就会考虑用javascript来改变网页行为.DOM树DOM操作获取DOM节点1、 document.getElementById(id名)2、 getElementsByTagName(标签名) 得到的是一个

2020-11-05 17:51:19 121

原创 JS-BOM对象概叙

BOM（Browser Object Model 浏览器对象模型）window是全局浏览器内置顶级对象表示浏览器中打开的窗口（没有应用于window对象的公开标准，不过所有浏览器都支持该对象）Window 对象表示一个浏览器窗口或一个框架。在客户端 JavaScript 中，Window 对象是全局对象，所有的表达式都在当前的环境中计算。也就是说，要引用当前窗口根本不需要特殊的语法，可以把那个窗口的属性作为全局变量来使用。例如，可以只写 document，而不必写 window.documen

2020-11-05 17:49:52 81

原创 JS基础-json数据格式简要概叙

Json简单说就是javascript中的对象和数组，所以这两种结构就是对象和数组两种结构，通过这两种结构可以表示各种复杂的结构。1、对象：对象在js中表示为“{}”括起来的内容，数据结构为 {key：value,key：value,…}的键值对的结构，在面向对象的语言中，key为对象的属性，value为对应的属性值，所以很容易理解，取值方法为对象.key 获取属性值，这个属性值的类型可以是数字、字符串、数组、对象几种。2、数组：数组在js中是中括号“[]”括起来的内容，数据结构为 [“java”,

2020-11-05 17:47:42 140

原创 JS-事件流简要分析

事件冒泡Netscape认为，石头先扔进河里，再从河里确定了一个扔石头的点，从外往内逐渐精确的过程（捕获）w3c认为，石头扔进去先到达准确的那个点，涟漪从内往外扩散（冒泡）事件流：事件执行的顺序子元素的事件被触发时，父级也会被触发（冒泡）一个完整事件包含捕获阶段 —> 目标阶段 —>冒泡阶段冒泡是可以阻止的 e.stopPropagation( ); e.cancelBubble=true;//兼容IE事件监听DOM0级事件处理，是一种赋值方式，是被所有浏览器所支持的

2020-11-05 17:45:17 140

原创 JS基础-string内置对象详解

String 对象用于处理文本（字符串）。String 对象创建方法： new String()。语法：var txt = new String("string");//或者更简单方式：var txt = "string";string对象方法表：https://upload-images.jianshu.io/upload_images/15859737-01b5d756294501e9.png?imageMogr2/auto-orient/strip|imageView2/2/w/670

2020-11-05 17:41:50 209

原创 JS-this关键字详解

thisthis是js的关键字他是根据执行上下文（执行环境）动态指向当前调用的对象；谁调用，就指谁一、全局作用域下：this始终指向window对象二、函数作用域下：函数被谁调用，this就指向谁三、对象中的函数作用域下：this指向该方法所属的对象四、在构造函数中：this始终指向新对象五、自执行函数中：this指向window六、箭头函数中：this是在定义是绑定到了父级对象上，不是在执行过程中绑定的注意：匿名函数的this就指向window，没有其他结果// 1,全局this指w

2020-11-05 17:39:00 776

原创 JS-node节点知识点详解

node节点（更详细的获取（设置）页面中所有的内容）根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：元素是节点的别称，节点包含元素当然节点还有好多细化的种类；根节点：root>>>>HTML没有父节点；节点操作：（通过父子系关系）childNodes 获取当前元素的所有子节点；nodeType 节点种类，返回值是数字；nodeValue 获取（文字）节点的文本内容；nodeName 返回node节点名

2020-11-05 17:36:12 616

原创 JS的MATH和Date对象详解

什么是对象？对象的类型是Object。JavaScript 中的所有事物都是对象：字符串、数值、数组、函数…javaScript中万事万物皆对象想要有对象怎么办？创建对象：（创建两种方式:字面量和new运算符）1.New一个对象出来；var obj = new Object();//找到对象了 >>> 第一个想到的就是属性；//给对象添加一个属性；obj.bianmei='哇真的变漂亮了' ;obj.say=function(){ alert(this.b

2020-11-04 10:33:26 99

原创前端了解掌握之PHP+Mysql知识

PHP（HyperText Preprocessor）是一种创建动态交互性站点的强有力的服务器端脚本语言。第一句 Hello World<?php echo 'hello word<br>'; // echo('hello word<br>'); //输出结果为 ?> die() >> 输出内容的同时结束程序变量 $num = 20; echo $num;2)for()for ($i=1; $i<=5; $i

2020-11-04 10:26:46 156

原创关于Vue-router史上最全详解

前言：vue-router是什么？为什么我们不像原来一样直接用 a 标签编写链接？如何使用？常见路由操作有哪些？Vue Router是什么Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式，在 IE

2020-11-04 10:23:58 811

原创 NodeJs-gulp知识点详解

gulpgulp是基于Nodejs的自动任务运行器能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤使用流程：安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gulpfile.js -> 运行任务1.安装 nodejsnode -vnpm -vnpm install

2020-11-04 10:20:29 277

原创关于给hexo博客增加相册页面（实现瀑布流相册，实现加密相册）

前言: 本文是关于给自己的博客网站添加一个相册页面，并且实现瀑布流相册效果，基于matery主题，其他主题亦可参考。首先，直接上效果图，详细浏览地址：关于给hexo博客增加相册页面（实现瀑布流相册）新建相册页面在站点的source文件夹下面新建一个gallery相册页面。hexo new page gallery打开新建的gallery文件夹，里面会有一个index.md文件，设置index.md文件内容。---title: gallerydate: 2020-10-05

2020-11-04 10:16:49 3740 7

原创 JS-使用JS方法获取当前页面的URL(网址信息)

var url; url = window.location.href; /* 获取完整URL */alert(url); /* http://127.0.0.1:8020/Test/index.html#testname=test */url = window.location.pathname; /* 获取文件路径（文件地址） */alert(url); /* /Test/index.html */url = window.location.protocol; /* 获取协议 */al

2020-11-04 10:10:21 573

原创实验室-Chrome小恐龙跑酷游戏加强版

前言: 离线状态下chrome浏览器会出现的那个小游戏，然后这个是加强版，可以使用道具。操作介绍：开始游戏：首先点击屏幕跳跃：注意是“点击屏幕” ！道具：跳跃后捡到的道具，使用下方对应26字母键盘键支持手机，电脑，等设备玩耍，点击屏幕开始和跳跃。Chrome小恐龙跑酷游戏加强版...

2020-11-04 10:07:52 2920

原创 Vue基本介绍-史上最详解

前言: Vue.js 是什么？为什么这么火？这么多人使用？优缺点有哪些？Vue.js 是什么Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。然后可以通过如下方式引入 Vue：<script src="https://cdn.jsdelivr.ne

2020-11-03 15:11:14 3419

原创 NodeJS基本介绍-第一面

一、NodeJS基本介绍1、NodeJS是为了开发高性能的服务器而诞生的一种技术2、是运行在服务端的 JavaScript，基于V8引擎（谷歌浏览器的版本）进行运行3、使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效node官网 https://nodejs.orgnode中文网 http://nodejs.cnNode.js 的包管理器 npm，是全球最大的开源库生态系统注意：NodeJS不是语言，是运行环境！！引擎 engine是什么？Node是一个基于 Chrome V

2020-11-03 15:07:25 285

原创 JS基础-数组-最详解

Array 对象Array 对象用于在变量中存储多个值:var cars = ["Saab", "Volvo", "BMW"];第一个数组元素的索引值为 0，第二个索引值为 1，以此类推。数组数组：一组数据（一个变量来承载）数组对象是一个有序的数据，数据可以是 [原始类型] 或 [对象类型]集合。相对于变量，数组可用于在一个变量中存储多个变量值。数组中的每一项都有一个数字附于其上，被称为索引。在 JavaScript 中，数组索引从 0 开始，并可以使用多种 [方法]操作.。 var st

2020-11-03 15:04:54 391

原创 JS-cookie会话详解

cookie 会话跟踪技术一个网站从打开到浏览（包括这个网站的其他子页面）到最后关闭浏览器整个过程叫一个“会话”。在一次会话从开始到结束的整个过程，全程跟踪记录客户端的状态（例如：是否登录、购物车信息、是否已下载、是否已点赞、视频播放进度等等）。多次请求页面，数据共享cookie的存取document.cookie = "username=zhangsan"; //存 cookieconsole.log(document.cookie); // 取 cookiecookie的修改与删除

2020-11-03 15:00:37 806

原创 JS-ajax详解

Ajax（ Asynchronous Javascript And XML）注意同步和异步的区分同步 sync：首先，JS 是单线程的语言，所谓“单线程”就是一根筋，对于拿到的程序，一行一行的执行，前面的执行完成，后面的傻傻的等着。若前面的代码没执行完就会造成堵塞，后面的没法执行。异步 async：而AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。异步代码执行的时候就不会阻塞后面的代码执行。记住：同步执行代码总是优先

2020-11-03 14:59:02 7280

原创关于给hexo博客增加随笔页面（并对页面仿信纸作业纸样式修饰）

前言: 这里是博主的vlog区，博主也是B站的一名普通up????，欢迎观看交流。本文基于matery主题，主要引入哔哩哔哩视频。效果图：新建视频页面在source文件下新建一个video文件在该文件里新建一个index.md文件，其中文件内容为：---title: videotype: "video"layout: "video"---在主题配置文件_config.yml下，增加音乐页面链接和标题video: url: /video新建video.ejs文件在主

2020-11-03 14:53:28 697 5

原创当浏览器地址栏输入url地址后，敲下回车会发生什么？

当浏览器地址栏输入一个url网址后，敲下回车会发生什么？1.利用DNS域名解析系统进行域名解析，将域名解析成IP因为域名只是一个别名，计算机只认识IP，所以需要DNS解析一下（如果有端口号需要识别端口号，否则进入默认端口：http协议默认端口号是80，https默认端口号是443）2.查找ip对应的主机服务器如果是第一次访问该服务器，会向网络供应商（移动、联通…）请求3.TCP的三次握手，经过三次在客户端和服务器之间传递报文，建立连接4.发起http请求，请求入口文件，后端接收到

2020-11-03 14:49:59 444

空空如也

空空如也