- 博客(38)
- 收藏
- 关注
RSS订阅原创 通过scp上传文件/文件夹到服务器
// 上传scp 文件 username@ip:/目录scp -r 文件夹 username@ip:/目录// 下载scp username@ip:/目录 本地目录通过ssh username@ip 可连接服务器查看
2020-10-23 11:13:56
4520
1
原创 前端部署项目到nginx（conf文件编辑以及文件打包上传）
首先连接到自己的服务器nginx配置文件编写cd /usr/local/nginx/conf 在该路径下的nginx.conf中编辑 listen ‘XXX’（服务器端口）; server_name ‘XXX’（服务器地址）; location / { root html/dist(打包后的文件名)（服务器上文件部署地址）; ...
2019-12-19 17:18:25
1829
原创 antd组件使用
DatePicker与Form表单配合使用import moment from 'moment'moment需要引入<Form.Item label="开始时间"> {getFieldDecorator('startTime', { rules: [{ required: true }], ...
2019-11-07 21:16:29
368
原创 关于前后端传值request payload和query String Parameters
感觉需要抛弃前端常见的那种数据格式，首先是请求方式不同：同样的代码定义参数let params = { ids:arr }用put进行请求，控制台打印的是下图：2.get 方式打印的是下图请求方法是在各种方式间切换来让后端取值...
2019-08-09 15:42:49
2975
1
原创 react请求本地假数据，并且将请求的数据在render中显示
准备工作通过create-react-app 创建的根目录下有一个public目录，请求时会到该目录下寻找数据，因此把假数据放到该目录下下载并且引入axios模块实现过程在componentWillMount下请求数据，componentWillMount () { axios.get ('http://localhost:5000/test/menu.jso...
2019-06-30 16:42:31
1689
原创 create-react-app创建项目后使用antd库的相关插件下载及配置
1.首先，在根目录下通过yarn或者npm下载antd在需要应用antd的js文件中引入import {想要使用的插件} from ‘antd’然后在css样式文件中引入样式 @import '~antd/dist/antd.css'; 不出意外，这样就可以看到使用antd中的组件带来的效果在上面的样式引入中，将所有的antd样式都进行加载，这会拖慢前端性能。所以下面介绍一种按需...
2019-06-30 11:05:23
385
转载 计算属性和侦听器
computed类型：{ [key: string]: Function | { get: Function, set: Function } }详细：计算属性将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例。注意如果你为一个计算属性使用了箭头函数，则 this 不会指向这个组件的实例，不过你仍然可以将其实例作为函数的第一个参...
2019-05-07 11:15:11
238
转载 计算属性和侦听器比较(computed VS watch)
计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：<div id="example"> {{ message.split('').reverse().join('') }}</div>在这个地方，模板不再是简单的声明式逻辑。你必须看一段时间才能意识到，这里是想要显示变量 message 的翻...
2019-05-07 11:11:47
595
转载 深入响应式原理-vue
vue响应式原理如何追踪变化当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。Object.defineProperty 是 ES5 中一个无法 shim 的特性，这也就是 Vue 不支持 IE8 以及更低版本浏览器的原因。//...
2019-05-05 17:03:45
153
原创 排序算法之冒泡排序和选择排序
排序是算法世界中最基础的问题,而冒泡排序和选择排序是排序算法中最简单的算法;这里就分别针对这两种算法整理一下首先是冒泡算法:最早接触冒泡算法的解释就是对需要排序的内容按照一定的顺序一个个的进行两个数据之间的比较,将得到的较大值冒泡到较后的位置上,这样子的重复比较久可以得到一组从小到大的数据了.根据上面的解释,可以得出,完成排序的过程需要有比较数据的大小和交换数据的位置这两个过程,并且是否...
2019-04-18 22:19:17
244
原创 在学习react,配置babel解决ES6代码时遇到的最新的问题
首先是由于babel7 的发布,在.babelrc中的配置,和下载的配置文件的差别其中@babel/preset-env替换了以往的babel-preset-es2015可以查看babeljs.io如何启用jsx语法** 1. 安装`babel`插件 - 运行`cnpm i @babel/core babel-loader @babel/plugin-transform-run...
2019-04-17 18:10:14
4423
原创 github提交过程遇到的问题总结(持续更新)
本人提交github秉持的态度就是,只要可以提交到远端,无论终端报出怎样的警告都无所谓1.git push -u origin master提示下面的错误,百度解决方法发现是本地没有clone到readme文件;解决方法是输入git pull --rebase origin master 将readme从远程拉下来;然后再push就可以了 ! [rejected] mast...
2019-04-17 17:46:07
346
原创 关于css设置字体响应式大小和其他情况下需要设置font-size的情况
学到现阶段,在调整浏览器大小,设计手机端页面的时候,字体会无法根屏幕的改变而自适应改变。最近在设计页面的时候又碰到这种问题，就决定把碰到的这类问题在这里一个个记下来：1.自适应字体大小我自己使用字体单位的改变过程如下：px，rem，vmin前面两个都是固定大小，最后一个是可以自适应的单位；一开始用了vh或者vw来设置，但是后面发现无法在宽高各自变换时实现适应；后来查到还可以使用vmin这...
2019-03-25 10:58:16
1435
原创 Flex弹性布局01
参考日志阮一峰传统布局主要是依靠display+position+float来实现Flex布局是w3c在09年推出的一种网页布局,可以简单,响应式的实现各种页面布局。任何一个容器都可以指定flex布局.box{ display:flex;}行内元素也可以.box{ display:inline-flex;}Webkit内核的浏览器，必须加上-webkit前缀..box...
2019-03-23 17:29:58
150
原创 Flex弹性布局01
参考日志阮一峰传统布局主要是依靠display+position+float来实现Flex布局是w3c在09年推出的一种网页布局,可以简单,响应式的实现各种页面布局。任何一个容器都可以指定flex布局.box{ display:flex;}行内元素也可以.box{ display:inline-flex;}Webkit内核的浏览器，必须加上-webkit前缀..box...
2019-03-23 17:29:58
125
原创 ES6解构赋值的用途
参考文档1.交换变量的值let x = 1;let y = 2;[x, y] = [y, x];2.从函数返回多个值函数只能返回一个值，如果要返回多个值，只能将它们放在数组或对象里返回。有了解构赋值，取出这些值就非常方便。// 返回一个数组function example() { return [1, 2, 3];}let arr = [a, b, c] = exa...
2019-03-15 00:00:55
283
原创 ES6解构赋值02
参考文档1.字符串的解构赋值字符串也可以解构赋值。这是因为此时，字符串被转换成了一个类似数组的对象const [a, b, c, d, e] = 'hello';a // "h"b // "e"c // "l"d // "l"e // "o"类似数组的对象都有一个length属性，因此还可以对这个属性解构赋值。let {length : len} = 'hello';len ...
2019-03-14 23:47:26
156
原创 ES6解构赋值(数组和对象)
参考链接1.数组的结构赋值数组的结构赋值按照对应的顺序进行解构let [a,b,c] = [1,2,3]//a:1;b:2;c:3同样也可以使用嵌套数组进行解构let [foo, [[bar], baz]] = [1, [[2], 3]];foo // 1bar // 2baz // 3let [ , , third] = ["foo", "bar", "baz"];//从这里可...
2019-03-14 23:26:22
1280
原创 ES6Set和Map方法
参考来自阮一峰的ES6写这篇博客,源于一道一行代码给数组去重的题目,由于ES6并没有完整的学过,就觉得很bug,像这种简单方法,既然有这种方法,那就没必要浪费时间去写那许多行代码了。Set是ES6 的新的数据结构，与Array和Object一样，且看下面两行代码：var set = new Set([1,2,3])console.log(toString.call(set))//"[Ob...
2019-03-13 23:18:53
671
原创 js二次封装函数
已知函数 fn 执行需要 3 个参数。请实现函数 partial，调用之后满足如下条件：1、返回一个函数 result，该函数接受一个参数2、执行 result(str3) ，返回的结果与 fn(str1, str2, str3) 一致// call和apply必须显式地调用str3，立即执行// bind不是立即执行，未传入str3时，并未执行，只是返回一个函数，等待参数传入// th...
2019-03-05 19:17:27
1091
1
原创 js中的arguments
参考链接arguments对象是所有（非箭头）函数中都可用的局部变量。arguments对象不是一个 Array 。它类似于Array，但除了length属性和索引元素之外没有任何Array属性。例如，它没有 pop 方法。但是它可以被转换为一个真正的Array：var args = Array.prototype.slice.call(arguments);var args = [].s...
2019-03-05 09:50:13
182
原创 js箭头函数
参考链接通过 call 或 apply 调用由于 箭头函数没有自己的this指针，通过 call() 或 apply() 方法调用一个函数时，只能传递参数（不能绑定），他们的第一个参数会被忽略。var adder = { base : 1, add : function(a) { var f = v => v + this.base; return f(...
2019-03-05 00:06:21
192
原创 js数组
在数组 arr 中，查找值与 item 相等的元素出现的所有位置链接：https://www.nowcoder.com/questionTerminal/0a9af9cb20c34babb6232126e019c74d来源：牛客网//filterfunction findAllOccurrences(arr, target) { var result=[]; arr.fi...
2019-03-03 21:47:50
108
原创 js数组
统计数组 arr 中值等于 item 的元素出现的次数链接：https://www.nowcoder.com/questionTerminal/628339bd8e6e440590ad86caa7ac6849来源：牛客网//filter()-->利用指定的函数确定是否在返回的数组中包含某一项 function count(arr, item) { ...
2019-03-02 22:16:27
158
原创 js中引用数据类型的深拷贝
首先:再记录一下js中的数据类型;基本类型:number string boolean null undefined引用类型:object(function(不在此次的考虑范围内),array,object)es6中新加了一个Symbol,至今没在案例中使用过,所以就提一下,有兴趣的可以自己去看一下特性和用法;参考链接关于为什么引用类型会有深拷贝一说,请各位移步上面链接看详细原因fun...
2019-02-26 10:18:37
444
原创 js正则里的分组匹配
参考博文https://www.cnblogs.com/wancheng7/p/8906015.htmlvar str = 'kid is kid'var reg = /(\w{3}) is \1/reg.test(str) == true这里的正则表达式里的'\1'相当于前面的 (\w{3}) =>即一个分组;这里的\1就表示匹配的第一个分组;var str = 'aaaab...
2019-02-25 12:08:55
3221
原创 js轮播页面,点击切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2019-01-21 19:03:13
329
原创 js操作BOM
想到再更新参考博客(https://www.cnblogs.com/2010master/p/5824215.html)dom.offsetLeft/offsetTopdom表示元素对象，offset类方法是用来获取元素相对于offsetParent元素的距离，offsetHeight&offseWidth用来获取自身的宽高，包括border的值offsetParent返回该对象...
2019-01-17 10:23:22
409
原创 js中的预编译
<script> /* 1.创建AO对象 2.找形参和变量声明，将变量和形参名作为AO属性名，值为undefined； 3.将实参值和形参统一 4.在函数体里面找函数声明，值赋予函数体 //上面的是预编译过程，任何以var 声明的赋值语句都在以上四步之后执行，但要注意var 声明的变量会提升，输出基本是undefined */ ...
2019-01-11 09:50:02
101
原创 js中string和正则结合使用的问题
name = 'aaa bbb ccc';uw=name.replace(/\b\w+\b/g, function(word){ return word.substring(0,1).toUpperCase()+word.substring(1);} );上面的代码是摘自W3school，substring和replace的方法不难理解，我主要是测试了一下replace里传入的fun...
2019-01-10 15:19:58
230
原创 js的数组去重
在方法一种利用双层循环，在外层循环中找到数组中的一个数作为基数，在内循环里查找剩余的数与其相比较，相同的数利用splice方法去除该相同的数；同样，该方法也不可以去除NaN；//*****************************方法一var arr = [1, 1, 2, 2, 3, 3, &amp;quot;ab&amp;quot;, &amp;quot;ab&amp;quot;, 4, 4, null, null,null,
2019-01-04 19:41:05
172
原创 js遍历数组和对象的方法
https://www.cnblogs.com/yangshifu/p/7377102.html#for-ofhttps://www.cnblogs.com/lvmh/p/6104397.html第二条链接里有分析不同遍历方式的效率 var arr = ["name","age","sex"]; var obj ={ name: "gong", ...
2019-01-04 11:31:54
261
原创 js笔记-包装对象
js基本上都是对对象进行操作来进行功能的实现；在最初学习时，只知道对象，对象有属性，当属性的值是一个函数时，该属性就会被称为方法；js中声明对象的方法：有直接声明，和通过构造函数的方式声明；声明之后的对象就可以使用该对象自带的属性和方法，这是常规操作；而包装对象的形式就是不声明对象，仍可以调用方法，这几个类型是String，Number，和boolean，eg：var str = “te...
2018-12-28 13:02:21
191
原创 js学习笔记
2018-12-27var num1 = 12;var num2 = parseInt(num1,8)var num3 = parseInt(num1,16)console.log(num2) = 10;console.log(num3) = 18;//parseInt(基数，该基数的进制) = 10进制的结果；var num4 = 0x12;var num6 = “1.12”;...
2018-12-27 15:30:37
103
原创 javaScript学习笔记
javaScript学习笔记2018-12-26## 标题var num1 = 10；var num2 = 0；var result = num1/num2；console.log(result) =“infinity”;表示超出了js的数值范围；类似高数里的整数除以无穷小的数，得到无穷大的结果。//var num1 = “a”;var num2 = 3(或其它number型...
2018-12-26 15:46:56
233
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人