- 博客(101)
- 资源 (1)
- 收藏
- 关注
原创 List和Array转化方法
List和Array转化方法:(1)List转为Array第一种是调用toArray()方法直接返回一个Object[]数组。第二种方式是给toArray(T[])传入一个类型相同的Array,List内部自动把元素复制到传入的Array中。一般才用第二种public class Main { public static void main(String[] args) { List<Integer> list = List.of(12, 34, 56...
2020-08-19 12:13:54
1030
原创 css flexbox中缩写属性
flex-flow为flex-direction与flex-wrap的缩写默认为:flex-flow:row wrap;flex属性是flex-grow,flex-shrink和flex-basis的简写,默认值为0 1 auto。后两个属性可选。flex的详情https://blog.csdn.net/fengyjch/article/details/79047908...
2019-04-22 14:23:50
468
原创 typescript处理角色认证以及路由的使用
import * as React from 'react';import {BrowserRouter,Switch,Route,Redirect} from 'react-router-dom';import Login from '../src/component/login/Login';import Experiment from './component...
2018-07-18 10:52:25
732
原创 面经整理
阿里1.如何让各种情况下的div居中(绝对定位的div,垂直居中,水平居中)2. display有哪些值?说明他们的作用3. css定义的权重4.谈谈对ES6的理解5. requirejs实现原理6. requirejs怎么防止重复加载7.ES6里头的箭头函数的this对象与其他的有啥区别8.tcp/udp区别9.tcp三次握手过程10.xss与csrf的原理与怎么防范11.mysql与 Mong...
2018-07-05 20:09:57
390
原创 使用精灵图 css
.pic2{ width: 4.375rem; background-position: -5.3125rem 0rem; background-image: url("../../image/exer_state.png"); background-repeat: no-repeat; width: 4.375rem; height: 1.875rem; ...
2018-07-02 17:14:14
489
原创 socket.io通信
socket.ionpm install socket = require('socket.io-client')(ProAddress + '/test'); socket.on('exp_output', function (res: any) { console.log("==========后台返回的结果", res) if (re...
2018-06-25 19:51:31
265
原创 css布局
两列布局,一列定宽,另一列自适应1)float+margin2)flex#parent{ width: 100%; height: 500px; display: flex;}#left { width: 100px; background-color: #f00;}#right { flex: 1; /*均分了父元素剩余空间*/ background-co...
2018-06-25 17:18:48
155
原创 typescript编写http的各种方法
enum RequestCache { noCache = 'no-cache', default = 'default', reload = 'reload', forceCache = 'force-cache', onlyIfCached = 'only-if-cached', cache = 'cache',}enum RequestMode { ...
2018-06-25 16:57:23
11779
1
原创 antd中table列的自定义排序
//antd中table列的自定义排序{ key: 'completerate', title: '完成度', dataIndex: 'completerate', sorter: (a: any, b: any) => a.completerate.replace("%", "") / 100 - b.completerate.replace("%"...
2018-06-25 16:55:23
20129
6
原创 React子组件传递给父组件的方法
1)redux状态管理2)通过refs传递,代码如下所示:3)通过毁掉函数传递,代码如下:父组件 <AddModal onOk={(score: any, review: any) => this.handleOk(score, review) as any} onCancel={this.hideModal as any} ...
2018-06-25 16:35:19
4486
原创 css布局
https://www.sweet-kk.top/css-layout/#/?id=_6%E4%BD%BF%E7%94%A8grid%E5%AE%9E%E7%8E%B0-1
2018-06-25 16:08:56
160
原创 react quill
import * as React from 'react';// tslint:disable-next-line:ordered-importsimport { Select, message } from 'antd';import './adminaccout.css'// import ContentModify from '../../experiment/ContentModify'...
2018-06-15 17:03:42
1281
原创 create-react-app typescript 引入scss
npm install --save node-sass-chokidar "scripts": { "build-css": "node-sass-chokidar src/ -o src/", "watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive&quo
2018-05-08 14:46:45
1591
1
原创 create-react-app typescript 加入less
我们将要使用 create-react-app 应为它为React项目, 设置了一些有用的工具和规范的默认值.这只是一个命令行工具, 用于支持新建React项目.npm install -g create-react-app我们将创建一个名为 my-app 的新项目:create-react-app my-app --scripts-version=react-scripts-ts加入lessnp...
2018-05-08 10:05:50
3241
原创 数组去重,filter方法
let nameListCelebritiesIds = celebritiesInNameList.map(c => { return c.id;});let selectableCelebrities = celebrities.filter(c => { return nameListCelebritiesIds.indexOf(c.id) <...
2018-04-02 11:23:55
1026
原创 React的父子组件相互传递消息
父组件,向子组件传递一个点击事件import { Uploaddes } from './Uploaddes';<Uploaddes ref="uploadDescription" onClick={this.callNext} /> const UploaddesInstance = this.refs.uploadDescription as Uploaddes;this.setS...
2018-03-15 19:14:58
434
原创 node和react做验证码
node 使用svg-captvcha模块var svgCaptcha = require('svg-captcha');主要代码//登录验证码app.get('/api/captcha', function (req, res) { var captcha = svgCaptcha.create(); // req.session.captcha = captcha.text; res.t...
2018-03-08 10:19:31
1137
原创 promise.all
const expired_result_new = yield Promise.all(expired_result.map( async (key)=>{ let customer = await request.customerById(key.customer_id); return { api_id:key.api_id, ...
2018-03-05 15:46:10
199
原创 js的观察者设计模式
观察者模式:一对多的关系,一个发布者,多个订阅者,发布者发生变化,订阅者能够监听这个变化而做出改变。作用:1.支持简单的广播通信,自动通知所有已经订阅过的对象。2.页面载入后目标对象很容易与观察者存在一种童泰关联,增加了灵活性。3.目标对象与观察者之间的抽象耦合关系能够单独扩展以及重用注意事项:监听要在触发之前。
2018-01-28 13:01:02
156
原创 图片懒加载
懒加载的原理是通过监听页面滚动时间==事件,再动态的复制给IMG标签的src属性。IMG自定义属性命名为data-srcwindow.addEventListener('sroll',loadImage,false)
2018-01-09 19:43:05
197
原创 node下载功能csv乱码问题
//http://www.npmjs.com npm地址if(filetype =='csv') {let csvfile =fs.readFileSync(downLoadFilePath,'utf-8');csvfile =csvfile.replace(/\t/g,',');//用逗号替换/tlet dataBuffer =Buffer.concat([new
2018-01-09 18:19:32
574
原创 数组indexof方法做搜索功能
onSearch:function(){ let searchvalues; let searchdata = []; // console.log(this.formItem.search); this.formItem.alldata.forEach((element) => {
2018-01-02 15:35:47
1207
原创 css居中的方法
如何水平/垂直居中一个元素?1.1)若该元素是文本、图片等内联元素时,水平居中是通过给父元素设置text-align:center来实现的。1.2)若该元素是块状元素,又分为定宽块状元素和不定宽块状元素。 1.2.1)定宽块状元素 设置左右margin值为auto来实现居中的。 要实现水平垂直居中,可以设置父元素position: relative,
2018-01-02 14:39:20
161
原创 http缓存
一个人引用大量静态资源的Web页面,资源的加载速度是影响页面加载耗时的最大因素。很多固定静态资源,如图片、脚本、样式文件等若都可以通过缓存保存在客户端,不必每次都从服务器请求,将节省大量请求时间。现代浏览器会根据HTTP协议中的缓存,实现本地缓存功能。在请求一个新的文件时,浏览器发送HTTP请求到服务端。接到服务端的响应后,浏览器会将请求的资源存储在本地,留作以后使用。服务器端响应头中,会
2017-12-21 11:11:50
193
原创 前端优化
网站访问的过程从用户输入网站域名开始,通过DNS解析找到目标服务器,目标服务器收到请求后执行服务器及数据库等一系列操作,并将响应数据经过互联网发送到用户的浏览器中,最终由浏览器处理响应数据并完成网页的渲染1.网页的资源请求和加载阶段为了实现网站的快速响应,首先需要考虑的是减少资源的访问及加载阶段所消耗的时间。在使用http1.0/1.1时,chrom会将每个主机强制设置为最多6个TCP连接
2017-12-20 18:25:01
131
原创 vue中mixin的使用
作用:多个组件可以共享数据和方法,在使用mixin的组件中引入后,mixin中的方法和属性也就并入到该组件中,可以直接使用。钩子函数会两个都被调用,mixin中的钩子首先执行。代码如下:mixin中的代码:使用的组件中的代码:
2017-12-20 16:51:14
2081
原创 node调用python服务
const http =require('http');function callPhoenixApi(filter,path) {return newPromise((resolve,reject)=> {const post_data =JSON.stringify(filter);const options = {// host: '100.90.
2017-12-08 20:54:42
1334
原创 linux命令vim命令与nginx操作
rm -rf test.html 递归删除mkdir test 新建文件夹vim test.py 若没有这个文件夹就新建,修改文件,按i进去编辑状态,编辑后按esc退出编辑状态 :wq为保存并退出 :q不保存退出 :!wq强制保存退出cat test.py 查看文件cd Document切换到文件夹ls -al 查询所有ps -ef | grep 8045
2017-11-29 20:57:35
2060
原创 http常见的状态码代表的含义
2开头 (请求成功)表示成功处理了请求的状态代码3开头 (请求被重定向)表示要完成请求,需要进一步操作。 通常,这些状态代码用来重定向。4开头 (请求错误)这些状态代码表示请求可能出错,妨碍了服务器的处理。400 (错误请求) 服务器不理解请求的语法。 403 (禁止) 服务器拒绝请求。404 (未找到) 服务器找不到请求的网页500
2017-11-22 16:27:07
354
原创 vue中父子之间的通信
第一,把子组件引入到父组件中,并使用,使用时给子组件传递数据import stationcarpool from './stationcarpool'stationcarpool messages="wu">stationcarpool>第二,在子组件中使用props第三,使用属性
2017-11-22 14:42:48
256
原创 vue与leaflet的结合使用,在popup上放置一个按钮,点击后使用amout挂载一个未挂载的实例,显示一些信息
第一,新建一个popup.js文件,内容为:import Vue from 'vue/dist/vue.js';var eventsHub = new Vue();module.exports = { eventsHub: eventsHub, popupInCreateFence: Vue.extend({ template: `
2017-11-21 19:23:09
3713
5
原创 leaflet中marker图标找不到的错误
解决方法import L from 'leaflet';import icon from 'leaflet/dist/images/marker-icon.png';import iconShadow from 'leaflet/dist/images/marker-shadow.png';let DefaultIcon = L.icon({ iconUr
2017-11-21 17:18:21
5102
2
原创 vue中兄弟组件通信
最常见的是父子组件通信,那兄弟组件通信是什么样的呢。第一,创建一个bus.js文件,初始化vue实例第一,首先在获取数据的组件中添加一个emit事件,如图。第三,要需要数据的组件中,监听刚创建的事件
2017-11-21 14:38:27
699
转载 Async/Await替代Promise的6个理由
Async/Await替代Promise的6个理由译者按: Node.js的异步编程方式有效提高了应用性能;然而回调地狱却让人望而生畏,Promise让我们告别回调函数,写出更优雅的异步代码;在实践过程中,却发现Promise并不完美;技术进步是无止境的,这时,我们有了Async/Await。原文: 6 Reasons Why JavaScript’s Async/Aw
2017-11-17 18:13:01
234
原创 关于node的学习
node的fs模块 http://www.jianshu.com/p/5683c8a93511 Node.js path 模块 提供了一些用于处理文件路径的小工具。node http://javascript.ruanyifeng.com/nodejs/assert.html#后端查询耗时的做法,最好是使用pub/sub,比如faye模块,走的也是websocket...
2017-11-16 15:56:28
120
原创 fetch发请求
fetch('/galaxy/query', { method:'POST', headers:{ 'Content-Type': 'application/json' }, body:JSON.stri
2017-11-16 12:50:45
435
原创 css弹性盒子
CSS3 弹性盒子(Flexible Box 或 Flexbox),是一种用于在页面上布置元素的布局模式,使得当页面布局必须适应不同的屏幕尺寸和不同的显示设备时,元素可预测地运行。对于许多应用程序,弹性盒子模型提供了对块模型的改进,因为它不使用浮动,flex容器的边缘也不会与其内容的边缘折叠。css3使用display:flex或这dispaly:inline-flex这样做将元素定义
2017-11-16 12:03:11
245
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人