slqt_6688-CSDN博客

原创在vue项目中页面加载的时候不显示{{}}

vue页面在加载的时候闪烁花括号{}}，v-cloak指令和css规则如[v-cloak]{display:none}一起用时，这个指令可以隐藏未编译的Mustache标签直到实例准备完毕。例如：/*css样式*/[v-cloak] { display: none; }<div id="app" v-cloak...

2018-10-12 15:29:30 7819

原创关于input在iOS下会变成圆角的解决办法

在做移动端项目的时候，发现在ios下，input会自带一个圆角，并且设置的背景颜色也不起作用，设置一下属性可以解决问题：input { /* ios下背景色会默认渐变显示，并且会有圆角 */ -webkit-appearance: none; border-radius: 0; line-height: normal; /* 光标问题 */} ...

2018-10-12 15:11:04 1121

原创 js获取对象的长度和名称

1.对象的长度不能用.length获取，用js原生的Object.keys可以获取到：请看下面例子：var obj={ 'name':'zhangsan', 'age':'25', 'sex':'男', 'telphone':'15346432354'}var arr=Object.keys(obj);console.log(arr); //["nam...

2018-09-19 17:01:41 827

转载 style标签下的CSS代码的显示与实时编辑

一、单刀直入，效果抢先如果您手头上的浏览器是非IE浏览器，您可以狠狠地点击这里：CSS代码的实时编辑与效果显示demo在demo页面中，可以看到左半边有个虚框框，里面有一些CSS代码，细心的你可能发现了，这些CSS代码是可以编辑的，而且这些CSS代码直指右侧的张含韵小姐的年轻时候的照片，如下图所示：修改编辑左侧的CSS样式，你会发现右侧的图片样式跟着被修改了，例如，修改边框宽度为3像素...

2018-07-27 17:48:22 705

原创 div模拟textarea文本域实现高度自适应

看完张鑫旭的关于“div模拟textarea文本域轻松实现高度自适应”这篇文章，我自己来总结一下：一、textarea表单元素：一般用于评论和留言框的实现，我们可以设置它的cols和rows值来限制它的看见区域和可见行数，不过更好的办法是使用 CSS 的 height 和 width 属性来设置textarea的高度和宽度。请看下面例子：<textarea name="name...

2018-07-27 15:09:37 3225 2

原创在项目中如何使用字体小图标font awesome，iconfont，svg

一、首先来讲font awesome（官网地址：http://www.bootcss.com/p/font-awesome/）特点：相对比较简单，在项目中引入下载好的font-awesome.min.css文件及font文件，然后在需要使用的地方引用对应的类名即可，例如：<!DOCTYPE html><html><head> <meta...

2018-07-24 18:41:22 4979

转载前端常见跨域解决方案（全）

什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：1.) 资源跳转： A链接、重定向、表单提交2.) 资源嵌入： <link>、<script>、<img>、<frame>等dom标签，还有样式中background:url()、@font-face()等文件外链3.) 脚本请求： j...

2018-07-18 18:32:46 218

转载 vue.js中使用slot

什么是组件？组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。Slot分发内容①概述：简单来说，假如父组件需要在子组件内放一些DOM，那么这些DOM是显示、不显示、在哪个地方显示...

2018-07-18 17:49:45 244

slqt_6688的博客