Welcome to livingbody's blog
这里是我的个人IT学习小天地-
Webpack安装
Webpack安装
由 Shaodengdeng 创建，Alma 最后一次修改 2017-07-06
首先要安装 Node.js， Node.js 自带了软件包管理器 npm，Webpack 需要 Node.js v0.6 以上支持，建议使用最新版 Node.js。
用 npm 安装 Webpack：
$ npm install webpack -g此时 Webpack 已经安装到了全局环境下，可以通过命令行 webpack -h 试试。
通常我们会将 Webpack 安装到项目的依赖中，这样就可以使用项目本地版本的 Webpack。
# 进入项目目录 # 确定已经有 package.json，没有就通过 npm init 创建 # 安装 webpack 依赖 $ npm install webpack --save-devWebpack 目前有两个主版本，一个是在 master 主干的稳定版，一个是在 webpack-2 分支的测试版，测试版拥有一些实验性功能并且和稳定版不兼容，在正式项目中应该使用稳定版。
# 查看 webpack 版本信息 $ npm info webpack # 安装指定版本的 webpack $ npm install webpack@1.12.x --save-dev如果需要使用 Webpack 开发工具，要单独安装：
$ npm install webpack-dev-server --save-devWebpack使用
由 Shaodengdeng 创建，Alma 最后一次修改 2017-07-06
首先创建一个静态页面 index.html 和一个 JS 入口文件 entry.js：
<!-- index.html --> <html> <head> <meta charset="utf-8"> </head> <body> <script src="bundle.js"></script> </body> </html> // entry.js document.write('It works.')然后编译 entry.js 并打包到 bundle.js：
$ webpack entry.js bundle.js 已更改为 webpack entry.js -o bundle.js打包过程会显示日志：
Hash: e964f90ec65eb2c29bb9 Version: webpack 1.12.2 Time: 54ms Asset Size Chunks Chunk Names bundle.js 1.42 kB 0 [emitted] main [0] ./entry.js 27 bytes {0} [built]用浏览器打开 index.html 将会看到 It works. 。
接下来添加一个模块 module.js 并修改入口 entry.js：
// module.js module.exports = 'It works from module.js.' // entry.js document.write('It works.') document.write(require('./module.js')) // 添加模块重新打包 webpack entry.js bundle.js 后刷新页面看到变化 It works.It works from module.js.
Hash: 279c7601d5d08396e751 Version: webpack 1.12.2 Time: 63ms Asset Size Chunks Chunk Names bundle.js 1.57 kB 0 [emitted] main [0] ./entry.js 66 bytes {0} [built] [1] ./module.js 43 bytes {0} [built]Webpack 会分析入口文件，解析包含依赖关系的各个文件。这些文件（模块）都打包到 bundle.js 。Webpack 会给每个模块分配一个唯一的 id 并通过这个 id 索引和访问模块。在页面启动时，会先执行 entry.js 中的代码，其它模块会在运行 require 的时候再执行。
Webpack配置文件
由 Shaodengdeng 创建，Alma 最后一次修改 2017-07-06
Webpack 在执行的时候，除了在命令行传入参数，还可以通过指定的配置文件来执行。默认情况下，会搜索当前目录的 webpack.config.js 文件，这个文件是一个 node.js 模块，返回一个 json 格式的配置信息对象，或者通过 –config 选项来指定配置文件。
继续我们的案例，在根目录创建 package.json 来添加 webpack 需要的依赖：
{ "name": "webpack-example", "version": "1.0.0", "description": "A simple webpack example.", "main": "bundle.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [ "webpack" ], "author": "zhaoda", "license": "MIT", "devDependencies": { "css-loader": "^0.21.0", "style-loader": "^0.13.0", "webpack": "^1.12.2" } } # 如果没有写入权限，请尝试如下代码更改权限 chflags -R nouchg . sudo chmod 775 package.json别忘了运行 npm install。
然后创建一个配置文件 webpack.config.js：
var webpack = require('webpack') module.exports = { entry: './entry.js', output: { path: __dirname, filename: 'bundle.js' }, module: { loaders: [ {test: /\.css$/, loader: 'style-loader!css-loader'} ] } }同时简化 entry.js 中的 style.css 加载方式：
require('./style.css')最后运行 webpack，可以看到 webpack 通过配置文件执行的结果和上一章节通过命令行 webpack entry.js bundle.js –module-bind ‘css=style-loader!css-loader’ 执行的结果是一样的。
报错解决方案
提示不识别的loaders，经查为webpack.config.js中的loaders过时，改为rules即可。
完成后编译，如下图
Webpack插件
由 Shaodengdeng 创建，Alma 最后一次修改 2017-07-06
插件可以完成更多 loader 不能完成的功能。
插件的使用一般是在 webpack 的配置信息 plugins 选项中指定。
Webpack 本身内置了一些常用的插件，还可以通过 npm 安装第三方插件。
接下来，我们利用一个最简单的 BannerPlugin 内置插件来实践插件的配置和运行，这个插件的作用是给输出的文件头部添加注释信息。
修改 webpack.config.js，添加 plugins：
var webpack = require('webpack') module.exports = { entry: './entry.js', output: { path: __dirname, filename: 'bundle.js' }, module: { loaders: [ {test: /\.css$/, loader: 'style-loader!css-loader'} ] }, plugins: [ new webpack.BannerPlugin('This file is created by zhaoda') ] }然后运行 webpack，打开 bundle.js，可以看到文件头部出现了我们指定的注释信息：
/*! This file is created by zhaoda */ /******/ (function(modules) { // webpackBootstrap /******/ // The module cache /******/ var installedModules = {}; // 后面代码省略Webpack开发环境
由 Shaodengdeng 创建，Alma 最后一次修改 2017-07-06
当项目逐渐变大，webpack 的编译时间会变长，可以通过参数让编译的输出内容带有进度和颜色。
$ webpack --progress --colors
如果不想每次修改模块后都重新编译，那么可以启动监听模式。开启监听模式后，没有变化的模块会在编译后缓存到内存中，而不会每次都被重新编译，所以监听模式的整体速度是很快的。
$ webpack --progress --colors --watch
当然，使用 webpack-dev-server 开发服务是一个更好的选择。它将在 localhost:8080 启动一个 express 静态资源 web 服务器，并且会以监听模式自动运行 webpack，在浏览器打开 http://localhost:8080/ 或 http://localhost:8080/webpack-dev-server/ 可以浏览项目中的页面和编译后的资源输出，并且通过一个 socket.io 服务实时监听它们的变化并自动刷新页面。
# 安装 $ npm install webpack-dev-server -g # 运行 $ webpack-dev-server --progress --colors
故障处理
Webpack 的配置比较复杂，很容出现错误，下面是一些通常的故障处理手段。
一般情况下，webpack 如果出问题，会打印一些简单的错误信息，比如模块没有找到。我们还可以通过参数 –display-error-details 来打印错误详情。
Webpack 的配置提供了 resolve 和 resolveLoader 参数来设置模块解析的处理细节，resolve 用来配置应用层的模块（要被打包的模块）解析，resolveLoader 用来配置 loader 模块的解析。
当引入通过 npm 安装的 node.js 模块时，可能出现找不到依赖的错误。Node.js 模块的依赖解析算法很简单，是通过查看模块的每一层父目录中的 node_modules 文件夹来查询依赖的。当出现 Node.js 模块依赖查找失败的时候，可以尝试设置 resolve.fallback 和 resolveLoader.fallback 来解决问题。
module.exports = { resolve: { fallback: path.join(__dirname, "node_modules") }, resolveLoader: { fallback: path.join(__dirname, "node_modules") } };Webpack 中涉及路径配置最好使用绝对路径，建议通过 path.resolve(__dirname, “app/folder”) 或 path.join(__dirname, “app”, “folder”) 的方式来配置，以兼容 Windows 环境。
-
调优策略：初始化堆内存与最大相同，减少垃圾回收次数
JVM参数调优
调优策略：初始化堆内存与最大相同，减少垃圾回收次数。
-XX:+PrintGCDetails -Xmx32M -Xms1M一直垃圾回收。。。
最好配置为256M。
默认4G
-
SpringBoot学习2
pom.xml
<?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.1.3.RELEASE</version> <relativePath/> <!-- lookup parent from repository --> </parent> <groupId>cn.goingtodo.springboot</groupId> <artifactId>demo</artifactId> <version>0.0.1-SNAPSHOT</version> <name>demo</name> <description>SpringBoot DB Demo project for Spring Boot</description> <properties> <java.version>1.8</java.version> </properties> <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter</artifactId> <version>2.0.0</version> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-devtools</artifactId> <scope>runtime</scope> </dependency> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <scope>runtime</scope> </dependency> <dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> <optional>true</optional> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-test</artifactId> <scope>test</scope> </dependency> </dependencies> <build> <plugins> <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> </plugin> </plugins> </build> </project>application.properties
spring.datasource.url=jdbc:mysql://localhost:3306/test spring.datasource.username=root spring.datasource.password=root #springboot1.5不带横杠 #spring.datasource.driver-class-name=com.mysql.jdbc.Driver spring.datasource.driver-class-name=com.mysql.cj.jdbc.DriverCould not autowire. No beans of ‘UserMapper’ type found. more… (Ctrl+F1)
Settings - Editor - Inspections - Spring - Spring Core - Code - Autowiring for Bean Class 勾去掉java.sql.SQLException: The server time zone value ‘Öйú±ê׼ʱ¼ä’ is unrecognized or represents more than one time zone. You must configure either the server or JDBC driver (via the serverTimezone configuration property) to use a more specifc time zone value if you want to utilize time zone support.
spring.datasource.url=jdbc:mysql://localhost:3306/test?serverTimezone=GMT%2B8mapper
package cn.goingtodo.springboot.demo.mapper; import cn.goingtodo.springboot.demo.entity.User; import org.apache.ibatis.annotations.Insert; import org.apache.ibatis.annotations.Mapper; import org.apache.ibatis.annotations.Param; import org.apache.ibatis.annotations.Select; @Mapper public interface UserMapper { @Select("Select * From users where Name= #{name}") User findByName(@Param("name") String name); @Insert("Insert into users(name, age) values(#{name},#{age})") int insert(@Param("name") String name, @Param("age") Integer age); }Application 扫包
package cn.goingtodo.springboot.demo; import org.mybatis.spring.annotation.MapperScan; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; //扫mapper包位置 @MapperScan(basePackages = {"cn.goingtodo.springboot.mapper"}) @SpringBootApplication public class DemoApplication { public static void main(String[] args) { SpringApplication.run(DemoApplication.class, args); } }Service
package cn.goingtodo.springboot.demo.service; import cn.goingtodo.springboot.demo.mapper.UserMapper; import lombok.extern.slf4j.Slf4j; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Service; @Service @Slf4j public class UserService { @Autowired private UserMapper userMapper; public int insert(String name, Integer age){ int insertResult =userMapper.insert(name,age); log.info("##############insert##############insert",insertResult); return insertResult; } }事务
声明事务，编程事务。AOP技术，环绕通知进行拦截。不要try，因为要将异常抛出给外层。
在方法上加上@Transactional即可。
-
爬取腾讯职位
爬取腾讯职位
爬虫
import requests from bs4 import BeautifulSoup import json def parser(html, items): soup = BeautifulSoup(html, 'html.parser') even = soup.select('.even') odd = soup.select('.odd') str = odd + even # 字符串拼接 for item in str: # for循环迭代(遍历) _item = {} _item['name_of_work'] = item.select('td')[0].get_text() _item['link_of_work'] = 'https://hr.tencent.com/' + item.select('td a')[0].attrs['href'] _item['category_of_work'] = item.select('td')[1].get_text() _item['where_of_work'] = item.select('td')[3].get_text() _item['time_of_release'] = item.select('td')[4].get_text() _item['number_of_person'] = item.select('td')[2].get_text() items.append(_item) def load_request(number, items, keyword): headers = { "User-Agent": "Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.84 Mobile Safari/537.36"} response = requests.get( 'https://hr.tencent.com/position.php?keywords=' + str(keyword) + '&lid=0&tid=0&start=' + str(number) + '#a', headers=headers) html = response.text parser(html, items) if __name__ == "__main__": number = 0 items = [] # switch = False keyword = 'java' while number <= 460: # swith相当于一个开关请示，如果请求发出，爬虫启动 load_request(number, items, keyword) # 一次性爬取10页数据 number += 10 content = json.dumps(items, ensure_ascii=False, indent=4, sort_keys=True) # 数据读入json中 with open('mytxzhaopin.json', 'w+', encoding='utf-8') as f: f.write(content)
-
清华一键国内源设置
清华一键国内源设置
oh-my-tuna
wget https://tuna.moe/oh-my-tuna/oh-my-tuna.py # For yourself python oh-my-tuna.py # ...or for everyone! sudo python oh-my-tuna.py --global # Get some help python oh-my-tuna.py -h
-
增加samba用户提示Failed to add entry for user
增加samba用户提示Failed to add entry for user