随笔分类 - 前端
1
摘要：转载：https://blog.csdn.net/yelove1990/article/details/53418684 实现两个div，左边固定div宽度200px，右边div自适应 <div class= "container"> <div class="left"></div> <div cl
阅读全文
摘要：转载： 版权声明：本文为CSDN博主「gzyzwx」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/gzyzwx/article/details/76039213 1、写两个div盒子，父子关系 <div c
阅读全文
摘要：参考：https://segmentfault.com/a/1190000012728854 1、index.html中引入semantic-ui的js <script src="https://cdn.jsdelivr.net/npm/semantic-ui-vue@0.10.1/dist/com
阅读全文
摘要：一、进入到项目目录 npm init 二、安装semantic-ui npm install semantic-ui --save 三、编译输出semantic-ui cd ./semantic gulp build 四、监视js、css gulp watch
阅读全文
摘要：需求：通过不同的参数复用同一组件，实现动态加载数据和图片，同时，在页面刷新时，图片依旧可以加载成功。 过程出现的bug和问题： 1、使用params传参后，再次刷新页面，参数丢失导致数据无法再次加载 2、改用query进行传参后，页面刷新后图片无法加载，这是由于图片的url是在created钩子函数
阅读全文
摘要：问题：在最近的项目中，我通过传递不同的参数，复用同一组件进行渲染，然而意外出现一个bug，就是当我重新刷新该页面时，会新增一个tab 原来的： 刷新页面后： 查阅资料后，发现该现象是由于通过params进行传递的参数引起的，params进行传参后再次刷新页面，参数丢失，导致fullpath不一致，从
阅读全文
摘要：参考: https://uzshare.com/view/788446 https://router.vuejs.org/zh/ $route 是“路由信息对象”，包括 path，params，hash，query，fullPath，matched，name 等路由信息参数。 ① $route.pa
阅读全文
摘要：参考： https://segmentfault.com/q/1010000011347642 https://weiku.co/article/297/ vue监听input输入框的回车事件：keyup事件，加enter修饰符。如果input是组件，加上.native修饰符。 例如： @keyup
阅读全文
摘要：经过测试得出： 使用element-ui的表格，并在table中设置固定height会出现表头错位的现象（不知道是什么bug） 解决方案： 将height改为max-height，设置固定高度为最大高度，可以解决表头错位的现象 补充两个属性： border：是否带有纵向边框 stripe：是否为斑马
阅读全文
摘要：参考： https://www.cnblogs.com/ainyi/p/9340311.html https://blog.csdn.net/weixin_41888813/article/details/86735664 created() { this.fetchLink() }, watch:
阅读全文
摘要：界面： 主要代码： 搜索框： <el-form ref="searchForm" :inline="true" :model="searchMap" style="margin-top: 20px;margin-left: 0px" > <el-form-item prop="companyName
阅读全文
摘要：参考： https://segmentfault.com/a/1190000016199721 1、通过使用的http-proxy-middleware来实现跨域代理 devServer: { disableHostCheck: true, // 新增该配置项 port: 8666, publicP
阅读全文
摘要：分类; 1、基本选择器 1、标签选择器（元素选择器） * 语法：$("html标签名”） 获得所有匹配标签名称的元素 2、id选择器 * 语法：$("#id的属性值") 获得与指定id属性值匹配的元素 3、类选择器 * 语法：$(".class的属性值") 获得与指定的class属性值匹配的元素 4
阅读全文
摘要：1、基础语法学习： 1、事件绑定 2、入口函数 3、样式控制 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi
阅读全文
摘要：JQuery对象与JS对象区别与转换 1、JQuery对象在操作时，更加方便 2、JQuery对象和js对象方法不通用 3、两者相互转换 * jq -- > js：jq对象[索引] 或者 jq对象.ge(索引) * js -- > jq：$(js对象) <!DOCTYPE html> <html l
阅读全文
摘要：事件： 概念：某些组件被执行了某些操作后，触发某些代码的执行 * 事件：某些操作，如：单击，双击，键盘按下了，鼠标移动了 * 事件源：组件。如：按钮 文本输入框.... * 监听器：代码 * 注册监听：将事件，事件源，监听器结合在一起。当事件源发生了某个事件，则触发执行某个监听器代码 常见的事件：
阅读全文
摘要：Dom: * 概念：Document Object Model 文档对象模型 * 将标记语言文档的各个组成部分，封装成对象，可以使用这些对象，对标记语言文档进行CRUD的动态操作 * Dom将HTML文档表达成树结构 * W3C Dom 标准被分为 3 个不同的部分: * 核心 Dom - 针对任何
阅读全文
摘要：一、BOM 1、概念：Browser Object Model 浏览器对象模型 * 将浏览器的各个组成部分封装成对象 2、组成： * Window：窗口对象 1、创建 2、方法 3、属性 4、特点 * Window对象不需要创建可以直接使用 window使用，window.方法名(); * wind
阅读全文
摘要：一、基本语法： 1、与html结合方式 1、内部JS： * 定义<script>，标签体内容就是JS代码 2、外部JS： * 定义<script>，通过src属性引入外部的js文件 * 注意： 1、<script>可以定义在html页面的任何地方，但是定义的位置会影响执行顺序 2、<script>可
阅读全文
摘要：路由跳转参考文档：https://router.vuejs.org/zh/guide/advanced/navigation-guards.html 在/src下创建permission.js进行权限校验 并在main.js中全局引入： import './permission' /** * 权限校
阅读全文
1
浙公网安备 33010602011771号