随笔分类 -  前端2019

js及jquery常用代码
摘要：1、获取屏幕尺寸 document.documentElement.scrollWidth; document.documentElement.scrollHeight; $(window).width(); $(window).height(); 2、页面加载完成执行代码块及DOM加载完毕之后执行 阅读全文
posted @ 2019-08-16 14:19 布吉岛丶 阅读(346) 评论(0) 推荐(0)
js及jquery常用插件
摘要：1、backstretch背景图片插件 可实现背景自适应效果 <script src="dist/js/lib/backstretch/jquery.backstretch.min.js"></script> $("body").backstretch("dist/img/background_in 阅读全文
posted @ 2019-08-16 14:18 布吉岛丶 阅读(456) 评论(0) 推荐(0)
新添加的标签无法触发
摘要：类似我们手机很多app的一个功能添加删除我的应用，例如： 上面 - 是delete类 下面 + 是add类 如果直接给delete和add添加click点击事件会出现一个效果那就是点击 - 号应用到下面的全部应用里 从我的应用点击 - 添加到全部应用里的这个应用再点 + 是不会触发 + 的click 阅读全文
posted @ 2019-06-12 11:09 布吉岛丶 阅读(145) 评论(0) 推荐(0)
css实用属性
摘要：background-size: 100% 100%; 背景通过拉伸实现填充 自适应 overflow: hidden; 清除浮动 box-sizing: border-box; 为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制 border-radius:3px; 边框圆角 vert 阅读全文
posted @ 2019-03-06 16:55 布吉岛丶 阅读(179) 评论(0) 推荐(0)
VS Code 常用插件
摘要：1、Chinese (Simplified) Language Pack for Visual Studio Code VS Code软件汉化 2、Auto Close Tag 自动闭合HTML/XML标签 3、Auto Rename Tag 修改HTML标签时，自动修改匹配的标签，自动完成另一侧标 阅读全文
posted @ 2019-02-28 17:00 布吉岛丶 阅读(285) 评论(0) 推荐(0)
vue项目中的相关插件
摘要：所有安装都是cd到该项目目录中安装 -S代表将插件添加到项目中的package.json文件 1、iview 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品 cnpm install iview -S 在项目中引入iview 在入口文件main.js中配置 imp 阅读全文
posted @ 2019-02-28 16:30 布吉岛丶 阅读(242) 评论(0) 推荐(0)
vue的风格指南（强烈推荐）
摘要：1、组件文件 只要有能够拼接文件的构建系统，就把每个组件单独分成文件。 当你需要编辑一个组件或查阅一个组件的用法时，可以更快速的找到它。 2、单文件组件文件的大小写 单文件组件的文件名应该要么始终是单词大写开头 (PascalCase)，要么始终是横线连接 (kebab-case)。 单词大写开头对 阅读全文
posted @ 2019-02-27 17:26 布吉岛丶 阅读(1735) 评论(0) 推荐(0)
vue的风格指南（必要的）
摘要：1、v-if与v-for不要放在同一个元素上 当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级。永远不要把 v-if 和 v-for 同时用在同一个元素上。 一般我们在两种常见的情况下会倾向于这样做： 为了过滤一个列表中的项目 (比如 v-for="user in 阅读全文
posted @ 2019-02-27 14:55 布吉岛丶 阅读(409) 评论(0) 推荐(0)
iview安装使用
摘要：iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。 安装 cd 项目 cnpm install iview -S 在项目中引入iview 在入口文件main.js中配置 import iView from 'iview' import 'iview/di 阅读全文
posted @ 2019-02-27 11:39 布吉岛丶 阅读(5470) 评论(0) 推荐(0)
vue常用属性
摘要：关键词：filters | 自定义过滤器 （首字母大写） <p>{{ msg | capitalize }}</p> filters: { capitalize: function (value) { if (!value) return '' value = value.toString() re 阅读全文
posted @ 2019-02-26 10:28 布吉岛丶 阅读(286) 评论(0) 推荐(0)
vue简单指令笔记
摘要：v-once 执行一次性插值，数据改变插值处内容不会更新 <span v-once>这个将不会改变: {{ msg }}</span> v-text 插入文本 <!--两行效果相同--!> <h1>{{ message }}</h1> <h1 v-text="message"></h1> v-htm 阅读全文
posted @ 2019-02-25 15:04 布吉岛丶 阅读(225) 评论(0) 推荐(0)
vue中计算属性computed方法内传参
摘要：vue中computed计算属性无法直接进行传参 如果有传参数的需求比如说做数据筛选功能可以使用闭包函数（也叫匿名函数）实现 例如： 在上篇博客vue安装使用最后的成绩表练习中的过滤功能的实现： <tr v-for="(item,index) in arr" v-if="myfilter(index 阅读全文
posted @ 2019-02-22 15:52 布吉岛丶 阅读(52294) 评论(2) 推荐(2)
vue安装使用
摘要：一、安装（cmd） 1、全局安装vue cnpm install --global vue-cli 2、cd到需要创建项目的文件夹下 3、创建项目 项目是基于webpack的 vue init webpack my-project（项目名称） vue2.0 vue create my-project 阅读全文
posted @ 2019-02-20 17:24 布吉岛丶 阅读(482) 评论(0) 推荐(0)