- 博客(15)
- 收藏
- 关注
RSS订阅原创 webpack生产环境性能优化
webpack 生产环境性能优化资源缓存使用contenthash多文件输出第三方库的打包小图片使用base64减少首屏加载的数据量最近在工作中，发现公司原来的前端项目，加载速度并不理想，所以对其进行优化。资源缓存在我看来，前端的项目中存在大量的第三方组件，图片等资源。通过缓存的方法，可以减少我们通过网络请求的数据量，每次请求资源时，只需要确认资源是否更新即可。使用contenthash在webpack中，一般有三种hash值，他们分别是hash，chunkhash，contenthash。has
2021-04-06 00:08:34
97
原创 webpack 多文件打包，publicPath，SourceMap
多文件打包，publicPath entry: { main: './index.js', sub: './index.js' }, output: { publicPath: 'http://cdn.com.cn', // 在bundle_[name].js前，添加前缀地址 filename: 'bundle_[name].js', // 此处[name]指代的就是entry中的key值（main, sub） path: .
2020-07-25 23:19:05
222
原创 样式的打包
普通css样式的引入style-loader和css-loader存在先后顺序，webpack会先执行use数组中，后面的元素。css-loader会将分析所有的css文件关系，并且整合为一个css文件style-loader负责将css内容挂在到style-loader module: { rules: [{ test: /\.css$/, use: [ 'style-loader', .
2020-07-25 22:38:04
159
原创 webpack plugins使用
打包插件html-webpack-plugin 会在打包结束后，自动生成一个html文件，并把打包生成的js自动引入到这个html文件中自定义配置模板的使用plugins: [new HtmlWebpackPlugins({ // plugin可以在webpack运行到某一时刻的时候，帮你做一些事情，有点像生命周期函数 template: 'src/template.html' // 使用模板来配置产生的index.html,添加自己需要的标签 })]clear-.
2020-07-25 22:36:34
149
原创 webpack loader打包图片文件
利用file-loader打包图片资源const path = require('path')module.exports = { mode: 'development', // mode: 'production', entry: './index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'bundle') }, modul.
2020-07-25 14:38:54
129
原创 初学webpack
安装nodewebpack的打包性能受到node的一些新特性的影响，新版的node可以提高webpack的性能。node最好使用nvm进行管理。初始化和安装webpacknpm init // 执行后会产生package.json文件// 以下为两种webpack安装方法npm i -D webpack webpack-cli // 在工程目录下安装，推荐使用npm i -g webpack webpack-cli // 全局安装，不推荐使用// 指定版本安装的方法npm ..
2020-07-25 13:50:37
82
原创 canvas初学（1）
canvas的绘图流程1，在html中设置canvas标签 （注意设置宽高）2，在js中获取canvasDOM节 点3，获取canvas对象const ctx = canvas.getContext('2d'); //获取Canvas对象,这就是我们的画笔4，设置绘图属性ctx.fillStyle = 'blue'; //设置画笔的颜色ctx.lineWidth = 1; //设置线段的宽度ctx.strokeStyle = 'blue'; //线条的填充色5，调用绘图A
2020-07-22 14:20:16
75
原创 窗口切换 selenium python
生成新窗口，若要切换到新窗口for handle in wd.current_window_handle: wd.switch_to.window(handle) if "关键词" in wd.title: break如果标题中含有关键词，则跳出循环，切换到当前网页---------------------------------------------在切换页面之前，可以记录当...
2020-03-08 14:47:29
158
原创 frame的切换 python
frame元素内会被嵌入一个html文档。selenium中对于网页的操作范围 缺省是当前html。如果要对frame内的html文档进行操作，需要进行切换操作。可以使用WebDriver对象的switch_to 进行操作wd.switch_to.frame(frame_reference)frame_reference可以是frame元素的id值或者name值切换回主htmlwd.s...
2020-03-08 14:20:49
443
原创 兄弟节点的选择
在同一个父节点下，选择div元素后，紧挨a元素，a元素后紧挨p元素选择a元素div + a选择p元素div + a + p适合元素没有过多的属性说明若要选择在同一父元素下，div元素后所有的a元素div ~ a选择范围为该父元素下所有的子元素...
2020-03-08 13:40:51
295
原创 python selenium，按次序选择子节点 nth-child nth-of-type()
class:nth-child()代表同一个父节点下，第n个且为class类型的元素class:nth-of-type代表同一父节点下，先从所有子节点中，筛选出所有的class类型的节点，再从中寻找第n个节点**`<body> <div id="t1"> <h3> 唐诗 </h3> <...
2020-03-08 13:31:46
3790
原创 python selenium库中，css selector的使用方法
**依据标签名tag：**直接写上tag即可，如下代码，即选中页面中所有div标签的元素elements = wd.find_elements_by_css_selector('div')**依据类型class：**在class的属性值前加.即可<div class="Chinese"><span>王五</span></div>利用cl...
2020-03-08 12:47:14
2318
原创 在selenium中，find_element与find_elements的区别
在selenium中，find_element与find_elements的区别find_element只返回查找到的第一个元素，如果没有查找到元素，则返回NoSuchElementException的异常find_elements返回一个包含所有元素的列表，如果没有元素，则返回空列表...
2020-03-08 11:42:39
2359
原创 git添加SSH密匙后，报错The authenticity of host 'github.com (13.229.188.59)' can't be established
参考网上其他方法依旧无法解决。查看C:\Users\当前电脑账户.ssh目录下，无known_hosts文件。在git bash中输入$ ssh-keyscan -t rsa github.com >> ~/.ssh/known_hosts$ ssh-keyscan -t rsa github.com >> ~/.ssh/known_hosts即可生成known...
2020-03-04 18:04:16
335
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人