• 等级
  • 23873 访问
  • 16 原创
  • 18 转发
  • 155204 排名
  • 2 评论
  • 0 获赞

分析vue的目录和项目代码

前面一节我们讲了vue的项目搭建过程,这一节我们就来细说一下项目里面的文件。先大概说一下,后面有时间再详细说。1.首先看主页面入口index.html页面:我们可以看到,入口页面基本没有什么,就定义了一个div标签,绑定了一个id,用来设置作用域。2.文件:HelloWorld.vue这个文件也没什么可以说的,一个template的展示模板,一个script引入组件,还...

2018-04-04 15:34:28

vue的搭建(使用vue的脚手架vue-cli)

先说说前言,因为最近在看技术,vue还是很火的,至少现在做vue的公司很多,相比于angular我觉得vue更适合上手,所以我今天就讲讲怎么搭建vue的项目文件,当然这个也是我自己搭过一遍的,也走了一下接口,获取到了数据。这篇先将怎么用脚手架搭建项目说一下,后面再说例子。说明:此文章参考了网上一些大神的技术分享,自己结合总结一下。此文章是基于webpack构建的vue项目一.首先搭建环...

2018-04-04 09:44:29

兼容ie的飘窗

首先html页面<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><scripttype="text/javascript

2018-03-15 10:01:13

mCustomScrollbar的用法

我们在做项目中,很多时候会遇到滚动条的问题,浏览器本身的滚动条很丑,所以现在有很多带有样式的滚动条插件,mCustomScrollbar是我用过比较好的了,不仅有纵向的还有横向的。首先要引入样式表以及js箭头标记的地方要加上,因为当你的高度或者宽度发生变化时要相应的去更新滚动条...

2018-03-14 16:09:52

template模板的运用

首先你得先引入template.js

2018-03-14 15:59:43

ie下关于a标签超出部分省略的省略号颜色问题

最近做项目发现一个怪现象,就是在ie下,如果a便签里含有设定字体颜色的标签,a标签超出部分省略后的省略号颜色也是该颜色。<ahref="#"target="_blank"style="width:100%;color:#000;"><spanstyle="color:red;font-size:16px;float:left;">(总部转载&am

2018-03-12 11:42:31

兼容Ie的飘窗代码

html部分代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><scripttype="text/javascript&q

2018-02-28 14:34:41

ie下兼容奇偶

css3有选择器可以直接筛选奇偶,例如nth-of-type(),但是该方法并不支持ie.所以我几天讲一个用jquery来兼容的。首相你要引入jquery.js然后在页面上写上:$(function(){$("li:nth-child(2n)").addClass("evencss");//偶数$("li:nth-child(2n+1)").addClass("oddcss"

2017-01-04 15:35:29

基于node的uglifyjs压缩JS

首先安装nodejs(windows下安装nodejs)1.下载安装文件下载地址:官网http://www.nodejs.org/download/2.安装文件3.安装文件nodejs,默认是安装在C:\ProgramFiles\nodejs下面,我也就不改变了。3.安装过程中直接用npm安装

2016-12-29 15:59:21

ie6 7 8下的一些bug和解决办法

1:li边距“无故”增加任何事情都是有原因的,li边距也不例外。先描述一下具体状况:有些时候li边距会突然增 加很多,值也不固定(只在IE6/IE7有这种现象),让人摸不着头脑,仔细“研究”发现是由于其低级元素ul的padding引 起,padding的上下值对li有影响,左右无影 响。所以只好笨手笨脚地把padding去掉,换成margin。这是能解决问题,但往往不是我们想要的结

2016-12-20 08:43:12

html title换行方法 如a链接标签内title属性鼠标悬停提示内容换行

鼠标经过悬停于对象时提示内容(title属性内容)换行排版方法,htmltitle换行方法总结。html的title属性默认是显示一行的.如何换行呢?这里DIVCSS5总结介绍两种换行方法为大家分享使用。鼠标经过html链接title内容换行效果截图title换行目录回车换行符号代码title换行相关知识一、直接title

2016-11-30 17:50:31

CSS3 Gradient按钮demo

CSS3Gradient a{ text-decoration:none; color:#63BDA8; } .button{ border:1pxsolid#e9e9e9; border-radius:3px; -moz-box-shadow:01px3pxrgba(0,0,0,0.3); -w

2016-11-30 10:40:35

Gradient─CSS3渐变

CSS3发布很久了,现在素材网上很多模板都有它的身影,国内为了兼容IE让很多人望而却步。虽然如此我还是在空闲的时候钻研CSS3在web中的应用,为了不被淘汰,为了争取跟上技术的前沿。从现在开始我会不断的发布一些CSS3的应用,和大家一起分享,今天我们首先要看的就是CSS3:Gradient─CSS3渐变。CSS3Gradient分为linear-gradient(线性渐变)和rad

2016-11-29 11:31:35

编写导航栏(无需写js代码)

jquery编写导航栏 #navigation{ width:1180px; padding:8px; margin:5pxauto; background:#3b5998; height:16px; font-size:14px; } #navigationul{ margin-top:0;

2016-11-29 10:29:42

jquery滚动效果-无间隙向上滚动

第一:html页面[html] viewplain copy print?                                  div class="global_module news">  h3>最新动态img src="images/down.png" />h3>  div class="scrollNews">

2016-11-29 10:04:09

前端资源集合

综合类综合类    地址前端知识体系    http://www.cnblogs.com/sb19871023/p/3894452.html前端知识结构    https://github.com/JacksonTian/fksWeb前端开发大系概览    https://github.com/unruledboy/WebFrontEndStack

2016-11-29 09:12:22

计算可输入字数

您还可以输入50个字 functionsetShowLength(obj,maxlength,id){ varrem=maxlength-obj.value.length; var_id=id; if(rem rem=0;} document.getElementById(_id).innerHTML="

2016-11-28 17:17:53

textarea回车清空内容后有空格或者换行()

functionstopDefaultKey(e){if(e&&e.preventDefault){e.preventDefault();}else{window.event.returnValue=false;}returnfalse;}vard=document;d.getElementByID("a").onkeydown=function

2016-11-28 13:59:16

解决IE下不支持placeholder属性可以根据自己的需要去扩展.

/**  * 解决IE下不支持placeholder属性  * 可以根据自己的需要去扩展  * ps:写的很简单  根据自己的需求来  不喜勿喷  */ ; (function($) {     $.fn.placeholder = function(options) {         var opts = $.extend({},

2016-11-28 13:48:39

js常用正则表达式

整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2}$只能输入数字:"^[0-9]*$"。只能输入n位的数字:"^\d{n}$"。只能输入至少n位的数字:"^\d{n,}$"。只能输入m~n位的数字:。"^\d{m,n}$"只能输入零和非零开头的数字:"^(0|[1-9][0-9]*)$"。只能输入有两位小数的正实数:"^[0-9]+(.[0-9]{2})?$"。

2016-11-24 17:14:54

ywj5200

雨月墨山水,点滴梦宣中。
关注
奖章
  • 持之以恒