前端 头像 国庆
【前端可视化】前端大屏适配方案
方案一:rem 单位+动态设置 html 的 font-size 动态设置 html 根字体的大小和 body 字体大小(使用 lib_flexible.js) 将设计稿的宽(1920)平均分成 24 等份,每一份 80px; html 根字体大小就设置为 80px,即 1rem = 80px,24 ......
前端之jQuery
jQuery简单介绍 jQuery它的内部封装了很多的js代码,并且额外增加了很多功能。它就是js 的一个类库。与python相比较,在python中,我们有模块这个概念,js中的类库就相当于是我们的模块。 jquery是对js的一个高度封装,我们直接学习封装之后的代码。 jquery介绍 jQue ......
【前端可视化】ECharts 实现响应式图表
响应式图片的实现步骤: 1.图表只设置高度,宽度设置为100% 或 不设置。 2.监听窗口的resize事件,即监听窗口尺寸的变化(需节流)。 3.当窗口大小改变时,然后调用 echartsInstance.resize 改变图表的大小。 另外需要注意的是:在容器节点被销毁时,可以调用 echart ......
前端设计字体大全
前端设计字体大全 宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU 标楷体 DFKai-SB 仿宋 FangSong 楷体 KaiTi 仿宋G ......
Docker 部署前端静态网站
1 安装Docker(略) 2 拉取nginx镜像 docker pull nginx 3 创建文件目录 bev:静态网站名称 html:存放网站代码 nginx:存放nginx配置文件nginx.conf conf.d:存放配置文件default.conf logs:挂载nginx的日志 4 运行 ......
【前端可视化】SVG 学习知识点
基本概念和语法 SVG 的定义和历史 SVG 是==可缩放矢量图形(Scalable Vector Graphics)==的缩写,它是一种用于描述二维矢量图形的 XML 标记语言。与传统的栅格图像不同,SVG 图像可以无限缩放而不会失真,同时也支持交互和动画等特性。 SVG 最早于 1999 年由 ......
前端基础之BOM和DOM
前戏 到目前为止,学的js语法好像跟浏览器,html标签,没啥太大关系。 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript(核心语法),DOM,BOM。 BOM(Browser Object Model) ......
后端long类型传到前端精度丢失
问题: c# 的long类型精度比前端JS的number精度高,前端JS 的long类型只有17位,当后端传给前端的long类型超过17位时,就会造成数据精度丢失。 解决方案: 1. 我们可以自定义一个json序列化的转换器,将long类型转换为string类型。代码如下: public class ......
day 08 8.2 前端基础之JavaScript基础【三】
前端基础之JavaScript基础【三】 【1】、jQuery介绍 jQuery是什么 jQuery是一个快速、简洁的JavaScript框架。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的 ......
前端内容
day01——前端前戏、http、head标签、body标签、 前端与后端的概念 前端 任何与用户直接打交道的操作界面 都可以称职位前端>>>:接待员 后端 不直接与用户打交道 主要负责内部真正的业务逻辑的执行>>>:幕后操作者 前端学习之路 专业的前端也需要培训至少六个月 而我们作为后端开发工程师 ......
day 06 6.1 前端基础之CSS
前端基础之CSS CSS就是Cascading Style Sheet的缩写,中文译作“层叠样式表”或者是“级联样式表”,是用于控制网页外观处理并允许将网页的表现与内容分离的一种标记性语言,CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言),是Web网页开发技术的重要组成部分。 那么接下 ......
day 07 7.1 前端基础之JavaScript基础【一】
前端基础之JavaScript基础【一】 【1】、JavaScript 的历史 1992年底,美国国家超级电脑应用中心(NCSA)开始开发一个独立的浏览器,叫做Mosaic。 这是人类历史上第一个浏览器,从此网页可以在图形界面的窗口浏览。 但是该浏览器还没有面向大众的普通用户。 1994年10月,N ......
day 08 8.1 前端基础之JavaScript基础【二】
前端基础之JavaScript基础【二】 【1】、json序列化和反序列化 JSON:JavaScript 对象表示法,是一种轻量级的数据交换格式。易于人阅读和编写。 // json是一种数据格式, 语法一般是{}或者[]包含起来 // 内部成员以英文逗号隔开,最后一个成员不能使用逗号! // 可以 ......
day 05 5.1 前端基础之HTML
前端基础之HTML 了解了web相关基本概念以后,我们开始正式接触网页开发,网页开发的基础是HTML, 所以,本章内容主要分两部分, 一是介绍HTML的相关概念、发展历史, 二是 创建HTML网页文档和认识HTML的基本结构。 我们学会如何新建一个 HTML 页面和熟记HTML文档的基本结构和主要标 ......
无界微前端(wujie):element-ui 弹框内使用select组件,弹出框位置异常解决方案 (主程序加载子程序)
https://wujie-micro.github.io/doc/guide/ element-ui 弹框内使用select组件,弹出框位置异常解决方案 第一步: 在子应用中: 以上3步就好啦!!!是不是很简单 这个框架坑很多,希望对大家有帮助!!! ......
Atom在前端的使用
常用插件 Emmet:快速生成HTML片段,比如输入ul>li*3可以快速生成: <ul> <li></li> <li></li> <li></li> </ul> 详细地址,Emmet教程 Snippets:快速生成 js 代码片段(用来处理代码片段的模板输出),详细地址 Tree View:文件浏 ......
Sublime Text在前端中的使用
新建文件时快速生成Html 安装如下插件: FileHeader:自动创建文件开头模板,并且会根据最后的保存时间修改更新时间。官网链接。 CSS Format:css格式化。 Emmet:它能够让你在编辑器中书写CSS和HTML的缩写并且动态地拓展它,是一个能大幅度提高前端开发效率的一个工具。这个软 ......
AES算法 前端JavaScript加密 后端Java解密
CryptoJS https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js 中文文档 https://cryptojs.gitbook.io/docs/ var AES = function () { const ......
http 前端5种请求优化方法
1、减少请求数量:可以通过将多个资源(例如 JavaScript、CSS、图像等)合并为单个文件,从而减少 HTTP 请求的数量。另外,使用 CDN(内容分发网络)也可以减少跨地 域的请求延迟。 2、缓存请求结果:对于一些不会频繁更新的资源,可以将它们缓存在客户端或服务器端,从而减少请求的次数和响应 ......
前端跨域解决方案——JSONP
JSONP(JSON with Padding)是一种跨域请求的解决方案,它允许在不受同源策略限制的情况下从一个域中向另一个域中请求数据。 JSONP的基本原理是利用 <script> 标签的 src 属性没有跨域限制的特性来实现跨域数据访问。 在使用JSONP时,需要在客户端创建一个 script ......
3.通用权限系统-角色管理前端
硅谷通用权限系统:角色管理前端 一、前端框架 1、vue-element-admin vue-element-admin是基于Vue和Element-ui 的一套后台管理系统集成方案。 **功能:**https://panjiachen.github.io/vue-element-admin-sit ......
2.通用权限系统-前端基础知识
硅谷通用权限系统:前端基础知识 一、前端开发和前端开发工具 1、前端开发介绍 前端工程师“Front-End-Developer”源自于美国。大约从2005年开始正式的前端工程师角色被行业所认可,到了2010年,互联网开始全面进入移动时代,前端开发的工作越来越重要。 最初所有的开发工作都是由后端工程 ......
6-2.通用权限系统-权限管理-前端权限对接
硅谷通用权限系统:前端权限对接 一、菜单权限及按钮权限 按照下面步骤即可完成前端框架权限对接 1、修改request.js文件 2、store/modules/user.js 新增菜单及按钮处理 const getDefaultState = () => { return { token: getT ......
前端封装 IndexedDB 存储和使用gltf模型文件的方法,以重复使用代码
以下是一个简单的封装IndexedDB存储和使用gltf模型文件的方法,可以重复使用代码: function saveModelToIndexedDB(modelName, modelData) { return new Promise((resolve, reject) => { const re ......
前端面试题总结
1 递归 是什么? 递归确定只是函数自调用吗? 如果非得要用递归渲染一个菜单, 你要怎么做. 说具体的步骤. 说核心. //第n项的和 sum(n) = sum(n-1)+n 终止条件n=1 function sum(n){ if(n==1) return 1 return sum(n-1) + n ......
前端(七)
前端(七) jQuery 属性操作 # 属性操作就是给标签增加删除之类的 # js中如果是自带属性就是点语法不是自带属性就是div.setAttritube('k','v') JQuery: 1. attr(attrName); # 获取匹配到的属性 2. attr(attrName, value) ......
前端奇遇收集
1. jeecgboot-vue3的表格组件,使用的ant-design-vue的2.x版本的组件,其字典字段,页面首次加载,当字段在可视范围内,可正常显示,超出可视范围,即需要横向滚动条拉动,则不能正常显示字段 2. uniap的onShow周期,选择图片,在chrome的手机模拟器中不会触发on ......
漫谈前端自动化测试演进之路及测试工具分析
随着前端技术的不断发展和应用程序的日益复杂,前端自动化测试也在不断演进。随着 Web 应用程序变得越来越复杂,自动化测试的需求也越来越高。如今,自动化测试已经成为 Web 应用程序开发过程中不可或缺的一部分,它们可以帮助开发人员更快地发现和修复错误,提高应用程序的性能和可靠性。 ......
前端基础之JavaScript
前端基础之JavaScript JavaScript和Java没有半毛钱关系,由于当时的Java热度很热,蹭一下热度。 1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScript提交给国际标准化组织ECMA,希望这门语言能够成为国际标准。次年,ECMA发布26 ......