Astar_小白的成长之路-CSDN博客

原创 CSS3——CSS3矩阵matrix进行2D变换的数学原理

css3的2D转换中matrix接受6个参数，却可以实现平移、旋转、放缩、斜切四种效果。它是如何做到的呢？预备知识：矩阵相乘先将matrix接受的六个参数记为a,b,c,d,e,f，该变换矩阵记为二维平面上一个点记为（x,y），为了与向量区分开，我们使用数字1代表点，0代表向量，则二维平面上一个点应记为（x,y,1），为了使该点经过变换后依旧为（x,y,1）的形式，矩阵可以改为进行相乘...

2018-10-05 15:08:28 1813 4

原创基于lighthouse对网站进行性能优化

theme: channing-cyan前言是这样的，我写了一个在线聊天的demo，前端vue后端koa。访问链接在此作为一个爱折腾的年轻人，我总想让访问我网站的朋友们访问时十分顺畅、心情舒适、宾至如归，所以使用chrome devtool中自带的lighthouse工具对网站进行了方方面面(性能、可访问性、SEO等等)的分析，顺带做了一波性能优化。优化前我们可以看到p...

2021-07-07 02:23:46 112

为什么会有跨域？出于安全性考虑，浏览器限制脚本内发起的跨源HTTP请求。例如，XMLHttpRequest和Fetch API遵循同源策略。这意味着使用这些API的Web应用程序只能从加载应用程序的同一个域请求HTTP资源，除非响应报文包含了正确CORS响应头。同源策略：如果两个URL的protocol、port(如果有指定的话)和host都相同的话，则这两个URL是同源。跨域解决方案1. JSONP在CORS之前，开发人员也有跨域请求资源的需求，他们提出了多种方案，其中JSONP为常见的一种

2021-07-03 23:57:19 383

原创 Array.prototype.fill()生成二维数组问题

我打算使用Array.prototype.fill()快速生成二维数组，代码如下let p = new Array(10).fill(new Array(5).fill(0))预期生成10 * 5的二维数组但是，当我们操作数组时，会发现出现了问题,以下代码使得所有p[i][0]都变为了10，这说明填充的数组都指向同一个引用。p[0][0] = 10查阅MDN，得知填充的是数组的引用。If the first parameter is an object, each slot in the

2021-06-01 10:19:04 500

原创使用animation实现文字无限横向滚动

需求若文字长度不超过容器宽度，则不滚动，反之滚动（复制一遍文字，让滚动无缝衔接）。匀速滚动（运动时间 = 路程 / 速度）。监听resize事件，结合防抖throttle，触发后重新计算是否需要滚动。实现<template><div> <div class="notice" ref="container"> <p ref="notice">{{notice}}</p> </div></div&g

2021-04-05 14:44:03 1049

原创 MongoDB常用命令自查笔记

https://johng.cn/mongodb-command/查看当前数据库db;显示所有数据库show dbs;切换数据库use XXX;得到当前db的所有聚集集合db.getCollectionNames();···5. 查询

2021-01-13 10:49:32 238

原创 http请求报文和响应报文之常见请求头及其作用

HTTP的Request/Response先看Request 消息（客户端发送）的结构, Request 消息分为3部分第一部分叫Request line, 第二部分叫Request header,第三部分是body. header和body之间有个空行。第一行中的Method表示请求方法,比如"POST",“GET”, Path-to-resoure表示请求的资源， Http/ve...

2020-04-18 23:32:25 2821

原创 javascript与leetcode——无重复字符的最长子串

问题描述：给定一个字符串，找出不含有重复字符的最长子串的长度。示例：给定 “abcabcbb” ，没有重复字符的最长子串是 “abc” ，那么长度就是3。给定 “bbbbb” ，最长的子串就是 “b” ，长度是1。给定 “pwwkew” ，最长子串是 “wke” ，长度是3。请注意答案必须是一个子串，”pwke” 是子序列而不是子串。分析： ①必须会的暴力破解法，求无重复字符的最长子串

2019-03-19 22:09:45 4586 4

原创前端面试题目整理——实现平衡二叉树AVL

AVL是BST的升级版，搜索性能更高。function Node(key) { this.data = key this.left = null this.right = null}function AVL(arr) { this.root = null this.createAVL(arr)}AVL.prototype.createAVL = f...

2019-03-19 19:41:31 521

原创前端面试题目整理——设计模式

作用JavaScript设计模式的作用 - 提高代码的重用性，可读性，使代码更容易的维护和扩展。目录单例模式工厂模式抽象工厂模式策略模式模板方法模式职责链模式发布订阅者模式桥接模式适配器模式正文单例模式确保一个类仅有一个实例，并提供一个访问它的全局访问点。一般我们是这样实现单例的，用一个变量来标志当前的类已经创建过对象，如果下次获取当前类的实例时，直接返回之...

2019-03-18 22:29:22 4653

原创前端面试题目整理——排序算法

https://forrany.github.io/2018/08/21/2018-08-21-front-end-interview-algorithm/https://blog.csdn.net/github_36673034/article/details/79323198https://blog.csdn.net/weixin_38984353/article/details/8039...

2019-03-15 20:02:38 1101

原创前端面试整理——框架篇

VUEVUEXREACTREDUX

2019-03-12 15:33:41 412

原创前端面试题目整理——计算机网络基础篇（汇总）

通信协议（http、tcp、udp）三者都是通信协议，也就是通信时所遵守的规则，只有双方按照这个规则“说话”，对方才能理解或为之服务。TCP/IP是个协议组，可分为四个层次：网络接口层、网络层、传输层和应用层。在网络层有IP协议、ICMP协议、ARP协议、RARP协议和BOOTP协议。在传输层中有TCP协议与UDP协议。在应用层有FTP、HTTP、TELNET、SMTP、DNS等协议。...

2019-03-12 12:48:01 5326 1

原创前端面试题目整理——javascript篇

事件冒泡和事件捕获事件委托好处： 1. 减少事件注册；2. 新增子对象无需再次绑定事件，对我们动态增加子元素的时候很友好。用法：利用事件冒泡原理 =&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; 父元素进行事件响应=&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;a

2019-03-12 11:15:13 571 1

转载前端性能优化方案都有哪些？

原文 =》 https://www.cnblogs.com/coober/p/8078847.html前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 ?从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。从...

2019-03-11 16:04:33 341

原创【机器学习】之梯度下降算法（GradientDescent）

前言关于梯度的前世今生问题我已经在这篇文章中探讨了 =&amp;amp;amp;gt; 【机器学习】之梯度的探究【参考资料】tensorflow-梯度下降,有这一篇就足够了

2019-02-01 23:05:16 348

原创 alplapose（pytorch version）安装配置

Alphapose（pytorch version）github页面：https://github.com/MVIG-SJTU/AlphaPose/tree/pytorch搞了双系统win10+ubuntu16.04在ubuntu16.04内部运行alphapose代码python2.7和python3.5，先安装pip3(python3-pip)下代码git clone -b py...

2019-01-29 21:18:08 5112 8

原创 win10+ubuntu16.04双系统配置记录

此帖记录配置双系统的全部过程，网上很多教程良莠不齐，很多博主连电脑配置都没有说清楚就直接上教程，按照这样的教程配置成功往往是因为幸运。安装双系统前的准备了解电脑分区类型（mbr还是gpt？）https://jingyan.baidu.com/article/ad310e80a9298a1849f49e17.html了解电脑是uefi启动还是bios启动https://jingyan.b...

2019-01-29 20:25:43 477

原创前端面试题目整理——css篇

1.css选择器 CSS选择器：id选择器(#myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器（ul &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt; li）、后代选择器（li a）、通配符选择器（*）、属性选择器（a[rel=”external”]）、伪类选择器（a:hover, li:nth-child）

2019-01-21 04:00:09 636

原创【机器学习】之梯度的探究

前言训练模型时我们会用到一个【损失函数】，它存在的作用是判定当前训练参数是否合格，损失值越小，说明模型拟合度好。那么如何知道损失值已经达到最小了呢？我们需要明确的一点：它的本质是一个函数，求函数极限值的方法想必各位已在《高等数学》的修读中学会了，本文会对一些基本概念进行简单回顾——导数、偏导数、方向导数和梯度，步步深入。一元函数的导数一元函数在某一点的导数等于它的图像上这一点处之切线的斜...

2019-01-16 21:34:24 334

原创 tensorflow基础之张量（Tensor）、阶（Rank）、计算图（Graph）、节点（Node）

tensorflow对张量（Tensor）是这样定义的：张量是对矢量和矩阵向潜在的更高维度的泛化。TensorFlow 在内部将张量表示为基本数据类型的 n 维数组。显然，tensorflow将张量定义为多维数组。【相关资料】TensorFlow从0到1 - 2 - TensorFlow核心编程笔记 | 什么是张量（tensor）&amp;amp;amp;amp; 深度学习转|浅谈什么是张量tensor...

2019-01-09 16:27:04 4672 1

原创 ubuntu18.04.1使用pip安装tensorflow

前言：本机使用虚拟机安装ubuntu18.04.1python版本为3.6.5安装的是支持CPU的tensorflow若python版本为2.n，可以选择下载安装python3.n或者安装支持python2.n的pip环境和tensorflow若电脑支持GPU，可以自找教程安装支持GPU的tensorflow以下为正题：确认是否安装python（本机版本为python3.6.5，貌似...

2019-01-08 17:09:47 1141

原创 python入门——基础知识记录

变量变量名只能包含字母、数字和下划线。以字母或下划线开头注释使用#号基本数据类型字符串各种方法：str.title() // 以首字母大写的方式显示每个单词str.upper() // 转为全大写字母str.lower() // 转为全小写字母str.rstrip() // 删除字符串末尾多余的空白,ps: 原字符串没有改变，除非重新赋值： str=str.rstrip()...

2019-01-08 15:25:50 235

原创 vue实现下拉刷新和上拉加载

&amp;amp;lt;template&amp;amp;gt;&amp;amp;lt;!-- 下拉刷新上拉加载更多--&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;container-wrapper&amp;quot; @touchstart=&amp;quot;startTouch&amp;quo

2018-12-17 22:16:45 1999

原创前端——移动端真机调试利器

vconsole使用方法：<script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script><script> // 初始化 var vConsole = new VConsole(); console.log("hello")</script&gt...

2018-10-31 21:04:31 711

原创前端面试题目整理——http状态码

当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求。HTTP状态码的英文为HTTP Status Code。分类描述1XX信息，服务器收到请求，需要请求者继续执行操作2XX成功，操作被成功接收并处理3XX重定向，...

2018-10-30 20:06:06 542

原创 css3——实现点击波纹效果

&amp;amp;lt;button class=&amp;quot;btn ripple&amp;quot;&amp;amp;gt;Button&amp;amp;lt;/button&amp;amp;gt;.btn { position: relative; margin: 0 auto; width: 200px; height: 50px; line-height: 5

2018-10-03 17:33:39 6244

原创 css-css3属性整理

背景background简写顺序background-colorbackground-imagebackground-repeatbackground-attachmentbackground-positionbackground: #ffffff url(&amp;amp;amp;amp;amp;quot;img_tree.png&amp;amp;amp;amp;amp;quot;) repeat-x fixed right top;文本属性

2018-10-03 16:42:36 305 2

原创大量插入dom元素的方法

笔试的时候做到一道题：向&amp;lt;ul id=&quot;root&quot;&amp;gt;&amp;lt;/ul&amp;gt;插入1000条&amp;lt;li&amp;gt;我是li标签&amp;lt;/li&amp;gt;标签，一般我们会想到使用循环，但是，由于渲染回流，在for循环内部多次appendChild会造成多次渲染，从而出

2018-09-29 22:28:16 5503

原创前端面试题目整理——http请求的几种方式

post和get这类常见的请求大家应该都不陌生。事实上，http有以下几种请求：GET 请求获取由Request-URI所标识的资源，get请求会在URL中显示请求的资源，一般只用于数据的读取POST 在Request-URI所标识的资源后附加新的数据。HEAD 请求获取由Request-URI所标识的资源的响应消息报头。HEAD方法与GET方法一样，都是向服务器发出指定资源的请求。但...

2018-09-29 22:14:51 2064

原创 github fork代码同步更新

git remote add upstream https://github.com/hello-astar/xxx.gitgit fetch upstreamgit checkout mastergit merge upstream/masterdone~~~

2018-09-07 21:31:37 571

原创网易往年校招题目

小易准备去魔法王国采购魔法神器,购买魔法神器需要使用魔法币,但是小易现在一枚魔法币都没有,但是小易有两台魔法机器可以通过投入x(x可以为0)个魔法币产生更多的魔法币。魔法机器1:如果投入x个魔法币,魔法机器会将其变为2x+1个魔法币魔法机器2:如果投入x个魔法币,魔法机器会将其变为2x+2个魔法币小易采购魔法神器总共需要n个魔法币,所以小易只能通过两台魔法机器产生恰好n个魔法币,小易...

2018-09-07 00:16:09 428

原创 sass的基本使用

变量：使用 $ 符号开头，在SASS中定义的变量，除了可以在样式中直接引用之外，还可以对变量进行一些基本的数学运算，而且还可以在一些有用函数中引用。$color:#000;body{color:$color;background-color:#fff;}适用情况：定义主题皮肤等嵌套选择器嵌套 SASS中选择器的嵌套指的是在一个选择器中嵌套另一个选择器来实现继承。比如说，...

2018-06-15 16:31:46 250

原创 React——强制重新挂载组件

访问相同路由时候，只会触发render，组件没有重新挂载，这种情况对需要刷新数据的项目来说是不ok的要强制重新挂载组件，可以尝试这个方法：访问一个空路由再返回来...

2018-05-31 09:11:08 22547

原创 react进入页面第一次渲染——fetch数据还没获取

第一次进入到页面的时候，因为需要去fetch数据，所以会在没数据的情况下有一次渲染，等fetch成功后，会再一次进行渲染。这样会导致出错可以在state中加一个isLoading...

2018-05-29 15:06:41 10106

转载 React-Router与Tomcat

当前端用React-Router做路由的时候，打包出来的静态文件丢到Tomcat里面是可以直接访问的，但是当我们刷新一下浏览器，或者打开一个不存在的页面的时候，就会发现前端界面鬼畜了。。。。今天看了一下react-router的路由方式，想了想，刷新的时候，咦，不就是找不到url上面指定的页面嘛，404的时候转回index就完事了，React-Router的history会帮我定位回去的那么，找到...

2018-05-10 15:53:02 897

原创 react-router添加路由刷新页面后显示404

使用BrowserHistory刷新后出现404错误解决办法修改webpack.config.js文件，在output那一项设置publicPath:’/’ devServer中加上historyApiFallback: true

2018-04-26 13:05:58 4343

原创 React-webpack——开发一个react项目所需准备

npm init —生成package.json文件安装依赖 npm install –save react npm install –save react-dom npm install –save-dev webpack npm install –save-dev webpack-dev-server npm install –save-dev babel-core...

2018-04-25 23:04:10 499

原创 React与Redux学习记录（一）

学了react之后看了redux，一脸懵逼，先来捋一捋思路。redux是一种架构模式，react-redux是将redux这种架构模式与react结合起来的一个库。所以我们先理解一下这种架构模式的基本思想，理解之后react-redux库很好上手。学习react的时候，我们要在各层父子组件直接共享某个状态，往往用到状态提升的方法，state定义在根组件中，通过props传给子组件，假如子组...

2018-04-17 23:01:20 305

原创腾讯云——通过公网IP访问不到网站解决办法

之前下了个xshell远程腾讯云的主机，设置安全组的时候好像把原来的默认设置搞掉了，通过公网ip访问不到网站了。解决办法：腾讯云有一个安全组的模板，开放22、80、3389等常用端口，把它添加上去。我的用的是8080端口，需要顺便开放一下8080端口，解决！...

2018-04-03 20:02:59 4373

phpStudyLite——php学习利器

jsp开发过程中需要用到的包

org.json.jar、json.js下载

空空如也