随笔分类 - 前端
摘要：webpack打包绝对路径引用资源解决办法： 打开webpack.prod.conf.js 找到output：增加 publicPath: './', 即可，如图 element ui字体图标不显示的解决办法： webpack utils.js 修改：（build目录下utils.js） 添加pub
阅读全文
摘要：一、直接通过Vue.extend的方式创建组件 在new Vue()对象中引用mycom组件对象 二、直接通过Vue.component来创建组件 1、在body中定义html模板 2、在js中定义Vue.component的，template为body中定义html模板的id，也可以直接在temp
阅读全文
摘要：效果图如下 3s后会自动消失，比原生的alert()体验更好
阅读全文
摘要：伪类和伪元素 伪类其实是为弥补CSS选择器的不足，用来更方便地获取信息 而伪元素本质上是创建了一个虚拟容器(元素)，我们可以在其中添加内容或样式 CSS3中，伪类用单冒号:表示；而伪元素用双冒号::表示 :before 伪元素可以在元素的内容前面插入新内容 :after 伪元素以在元素的内容之后插入
阅读全文
摘要：定位流(position属性)的分类 1、相对定位(relative) 2、绝对定位 3、固定定位 4、静态定位 相对定位 什么是相对定位？ 就是相对于自己以前在标准流中的位置来移动，相对定位需要配合top/left/right/bottom属性使用 相对定位注意点 1、相对定位是不脱离标准流的，会
阅读全文
摘要：想实现当某个菜单打开，其他菜单折叠的效果 只需要给 1、class="panel-group" 的div设置一个id 2、将<a href="#" data-toggle="collapse" data-target="#demo1">栏目管理</a></h4> 的data-parent的id设置为
阅读全文
摘要：Query中绑定事件用两种方式1、eventName(fn); $("button").click(function(){ alert("ddd"); });2、on(eventName, fn);$("button").on("click",function(){ alert("button");
阅读全文
摘要：1、逐个设置 $("div").css("width","100px"); $("div").css("heigth","100px"); $("div").css("bacdground","red");2、链式设置 $("div").css("width","100px").css("heigt
阅读全文
摘要：$() 就代表调用jQuery的核心函数1、接收一个函数(函数入口) $(function () { alert("hello "); });2、接收一个字符串2.1接收一个字符串选择器$(".class")返回jQuery对象，对象中保存了找到的DOM元素2.2接收一个字符串代码片段$("<p><
阅读全文
摘要：div和span有什么区别？1、div会独占一行，而span不会独占一行2、div是一个容器级的标签，而span是一个文本级的标签容器级的标签和文本级标签的区别？1、容器级的标签中可以嵌套其他所有的标签2、文本级的标签中只能嵌套文字/图片/超链接CSS显示模式在HTML中标签分为两类，分别是容器级标
阅读全文
