- 博客(50)
- 收藏
- 关注
RSS订阅
原创 JS中this对象
简述在JS中也有this对象，但与其他的面向对象语言相比，JS中的this 是动态的，它会根据你调用的位置，以及一些绑定规则绑定this对象。举个例子：function foo(){ console.log(this.a);}let obj = { test:foo};a = 20;obj.a = 10;obj.test(); //10foo(); // 20在obj.test()中 this是绑定obj这个调用对象的，因此会输出10. 但在foo()绑定的是全局对象，因此输
2020-07-30 22:44:16
255
原创 JS之Ajax初体验
AjaxAjax 是Asynchronous Javascript + XML的简写，这一技术可以向服务器请求额外数据而无需卸载页面。而Ajax的核心就是XMLHttpRequest对象XMLHttpRequest 工作原理传统的web前端与后端的交互中，浏览器直接访问Tomcat的Servlet来获取数据。Servlet通过转发把数据发送给浏览器。当我们使用AJAX之后，浏览器是先把请求发送到XMLHttpRequest异步对象之中，异步对象对请求进行封装，然后再与发送给服务器。服务器并不是以转发
2020-07-18 22:11:14
121
原创 react 学习笔记（一）
仅为了在学习react过程中做的笔记入门教程（hello world）Hello Worldimport React from 'react';import ReactDOM from 'react-dom';这两个包是react中基础的库，react包主要是用于定义组件， react-dom 则包含了渲染浏览器和操作dom元素的相关API. 另外还有react-native包function Hi(){ return <div>Hello world!</div>
2021-06-12 12:30:16
209
原创 Static Asynchronous Component Misuse Detection for Android Applications
论文题目：Static Asynchronous Component Misuse Detection for Android Applications这是FSE2020上移动专题上的一篇会议论文，主要介绍了在安卓应用中存在的异步组件错误使用的问题，归纳总结了五种不同的错误使用方式，并制定了检测规则进行识别。论文地址：https://dl.acm.org/doi/pdf/10.1145/3368089.3409699GitHub项目地址：https://github.com/pangeneral/A
2021-04-14 14:56:37
188
原创 Pycharm debug失败: RuntimeError: implement_array_function method already has a docstring
在用Pycharm debug功能时报这个错误，但是直接运行代码是正常的。报错的信息显示是包冲突的问题，尝试将报错的包都移除也还存在这个问题，网上也找了相关的解决方案，最后试着将文件名修改了，debug成功了。...
2021-01-11 10:57:53
317
原创 Numpy 保存和读取
我在写代码时，有时需要保存数组，而numpy包中就自带保存文件和读取文件的函数，在这里记录下。写文件这里主要用到两个函数，save() 和savetxt()save()filepath = '/home/.../xxx.npy' # .npy 文档中推荐的扩展名arr = np.zeros([10,10]) # 要保存的数组np.save(filepath, arr)savetxt()savetxt() 可以用来保存为文本类型，如csv文件np.savetxt('arr.c
2020-12-01 15:05:40
500
原创 聚类的基本概念
聚类方法聚类：聚类是针对给定的样本，依据它们特征的相似度或距离，将其归并到若干个“类”或“簇”的数据分析问题。其结果满足，类内部相似，类之间不相似。在机器学习中聚类属于无监督学习，常用的算法很多，书中介绍了两种：层次聚类（hierarchical clustering）和 k均值聚类（k-means clustering）.相似度和距离：如何定义样本之间的相似度或关系，这就需要一些度量指标。在聚类中，比较常见地就是相似度或距离。在样本空间中， 样本集合可以用一个矩阵来表示，X=[xij]m×nX=
2020-11-26 20:41:23
4581
原创 (gedit:3116): Gtk-WARNING **: cannot open display:错误
本人是想通过igragh可视化网络的，运行代码时，报了这个错误。在网上也查了挺多解决方案的，最后是通过安装Xming,通过Xming实现可视化操作。Xming 下载地址具体的解决方案和相关配置PS：需要提前运行Xming 程序，界面会在Xming显示。如下图...
2020-11-26 16:33:16
1799
翻译 神经网络模型过程的可视化
题目中的可视化是指，对于特定层输出结果的获取。主要的代码如下：cnnModel = #a model you have defined with layers假设想要得到的第1，5，8层的输出from keras.models import ModeldesiredLayers = [1,5,8]desiredOutputs = [cnnModel.layers[i].output for i in desiredLayers] #alternatively, you can use cn
2020-10-19 19:55:51
489
原创 Latex: 如何导入bib文件，并成功显示
在用Latex 写论文时，用bib文件存储参考文献，通过\bibliographystyle{style} \bibliography{reference} 导入这个文件时，会无法显示文献条目，并且在文章中的引用也是一个问号的形式。再查了一些资料，以及自己尝试了一下，发现需要先对用BibTex编译文章，之后再用PDFLaTex编译,这样就可正确显示引用内容。我这边用的编辑器是Texmaker....
2020-09-21 14:58:55
2427
1
原创 MATLAB中 下划线的显示问题
在画图时，有时候x轴的某一类别包含下划线，比如“a_a”, 但在显示的时候下划线是显示不出来的，这时候就需要在下划线前加一个转义符‘\’. 通常可以这么处理：x = strrep(x, '_','\_');x 是要处理的字符串，或者数组。...
2020-09-10 23:30:02
3641
1
原创 你不知道的JavaScript上卷（一）
第一章 作用域存储和访问变量，几乎是所有编程语言的基本功能之一。但如何将变量引入，如何存储，如何查找等这些问题，就需要一套设计良好的规则进行管理。这套规则则被称为作用域1.1编译原理尽管通过将JavaScript归为解释性语言或动态语言，但事实上JS也存在编译的步骤，但与传统的编译语言不同，它不是提前编译的，编译结果也不能在分布式系统进行移植。大部分情况下JS的编译发生在执行前的几微秒（甚至更短）。1.2理解作用域几个主要角色如下:引擎从头代为负责整个JS程序的编译和执行过程编译器
2020-09-08 12:48:26
291
原创 你不知道的JavaScript中卷（三）
前言这一章主要介绍了常用的原生函数，如:String()Number()Boolean()Array()Object()…这些原生函数可以对string、Number这些基本类型进行封装。可以如var a = new String("abc");typeof a; // objecta instanceof String; // trueObject.prototype.toString.call(a); // [object String]这里的new String
2020-08-31 21:40:10
270
原创 你不知道的JavaScript中卷（二）
第二章 值数组在JS中数组的功能是十分强大的，与其他语言不同的是：数组中的值可以是不同类型的，如 var a = [1,‘2’,[3]];在JS中栈和队列都是通过数组实现的，相关的方法有push(),pop(),shift(),unshift()在JS中数组也是一个对象，因此你可以给通过键值对赋值，如 a[‘name’] = ‘zhangsan’; 但这些键值对是不算在length长度中的，还有如果键名为数值的字符串表示，如a[‘13’], 那么这个‘13’会被强制转为数值的数组可以声明后，再
2020-08-31 20:27:34
237
原创 texmaker无法预览pdf问题
在点击运行之后，并未打开pdf版本，然后了以下错误。Error : could not start the command : "C:/ProgramFiles/Ghostgum/gsview/gsvi…但之前在另一台电脑上确可以。主要的不同是在另一台电脑上我是先安装texlive ，而在这台上是先安装texmaker, 于是抱着试一试的心态，将texmaker卸了重装，问题反而解决了。...
2020-08-27 18:23:28
2215
转载 Latex常见指令
字体加粗、斜体显示直立文本： \textup{文本}意大利斜体： \textit{文本}slanted斜体： \textsl{文本}显示小体大写文本： \textsc{文本}中等权重： \textmd{文本}加粗命令： \textbf{文本}默认值： \textnormal{文本}罗马数字小写：\romannumeral大写： \uppercase\expandafter{\romannumeral}使用方法： 在最后加上数字，如\uppercase\expandafter{\r
2020-08-20 21:12:55
2289
原创 Vue中emit事件无法触发的问题
在父组件中定义事件监听，会出现无法触发对应的事件函数，在下面的代码中，我想通过v-on:event_1=“handle”, 想监听子组件中的event_1事件，但尽管事件发生了， 但还是触发不了，这个问题在于v-on:event_1="handle"的位置，需要放在 <my-template :users=“users” v-on:event_1=“handle” ></my-template> 中。<body> <div id='app' v-on:ev
2020-08-16 22:13:52
3792
原创 字节前端一到三面
流程7月11号投的字节提前批，15号hr约面试时间， 22号一面， 27号二面， 29号三面。基本上面完马上给结果和约下一面的时间了。一面2020/7/22 8:00-8:55讲一下项目，以及项目中用的一些技术，如何使用，为什么。闭包。给了一段代码问输出，以及解释原因变量提升。什么是变量提升;实现一段代码，讲一下; 给了一段代码提问。浏览器缓存。如何对浏览器缓存进行控制promise。什么是promised;promise的状态；promise.then()的用法；pr
2020-08-13 21:03:11
1892
3
原创 贝壳2020秋招前端笔试
第一题// 1. 输入一个字符串，输出最小替换几次，可以使这个字符串变成回文字符串function foo1(str){ let left = 0, right = str.length-1; let res = 0; while(left<right){ if(str[left++] != str[right--]){ res++; } } return res;}第二题// 2. 染色问题
2020-08-11 22:09:40
454
原创 Vue的生命周期
记录一下在Vue对象中的生命周期分为八个事件：beforeCreate: 在实例创建之前触发，想data等属性并未初始化created：实例创建之后立刻触发，但未进行挂载，网页上还是处于未挂载状态beforeMountemountedbeforeUpdate：数据其实已经改变了，只是为更新domupdatedbeforeDestroydestroyed...
2020-08-10 19:55:38
101
原创 Leetcode 354. 俄罗斯套娃信封问题
题目描述原题链接给定一些标记了宽度和高度的信封，宽度和高度以整数对形式 (w, h) 出现。当另一个信封的宽度和高度都比这个信封大的时候，这个信封就可以放进另一个信封里，如同俄罗斯套娃一样。请计算最多能有多少个信封能组成一组“俄罗斯套娃”信封（即可以把一个信封放到另一个信封里面）。说明:不允许旋转信封。示例:输入: envelopes = [[5,4],[6,4],[6,7],[2,3]]输出: 3 解释: 最多信封的个数为 3, 组合为: [2,3] => [5
2020-08-10 16:12:37
187
原创 Vue-Loader中报TypeError: Cannot read property ‘parseComponent‘ of undefined错误
在使用Vue-Loader时报错，按照官网上安装vue-loader 和 vue-template-compiler 后还是有问题，在检查了modules文件夹，发现多了一个vue-template-es2015-compiler的文件夹，而不是vue-template-compiler, 在删除vue-template-es2015-compiler，重新安装vue-template-compiler，问题解决。...
2020-08-09 15:30:49
9108
6
原创 Vue-Router基础
基本使用基本步骤：导包 ， 导入vue-router的js文件，可以使用cdn方式，也可以加载本地的js文件新建VueRouter对象，并在对象中设置routes (路由规则，需要设置path和component属性)将router对象挂载到Vue实例中在HTML文件中设置router-view作为占位符，用于匹配到的组件显示。例子：<!DOCTYPE html><html lang="en"><head> <meta ch
2020-08-07 08:39:03
128
原创 Vue中用钩子函数实现小球半场动画
简述通过使用Vue 中的钩子函数，实现小球半场动画。效果如下图：代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.jsdelivr.net/n
2020-08-05 22:20:36
292
原创 浏览器的缓存策略:强缓存&协商缓存
前述在获取到服务器上的资源后， 浏览器和缓存服务器会根据其缓存的策略对资源进行缓存，在下一次访问该资源时，可以直接从本地或者缓存服务器上获取。缓存可以分为强缓存和协商缓存两种。强缓存在使用强缓存时，浏览器会根据首部参数如max-age，来判断该缓存是否已过期，如果没有过期，则直接使用该缓存，否则，请求服务器上的资源。主要的首部字段有：Cache-Control 和 Expires协商缓存协商缓存则是，在请求服务器时，会使用 Etag和If-None-Match、Last-Modified和If
2020-08-01 22:30:36
226
原创 JS中的节流和防抖
前言在JS中，节流和防抖是两个相似的概念，都是为了限制JS频繁地运行一段代码。但两者还是有一定区别的。节流节流的目的是为了防止代码无间断执行，其思想是，在规定时间内改段代码只能执行一次，通过设置标记，根据标记值来表示这段时间内是否有代码执行，如果有，则不重复执行，等待下次触发。如果没有，则将标记置为True，设置定时器，当代码执行完毕后，再将标记位置为False. 代码如下： // 节流 ： 防止某些代码没有间断的执行 function throttle(method, context){
2020-08-01 22:06:52
426
原创 ES6的Symbol
简述为了解决ES5对象属性名会重复的问题，ES6提出了第七种数据类型：Symbol，用来表示独一无二的值.var s = Symbol()console.log(typeof s); // symbolvar a = Symbol();var b = Symbol();console.log(a == b) // falseSymbol 函数前不能加new ,因为生成的Symbol是一个原始类型的值，不是对象Symbol 函数可以接受一个字符串作为参数，表示对Symbol实例的描述va
2020-07-24 20:49:08
178
原创 JS中的创建对象
工厂模式function createPerson(name, age) { let obj = new Object(); obj.name = name; obj.age = age; obj.sayName = function () { console.log(obj.name); } return obj;}var person = createPerson("zhangsan", 1);无法实现实例之间共享一些方法和属性
2020-07-18 15:07:42
101
原创 JS中类型判断
基本类型undefinednullBooleanNumberStringObjectSymbol(ES6)常见的引用类型functionArraysetmap…一般来说有三种检测类型的方法：typeof 、instanceof 和 Object.proprety.toString.call()typeof//typeofconsole.log("typeof:")console.log(typeof(undefined)); //undefinedconsole
2020-07-17 21:50:39
123
原创 JS中的事件流
简述事件流描述的是从页面中接受事件的顺序，在JS中分为两种，一个是事件冒泡，还有一个是事件捕获当btn中的事件被触发了，其事件流的顺序就如上图所示， 先从最外面的body开始到btn的捕获阶段，再是从里到外的事件冒泡阶段。DOM 事件流在"DOM2级事件"规定的事件流包括三个阶段“事件捕获阶段、出于目标阶段和事件冒泡阶段”。一般来说，出于目标阶段会被看成冒泡阶段的一部分事件处理程序1.HTML事件处理程序直接在html中添加事件处理程序，如<input type="button" o
2020-07-16 21:59:50
1925
原创 DOM扩展学习记录
主要记录以下书中的选择API和部分HTMl5的扩展。选择符API这里的选择符api,主要指得是querySelector() 和 querySelectorAll() 这两个方法querySelector()querySelector 方法接受一个CSS选择符，返回与该模式匹配的第一个元素，如果没有找到，则返回null.输入元素名var body = document.querySelector('body');输入ID, “#id”var myDiv = document.qu
2020-07-15 20:03:32
93
原创 圣杯模型和双飞翼模型
概述圣杯布局和双飞翼布局解决的问题是一样的，就是两边顶宽，中间自适应的三栏布局，中间栏要在放在文档流前面以优先渲染。圣杯布局代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
2020-07-14 22:30:38
297
原创 CSS中的定位
简述定位是指，你可以相对元素的常规位置来定义元素的具体位置，可以相对元素或另一个元素定位元素的位置，甚至还可以相对视区（例如浏览器窗口）定位元素定位的类型定位有五种类型，通过position属性指定，分别是static、relative、sticky、absolute、fixed. 初始值时staticstatic正常生成元素框。块级元素生成矩形框，位于文档流中，行内元素生成一个或多个行框，随父元素流动relative元素框偏移一定的距离。元素的形状与未定位时一样，且元素占的空间也与正常情况下
2020-07-14 19:49:38
209
原创 VueX初体验
概念官方的第一是：“Vuex是一个专门为vue.js应用程序开发的状态管理模式”。具体得说就是将所有vue组件的状态统一到一个对象中，集中管理。这个对象就是store对象。但这个对象与一般的全局对象有两个主要区别store对象中的状态是响应式的，当store 中的状态发生改变，所对应的组件也会得到高效更新store中的状态无法直接进行修改，需要显示的提交commit。下面是store对象的几个属性Storestate： 用来存放各种状态mutations ：存放对state中状态的一些
2020-07-13 20:23:33
141
转载 ElementUI体验:Layout
LayoutElement 的布局是基于基础的 24 分栏，进行布局划分的这个是官网上的一个案例：HTML代码<script src="//unpkg.com/vue/dist/vue.js"></script><script src="//unpkg.com/element-ui@2.13.2/lib/index.js"></script><div id="app"><el-row :gutter="20"> <
2020-07-12 21:11:59
364
原创 LeetCode 315. 计算右侧小于当前元素的个数
题目给定一个整数数组 nums，按要求返回一个新数组 counts。数组 counts 有该性质： counts[i] 的值是 nums[i] 右侧小于 nums[i] 的元素的数量。链接：https://leetcode-cn.com/problems/count-of-smaller-numbers-after-self示例输入: [5,2,6,1]输出: [2,1,1,0] 解释:5 的右侧有 2 个更小的元素 (2 和 1).2 的右侧仅有 1 个更小的元素 (1).6 的右侧有
2020-07-11 10:47:01
202
原创 JS中的布尔操作符
布尔操作符在JS中又三中布尔操作符：逻辑非(!)、逻辑与(&&)和逻辑或(||).但与其他语言中的布尔操作符不同的是，JS中的布尔操作符可以返回非布尔类型的结果。逻辑非对布尔值取反，但对于非布尔值的操作数，JS会依据下面的规则返回值如果操作数是一个对象，返回false如果操作数是一个空字符串，返回true如果操作数是一个非空字符串 ，false如果操作数是一个数值0，true如果操作数是一个非0数值（包括Infinity），false如果操作数是null, true如果
2020-07-09 18:53:56
247
原创 JS中对象的属性
属性类型在ECMA-262中，对于对象的定义如下：无序属性的集合，其属性可以包含基本值、对象或者函数。在JS中对象的中的值的形式是键值对的形式。特别注意的是，对象的键是以字符串形式映射的，下面这个例子中，obj[1]和obj[‘1’]指向的是一个属性。var obj = new Object()obj[1] = 'num';obj['1'] = 'string'; // obj = {1:'string}在ES５的描述中，ECMAScript中有两种属性：数据属性和访问器属性数据属性有以
2020-07-08 20:58:36
1122
原创 JS中对象的访问方式
对象的访问一般来说，访问对象是通过点表示法，但再JavaScript中可以通过方括号的形式来表示对象属性.var Person = { 'name':'张三', 'age':12}console.log(Person.name); //张三console.log(Person['name']); //张三从功能上看上面两种方式没什么区别，但方括号的主要优点是可以通过变量来访问属性。例如let property = 'name';console.log(Person[proper
2020-07-08 19:27:18
708
4
原创 Leetcode 63. 不同路径 II (JS实现）
原题链接: https://leetcode-cn.com/problems/unique-paths-ii题目一个机器人位于一个 m x n 网格的左上角 （起始点在下图中标记为“Start” ）。机器人每次只能向下或者向右移动一步。机器人试图达到网格的右下角（在下图中标记为“Finish”）。现在考虑网格中有障碍物。那么从左上角到右下角将会有多少条不同的路径？网格中的障碍物和空位置分别用 1 和 0 来表示。说明：m 和 n 的值均不超过 100。示例 1:输入:[ [0,0,0
2020-07-06 19:17:08
157
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人