学习日记
文章平均质量分 62
皮皮灬虾
代码“虐”我千万遍,我待代码如初恋!
展开
-
WEB前端简历模板
WEB前端简历模板详细资料 姓名:XXX 出生年月:XXXX年X月 名 族:X族 政治面貌:XXXX ...原创 2019-10-15 17:17:55 · 40866 阅读 · 7 评论 -
Markdown的使用
你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:撤销:Ctrl/Command + Z重做:Ctrl/Command + Y加粗:Ctrl/Command + B斜体:Ctrl/Command + I标题:Ctrl/Command + S原创 2024-06-27 17:30:14 · 952 阅读 · 0 评论 -
ant desgin vue table动态循环生成表格
场景: 根据选择日期年月份进行动态往表格添加数项话不多说,下面直接上代码一、html代码<!-- 表格 --><div class="admin_table_list"> <a-spin tip="Loading..." :spinning="spinning"> <a-table bordered size="small" :rowkey="id" :comp原创 2021-12-21 14:53:43 · 3471 阅读 · 2 评论 -
微信小程序点击图片预览真机无法显示的问题
问题: 用开发者工具开发编辑时,点击图片预览,一直显示黑屏加载转圈中…如图所示:实际效果图:话不多说,直接上代码1、html代码:<view class="img-box"> <view class="imgs" wx:for="{{imgList}}" wx:key='id'> <image src="{{item.imgurl}}" bindtap="clickImg" data-url="{{item.imgurl}}" />原创 2021-08-27 11:30:35 · 1682 阅读 · 3 评论 -
ES6常见数组用法
这是看完ES6文档后的学习笔记1、let与constlet的用法类似于var,但是所声明的遍历,只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1const声明一个只读的变量。一旦声明,常量的值就不能改变。const PI = 3.1415;PI // 3.1415PI = 3;// TypeError: Assignment to constant .原创 2021-07-31 15:27:52 · 275 阅读 · 0 评论 -
Vue实现打印功能最简单的方法
摘要: 今天做了一个ERP系统打印订单的功能,下面是效果图:查了很多资料,一开始我直接用print.js这个插件,虽然能实现打印功能,但是当你需要打印的表格数据太多了,就无法实现分页打印,为了不浪费大家时间,所以在这里,我建议大家直接使用vue-print-nb这个插件,可以随心所欲的实现打印功能。在这里我就不多说了,用了就知道!下面说下安装和使用方法:1、安装vue-print-nbnpm install vue-print-nb --save2、在main.js文件中引入 import原创 2021-07-09 11:44:57 · 5789 阅读 · 33 评论 -
Ant desgin vue 表格滑动效果:
Ant desgin vue 表格自适应可滑动效果1.html代码块:<!-- 表格 --> <div class="admin_table_list"> <a-table :rowkey="id" bordered size="small" :components="components" :rowSelection="{ selectedRowKeys: selectedRowKeys, onCha原创 2021-05-14 17:09:52 · 1354 阅读 · 0 评论 -
ant desgin vue 列表分页
ant desgin vue 表格列表分页1、html代码块:记得把这个表格自带的分页关闭了:pagination="false"<!-- 表格 --> <div class="admin_table_list"> <a-table bordered :rowkey="id" :rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onS原创 2021-05-08 15:26:34 · 572 阅读 · 0 评论 -
git 打标签(Tag) 操作
git 打标签(Tag) 操作创建标签git tag -a '版本号' -m '备注信息' 推送标签git push origin --tags(标签名)原创 2021-04-30 19:58:06 · 227 阅读 · 2 评论 -
如何使用Git生成SSH密钥
Git生成SSH密钥配置用户名git config --global user.name "zhangsan"配置邮箱git config --global user.email "123123123@qq.com"如下图所示:此时,会在C:\Users\Administrator目录下生成.gitconfig配置文件:请勿删除!ssh-keygen -t rsa -C "123123123qq.com"生成公钥和私钥按3次Enter,不需要设置名称与密码cat ~/.ssh原创 2020-10-28 15:36:51 · 684 阅读 · 0 评论 -
PC端扫码登录流程图
PC端扫码登录流程图下面是个人自己整理的流程图,不足之处还望大家指正一起探讨#mermaid-svg-E9ZdhGDHZ9BYpC58 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-E9ZdhGDHZ9BYpC58 .label text{fill:#333}#mermaid-svg-E9ZdhGDHZ9原创 2020-10-26 17:08:55 · 1388 阅读 · 1 评论 -
常用的js语法
常用的js语法1、提取数组对象中的某个属性值,并返回一个新数组//实例一:单纯的提取数组对象中的某个属性值,返回一个数组var detailList = [ { id:1, name:'张三' }, { id:2, name:'李四' }, { id:3, name:'王五' },原创 2020-10-16 17:56:47 · 434 阅读 · 1 评论 -
Vant-UI库和Element-UI库修改样式无效
Vant-UI库和Element-UI库修改样式无效最近用vue写页面时,发现使用vant的有些UI组件,而又不能满足自己的样式,修改CSS样式还是无效。css一般都会使用sass或者less,加了scoped后修改的样式不起作用,即使加了important也没用.van-grid-item_content{ background:#f4f5f7 !important; border-radius:8px;}vue项目中,当style标签有scoped属性时,它的 CSS 样式只作用原创 2020-07-10 11:45:13 · 1598 阅读 · 0 评论 -
H5 移动端调取手机相机或相册
H5 移动端调取手机相机或相册1、html代码如下: <!--图片二--> <label for="xFile2" style="padding-top:15px;" class=" cameraImg2" @click="removeImg2();"> <span v-if="imgList2.length == ''" class="glyphicon-camera" > <p style原创 2020-07-08 11:57:59 · 6031 阅读 · 0 评论 -
小程序——切割字符串
小程序——切割字符串做完项目整理了下小程序的字符串切割的常见几种方法JS对字符串进行切割截取1.函数:split()功能:使用一个指定的分隔符把一个字符串分割存储到数组例子:str=”jpg|bmp|gif|ico|png”; arr=str.split(”|”);//arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组2.函数:join()功能:使用您选择的分隔符将一个数组合并为一个字符串例子:var delimitedString=my原创 2020-07-01 17:45:48 · 10377 阅读 · 1 评论 -
使用Vue-cli 3.0搭建Vue项目
使用Vue-cli 3.0搭建Vue项目[2018-07-31更新]: vue-cli 3.0正式版的中文文档已经出来了,详细的可以参考:https://cli.vuejs.org/zh/guide/关于Vue的其他基础知识,可以看我的文章(持续更新中):\1. Vue入门(1)——简介与安装Vue CLI介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供:...原创 2019-12-19 09:43:42 · 222 阅读 · 0 评论 -
快速搭建一个完整的vue的项目
搭建一个完整的vue的项目Vue CLI介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供:通过 @vue/cli 搭建交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。一个运行时依赖 (@vue/cli-service),该依赖:可升级;基于 webpack 构建,并带有合理的默认...原创 2019-12-19 09:41:03 · 1261 阅读 · 1 评论 -
非常全面的前端协作规范
非常全面的前端协作规范万字长文,继续刷新我的文章长度记录,涉及前端开发的方方面面。本文将持续更新和完善, 文章部分观点可能比较武断或不完整,欢迎评论和补充,一起完善该文章. 谢谢笔者长期单枪匹马在前端领域厮杀(言外之意就是团队就一个人),自己就是规范。随着公司业务的扩展,扩充了一些人员,这时候就要开始考虑协作和编码规范问题了。本文记录了笔者在制定前端协作规范时的一些思考,希望能给你们也带来...原创 2019-10-14 10:33:33 · 2782 阅读 · 1 评论 -
JavaScript Window Navigator浏览器信息
JavaScript Window Navigatorwindow.navigator 对象包含有关访问者浏览器的信息。实例<!DOCTYPE html><html><body><div id="example"></div><script>txt = "<p&原创 2018-07-04 11:40:51 · 446 阅读 · 0 评论 -
JS操作HTML DOM树的常见用法:
JS操作HTML DOM树的常见用法:改变 HTML 输出流JavaScript 能够创建动态的 HTML 内容:今天的日期是: Thu Jun 21 2018 11:50:27 GMT+0800 (中国标准时间)在 JavaScript 中,document.write() 可用于直接向 HTML 输出流写内容。改变 HTML 内容修改 HTML 内容的最简单的方法时使用...原创 2018-07-04 11:37:12 · 1476 阅读 · 1 评论 -
JavaScript Window Screen可用界面
JavaScript Window Screenwindow.screen 对象包含有关用户屏幕的信息。Window Screenwindow.screen 对象在编写时可以不使用 window 这个前缀。一些属性:screen.availWidth - 可用的屏幕宽度screen.availHeight - 可用的屏幕高度Window Screen 可用宽度...原创 2018-07-04 11:40:27 · 185 阅读 · 0 评论 -
JavaScript 计时
JavaScript 计时通过使用 JavaScript,我们有能力做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。实例简单的计时单击本例中的按钮后,会在 5 秒后弹出一个警告框。<html><head><script type="text/javascript">function timed...原创 2018-07-04 11:40:09 · 368 阅读 · 0 评论 -
JavaScript 库
JavaScript 库JavaScript 库 - jQuery、Prototype、MooTools。JavaScript 框架(库)JavaScript 高级程序设计(特别是对浏览器差异的复杂处理),通常很困难也很耗时。为了应对这些调整,许多的 JavaScript (helper) 库应运而生。这些 JavaScript 库常被称为 JavaScript 框架。...原创 2018-07-04 11:39:51 · 152 阅读 · 0 评论 -
JavaScript 实例
JavaScript 实例基础 JavaScript 实例生成文本<html><body><script type="text/javascript">document.write("Hello World!")</script></body></html>原创 2018-07-04 11:39:30 · 294 阅读 · 0 评论 -
JavaScript 消息框
JavaScript 消息框可以在 JavaScript 中创建三种消息框:警告框、确认框、提示框。实例警告框<html><head><script type="text/javascript">function disp_alert(){alert("我是警告框!!")}</script></head&原创 2018-07-04 11:39:08 · 188 阅读 · 0 评论 -
JS 日期
JS 日期日期对象用于处理日期和时间JavaScript Date(日期)对象 实例返回当日的日期和时间如何使用 Date() 方法获得当日的日期。<html><body><script type="text/javascript">document.write(Date())</script>&...原创 2018-07-04 11:38:49 · 103 阅读 · 0 评论 -
JS 数组
JS 数组数组对象的作用是:使用单独的变量名来存储一系列的值。创建数组创建数组,为其赋值,然后输出这些值。<html><body><script type="text/javascript">var mycars = new Array()mycars[0] = "Saab"mycars[1] = "Volvo"mycars[2..原创 2018-07-04 11:38:24 · 113 阅读 · 0 评论 -
JS 字符串
JS对象JavaScript 中的所有事物都是对象:字符串、数值、数组、函数…此外,JavaScript 允许自定义对象。JavaScript 提供多个内建对象,比如 String、Date、Array 等等。对象只是带有属性和方法的特殊数据类型。访问对象的属性属性是与对象相关的值。访问对象属性的语法是:objectName.propertyName...原创 2018-07-04 11:38:01 · 346 阅读 · 0 评论