Skip to content

Latest commit

 

History

History
106 lines (86 loc) · 2.13 KB

张鹏-20180722.md

File metadata and controls

106 lines (86 loc) · 2.13 KB
Raw

leetcode 算法题

旋转数组

var rotate = function(nums, k) {
    for(var i=0;i<k;i++) {
        rotate2(nums,1)
    }
};

var rotate2 = function(nums, k) {
    if(k<=0){
        return nums;
    }
    var tmp1 = nums[0]
    var tmp2 = null
    var pos1 = 0;
    var pos2 = 0;
    for(var i=0; i<nums.length; i++) {
        pos2 = pos1 + k;
        if(pos2 >= nums.length) {
            pos2 = pos2 % nums.length
        }

        tmp2 = nums[pos2]

        nums[pos2] = tmp1;
        tmp1 = tmp2
        pos1 = pos2
    }
};

英文技术文章

Lean React Project With Parcel

使用 Parcel 构建 React 项目

$ mkdir react-parcel-demo
$ cd react-parcel-demo
$ yarn init -y
$ yarn add react react-dom
$ yarn add -D parcel-bundler babel-preset-react babel-preset-env
$ mkdir src
$ touch src/index.html
$ touch src/index.js
$ touch .babelrc

在 package.json 中添加

"scripts": {
  "dev": "parcel ./src/index.html",
  "build": "parcel build ./src/index.html/"
},

.babelrc 中添加

{
 "presets": ["env",  "react"]
}

在 html 中增加

<!DOCTYPE html>
<html>
  <head>
    <meta charset=”utf-8" />
    <title>React Parcel Demo</title>
</head>
<body>
  <div id=”app”></div>
  <script src=”./index.js”></script>
  </body>
</html>

在 index.js 中添加

import React from "react";
import { render } from "react-dom";
const App = () =>{
  return (
    <div>
      <h1>Hello Parcel</h1>
    </div>
  )
};
render(<App />, document.getElementById("app"));

这样可以最简单的配置一个 React 项目。 PS：尝试了下使用这种方式，构建确实非常的块，但是调试方面可能是没有配置好，提示不是非常友好和方便

技术技巧

将 Springboot 和 React 结合。React 项目需要 npm 编译，可以新建一个 frontend 的 mvn 项目利用 frontend-maven-plugin 插件在 mvn install 的时候打包到 jar 中，利用 webjars，在 springboot 中可以直接访问 jar 包中打包好的 js 文件