前端
文章平均质量分 55
喜欢前端的后端MelodyJerry
喜欢前端的全栈攻城狮的MelodyJerry,奋斗在全栈路上
【个人三大博客汇总】:
https://www.cnblogs.com/melodyjerry/p/13305991.html
展开
-
正则表达式regex(入门使用)
文章目录前序优势What is 正则表达式?入门1 基本匹配2 元字符2.1 锚点2.1.1 ^ 号2.2.2 $ 号2.2 运算符.2.3 字符集(字符组)2.3.1 否定字符集2.4 重复次数2.4.1 * 号2.4.2 + 号2.4.3 ? 号2.5 { } 号2.6 | 或运算符2.7 (...) 特征标群2.8 \ 转义符号进阶1 简写字符集2 标志2.1 i 忽略大小写(Case Insensitive)2.2 g 全局搜索 (Global search)2.3 m 多行查找(Multili原创 2021-06-02 16:22:10 · 21594 阅读 · 10 评论 -
[小程序] HBuilderX导入uniapp后,无法运行或发行,提示“[微信小程序开发者工具] × open IDE”
问题描述解决除了查看对应版本和开启端口(设置-安全设置)外还需注意,因为微信开发者工具是和对应的微信账号绑定的,所以需要设置对应账号的AppID才行,如果使用的是别人的需要用自己的AppID...原创 2021-04-21 23:36:23 · 16532 阅读 · 0 评论 -
js实现下拉框选项与输入框内容的同步修改
需求<select>下拉框选中内容,<input>输入框显示相应内容。实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title&原创 2021-04-01 21:03:17 · 9351 阅读 · 0 评论 -
[分享]在线的代码片段测试工具 jsbin
有些时候,我们往往有这样的需求:临时测试一个代码片段,不想打开编辑器来新建一个文件,测试完毕又删除想给别人分享一个代码,html文件,css文件,js文件,打个包?向别人展个某个效果,发个文件过去?把代码部署到自己服务器上面?针对这些需求,我们使用在线的代码片段测试工具,也许来得更加简单和方便了。针对前端的在线代码片段工具很多,比较常见的有jsbin和jsfiddle以及codepen.而我最喜欢的就是jsbin了,它有着更多的特性给我带来了极大的方便:任意控制要展示的窗口点击这些标原创 2021-04-01 10:15:28 · 8910 阅读 · 0 评论 -
[Vue]使用iframe实现弹窗加载页面
描述在页面中点击链接,弹出窗口,窗口中加载指定的页面内容代码<template lang=""> <el-link type="success" @click="test">主要链接</el-link> <el-dialog title="提示" :visible.sync="dialogVisible" width="80%" height="100%" :before-clos原创 2021-03-28 18:00:27 · 5544 阅读 · 0 评论 -
[Vue-案例]渲染数据
<template> <div class="container"> <div class="handle-box"> <el-input placeholder="用户名" class="handle-input mr10"></el-input> <el-button type="primary" icon="el-icon-search" @click="fin.原创 2021-03-28 17:28:10 · 2242 阅读 · 0 评论 -
[Vue]使用iframe嵌入页面
在Vue+ElementUI+iframe实现在当前页面中嵌入另一个HTML页面:<template> <div> <iframe src="http://0.0.0.0:8080" id="mobsf" scrolling="no" frameborder="0" style="position:absolute;top:80px;left: 120px;"></iframe> </div></template>.原创 2021-03-28 17:20:56 · 8627 阅读 · 5 评论 -
博客搬家
melodyjerry.top原博客迁移到新服务器轻量级支持移动端自响应可切换暗黑模式全局图片懒加载开放用户注册使用全局cdn缓存站点响应时间基本在300ms内负载均衡尽可能提高其他性能原创 2021-02-01 12:37:36 · 10375 阅读 · 9 评论 -
Vue快速入门学习笔记(更新ing)
原在博客园发布,先同步到CSDN:https://www.cnblogs.com/melodyjerry/p/13768594.html本笔记综合了视频狂神说的Vue快速上手和菜鸟教程、CSDN等博客文章,以及个人的一些学习见解与体会。由于是为了团队需要而快速入门,HTML、CSS、JS、Vue等基础均不全,故本笔记仅供参考学习使用。Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。HTML + CSS + JS : 视图 : 给用户看,刷新后台给的数据网络通信 : axios.原创 2020-11-15 14:37:19 · 4185 阅读 · 1 评论 -
基于vue的仿饿了么webapp
1、项目介绍此项目为外卖App核心的商家模块的SPASPA是为构建WebApp设计的路由控制和视图转换框架包括商品、评论、商家介绍、购物车等多个子模块使用 Vuejs全家桶 + ES6 + Webpack 等前端热门的技术采用 模块化、组件化、工程化 的模式开发模块与组件模块JS模块具有特定功能的JS文件组件功能组件/模块是实现界面某个局部功能的所有资源的集合(html/css/js/image等)联系一个组件中一般会使用到多原创 2021-01-06 14:41:36 · 1450 阅读 · 0 评论 -
Happy New Year 2021
新年2021啦,学着做了个动画,总代码量100+行而已,效果如下????文章目录HTML 部分CSS 部分HTML 部分<!-- * @Author: MelodyJerry * @Date: 2020-12-31 20:29:03 * @LastEditTime: 2021-01-04 10:49:38--><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&原创 2021-01-04 10:53:32 · 572 阅读 · 0 评论 -
浏览器的渲染机制
转载自:https://blog.csdn.net/wozaixiaoximen/article/details/50640954浏览器的渲染机制几个概念(1) DOM:Document Object Model,浏览器将HTML解析成树形的数据结构,简称DOM。(2) CSSOM:CSS Object Model,浏览器将CSS代码解析成树形的数据结构。(3) DOM 和 CSSOM 都是以Bytes → characters → tokens → nodes → object model..原创 2020-11-18 10:32:29 · 418 阅读 · 0 评论 -
style标签放在body前和body后的区别
转载自:https://blog.csdn.net/qq_44721831/article/details/102528073style标签写在body后与body前有什么区别?从有html标准以来到目前为止(2017年5月),标准一直是规定style元素不应出现在body元素中。(除非style处于template元素中,因为template中的内容是不直接在dom树中的。另外曾经如果style元素出现在body元素,最终效果和style元素出现在head里是一样的。但是可能引起FOUC、重绘或.原创 2020-11-15 14:41:55 · 3666 阅读 · 1 评论 -
[转]JavaScript 初学者教程(指南)
JavaScript 初学者教程(指南)原文链接:https://segmentfault.com/a/1190000016337325作者:joyqiJavaScript 是前端开发者使用的主要编程语言,随着前端技术的发展,这门语言的边界也得以不断扩展。我们在这里选择了与 JavaScript 相关的经典文章,可以让大家对如何学习这门语言有一些全面的认识。特别的,我们还着重于 JavaScript 这门语言与其它编程语言的不同之处,方便大家深入理解。语言特性JavaScript 循环Ja原创 2020-09-24 17:38:18 · 384 阅读 · 2 评论 -
技术文档集合
中文技术文档集合SpringSpring 官方文档Spring 中文文档Spring与Mybatis相结合使用的中文文档MyBatisMybatis官方中文文档Spring与Mybatis相结合使用的中文文档原创 2020-09-10 15:52:22 · 1419 阅读 · 0 评论 -
两个简单的导航网页
极简、拟态风格[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZbcqXYJU-1598165802144)(https://s1.ax1x.com/2020/08/21/dNjTxJ.png)]源码Gitee:https://gitee.com/melodyjerry/SimpleIndex简单的、聚合式[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-L6msaw9k-1598165802154)(https://s1.ax1x.com原创 2020-08-23 14:57:13 · 1833 阅读 · 0 评论