随笔分类 -  前端

前端相关
CSS 学习
摘要:类选择器 class 标签中加入 <p class = "speak"> <style> .speak :{ color: red } <style> 阅读全文

posted @ 2023-12-29 21:23 王半仙儿的博客 阅读(18) 评论(0) 推荐(0)

非零开头的正整数和保留两位小数,小数可以零开头
摘要:^(([1-9][0-9]*)(\.\d{1,2})?|0\.\d{1,2})$这个是匹配 非零开头的正整数和保留两位小数,小数可以零开头一、校验数字的表达式 数字:^[0-9]*$ n位的数字:^\d{n}$ 至少n位的数字:^\d{n,}$ m-n位的数字:^\d{m,n}$ 零和非零开头的数字 阅读全文

posted @ 2021-03-09 15:45 王半仙儿的博客 阅读(1716) 评论(0) 推荐(0)

vue-表单与v-model
摘要:使用 v-model 后,表羊控件显示的值只依赖所绑定的数据,不再关心初始化时的 value 属性,对于 textarea></textarea> 之间插入的值,也不会生效. 使用 v-model 时,如果是用中文输入法输入中文,一般在没有选定饲组前,也就是在 拼音阶段, Vue 是不会更新数据的, 阅读全文

posted @ 2021-02-18 15:17 王半仙儿的博客 阅读(98) 评论(0) 推荐(0)

Vue-购物车实战
摘要:computed 计算属性 正则 css部分 [v-cloak] { display : none ; } table{ border : lpx solid #e9e9e9 ; border- collapse: collapse ; border-spacing : 0; empty-cells 阅读全文

posted @ 2021-02-10 17:21 王半仙儿的博客 阅读(104) 评论(0) 推荐(0)

Vue-方法与事件
摘要:基本用法 监听点击事件 v-on 缩写:@ 预期:Function | Inline Statement | Object 参数:event 修饰符: .stop - 调用 event.stopPropagation()。 .prevent - 调用 event.preventDefault()。 阅读全文

posted @ 2021-02-10 14:56 王半仙儿的博客 阅读(171) 评论(0) 推荐(0)

Vue-内置指令
摘要:比如 <span >{{ 奥利给 }}</span> 直接显示 {{ 奥利给 }} ,而不是显示奥利给 基本指令 template 不能加style 如果想加就在在外层对应的 div 上加 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <t 阅读全文

posted @ 2021-02-09 10:31 王半仙儿的博客 阅读(81) 评论(0) 推荐(0)

VUE-计算属性
摘要:模板内的表达式常用于简单的运算,当其过长或逻辑复杂时,会难以维护,本章的计算属性就是用于解决该问题的。 通过上一章的介绍,我们己经可以搭建出一个简单的 Vue 应用,在模板中双向绑定 些数据 或表达式了。但是表达式如果过长,或逻辑更为复杂时,就会变得雕肿甚至难以阅读和维护,比如: <div> {{ 阅读全文

posted @ 2021-02-08 09:49 王半仙儿的博客 阅读(92) 评论(0) 推荐(0)

VUE——语法糖
摘要: 阅读全文

posted @ 2021-02-08 09:28 王半仙儿的博客 阅读(67) 评论(0) 推荐(0)

VUE learn
摘要:Vue .js 的官方文档中是这样介绍它的。 简单小巧的核心,渐进式技术拢,足以应付任何规模的应用。 简单小巧是指 vue.js 压缩后大小仅有 17k 。所谓渐进式(Progressive ),就是你可以 步、有阶段性地来使用 Vue.js ,不必一开始就使用所有的东西。随着本书的不断介绍,你会深 阅读全文

posted @ 2021-02-07 17:42 王半仙儿的博客 阅读(126) 评论(0) 推荐(0)

VUE—CLI学习
摘要:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create 需要的自己来看吧 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x 阅读全文

posted @ 2020-12-16 09:41 王半仙儿的博客 阅读(118) 评论(0) 推荐(0)

Vue之修饰符
摘要:修饰符 在上例使用的 event.pr巳ventDefault()也可以用 Vue 事件的修饰符来实现,在@绑定的事件后加 小圆点“.”,再跟一个后缀来使用修饰符。 Vue 支持以下修饰符: • .stop • .prevent • .capture • .self • .once 具体用法如下: 阅读全文

posted @ 2020-09-21 09:52 王半仙儿的博客 阅读(137) 评论(0) 推荐(0)

Vue之For循环
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 示例</title> </head> <body> <!-- <ul v-for="book in books" :key='index'> <li>{{book.name 阅读全文

posted @ 2020-09-18 15:56 王半仙儿的博客 阅读(1692) 评论(0) 推荐(0)

为啥动态显示的名字就显示了undefined?
摘要:看不懂了昂,记录一下,慢慢理解吧 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 示例</title> </head> <body> <div id="app" > 姓名:{{ fullName }} </div> <s 阅读全文

posted @ 2020-09-18 13:52 王半仙儿的博客 阅读(344) 评论(0) 推荐(0)

计算购物车价格Vue
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 示例</title> </head> <body> <div id="app" > 总价{{ prices }} </div> <script src="https://u 阅读全文

posted @ 2020-09-18 11:58 王半仙儿的博客 阅读(484) 评论(0) 推荐(0)

前端界面显示当前时间的Vue代码
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 示例</title> </head> <body> <div id="app" > {{ date | formatDate }} </div> <script src=" 阅读全文

posted @ 2020-09-18 10:46 王半仙儿的博客 阅读(1569) 评论(0) 推荐(0)

Echars 参数说明
摘要:theme = { // 全图默认背景 // backgroundColor: 'rgba(0,0,0,0)', // 默认色板 color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c 阅读全文

posted @ 2020-09-11 12:58 王半仙儿的博客 阅读(151) 评论(0) 推荐(0)

上传图片控制文件名相关
摘要:这是一个比较简单,正常的上传文件流程,具体的特殊情况可能还需要具体再讨论————————————————版权声明:本文为CSDN博主「YorcentLuo」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/yorc 阅读全文

posted @ 2020-07-21 15:54 王半仙儿的博客 阅读(283) 评论(0) 推荐(0)

导航