前端 示例clang llvm
【前端可视化】前端大屏适配方案
方案一:rem 单位+动态设置 html 的 font-size 动态设置 html 根字体的大小和 body 字体大小(使用 lib_flexible.js) 将设计稿的宽(1920)平均分成 24 等份,每一份 80px; html 根字体大小就设置为 80px,即 1rem = 80px,24 ......
golang中通过原始socket实现tcp/udp的服务端和客户端示例
这些天稍微空点,总结下golang中通过tcp/udp实现服务端客户端的编程实现,毕竟长久以来,如果要截单的http服务,我们直接使用net/http包实现服务,或者使用框架如gin/echo/beego等。 以下就直接上代码,稍微看看都能懂起。 1.TCP的实现 server package ma ......
golang 中常用的超时控制的方案示例
在 go 中,我们很容易就可以实现超时控制,今天分享2种解决方案: 1.select + time.After 2.select + context 其实两种方案中,我们都是通过 channel 来控制的,在方案1中,对于 time.After, 通过返回一个只读 <- chan Time 实现,而 ......
前端之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) ......
Spring中Redis存取数据示例
1.导入StringRedisTemplate类 import org.springframework.data.redis.core.StringRedisTemplate; 2.自动装配 @Autowired private StringRedisTemplate stringRedisTemp ......
C#中的分布式ID生成组件IDGen介绍并给出示例代码
C#中的IDGen是一个C#实现的Twitter Snowflake算法的ID生成器,可以生成全局唯一的ID,支持高并发场景下的ID生成。在本篇文章中,我们将介绍IDGen的使用方法并提供相关的C#示例代码。 IDGen的介绍 IDGen是一款开源的分布式唯一ID生成器,支持多种ID生成算法,并且可 ......
后端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文档的基本结构和主要标 ......
控制设备的代码示例
c# SerialPort TcpClient using System.IO.Ports; // 创建 SerialPort 对象 SerialPort serialPort = new SerialPort("COM1", 9600, Parity.None, 8, StopBits.One); ......
无界微前端(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的缩写并且动态地拓展它,是一个能大幅度提高前端开发效率的一个工具。这个软 ......
k8s deployment资源部署java以及skywalking agent示例
cat deploy.yml apiVersion: apps/v1 kind: Deployment metadata: name: app-name namespace: your-namespace annotations: kubernetes.io/change-cause: 2.11.0 ......
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 ......
Java架构师在项目中的经验描述示例
以下是一个Java架构师在项目中的经验描述示例: 项目名称:XXX系统 项目描述:该项目是一个基于微服务架构的电商平台,涵盖了商品管理、订单管理、支付管理、会员管理等多个模块。作为Java架构师,负责系统的整体设计和开发工作。 项目职责: 设计并实现了整个系统的微服务架构,包括服务拆分、服务注册和发 ......
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 ......