- 博客(24)
- 收藏
- 关注
RSS订阅原创 Webpack搭建项目
文章目录1. webpack的使用1.1 项目搭建基本思路1.2 webpack的安装1.3 webpack 的默认配置1.4 自定义配置文件1.5 执行webpack之后发生了什么1.6 配置多个入口2. 使用 webpack-dev-server 插件启动页面2.1 如何使用2.2 执行 webpack-dev-server 发生了什么2.3 实现自动打开浏览器以及热更新2.4 html-webpack-plugin3. 解析 css 文件3.1 处理css中的地址问题4. 处理图片数据5. 处理字体
2021-11-04 16:08:24
990
原创 前端 PDF 水印方案
场景：前端下载 pdf 文件的时候，需要加上水印，再反给用户下载用到的库：pdf-lib (文档) @pdf-lib/fontkit字体：github方案目标：logo图 + 中文 + 英文 + 数字 => 透明水印首先安装 pdf-lib: 它是前端创建和修改 PDF 文档的一个工具（默认_不支持中文_，需要加载自定义字体文件）npm install --save pdf-lib安装 @pdf-lib/fontkit：为 pdf-lib 加载自定义字体的工具npm
2021-07-08 18:22:21
1366
原创 字体适配
字体适配文章目录字体适配1. 移动端字体适配问题2. vue-cli3.0 使用px2rem 或 postcss-plugin-px2rem3. 在vue中使用flexible响应式布局——默认html字体大小（font-size)是54px的问题4.rem和px的转换5. [flexible.js 布局详解](http://caibaojian.com/flexible-js.html)...
2020-01-07 10:22:12
670
原创 Vue异步执行DOM更新（nextTick）
Vue异步执行DOM更新（nextTick）文章目录Vue异步执行DOM更新（nextTick）参考博客官方文档vue操作DOM节点的时候，一般在mounted钩子函数中，因为在这个时候DOM已经全部渲染完毕，但在实际的开发过程中，如果我们在刚更新完数据之后，就要操作这个相关节点，我们是拿不到更新以后的DOM的，因为vue中DOM节点的更新是异步的。所以如果我们要想在刚更新完数据之后就要操作...
2020-01-07 10:19:36
1596
原创 Vue微信分享问题
Vue微信分享问题文章目录Vue微信分享问题**步骤三：通过config接口注入权限验证配置**1. vue实现微信分享功能2.vue-hash模式微信分享后打开是首页的问题3. 如果DESC拿不到数据参考博客1参考博客2官方文档需要注意的是:在SPA（单页面程序）中，初始化微信分享的时候，可能会出现用网址向后台授权分享的时候会发生授权注入失败的情况，我遇到的现象就是，首次分享的时候，分享出来...
2020-01-07 10:15:54
322
原创 Vue一键复制文本（clipboard）
一键复制文本（clipboard）文章目录一键复制文本（clipboard）1. 使用cilpboard实现一键复制文本2. clipboard.js 一键复制 [官网](https://clipboardjs.com/)1. 使用cilpboard实现一键复制文本首先安装clipboardnpm install clipboard --save引入import clipbo...
2020-01-07 10:14:10
976
原创 Vue父子组件间传值
Vue父子组件间传值文章目录Vue父子组件间传值1. 通过组件名+props直接传值--父向子2. 通过emit--子向父3. 通过refs调用子组件中的方法4. 通过$children[]来获取组件的数据5. 通过$parent. 来获取和修改父组件中的数据6. 通过vuex1. 通过组件名+props直接传值–父向子父:<TitleBg :title='til'/> ...
2020-01-07 10:12:47
234
原创 简述--webpack搭建Vue项目基本结构
简述–webpack搭建Vue项目基本结构文章目录简述--webpack搭建Vue项目基本结构1. 初始化项目2. 安装webpack、webpack-cli3. 搭建基本的目录结构4. 配置webpack.config.js文件5. webpack-dev-server6. html-webpack-plugin7. css-loader、style-loader、less-loader8. ...
2020-01-07 10:09:25
1145
原创 webpack
webpack文章目录webpack1. webpack1.1 静态资源多了带来的问题1.2 如何解决上述问题2. webpack的使用2.1 webpack的安装2.2 webpack的使用2.2.1 项目搭建思路2.2.2 webpack的作用2.3 webpack的配置文件webpack.config.js2.4 自定义配置文件2.5 执行webpack之后发生了什么2.6 配置多个入口...
2019-10-17 21:30:46
3757
5
原创 Vue
Vue文章目录Vue1. vue特点2. mvvm分层思想3. vue基本使用4.拿数据和方法5.基本指令6. 事件的修饰符7. 样式8. v-for9. v-if和v-show10. 事件捕获和事件冒泡11. 绑定事件方法12. 过滤器12.1 局部过滤器12.2 全局过滤器13.自定义按键14. 自定义指令14.1 全局注册14.2 局部注册14.3 调用14.4 简写14.5 参数15. ...
2019-10-17 21:28:29
206
原创 ES6
ES6文章目录ES6ES6新增关键字1.Let1.1块级作用域1.2不存在变量提升，先声明，后使用1.3不允许重复声明同一个变量1.4let声明的变量不属于顶层对象2.const2.1const声明的变量不可修改2.2只在块级作用中起作用2.3不存在变量提升，先声明，后使用2.4不可重复声明同一个变量2.5声明后必须赋值2.6变量是对象的情况3.ES6兼容问题新特性4.解构赋值4.1数组的解构赋...
2019-09-09 00:10:48
297
原创 node连接数据库（mysql）
node连接数据库实例在以下实例中根据你的实际配置修改数据库用户名、及密码及数据库名：//引入依赖var mysql = require('mysql'); //创建数据库连接var connection = mysql.createConnection({ host : 'localhost', user : 'root', password : '123456',...
2019-09-05 20:27:05
179
原创 安装cnpm
安装cnpm因为下载的包所在的镜像地址是国外网站，会比较慢。所以，我们使用淘宝提供的镜像网站。我们需要下载并指定镜像仓库：npm install cnpm --registry=https://registry.npm.taobao.org...
2019-09-05 20:14:25
82
原创 exports和module-exports的区别
exports和module-exports的区别每个模块中都有一个 module 对象，module 对象中有一个 exports 对象，我们可以把需要导出的成员都挂载到 module.exports 接口对象中。也就是：moudle.exports.xxx = xxx 的方式但是每次都 moudle.exports.xxx = xxx 很麻烦，点儿的太多了。所以 Node 为了你方便，同...
2019-09-05 20:12:32
111
原创 数据库相关知识
数据库相关知识文章目录数据库相关知识数据库数据类型sql语句1. 插入insert into 表名字 (列名字) VALUES (列对应的值);2. 查询3.更新4.删除5.起别名6.inner join内连接7.left join 左连接8.right join 右连接9.函数数据库大小写不敏感，所有的数据库使用小写，连接使用_数据类型数字 int字符串 varchar(20)...
2019-09-05 19:35:46
99
原创 项目中的package.json
package.json文章目录package.json常用的属性介绍对于项目依赖版本的要求符号说明常用的属性介绍{ "name": "npm", // 项目名称 "version": "1.0.0", // 版本号 主要版本 次要版本 补丁版本 "description": "这个一个小项目", // 项目描述 "main": "index.js", // 入口文件 "...
2019-09-05 19:17:42
210
原创 Node模板引擎使用
Node模板引擎使用文章目录Node模板引擎使用模板引擎的学习模板引擎中常用的语法安装语法变量的读取条件语法循环语法api服务端渲染服务端渲染客户端渲染模板引擎的学习学习的网址模板引擎中常用的语法提供了两种语法，一般我们使用标准即可以用于html页面，也可以用于node安装npm install art-template --save语法变量的读取{{}}和我们使用${...
2019-09-05 19:12:04
389
原创 NodeJs学习
NodeJs学习文章目录NodeJs学习1.node是什么？2、浏览器中的js是由哪些组成的3、node中的js4、特性5、npm6、node能做什么？7、预备知识？8、能学到什么？node起步1、安装2、细节读写文件http服务node中的javascript模块化开发为什么要进行模块化开发?是什么好处模块之间如何引用协作执行require方法（）node里的模块简单的服务端开发1.node...
2019-09-05 15:56:08
194
原创 Boostrap轮播图学习
文章目录bootstrap轮播图结构整体指示器轮播图图片容器控制部分a标签js初始化参数提供的方法事件轮播图的响应式使用img产生的图片缩放问题在较小屏幕下显示超宽图片的方法换用背景图的方式，background-position: center center;使img元素绝对定位，left:50%，margin-left: -width/2 background-size引入bootst...
2019-09-03 22:52:21
273
原创 Bootstrap学习
Bootstrap学习总结目录Bootstrap学习总结Bootstrap介绍什么是bootstrap？为什么要用bootstrap?bootstrap能帮我们解决什么问题？编码约定如何使用bootstrap视口视口的介绍视口的参数如何配置视口栅格系统栅格系统是什么？栅格系统解决什么问题？栅格系统怎么用？栅格系统怎么实现？怎么去修改bootstrap的样式？轮播图的响应式字体图标雪碧图阴影移动端...
2019-09-02 23:10:19
540
原创 JS函数提升和变量提升
1.1什么是函数提升和变量的提升？JS引擎在运行整个JS代码的过程中，分为俩步。第一步是读取和解析JS代码，第二部是执行。在引擎解析JS代码的时候，当解析器遇见变量声明（var 变量名）和函数声明（function 函数名）的时候，会将这些声明提到各自作用域的最前面。1.2 作用域在ES6之前，JS是没有块级作用域的。只有2种作用域：1.全局作用域2.函数作用域...
2019-08-06 16:01:17
102
原创 hexo博客图片问题
本人的解决方案将hexo的主页配置文件中的_config.yml里的post_asset_folder设置为true。在git bash里运行npm install hexo-asset-image –save，安装上传图片的插件安装完成后，再运行hexo n xxx来生成md文件时，/source/_posts文件夹内除了xxx.md文件还有一个同名的文件夹，这个文件夹用来存...
2019-07-26 11:50:23
259
原创 hexo+github搭建个人博客
1.1 准备工作github账号nodejs、npm环境git for windows实验环境win102.1 github创建仓库新建一个名为 你的github名.github.io的仓库，比如说你的github 名为x,则新建一个名为 x.github.io的仓库，其他名称无效，因为之后你搭建好的博客地址将会是 http://x.github.io2.2 配置SSH ...
2019-07-26 11:48:12
110
原创 Python爬取有声小说
title: 马克飞象介绍date: 2019-04-17 13:16:00author: zhiyudong#img: /source/images/xxx.jpgtop: truecover: true#coverImg: /images/1.jpg#password: 8d969eef6ecad3c29a3a629280e686cf0c3f5d5a86aff3ca12020c...
2019-05-04 14:08:56
2391
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人