前端开发

bootstrap解决样式和系统样式冲突方式

Bootstrap是一个最流行的Web前端响应式应用程序开发框架,很多网站界面或者系统界面都是采用它布局,使用熟练那开发起来是非常快速!前端开发者在网络上看到的很多案例都是采用Bootstrap搭建的案例,所以案例中总是可以看到bootstrap的样式文件和js扩展插件。

yarn: command not found

yarn: command not found缺少npm依赖,安装命令如下所示:npm install -g yarn

基于layui实现的省市县区三级联动下拉选择器

本选择器已经将它封装成一个layui的插件,使用起来非常方便,支持一个页面中使用多个省市区选择器,并且支持选择结果回调,支持自定义lay-filter。

解决bootstrap样式和系统样式冲突方式

Bootstrap是一个最流行的Web前端响应式应用程序开发框架,很多网站界面或者系统界面都是采用它布局,使用熟练那开发起来是非常快速! 前端开发者在网络上看到的很多案例都是采用Bootstrap搭建的案例,所以案例中总是可以看到bootstrap的样式文件和js扩展插件。

Vue Class 与 Style 绑定-绑定内联样式-自动添加前缀

当 v-bind:style 使用需要添加浏览器引擎前缀的 CSS property 时,如 transform,Vue.js 会自动侦测并添加相应的前缀。

Vue Class 与 Style 绑定-绑定内联样式-数组语法

v-bind:style 的数组语法可以将多个样式对象应用到同一个元素上

Vue Class 与 Style 绑定-绑定内联样式-对象语法

v-bind:style 的对象语法十分直观——看着非常像 CSS,但其实是一个 JavaScript 对象。CSS property 名可以用驼峰式 (camelCase) 或短横线分隔 (kebab-case,记得用引号括起来) 来命名

Vue Class 与 Style 绑定 HTML Class-用在组件上

当在一个自定义组件上使用 class property 时,这些 class 将被添加到该组件的根元素上面。这个元素上已经存在的 class 不会被覆盖。

Vue Class 与 Style 绑定 HTML Class-数组语法

我们可以把一个数组传给 v-bind:class,以应用一个 class 列表

VueClass 与 Style 绑定 HTML Class-对象语法

操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。