• 等级
  • 17352 访问
  • 16 原创
  • 18 转发
  • 240660 排名
  • 1 评论
  • 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页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="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标签超出部分省略后的省略号颜色也是该颜色。 <a href="#" target="_blank" style="width:100%;color:#000;"> <span style="color:red;font-size: 16px;float:left;">(总部转载&am

2018-03-12 11:42:31

兼容Ie的飘窗代码

html部分代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="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:\Program Files\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属性内容)换行排版方法,html title 换行方法总结。 html的title属性默认是显示一行的.如何换行呢? 这里DIVCSS5总结介绍两种换行方法为大家分享使用。 鼠标经过html 链接title内容换行效果截图 title 换行目录 回车换行 符号代码title 换行 相关知识 一、直接title

2016-11-30 17:50:31

CSS3 Gradient按钮demo

CSS3 Gradient a{ text-decoration:none; color:#63BDA8; } .button { border: 1px solid #e9e9e9; border-radius: 3px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -w

2016-11-30 10:40:35

Gradient─CSS3渐变

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

2016-11-29 11:31:35

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

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

2016-11-29 10:29:42

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

第一:html页面 [html] view plain 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/fks Web前端开发大系概览        https://github.com/unruledboy/WebFrontEndStack

2016-11-29 09:12:22

计算可输入字数

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

2016-11-28 17:17:53

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

function stopDefaultKey(e){ if(e && e.preventDefault){ e.preventDefault(); }else{ window.event.returnValue = false; } return false; } var d= 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

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