随笔分类 - 前端技术
js,jq,vue,angularjs,knockoutjs,reactjs等
摘要：# 模板页的重要性 Vue 项目中使用布局组件来创建页面布局的方式是完全可行的，而且在很多项目中都被广泛采用，包括像 ruoyi 这样的框架。这种模式有助于实现统一的页面布局结构，减少重复代码，并提高代码的可维护性。 让我们具体分析一下你提到的 ruoyi 框架的做法： 1. **Layout 组件
阅读全文
摘要：# base64函数 `btoa()` 和 `atob()` 是 JavaScript 中的标准函数，通常在现代浏览器中都能正常工作。然而，它们在处理非 ASCII 字符时可能存在一些兼容性问题。 这些函数的主要限制在于它们仅支持 ASCII 字符集，对于非 ASCII 字符（如 Unicode 字
阅读全文
摘要：我们知道，在script标签中写js代码，或者使用src引入js文件时，默认不能使用module形式，即不能使用import导入文件，但是我们可以再script标签上加上type=module属性来改变方式。 使用方法如下： js引用js //module.js export default fun
阅读全文
摘要：对于一个后端程序来发，它可能会被多个应用调用，而跨域的问题就来了，使用jsonp来解决这个问题是个不错的方式，下面说一下关于jsonp的知识 JSONP不是新技术，只是在页面上响应一段js 对于响应的 MIME type ('text/plain')需要注解，它由于受到了X-Content-Type
阅读全文
摘要：# cookie的几个属性 1 httpOnly:true 表示禁止客户端读cookie，即只能在服务端读取它 2 SameSite:用来限制第三方 Cookie，从而减少安全风险。 * Strict最为严格，完全禁止第三方 Cookie，跨站点时，任何情况下都不会发送 Cookie。换言之，只有当
阅读全文
摘要：非前后分离项目，后端页面想使用前端vue的mvvm思想，想使用iview强大的交互性，这时，可以使用thymeleaf+vue来实现，thymeleaf提供了后端页面引擎，vue支持在html页面上直接编译执行。 后端依赖 <dependency> <groupId>org.springframew
阅读全文
摘要：断点续传服务器后台接口：/FileUpload/Upload 前台代码 <html> <head> <meta charset="utf-8"> <title>Uppy</title> <!-- 1. Add CSS to `<head>` --> <link href="https://trans
阅读全文
摘要：jquery发起ajax请求到后端接口，后端向前端返回数据，当然也存在后端接口直接重定向（302）到其它接口，然后再向前端返回数据，当然这种情况需要考虑跨域问题。 前端代码 //测试一下http status $.ajax({ type: "get", url: "/redirect", statu
阅读全文
摘要：键值对主要是面向对象语言里的字典，或者叫哈希表，它通过键(key)可以直接访问到值(value)，所以它查找的时间复杂度是O(1)，即一次查找即可找到目标；在.net里有Dictionary，而在java里有HashMap等结构来实现，而在NoSQL里也有redis为代表的键值存储数据库；而在js里
阅读全文
摘要：前端VUE页面上的导出或者下载功能，一般是调用后端的一个接口，由接口生成excel,word这些文件的流信息，返回给vue，然后由vue去构建下载的动作，这边整理了一下，封装了一下，方便以后复用。 封装一个download文件 使用年月日时分秒毫秒做为文件的名称，下载为excel文件 /** * 下
阅读全文
摘要：我们在进行vue开发时会将公共的部分进行抽象，然后生成一个独立的组件，这个组件可以被其它页面引用，如果希望有交互的动作就设计到了值的传递，或者方法的回调等问题，这一次我们主要来说一下父组件和子组件的交互。 值的传递 子组件，通过定义了prods，然后可以实现从父组件向子组件的传递： <templat
阅读全文
摘要：methods_created_mounted_watch_computed在vue里是最基础的方法，它在vue里有着自己 的作用，例如页面渲染前，渲染后，变量发生变化后，计算属性值等等。 <template> <div> <Input type="text" v-model="message" c
阅读全文
摘要：当你的node项目需要yarn支持时，应该先安装它，然后添加环境变量，再进行npm run build动作 ``` npm install -g yarn node -v #检测node版本（此条命令非必要） npm -v #检测npm版本（此条命令非必要） npm config set regis
阅读全文
摘要：# 问题描述： Unexpected end of JSON input while parsing near '…" # 解决办法： 设置仓库为淘宝的，然后清除缓存，重新下载依赖包 ``` npm install --registry=https://registry.npm.taobao.org
阅读全文
摘要：mac上安装vue 1. 安装homebrew（是Mac OS x下的软件包管理工具，可以安装，卸载，更新，查看，搜索等功能） 终端输入： 。开始安装，中间可能要输入电脑密码，耐心等待过后出现下图表示安装成功。可通过brew v 查看版本。 2. 安装nodejs 终端输入： 或者直接官网手动安装。
阅读全文
摘要：props是参数的传递，从上层模块向下层模块进行拿传递；而state是提局域变量，一般在本模块内使用，props是不能改变的，而state可以通过setState去修改自身的值。 props React的核心思想就是组件化思想，页面会被切分成一些独立的、可复用的组件。 组件从概念上看就是一个函数，可
阅读全文
摘要：这几年前端框架发展的不错，出了不少框架，像微软自己的knockoutjs,angular,vue和最近比较火的react等，之前我有写过前两者的相关文章，今天主要说一下后两者。 介绍 1. 是一个用于构建用户界面的 JAVASCRIPT 库。 2. 主要用于构建UI，很多人认为 React 是 MV
阅读全文
浙公网安备 33010602011771号