![](https://img-blog.csdnimg.cn/20190918135101160.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue/React
文章平均质量分 52
Vue/React
shawxlee
难道我真的是天才?
展开
-
【学习笔记】JSX语法(.tsx) - 一个 JavaScript 的语法扩展
JSX 是 JavaScript 语法扩展,可以让你在 JavaScript 文件中书写类似 HTML 的标签。原创 2024-03-26 16:51:23 · 925 阅读 · 0 评论 -
【element-ui】输入框组件el-input输入数字/输出Number类型:type=“number“、v-model.number用法
输入框组件el-input输入数字/输出Number类型原创 2024-02-07 18:10:38 · 4630 阅读 · 0 评论 -
vue-cli引入本地json数据:封装为js文件,无需请求直接读取
【代码】vue-cli引入本地json数据:封装为js文件,无需请求直接读取。原创 2024-02-06 17:15:39 · 712 阅读 · 0 评论 -
【学习笔记】Vue.js - 一个构建数据驱动的web界面的渐进式框架
一、风格指南1、命名格式命名法 适用范围camelCase 变量、参数、函数、方法、方法属性、id、空间PascalCase 类、枚举、Vue组件kebab-case html文件、标签、元素属性、选择器underline_case css/scss文件UNDERLINE_CASE 常量、枚举属性_underlinecase 私有成员命名对象 建议用词变量 (名词短语)、 isName/hasName(布尔值)函数、方法 canName/hasName/isName(布尔值)、getN原创 2023-09-13 18:44:23 · 136 阅读 · 0 评论 -
vue自定义全局指令:绑定在el-input上,使输入框自动获取焦点
vue自定义全局指令:绑定在el-input上,使输入框自动获取焦点原创 2023-02-27 16:31:46 · 1310 阅读 · 0 评论 -
vue-cli引入BootstrapVue,修改/新增主题变量,定义/应用全局样式
1. 安装bootstrap、popper.js、portal-vue、bootstrap-vue……原创 2023-02-27 15:36:16 · 868 阅读 · 0 评论 -
vue-cli引入Element Plus(element-ui),修改主题变量,定义全局样式
……附录:Element Chalk Variables主题变量预设值……原创 2021-10-21 16:37:59 · 5776 阅读 · 0 评论 -
vue-cli引入wangEditor、Element,封装可上传附件的富文本编辑器组件(附源代码直接应用,菜单可调整)
附上自己封装的富文本编辑器组件源代码,可上传图片和附件:原创 2023-02-24 17:14:24 · 1328 阅读 · 0 评论 -
vuecli引入vue-amap地图组件(高德地图SDK)
1、前往高德开放平台注册开发者账号,在控制台申请Key……原创 2023-02-24 16:02:33 · 934 阅读 · 1 评论 -
vue-cli引入iconfont图标(阿里巴巴矢量图标库)
1、上官网搜索需要的图标,依次“添加入库”……原创 2023-02-24 15:47:06 · 443 阅读 · 0 评论 -
vue-cli引用图片资源的三种方式(template、script、style)
`src/assets`下新建文件夹`images`,用于存放所有图片资源原创 2023-02-23 14:06:02 · 363 阅读 · 0 评论 -
vue-cli引入外部字体,自定义名称应用到全局
1、`src/assets`下新建文件夹`fonts`,将所有外部字体文件放入其中……原创 2023-02-23 12:55:31 · 454 阅读 · 0 评论 -
vue-cli3引入sass(.scss)样式管理、sass-resources-loader全局变量
style lang = " scss " > /* 标记语言为scss */ div {/* 直接书写变量 */ margin : 0;h1 {/* 使用 @include 引入混合样式 */ padding : 0;< style lang = " scss " > /* 标记语言为scss */ div {/* 直接书写变量 */ margin : 0;h1 {/* 使用 @include 引入混合样式 */ padding : 0;原创 2020-12-30 17:41:55 · 3942 阅读 · 0 评论 -
Chrome浏览器及electron-vue项目添加vue-devtools插件的方法步骤
Step 1:Chrome浏览器添加vue-devtools插件Step 2:electron-vue项目添加vue-devtools插件原创 2019-08-21 01:50:29 · 4667 阅读 · 2 评论 -
[HTML+CSS+Vue] 自定义单选按钮效果:点击不同按钮切换(switch)不同选项,同一按钮在2个状态之间切换(toggle)
刚刚搞定一个排序组件:三个按钮对应三个不同的排序方式,单选切换,同时在当前排序方式下,再点击当前按钮切换正序和倒序,小箭头图标示意。因为radio单选框的默认样式太丑了,bootstrap给的custom也不理想,所以就决定从样式到功能全部自定义,感谢vue让一切如此简单~• 效果示例:• HTML代码:<div id="app"> <div class="...原创 2019-05-12 11:39:45 · 6003 阅读 · 0 评论 -
[HTML+Bootstrap+CSS+Vue.js] 利用v-for循环、modal模态框、datetime控件添加起止时间记录,要求简单验证输入的时间格式
•需求:点击按钮弹出模态框,用户输入数据并点击提交,若输入格式正确,则添加一条记录到页面并关闭模态框;若输入格式有误,则模态框不关闭,且显示警告文字,用户重新输入时消失•美化:从左到右排列记录,间距适当,队列末尾放置+号按钮,并添加浅色虚线背景框,弹出的模态框居中显示•技术:HTML + CSS + Vue.js + Bootstrap + jQuery原创 2018-11-12 16:13:11 · 1733 阅读 · 0 评论 -
[HTML+CSS+Vue.js] 超长文本等内容默认折叠显示,点击展开全文,再点击收起(仿知乎效果)
•需求:浏览时默认只显示前三行文本,剩余部分折叠,点击“展开阅读全文”显示完整文本,再点击文末的“收起”恢复折叠状态•美化:“展开阅读全文”折叠杆挡住面板下端,并呈现半透明渐变效果•技术:HTML + CSS + Vue.js原创 2018-11-08 20:08:01 · 18877 阅读 · 3 评论