赫拉莉-CSDN博客

原创 Webpack3 环境配置篇 | React + Webpack3 后台管理项目搭建（1）

React + Webpack3 后台管理项目搭建（1）| webpack3 配置篇最近的前端开发实践中，接触最多就是React后台管理的开发项目，多次对公司React项目配置进行优化升级，下面介绍的是基本的React + React-router4 + Webpack3 + less + Antd单页面应用程序的项目搭建方法。目录React + Webpack3 后台管理项目搭建（1...

2018-09-21 15:12:13 1476 1

原创宝塔添加站点后无法访问域名的解决方法

宝塔添加站点后无法访问域名的解决方法

2023-02-28 12:54:54 6576 3

原创【报错】Error: Expected undefined to be a GraphQL schema.

按照GraphQL官网给出的javaScript例子(GraphQL Code Libraries, Tools and Services)var { graphql, buildSchema } = require('graphql'); var schema = buildSchema(` type Query { hello: String }`); var root = { hello: () => 'Hello world!' }; graphql(.

2022-03-18 09:52:08 1720 1

原创编译原理 | 快速掌握文法的分类（0型、1型、2型、3型文法）

一、认识终结符和非终结符--------终结符不能单独出现在推导式左侧，因为终结符不能再被分解了，属于原子量。小写字母表示终结符--------非终结符可以继续被分解，大写字母表示非终结符。二、文法的类型0型文法------------设G=(VN, VT,P,S)，如果它的每个产生式α->β是这样一种结构：α∈(VN∪VT)* (*表示闭包，表示用集合中的任意一个元素组合形成的串)，且至少含有一个非终结符，而β∈(VN∪VT)*，则G是一个0型文法，0型文法也称为短语文法，一个非

2021-09-16 08:02:14 7248 2

原创 js前端可视化 | 平面向量的基本概念和运算法则

一、向量的概念1.1 向量的基本概念：是一个矢量，既有大小，又有方向。1.2 向量相等的条件：大小相等，并且方向相同。向量是可以位移的。1.3 向量平行的条件：方向相同或者相反。其中，零向量与任何向量平行，零向量的方向是任意的。1.4 单位向量：二、向量的加减法运算法则...

2021-09-08 08:34:14 725

原创 js前端可视化 | 向量叉乘

一、向量叉乘的几何意义二、法向量的叉乘公式

2021-08-24 08:41:48 2116

原创 js前端可视化 | 单位平面向量旋转的数学原理与计算

一、平面向量旋转原理：如上图所示，我们用坐标系表示向量，已知原始向量A=(x1, x2)，旋转β角度后得到向量B=(x2, y2)，现在我们要求出向量B的坐标值。此处我们设向量的长度R = 1；根据三角函数公式，我们得出：cosα = x1 / R = x1 / 1 = x1; （邻边比斜边）sinα = y1 / R = y1 / 1 = y2; （邻边比对边）下面先回顾三角函数两角和差公式：cos(α+β)=cosα·cosβ-sinα·sinβ （余余正正，符号反）cos(...

2021-08-23 09:52:41 1410

原创 js代码优化 | 用数学方式计算当前月所在季度的开始月（Math.ceil）

网上看到下面一段代码：//获取当前月所在季度的开始月function getQuarterStartMonth(month){ var quarterStartMonth = 0; if(month<4){ quarterStartMonth = 1; } if(3<month && month<7){ quarterStartMonth = 4; } if(6<month &am

2021-08-17 18:12:37 258

原创目前国内公开的手机号段 | 正则资料库

资料来源：https://www.cnblogs.com/zengxiangzhan/p/phone.html

2021-03-04 11:15:34 470 1

原创【报错】Unexpected token ＜ in JSON at position 1 while parsing near ‘

Unexpected token < in JSON at position 1 while parsing near '一般是网络原因引起的，可以换成淘宝镜像。步骤：1.全局配置切换到淘宝源 npm config set registry https://registry.npm.taobao.org2.正常使用npm 安装插件3.全局配置切换到官方源 npm config set registry http://www.npmjs.org完成。...

2020-11-10 09:36:59 6175

原创前端面试题收藏（1）

面试周期：从投递简历到收到offer大概经历了一个月左右，所以最好还是不要裸辞，不然心态会裂开。笔试题：（二面、三面后的笔试） 1、手写bind 2、手写简版promise，基础架子，不用写all、race等api 3、爬楼梯，尾递归优化（算法） 4、猴子吃香蕉（算法） 5、回文字符串个数（算法）一面一面是电话面试，面试问题（可能记不全了），大致以下部分（1）：各种原生方法的使用，基本类型和引用类型，es6中的set（集合）和map（字

2020-11-06 08:29:01 416

原创迷你上标和下标复制大全（含0~9、字母、特殊字符）

A⁰ ¹ ² ³ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ B₀ ₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉

2020-10-12 10:43:06 458842 44

原创 js 使用 Object.keys 遍历对象属性

js 遍历对象属性let foo = { name:"foo", age: 17}Object.keys(foo).forEach(function (key) { console.log(key,foo[key])});//name foo//age 17

2020-09-29 09:51:40 1324

原创 js 判断某元素是否属于某数组

判断某元素是否属于某数组//判断某元素是否属于某数组IsInArray(arr,val){ var testStr=','+arr.join(",")+","; return testStr.indexOf(","+val+",")!=-1; },

2020-09-29 09:13:18 422

原创 vue使用v-if判断数字是否在某个区间，需配合使用逻辑判断符 &&

vue 使用if判断数字是否在某个区间，请使用逻辑判断符 &&<el-table :data="tableData" border> <el-table-column prop="overlimit" label="超标幅度"> <template slot-scope="scope"> <span> &

2020-09-22 18:16:59 4810

原创 JS数组置顶元素（将数组某个元素排到第一位）

JS数组置顶元素let data = ['cat', 'pig', 'dog']data.map((item,index) => { if(index == 2){ data.unshift(data.splice(index , 1)[0]); }})console.log(data) // ['dog', 'cat', 'pig']

2020-09-22 09:36:49 14648 1

原创 Cordova跨平台Web App开发指南（安卓篇）

Cordova跨平台Web App开发指南（安卓篇）打包ios包必须用苹果系统，没钱买IOS设备，这里只介绍Android平台打包一、Cordova简介’在进行Cordova开发之前, 先花点时间了解一下的Cordova的原理和Cordova的框架结构.Cordova是开发跨平台web App的工具, 使用前端技术来开发App, 可以节省成本和快速发布. Cordova的底层逻辑是:HTML+CSS搭建页面, 使用JS和原生平台交互来展示原生平台的功能. Cordova所有功能是建.

2020-09-14 10:56:55 2786 1

原创 JS 浅拷贝——Shallow copy 在 Canvas 绘图中的应用

（一）简述 JavaScript 浅拷贝和深拷贝在介绍浅拷贝和深拷贝的概念之前，我们不妨先了解一下 JavaScipt 变量的两种保存方式。ECMAScript 变量可能包含两种不同数据类型的值：基本类型值和引用类型值。基本类型值指的是简单的数据段，而引用类型值指那些可能由多个值构成的对象。在将一个值赋给变量时，解析器必须确定这个值是基本类型值还是引用类型值。5 种基本数据类型：Un...

2019-01-07 10:04:47 1418 6

原创使用 JavaScript 逻辑运算符 and(&&) 简化 if 条件语句

在JavaScript中，如果你的 if 条件语句是单一行的代码，我们可对其进行简化书写。var arr = [10, 22, null, 85, 75, null, 23];function replaceElement(ele, index, arr) { //if条件语句 if (ele == null) { arr[index] = 0; ...

2018-12-17 16:09:17 7540

原创 Selectors API - 详解 querySelectorAll 获取与遍历 DOM 元素列表

使用 document.querySelectorAll 搭配CSS选择器，可以非常便捷地获取文档中指定元素列表。elementList = parentNode.querySelectorAll(selectors);参数 selectors：一个DOMString包含一个或多个匹配的选择器。返回值：一个静态NodeList（一个集合，不是数组，类似于数组，文本稍后做详解），包含一...

2018-12-17 12:42:42 16796

原创 pip install tensorflow 安装失败

pip install tensorflow 安装时出现下面错误：Could not find a version that satisfies the requirement tensorflow(from version: ) No matching distribution found for tensorflow.可以尝试使用 conda 包管理和安装工具：conda ...

2018-12-09 12:01:15 13800 2

原创 React 中使用 webpack 动态添加 favicon 图标

本文探讨如何在React项目中使用 webpack 动态添加 favicon 图标。如果你想要动态地在 html 中添加 favicon 图标，建议使用 html-wepack-plugin 插件，使用一个模板html文件，通过webpack配置文件可以动态引入favicon图标，生成一个新的带有 favicon 的 html 文件。安装 html-wepack-plugin：np...

2018-10-22 10:40:02 7833

原创如何理解 JavaScript 函数调用及" this "对象 | 翻译

最近深入阅读React官网文档时，看到一篇关于JavaScript函数调用及“this”的文章https://yehudakatz.com/2011/08/11/understanding-javascript-function-invocation-and-this/，尽管这篇文章的创作时间有些久远，但博文中的案例确实有助于理解 JavaScript 函数调用及ES5语法中 bind() 方法。...

2018-09-27 02:15:42 272

原创 ESLint 代码检测工具篇 | React + Webpack3 后台管理项目搭建（2）

ESLint简介ESLint是一种检测和报告JavaScript代码错误的工具，以使代码更加一致和避免Bug。ESLint可以让前端程序猿创建自己的检测规则。 ESLiint安装ESLint 有两种安装方式：全局和局部。建议使用全局安装，局部安装意义不大（后面说明原因）。（1）全局安装：npm install eslint -g在项目根目录下，初始化配置文件：e...

2018-09-21 17:12:54 653

原创 JS拼接html字符串时传入JSON对象的格式

在JS中拼接html字符串，遇到的坑往往是由书写格式引起的。注意以下几点：单双引号需嵌套使用；传入 JSON 对象需要使用 JSON.stringify() 序列化为一个 JSON 字符串，并且更需要注意单双引号嵌套问题。示例：let html = "";for(var i=0;i<data.length;i++){ html += '<tr>'+...

2018-09-12 11:55:40 3755

赫拉莉的博客