HZ-那兔-CSDN博客

原创（五）VUE截图并保存到本地

项目场景：场景：实现用户可以对当前页面进行截图、保存，适用于各种电子证书、电子名片、海报等场景：具体实现使用html2canvas插件来实现。html2canvas是一款利用javascript进行屏幕截图的插件，它能够实现在用户浏览器端直接对整个或部分页面进行截屏。一：下载html2canvas并引入相关页面： npm install html2canvas --save 或 yarn add html2canvas import html2canvas from "html2canva

2022-05-13 13:49:40 3616

原创（四）JS中事件和方法（属性）

的事件和属性事件： @input 适用于实时监听输入字符 @blur 适用于失去焦点 @focus 适用于获取焦点属性： Placeholder 在内容为空时显示，在输入内容时获取焦点。用于提示所需输入信息 Accept 规定通过文件上传来提交的文件类型 image/* 接受所有的图像文件 Video/* 接受所有的视频文件 Audio/* 接受所有的声音文件 Readonly 规定输入字段是只读的。 Required 规定必须在提交表单之前填写输入字段 Step 规定元素的合法数字间隔 Wid

2020-12-10 17:31:55 407

原创（三）JS中的window对象

window.location 对象 window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。 window.location 对象在编写时可不使用 window 这个前缀。一些例子： location.hostname 返回 web 主机的域名 location.pathname 返回当前页面的路径和文件名 location.port 返回 web 主机的端口（80 或 443） location.protocol 返回所使用的 web 协议（http: 或

2020-12-10 17:14:55 222

原创（二）Stylus简介及在vue中使用

stylus stylus简介 Stylus是一个CSS预处理器。因为Stylus是来源于Node.js社区，与js关系密切，所以基于Vue.js的开发，我们选择使用Stylus。 Stylus可以做到css样式层级显示，更好的编译和维护。配置Stylus环境安装：命令行中打npm install stylus stylus-loader --save-dev 在.vue文件的style块中使...

2020-05-08 15:26:03 1428

原创（一）最基本的git操作指令及报错

这里写自定义目录标题日常工作操作指令新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入日常工作操作指令你好！ ...

2020-05-08 10:15:47 313