前端 路由 动态
前端基础之HTML
前端基础之HTML 目录前端基础之HTML一 前端结构1.1 前端结构概述1.2 浏览器访问网址事1.3 HTTP 协议1.4 添加HTTP协议二. HTML系列2.1 HTML前奏2.2 HTML 文档结构三 标签管理3.1 标签的分类3.2 head内常用标签3.3 body常用标签1）基本文本 ......
前端基础之CSS
前端基础之CSS 目录前端基础之CSS一. CSS语法格式二. CSS 选择器2.1 基本选择器2.2 组合选择器2.3 属性选择器2.4 分组于嵌套2.5 伪类选择器 hover 点击选中2.6 伪元素选择器2.7 选择器优先级三. CSS属性系列3.1 设置长宽3.2 字体属性3.3 文字属性3 ......
前端计算数字精度丢失问题解决方法记录
在日常一些需求中，总会遇到一些需要前端进行手动计算的场景，那么这里需要优先考虑的则是数字精度问题！具体请看下面截图 如图所示，在JavaScript进行浮点型数据计算当中，会出现计算结果“不正确”的现象。 我们知道浮点型数据类型主要有：单精度float、双精度double。 浮点型简单来说就是表示带 ......
websocket的消息丢失处理，以及前端监听心跳处理方案
消息丢失处理方案： 1、后台通过websocket传输给前端消息，并且后台生成校验此消息的定时任务，设置每5秒重发 2、前端接收到消息后将消息通过websocket传输给后台 3、后台如接收到前端的消息则删除对应的发送消息定时任务，如未收到消息则继续发送，设置最多发送5次（超过5次默认认为此条消息记 ......
vue2实现动态侧边导航栏
router文件下index.js 来源http://blog.itpub.net/69978258/viewspace-2909200/ // index.ts import Vue from 'vue'; import VueRouter from 'vue-router'; import Lo ......
课程详情接口、所有章节接口、课程列表前端、课程详情前端、视频托管、Header.vue搜索form、搜索后端接口、搜索功能前端、支付宝支付介绍
课程详情接口 # 思路一： 直接在之前写好的查询所有课程的视图类上，配置一个类即可 class CourseView(GenericViewSet, CommonListModelMixin,CommonRetrieveModelMixin) 返回的字段，跟详情，不太对应（详情中要求拿出所有章节和课 ......
16-动态规划
16. 动态规划 以下规则来自左程云老师的总结 1. 暴力递归的优化 有重复调用同一个子问题的解，这种递归可以优化 如果每一个子问题都是不同的解，无法优化也不用优化 2. 如何找到某个问题的动态规划方式 1）设计暴力递归：重要原则+4种常见尝试模型！重点！ 2）分析有没有重复解：套路解决 3）用记忆 ......
scss 通过for循环动态创建多个class
项目中有些全局的.scss文件中一些关于设置width的class，如下： .w50{ width:50px; } .w60{ width:60px; } .w70{ width:70px; } .w80{ width:80px; } .w90{ width:90px; } .w100{ width ......
记录--一个纯样式花里胡哨的动态渐变背景块
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 代码片段 闲来无事写了个有意思的东西，鼠标放在小方块上会放大并挤压周围方块，背景颜色会动态改变。这里没有用一行 js 代码，纯样式（Sass）实现。 <template> <div class="container"> <div clas ......
Python调用C动态库并通过bytes传参
通过Python内建库ctypes调用C语言。 #!/usr/bin/python3 # file : bytes_test.py import ctypes as ct import os # 编译C程序为动态库 os.system("gcc -fpic -shared bytes_test.c ......
纯前端实现录屏并保存视频到本地【转载】
转载地址：https://mp.weixin.qq.com/s/ryAF9IXRsaPs01xSHG-AiA <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content= ......
微前端
1、什么是微前端 微前端是微服务在前端领域的架构实践，他通过将一个单体应用拆分成多个小型应用的方式，从而实现整个系统的解耦和渐进式升级 2、微前端的技术要素： *技术栈无关 主框架不限制接入应用的技术栈，自应用具备完全自主权 *独立开发、独立部署 子应用仓库独立，前后端可独立开发，部署完成后主框架自 ......
js前端编码规范
1、编码风格 1.1 强制两行缩紧 1.2 强制统一以分号结束语句 1.3 强制逗号分隔多行结构，始终加上最后一个逗号 1.4 推荐使用大括号包裹代码块 1.4.3 强制不适用空代码块 1.5 强制空格风格 1.6 推荐文件末保留一行空行；在块末和新语句间插入一行空行 1.7 推荐单行最大字符数10 ......
动态加载资源 释放时要注意 引入引用计数统计
今天开发时，释放了预制体资源引起报错，这里直接使用了bundle.release 因为预制体的精灵图片是动态加载的，释放时将精灵图片一并释放了，引起错误 改为引用计数，解决问题 cocos资源释放文档:https://docs.cocos.com/creator/manual/zh/asset/re ......
使用 C++ 构建 WebAssembly：提升前端开发的性能和功能
最近项目中遇到一个文档解析的场景，目标是在浏览器端能预览markdown文件。 拿到这个需求，相信很多前端同学会想到使用开源的库，比如github上很受欢迎的marked，当然，是一个简单而有效的方案。 但是如果你了解webassembly一点点的话，相信你也会觉得，像这种数据处理的活交给C++来干 ......
[JavaScript进阶] 路由跳转原理 之 Hash 模式
路由跳转原理 之 Hash 一. 路由跳转的原理 首先讲讲路由跳转的原理, 其实没有什么神秘的, 以变量类比: // 首先定义一个变量名为 container , 赋予初始值 'index' let container = 'index'; // 监听一个点击事件 window.addEventLi ......
动态代理
参考 Cglib 和 jdk 实现动态代理的区别： https://www.cnblogs.com/sandaman2019/p/12636727.html https://zhuanlan.zhihu.com/p/346173865 区别及性能比较： https://www.cnblogs.com ......
前端工程狮
现在移动互联网发展的这么快，前端开发领域也越来越广，前端早已经告别了切图崽的时代，在web端、移动端(安卓、IOS)、Watch、小程序、公众号开发、混合app开发都能看到前端开发工程师的影子。 从狭义上讲，前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现 ......
基础课-前端JS
JAVA Script基础语法 意义：让前端界面动起来；它是负责前端界面与用户之间的交互 前端界面变化的思维导图： 触发 调用 运行 用户进行操作 >前端事件 >JS函数 >界面产生变化 JS代码的编写方式 1.嵌入编写 嵌入在HTML中的script（脚本）标记中，它可以出现在任意位置，建议放在b ......
AOP-基于JDK动态代理实现
参照上上篇文章，JDK动态代理，继承InvocationHandler。 目标对象继承的接口：ICal.java public interface ICal { public int add(int n1, int n2); public int sub(int n1, int n2); publi ......
[DataX] DataX动态传参 - 参数值带空格
尝试DataX 动态传参，按照网上的方法,在json文件中定义一个变量，比如$DT , 执行命令的时候加上 -p "$DDT=xxx" 的方式，用windows cmd命令执行，结果报错了！ 因为参数值里直接使用了空格，导致报错了，最后，使用 Unicode编码 \u0020 替代掉空格 ，解决了问 ......
vue3 使用elementUI饿了么el-table组件 动态循环自定义表头列数据
在vue3上使用el-table组件自定义循环表头列； <el-table :data="list" v-loading="loading" border> <!-- @selection-change="handleSelectionChange" --> <!-- <el-table-colum ......
element-plus 动态自定义主题颜色
颜色的HEX格式 颜色的HEX格式是#+六位数字/字母，其中六位数字/字母是一种十六进制的表达方式。这六位分别两个一组，从左到右分别表示红、绿、蓝。00表示最小，十进制是0；FF表示最大，十进制是255。通俗点讲，某个颜色的数值越大，包含这个颜色就越多。如：#000000-黑色、#FFFFFF-白色 ......
el-pagination在表格中用法（纯前端分页）
1、el-table <el-table :data="tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)" > ... </el-table> 2、el-pagination <div> <el-paginat ......
前端如何防止数据被异常篡改并且复原数据
每天，我们都在和各种文档打交道，PRD、技术方案、个人笔记等等等。 其实文档排版有很多学问，就像我，对排版有强迫症，见不得英文与中文之间不加空格。 所以，最近在做这么一个谷歌扩展插件 chrome-extension-text-formatting，通过谷歌扩展，快速将选中文本，格式化为符合 中文文 ......
微前端实战
微前端实战 什么是微前端 微前端是指存在于浏览器中的微服务，其借鉴了微服务的架构理念，将微服务的概念扩展到了前端。 如果对微服务的概念比较陌生的话，可以简单的理解为微前端就是将一个大型的前端应用拆分成多个模块，每个微前端模块可以由不同的团队进行管理，并可以自主选择框架，并且有自己的仓库，可以独立部署 ......
HelloGitHub 社区动态，开启新的篇章！
今天这篇文章是 HelloGitHub 社区动态的第一篇文章，所以我想多说两句，聊聊为啥开启这个系列。 我是 2016 年创建的 HelloGitHub，它从最初的一份分享开源项目的月刊，现如今已经成长为 7w+ Star 的开源项目、1w+ 用户的开源社区、全网 50w+ 的自媒体。 我本是一名普 ......
【pwn】ez_pz_hackover_2016 --pwngdb和pwntools的结合，动态调试
首先checksec 没开nx，说明堆栈可执行，初步考虑需要shellcode，然后拖进ida看主函数逻辑 看chall函数 printf("Yippie, lets crash: %p\n", s)这里泄露的s的地址，即栈上的地址 这里的输入的s数组是不存在栈溢出的，这里的关键代码是这一段 res ......
一键生成前端UI，公司90%项目UI都靠它搞定
今天看公众号，有大神分析了这样的一篇文章：一键生成前端UI，公司90%项目UI都靠它搞定 地址：https://mp.weixin.qq.com/s/UhmLwVeZ0jwZORur8XD2MQ ......
前端实现Excel导出【xlsx】【xlsx-js-style】
最终效果 场景 有的时候我们需要根据服务端返回的数据来导出excel表格 优化一：设置单元格样式 比如：可以调节背景色、字体样式、border xlsx基础库不提供样式设置，可以使用xlsx-js-style库，这个库是xlsx库的fork版本，并添加了样式定义 详细样式可以查看https://gi ......