合集-前端技术

摘要:这几年前端框架发展的不错,出了不少框架,像微软自己的knockoutjs,angular,vue和最近比较火的react等,之前我有写过前两者的相关文章,今天主要说一下后两者。 介绍 1. 是一个用于构建用户界面的 JAVASCRIPT 库。 2. 主要用于构建UI,很多人认为 React 是 MV 阅读全文
posted @ 2018-12-19 10:32 张占岭 阅读(911) 评论(0) 推荐(0) 编辑
摘要:mac上安装vue 1. 安装homebrew(是Mac OS x下的软件包管理工具,可以安装,卸载,更新,查看,搜索等功能) 终端输入: 。开始安装,中间可能要输入电脑密码,耐心等待过后出现下图表示安装成功。可通过brew v 查看版本。 2. 安装nodejs 终端输入: 或者直接官网手动安装。 阅读全文
posted @ 2019-11-26 09:14 张占岭 阅读(571) 评论(0) 推荐(0) 编辑
摘要:前端VUE页面上的导出或者下载功能,一般是调用后端的一个接口,由接口生成excel,word这些文件的流信息,返回给vue,然后由vue去构建下载的动作,这边整理了一下,封装了一下,方便以后复用。 封装一个download文件 使用年月日时分秒毫秒做为文件的名称,下载为excel文件 /** * 下 阅读全文
posted @ 2020-07-16 13:47 张占岭 阅读(1762) 评论(0) 推荐(0) 编辑
摘要:我们在进行vue开发时会将公共的部分进行抽象,然后生成一个独立的组件,这个组件可以被其它页面引用,如果希望有交互的动作就设计到了值的传递,或者方法的回调等问题,这一次我们主要来说一下父组件和子组件的交互。 值的传递 子组件,通过定义了prods,然后可以实现从父组件向子组件的传递: <templat 阅读全文
posted @ 2020-06-26 15:23 张占岭 阅读(670) 评论(0) 推荐(0) 编辑
摘要:methods_created_mounted_watch_computed在vue里是最基础的方法,它在vue里有着自己 的作用,例如页面渲染前,渲染后,变量发生变化后,计算属性值等等。 <template> <div> <Input type="text" v-model="message" c 阅读全文
posted @ 2020-06-23 22:48 张占岭 阅读(421) 评论(0) 推荐(0) 编辑
摘要:# el-autocomplete核心参数 可以实现异步的数据拉取,从异步返回的数据中,选择需要的结果,并回显到文本框中。 ## fetch-suggestions 回调列表,异步的方式获取数据列表,显示在列表框中 ## @select 当选中某一项时,会触发这个方法,将数据获取到,这时,我们可以将 阅读全文
posted @ 2023-08-29 09:37 张占岭 阅读(1308) 评论(0) 推荐(0) 编辑
摘要:# 概述 Content-Type和Accept是两个HTTP标头(HTTP headers),用于在HTTP请求和响应之间传递有关请求的数据类型和响应的首选内容类型的信息。这两个标头在HTTP通信中起着关键的作用。 1. Content-Type: - `Content-Type` 是HTTP请求 阅读全文
posted @ 2023-09-01 17:28 张占岭 阅读(1211) 评论(0) 推荐(0) 编辑
摘要:浅拷贝 当我们想要复制一段数据的时候吗,我们就会用到拷贝;拷贝数据又分为了浅拷贝和深拷贝,浅拷贝指复制对象或数组的顶层结构,如果对象或数组中有引用类型的属性值,复制的是引用(地址)而非值;而深拷贝则是递归复制完整的对象或数组,包括嵌套的子对象或子数组,生成一个全新的对象,新对象和原对象的引用地址不同 阅读全文
posted @ 2023-09-11 09:42 张占岭 阅读(379) 评论(0) 推荐(0) 编辑
摘要:存储相关 Vuex 和本地存储(如localStorage)以及 cookie 存储(如 document.cookie)之间有一些关系,但它们是不同的概念,用于不同的目的。 Vuex: Vuex 是 Vue.js 的官方状态管理库,用于在 Vue.js 应用程序中管理应用程序的全局状态。 Vuex 阅读全文
posted @ 2023-09-12 11:30 张占岭 阅读(80) 评论(0) 推荐(0) 编辑
摘要:用到的技术 父组件向子组件的传值 类型检查和默认值:您可以为props指定类型检查和默认值。这可以确保传递给子组件的数据符合期望的类型,以及在没有传递数据时具有合理的默认值。例如: props: { message: { type: String, default: 'Default Message 阅读全文
posted @ 2023-09-26 16:34 张占岭 阅读(282) 评论(0) 推荐(0) 编辑
摘要:标签组件的效果如下 组件作用 这是一个div,包含了两个文本框,后面是添加和删除按钮 添加按钮复制出新的div,除了文本框没有内容,其它都上面一样 删除按钮将当前行div删除 组件实现 <template> <div> <template v-for="(item,index) in tags"> 阅读全文
posted @ 2023-09-26 16:57 张占岭 阅读(217) 评论(0) 推荐(0) 编辑
摘要:本文介绍如何在vue中定义插件,注册插件和使用插件 插件目录 /src/plugins 插件入口文件 /src/plugins/index.js import cache from './cache' import modal from './modal' // 安装默认插件,在main.js中引入 阅读全文
posted @ 2023-10-08 14:39 张占岭 阅读(262) 评论(0) 推荐(0) 编辑
摘要:ruoyi框架的vue版本中,对字典的回显样式的设计,默认有以下几种 如果希望添加一种红色字体的,可以这样实现,实现后你的回显就多了一种红色字体的样式了 具体实现的方法 在app.vue中,添加对象的css样式 <style type="text/css"> .el-tag--redColorFon 阅读全文
posted @ 2023-10-19 16:38 张占岭 阅读(1941) 评论(0) 推荐(0) 编辑
摘要:login-status-iframe.html是keycloak为我们提供的一种检测用户登录状态的页面,它要求用户对接的系统通过iframe进行嵌入,然后通过window.addEventListener去订阅子页面的信息。 提示: 所有 HTML DOM 事件,可以查看我们完整的https:// 阅读全文
posted @ 2023-12-23 20:18 张占岭 阅读(235) 评论(1) 推荐(0) 编辑
摘要:OGP协议是一套Metatags的规格,用来标注页面,告诉我们你的网页快照。帮助社交app高效并准确的获取网页中的核心链接、标题、主图、正文摘要等信息,使得该网页在社交分享中有更好的展现体验。 如果网页不支持OGP,那么基于算法和规则来提取网页中标题、主图、正文摘要,准确性无法做到100%,体验也不 阅读全文
posted @ 2024-02-20 16:28 张占岭 阅读(176) 评论(0) 推荐(1) 编辑

点击右上角即可分享
微信分享提示