- 博客(16)
- 收藏
- 关注
原创 直接引用vue.js,也可以出效果。但是这样的利弊在哪?搭建脚手架的利弊又是什么呢?
boy 火巨脚手架那套系统帮你模块化,比如每个页面都是一个组件,可以抽象出共用组件分给不同页面用。直接引用其实也能做,你也得搭一套js的模块化,再放到你的index.html,功能是一样的,自己设计一套也挺麻烦,要考虑很多问题。脚手架有一个统一的入口main.js,你引入router,resource,vuex很方便,也很清晰,你的方式项目庞大以后,容易乱。脚手架提供了测试服,你现在用的是单机版,...
2018-05-22 09:46:48 10540
原创 前端入门小笔记
boy 火巨常用width宽度 red红色 blue蓝色 yellow黄色 green绿色 height高度 white白色 black黑色 gray灰色 silver银色background背景 pink粉色 khaki卡其色 greenyellow黄绿色从网址上传递参数,和获取参数window.locati...
2018-05-17 10:02:57 344 2
原创 css溢出省略号文字单行,多行多出的...
boy 火巨如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:overflow: hidden;text-overflow:ellipsis;white-space: nowrap;但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略号呢...
2018-05-17 09:59:08 156
原创 CSS选择器 渐变背景
boy 火巨css选择器CSS分组选择 td,div,ul,li 将同样样式应用于多个选择器,以逗号分隔 示例:td,div a,body{ font-size: 16px; } CSS相邻选择器 e1+e2 选择紧贴在e1元素之后的e2元素,相邻选择符只会选择符合条件的相邻的兄弟元素 示例:p + p { color: red; } E:focu...
2018-05-17 09:56:27 848
原创 命名规范
boy 火巨HTML+CSS命名规范大全注意!!!:1.一律小写; 2.尽量用英文; 3.不加中杠和下划线; 4.尽量不缩写,除非一看就明白的单词整个页面布局:整个大盒子 wrap ------------------用于最外层头部 header /head----------------用于头部主要内容 main -----...
2018-05-17 09:54:38 142
原创 IE8 兼容
boy 火巨下面再写个背景background: #ffd700\9; 兼容ie9以下ie8背景图片平铺filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/bg.png', sizingMethod='scale'); -ms-filter: progid:DXImageTransform....
2018-05-17 09:51:16 187
转载 vue2.0 让px转换成rem问题
boy 火巨因为项目需要,vue开发项目,必须将已写的以px为单位的部分,转换为rem。要是全部转换,这大量的计算量,哪怕是sublime Text 的cssrem插件,也是一个庞大的工作量。所以,直接使用插件没商量。第一步:因为rem是根据更元素来计算大小,所以,捕捉到当前屏幕的大小并赋值给html,这是其一第二步:使用px2rem插件,来捕捉当前项目的所有px,直接计算相对应数值。这样,以后写...
2018-05-17 09:47:19 2186
原创 HTML5 标签
boy 火巨<!--...--> 定义注释<!DOCTYPE> 定义文档类型<a> 定义超文本链接<abbr> 定义缩写<acronym> 定义只取首字母的缩写,不支持HTML5<address> 定义文档作者或拥有者的联系信息<applet> HTML5中不赞成使用。定义嵌入的 applet。<ar
2018-05-17 09:43:37 123
原创 css圆角设和内阴影兼容
boy 火巨圆角设和内阴影兼容.boder-radius{ -webkit-border-radius:6px;//适配以webkit为核心的浏览器(chrome、safari等)-moz-border-radius:6px;//适配firefox浏览器-ms-border-radius:6px;//适配IE浏览器-o-border-radius:6px;//适配opera浏览器border-ra...
2018-05-17 09:42:13 719
原创 微信清除自带浏览器缓存,tbs调试页面
boy 火巨1.随便打开一个聊天窗口,输入debugx5.qq.com 并发送2.点击自己发送的地址,打开debug 调试页面。3.拉到调试页面的最底端,勾选上所有的缓存项目,点击清除。还有一个补充的打开tbs调试页面(打开后需要下载)随便打开一个聊天窗口,输入debugtbs.qq.com并发送 然后击自己发送的地址...
2018-05-17 09:39:17 5289
转载 Vue用rem布局
boy 火巨 使用vue.js搭建一个移动端项目,怎样做到自适应呢?当然选择rem布局是比较方便快捷的。在使用vue-cli搭建好项目框架后,在目录结构的index.html文件中添加一段代码:<script>fnResize()window.onresize = function () {fnResize()}function fnResiz...
2018-05-17 09:38:04 7120 3
原创 vue结构详解
boy 火巨相关文件和文件夹的含义:build 文件夹: 里面是对 webpack 开发和打包的相关设置,包括入口文件、输出文件、使用的模块等;config 文件夹: 主要是指定开发和打包中的静态资源路径、要压缩的文件类型、开发使用的端口号、开发使用虚拟服务器跨域请求 api 等。node_modules: 项目的依赖库;src 文件夹: 我们主要操作的地方,组件的增加修改等都在这个文件夹里操作,...
2018-05-16 14:58:24 2458
转载 VS Code使用.vue的v-for方法提示错误的解决办法
boy 火巨原文链接 https://blog.csdn.net/IrisLoveOrange/article/details/79296955解决方法一:在v-for后面绑定key,示例如下<li v-for="item in goodsData" :key="item"></li>解决方法二:点击左下角“设置”>“用户设置”内添加一下代码片段:"vetur.v...
2018-05-16 14:56:59 2735
转载 在vue项目中正确的引入jquery
boy 火巨最近学习vue,习惯性的通过<script>标签引入jquery,写完后报错才想起来,这种方式在vue是不适用的。1:因为已经安装了vue脚手架,所以需要在webpack中全局引入jquery 打开package.json文件,在里面加入这行代码,jquery后面的是版本,根据你自己需求更改。 dependencies:{ "jquery"...
2018-05-16 14:55:24 1202
转载 vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
在网上查了一下,网友说还可以试试在main.js入口文件配合vue-router写这个router.afterEach((to,from,next) => { window.scrollTo(0,0);});原文连接:http://www.jb51.net/article/129270.htm...
2018-05-16 14:51:47 6452 2
原创 vue 中解决提示警告 for循环报错
boy 火巨警告1.出现这个警告问题的时候 我们可以去main.js中在头部添加这句话:Vue.config.productionTip = false这样即可去除警告!2.在build文件下的webpack.base.conf.js文件中,将 ...(config.dev.useEslint ? [createLintingRule()] : []),注释掉,这是对原来的写法进行...
2018-05-16 14:24:52 5870
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人