RickZ - 博客园

2021年2月2日

摘要： 1.过滤器 --1.1使用过滤器显示格式化日期时间 bootcdn:可以搜索一些插件的js引入地址：(https://www.bootcdn.cn/) 推荐格式化日期插件:moment.js (http://momentjs.cn/) js引入地址：定义过滤器 Vue.filter(filterN 阅读全文

posted @ 2021-02-02 15:44 RickZ 阅读(97) 评论(0) 推荐(0)

Vue（五）-- 生命周期

摘要： 1.生命周期图 2.生命周期回调函数参考vue官方文档(https://cn.vuejs.org/v2/guide/instance.html#%E5%AE%9E%E4%BE%8B%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E9%92%A9%E5%AD%90) 2.1 阅读全文

posted @ 2021-02-02 00:00 RickZ 阅读(69) 评论(0) 推荐(0)

2021年2月1日

Vue（四）-- 事件处理（绑定监听、按键修饰符、取消冒泡、阻止默认事件），v-model的使用

摘要： 1.事件处理 --1.1绑定监听 --1.2事件修饰符 1.2.1取消冒泡原生js：event.stopPropagation @click.stop 1.2.1阻止事件的默认行为原生js：event.preventDefault() @click.prevent --1.3按键修饰符 1.3. 阅读全文

posted @ 2021-02-01 23:13 RickZ 阅读(610) 评论(0) 推荐(0)

Vue（三）-- class与style绑定、条件渲染、列表渲染、列表的搜索和排序

摘要： 1.class与style绑定理解在应用界面中，某个（些）元素的样式是变化的 class/style绑定就是专门用来实现动态样式效果的技术 --1.1class绑定，:class='xxx' xxx是字符串 <p :class="a">Hello World</p> xxx是对象 <p :cla 阅读全文

posted @ 2021-02-01 19:46 RickZ 阅读(205) 评论(0) 推荐(0)

Vue（二）-- 计算属性，监视

摘要：计算属性注意：里面的this都是代表vue实例（vm对象）在computed属性对象中定义计算属性的方法在页面中使用{{方法名}}来显示计算的结果计算属性中的方法的返回值将作为属性值显示 <body> <div id="demo"> <input type="text" placeholde 阅读全文

posted @ 2021-02-01 12:22 RickZ 阅读(132) 评论(0) 推荐(0)

前端编程遇到的问题

摘要： 1.chrome 监听touch类事件报错：无法被动侦听事件preventDefault 报错信息 [Intervention] Unable to preventDefault inside passive event listener due to target being treated as 阅读全文

posted @ 2021-02-01 00:20 RickZ 阅读(60) 评论(0) 推荐(0)

2021年1月30日

CSS（十二）--响应式布局

摘要： 1.响应式布局网页可以根据不同的设备或窗口大小呈现出不同的效果通过响应式布局，可以使一个网页适用于所有设备响应式布局的关键就是媒体查询，通过媒体查询，可以为不同的设备，或设备的不同状态来分别设置样式 1.2媒体查询语法：@media 查询规则媒体类型： all：所有设备 print：打印设阅读全文

posted @ 2021-01-30 22:28 RickZ 阅读(325) 评论(0) 推荐(0)

2021年1月29日

CSS（十一）-- 手机像素

摘要： 1.像素屏幕是由一个一个发光的小点构成，这一个个小点就是像素分辨率：1920*1080 说的是屏幕中小点的数量在前段开发中像素要分成两种情况进行讨论，css像素和物理像素物理像素：上述所说的小点就属于物理像素 css像素：编写网页时，我们所用像素都是css像素一个css像素最终由几个物理像阅读全文

posted @ 2021-01-29 23:56 RickZ 阅读(263) 评论(0) 推荐(0)

CSS（十）-- 弹性盒子

摘要： 1.弹性盒简介 flex（弹性盒，伸缩盒），是css的又一种布局手段主要用来代替浮动来完成页面的布局 flex可以使元素具有弹性，让元素可以跟随页面的大小的改变而改变 1.1弹性容器要使用弹性盒，必须先将一个元素设置为弹性容器通过display来设置弹性容器 display：flex 设置为块阅读全文

posted @ 2021-01-29 23:27 RickZ 阅读(380) 评论(0) 推荐(0)

2021年1月28日

CSS常用属性

摘要：布局 min-width：1226px 浏览器网页最小宽度（缩小后还是会有水平滚轮，只是会铺满）作用：不让浏览器过小导致容器溢出 css动画效果 text-indent：2px文本首行缩进让元素隐藏隐藏后仍保留位置 visibility：hidden；隐藏后不保留位置 display：hid 阅读全文

posted @ 2021-01-28 23:28 RickZ 阅读(41) 评论(0) 推荐(0)