calm_sea

Cookie 是什么：Cookie 是存储在用户浏览器中的小型文本文件，用于跟踪和存储有关用户的信息。 创建 Cookie：通过使用 JavaScript 的 docume...

效果 功能 生成指定范围页码 居中显示当前页码, 并高亮 首页, 尾页跳转页首,页尾 自动禁用 使用 调用createPager()传递四个参数, 当前页码, 总页码,可视...

效果: 当input checked=true 的时候修改祖先元素tr的的样式 可以使用js 和 css两种方案 1. JS 获取祖先元素 closest 兼容性 文档 :...

优化前: all:251.42KB 优化后:109.58KB 准备工作 安装webpack-bundle-analyzer 使用webpack-bundle-analyze...

效果 功能 使用Vuex 控制登录 鉴权控制页码访问 重定向后返回 views 跳转到路由组件 Home: News: 需要鉴权 User: 需要鉴权 Login: 登录页...

## 效果 ![动画.gif](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4bc41c5237fc400dae86...

效果 文章列表的图片懒加载, 只要图片位于视口位置就会加载图片, 否则显示默认图片 实现 1. 使用指令进行懒加载 如果为图片设置src,浏览器会自动地获取图片,使用指令给...

事件总线是什么 事件总线是一种常见的设计模式，用于在不同的模块之间进行事件的注册、注销和触发。 它通常是一个中央化的事件管理器，用于协调不同模块之间的事件通信。 在事件总线...

场景 子元素向父元素触发了一个请求的事件, 由父元素进行网络请求,并返回结果,子元素等待并进行后续处理 效果 方法1. callback 子元素的后续处理就是,修改butt...

解决了什么问题 Vue.js 的 v-model 指令解决了在表单元素（如输入框、单选框、复选框等）和 Vue.js 组件之间双向绑定的问题。 使用 v-model 可以将...

效果 分页器点击触发事件修改url(修改$router.push), url被监听者当被更新触发新的网络请求,然后触发列表的更新 路由逻辑 有两套路由规则,可知可分类获取也...

效果 时间点 触发: created 网络请求响应前显示,isLoading:true 销毁:网络请求成功销毁,isloading:false 为什么使用directive...

效果 使用组件递归,重复调用组件list, 为组件name命名,复用组件传入props list,递归使用组件进行渲染, list 组件 list-test 测试组件...

Vue 的生命周期可以分为创建阶段、更新阶段和销毁阶段，每个阶段都有对应的生命周期钩子函数。以下是具体的生命周期钩子函数： 创建阶段 beforeCreate：在实例初始化...

什么是跨域 浏览器跨域问题是指在浏览器中，当一个网页的脚本试图访问另一个网页的资源时，由于安全策略的限制而失败。跨域问题是由于浏览器的同源策略造成的。 同源策略是指，当一个...

它接收两个参数：一个组件对象 comp 和一个属性对象 props，然后返回一个 DOM 元素。 这个函数的作用是将一个 Vue 组件渲染为一个 DOM 元素，并返回这个元...

解释 Vue Router 是 Vue.js 官方提供的路由管理器，它通过管理 URL，实现了将组件切分为可复用的模块，并根据 URL 来匹配不同的组件渲染到页面中的功能。...

在 Vue.js 中，插槽 (slot) 是一种用于在组件之间共享 HTML 内容的机制。通过在父组件中定义插槽，并在子组件中使用 <slot> 标签接收插槽内容，实现更加...

效果 初始化 属性 属性名 含义 类型 必填 默认值 current 当前页码 Number 否 1 total 总数据量 Number 否 0 limit 页容量 Num...

render render 函数返回的 VNode 对象可以被挂载到应用的根节点，从而渲染出组件的视图。具体来说，可以通过 new Vue() 创建一个 Vue 实例，并将...