oracle
深度遍历
Markdown
PID
uni-app
健身私教预约系统
图像分割
批量下载图片的插件
材料计算
并发
断点
misc-1
LabVIEW程序
unlock
kaggle
matlab入门教程
TF-A
sas
splunk
AutoSar OS
前端
2024/4/26 10:47:00
前端非常有意思的小技巧
这是我在工作和学习中总结的一些平时不怎么常用但是很实用的方法技巧: CSS部分: 1.盒子实际大小设置 2.超过两行就出现省略号 3.强制换行 4.文字溢出隐藏 5.鼠标设置为移动效果 6.鼠标设置为小手效果 7.段落中的文本不换行 8.平面转立体 9.移动端取消点击效果 10.用CSS绘制三角…
判断输入的时间与当前的时间（判断时间是今天还是以前的）
function isToday(str){var d new Date(str.replace(/-/g,"/"));console.log(d);var todaysDate new Date();if(d.setHours(0,0,0,0) <todaysDate.setHours(0,0,0,0)){return true;//当输入数据小于当前时间} else {return false;}}console.log(isToday(2017-3-…
告别繁琐命令，图形化创建 管理`vue`项目
告别繁琐命令，图形化创建管理vue项目
前言
首先你需要安装脚手架vue cli
Vue cli的安装
win R呼出命令行，输入以下任意一条（千万不要输两个）
npm install -g vue/cli
# OR
yarn global add vue/cli检查是否安装成功
vue --v…
前端开发页面HEAD作用
文档类型
为每个 HTML 页面的第一行添加标准模式（standard mode）的声明， 这样能够确保在每个浏览器中拥有一致的表现。
<!DOCTYPE html>
语言属性
为什么使用 lang="zh-cmn-Hans" 而不是我们通常写的 lang="zh-CN" 呢? 请参考知乎上的讨论: …
Http中你必须知道那点事
1, HTTP
1.1 简介
HTTP概念
HyperText Transfer Protocol，超文本传输协议，规定了浏览器和服务器之间数据传输的规则。
数据传输的规则指的是请求数据和响应数据需要按照指定的格式进行传输。如果想知道具体的格式，可以打开浏览器…
JavaScript中0.1+0.2 !== 0.3的原因，以及如何解决0.1+0.2不等于0.3的问题
1. 0.10.2 ! 0.3 的原因
在 js 中进行数学运算时，会出现0.10.20.300000000000000004的结果，刚开始以为原因是浮点数的二进制存储导致的精度问题，但这并不能为什么在同样的存储方式下0.30.40.7。
原因：
（1࿰…
JS 实现抛物线动画案例
相信大家都有浏览过，很多购物网站购物车的添加商品动画，今天，我们就手写一个简单的抛物线动画，先上案例： 一、绘制页面
我们这里简单实现，一个按钮，一个购物车图标，样式这里直接跳过…
Oracle--plsql之控制结构
条件分支语句 • IF 语句: –IF-THEN-END IF –IF-THEN-ELSE-END IF –IF-THEN-ELSIF-END IF –case语句: •循环语句 –loop语法：IF condition THEN
statements;
[ELSIF condition
THEN statements;]
[ELSE statements;]
END IF; condition 是一…
vue：添加项目名（开发环境）
一、首先在全局配置文件中添加项目名（任意js文件） 二 、vue.config.js 文件中引入项目名
import defaultSettings from ../../src/settings.js 三、routers.js 文件中引入项目名
import defaultSettings from ../../src/settings.js
Alpha 冲刺 —— 十分之六
队名 火箭少男100组长博客 林燊大哥作业博客 Alpha 冲鸭鸭鸭鸭鸭鸭！成员冲刺阶段情况 林燊（组长） 过去两天完成了哪些任务 协调各成员之间的工作测试服务器并行能力学习MSI、CUDA展示GitHub当日代码/文档签入记录(组内共享)接下来的计划 扩充…
四十、前端基础之CSS
一、CSS介绍 现在的互联网前端分三层： HTML：超文本标记语言。从语义的角度描述页面结构。CSS：层叠样式表。从审美的角度负责页面样式。JS：JavaScript 。从交互的角度描述页面行为CSS：Cascading Style Sheet，…
vue cli3.0 npm run build 打包并在本地查看时页面空白问题
据以下命令对项目进行打包：
npm run build命令执行完出现
DONE Build complete. The dist directory is ready to be deployed. INFO Check out deployment instructions at https://cli.vuejs.org/guide/deployment.html 看了一下，build complete,嗯完…
JavaScript HTML DOM 简介
文章目录JavaScript HTML DOM 简介HTML DOM (文档对象模型)HTML DOM 树查找 HTML 元素通过 id 查找 HTML 元素通过标签名查找 HTML 元素通过类名找到 HTML 元素下面我们将学到如下内容JavaScript HTML DOM 简介 通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素…
Mac OS X 上编写 ASP.NET vNext (二) IDE配置
上一篇中介绍了如何在OS X上搭建.Net运行时。不过光有运行时还不够，还需要有一个好用的IDE，有了IDE的支持，OS X上的开发才称为可能。 和上篇类似，这里先列举出具体步骤，个人可以根据自己的情况选择略过一些步骤。 1. 安…
日常工作笔记~~~~
sort二次排序
js数组sort排序规则实现一个数组排序函数
对数组[ “A华北”, “A华南”,“B华南”,“A华东”,“B华东”,“A华西”, “C华北”,“A华东” ];
排序为[‘A华东’, ‘A华东’, ‘A华南’, ‘A华西’, ‘A华北’, ‘B华东’, ‘B华南’, ‘C华北’]
排序规则为相同字…
JS的Key-Val（键值对）设置Key为动态的方法
问题描述: 需要生成一个对象, 这个对象为 {key: value}, 现在要让key是动态的 解决方案: function(key, value){let keyValue {};keyValue[key] value;return key;
} 例如 var data {};for(var i 0; i < this.chooseDate.length; i){data[SELECT_this.chooseDate[i].GOO…
[Js基础]日期快捷获取：获取（本月/本周）的（第一/最后一天)
[Js基础]日期快捷获取：获取（本月/本周）的（第一/最后一天)
/*** 获取本月第一天*/
const getNowMonthFirst () > {const date new Date();date.setDate(1);return date;
};/*** 获取本月最后一天*/
const getNowMonthLast (…
炸裂，用JS创建一个录屏功能
作者：Lokender Singh 译者：前端小智 来源：dev 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。 本文 GitHub https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面试完整考…
类静态初始化块即将纳入ES2022，我们先一睹为快
作者：Dr. Axel Rauschmayer 译者：前端小智 来源：2ality 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。 本文 GitHub https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面…
13 个Typescript 实用类型：开发人员的备忘单
在类型检查方面，Typescript非常强大，但有时当一些类型是其他类型的子集，而你需要为它们定义类型检查时，它就变得很乏味。
举个例子，你有2个响应类型。
interface UserProfileResponse {id: number;name: string;emai…
Vue 3是一个错误，我们不应该再犯。
有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。 本文 GitHub https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面试完整考点、资料以及我的系列文章。 文本是翻译的，作者Fotis Adamakis&#x…
01.一个更简单的方法来传递大量的props
今天，我们来学习一下 Vue 技巧小册，本节是第一节课，也就是标题所示： 用更简单的方式来传递大量的 props，事例是用 vue3来演示的，当然在 vue2 中也适用。
我们直接进入正题，假设我们有一个显示用户信息的组件，如下所示：
<template><div><p>姓名：{…
28.CSS创意文本动画悬停效果|
效果 (源码网盘地址在最后) 关注公众号《大迁世界》，查看更多视频教程！
源码
index.html
<!doctype html>
<html>
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=…
35.CSS指纹扫描器动画效果
效果 (源码网盘地址在最后) 源码
index.html
<!DOCTYPE html>
<html>
<head>
<title>Scanning Fingerprint Animation</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>…
web前端学习（三）块级元素、行内元素特点及区别
1. 块级元素 作用：搭建网页结构特点：
* 独占一行空间
* 默认宽度为100%
* 高度由子元素或内容决定
* 可以通过css指定其宽度高度
* 块级元素可以包含块级与行内。 元素：html、body、div、p、h1~h6、ul->li、ol->li、dl->dd/dt、tabl…
web前端学习（四）http、https、http协议、get、post
什么是 HTTP？ 超文本传输协议（Hypertext Transfer Protocol，缩写 HTTP）旨在启用客户端和服务器之间的通信。 https 安全性、保密性比http强 GET和POST是什么？ HTTP协议中的两种发送请求的方法。 http协议 http协议是超…
web前端学习（五）CSS的三大特性—继承性、层叠性、优先级
1.继承性
作用: 给父元素设置一些属性, 子元素也可以使用, 这个我们就称之为继承性
注意点:
1.并不是所有的属性都可以继承, 只有以color/font-/text-/line-开头的属性才可以继承。
2.在CSS的继承中不仅仅是儿子可以继承, 只要是后代都可以继承。
…
Web用户的身份验证及WebApi权限验证流程的设计和实现
5. WebApi 服务端代码示例 5.1 控制器基类ApiControllerBase [csharp] view plaincopy /// /// Controller的基类，用于实现适合业务场景的基础功能 /// /// [BasicAuthentication] public abstract class ApiControllerBase : ApiController { }5.2 权限属性Ba…
Trianglify - 生成五彩缤纷的 SVG 背景图案
Trianglify 是一个能够生成五颜六色的三角形图案的 JavaScript 库，可以用来作为 SVG 图像和 CSS 背景。它的灵感来自于 Btmills 的 Geopattern，并使用 d3.js 建立多边形的 SVG 图形和使用 SVG 过滤器进行渲染。它还包括 colorbrewer 调色板库，…
Sharepoint 创建个人网站时出现错误。有关详细信息，请与网站管理员联系
SharePoint Server 2007 / MOSS 2007 中启用了个人网站功能，并且配置了正确的SSP，可是用户在访问我的网站时总是提示：创建个人网站时出现错误。有关详细信息，请与网站管理员联系。 MOSS服务器场 具体环境如下： AD服务…
vue搜索关键字标红
实现效果：搜索框搜索关键字后，搜索出的列表名称关键字标红 页面内容：如果包含关键字则拆分成三个字段拼接，不包含刚直接显示字段
<label v-if"item.contain true"> <font>{{item.start}}</font>&…
vue 点击保存时判断表单数据是否有变化，有变化则可提交
1、定义变量 data() {return {oldVal: [],newVal: [],}}2、监听表单
watch: {
// 监听编辑是否有修改 - lrFormListlrFormList: {handler(val, oldVal) {if (oldVal) {this.newVal val;this.oldVal oldVal;}},deep: true,},
}3、点击保存时判断表单是否有变化 4、变化后将变…
vue 实现表单和文件一起上传
var formData new FormData(); //这里包装 可以直接转换成对象 if (projectInformationForm.file ! undefined)formData.append("file", projectInformationForm.file.raw);//这里包装 可以直接转换成对象formData.append("modifyDeclareProjectVO",new B…
关于element upload上传图片调用多次接口及实现表单数据和图片一起上传问题解决方案
<el-form enctype"multipart/form-data" :model"ruleForm" :rules"rules" ref"ruleForm" label-width"100px" class"demo-ruleForm"><el-form-item label"问题场景" prop"problemSceneC…
vue el-table表格合并单元格，合并表头
1，处理接口返回表格数据
const arr []
this.configData.forEach(ele > {
const firstIndex this.configData.findIndex(item > {
return item.paramClass ele.paramClass // 当paramClass相同的时候，返回第一个相同的Index 赋值给 firstInd…
export 和export default区别（export router from ‘./router’ 报错联想）
通过export方式导出，在导入时要加{ }，export default则不需要
(1) 输出单个值，使用export default (2) 输出多个值，使用export (3) export default与普通的export不要同时使用
30.快速的CSS动画效果
效果 (源码网盘地址在最后) 关注公众号《大迁世界》，查看更多视频教程！
源码
index.html
<!doctype html>
<html><head><meta charset="utf-8"><title>Glowing Dots Animation</title><link rel="stylesheet"…
vue移动端弹框组件
最近做一个移动端项目，弹框写的比较麻烦，查找资料，找到了这个组件，但是说明文档比较少，自己研究了下，把我碰到的错，和详细用法分享给大家！有疑问可以打开组件看一看，这个…
React学习笔记（五） --- 组件生命周期和组件复用
一、组件生命周期
1、概念
组件的生命周期是指组件从被创建到挂载到页面中，再到组件卸载的过程。在React中，只有类组件才有生命周期，函数组件是不存在生命周期的。组件生命周期大体分为三个阶段：创建阶段、更新阶段、卸载阶段…
后端快速上手Vue+axios
文章目录前言vue基础1.el:挂载点2.data:数据对象vue常见指令vue生命周期axiosvueaxios前言
面向后端人员，旨在快速熟悉Vue框架，更详细的以后再总结
（1）Vue的特性：
JavaScript框架简化Dom操作响应式数据驱动
&#…
Effective前端4：尽可能地使用伪元素
伪元素是一个好东西，但是很多人都没怎么用，因为他们觉得伪元素太诡异了。其实使用伪元素有很多好处，最大的好处是它可以简化页面的html标签，同时用起来也很方便，善于使用伪元素可以让你的页面更加地简洁优雅。 更好的阅…
开源代码NHtmlFilter 帮你过滤Html危险脚本 防止XSS攻击
你是否一直为如何防止XSS攻击苦恼呢？来试用一下NHtmlFilter吧，我想它是你想要的。。 最近新去的一家小公司，在.net做web开发上真的很弱。底层框架，基础类库是很不完善呀。又是做互联网应用，安全总是要考虑的吧。今天我…
滚动穿透的6种解决方案【已自测】
在移动端中，如果我们使用了一个固定定位的遮罩层，且其下方的dom结构的宽度|高度超出屏幕的宽度|高度，那么即使遮罩层弹出后铺满了整个屏幕，其下方的dom结构依然可以滚动，这就是大家所说的“滚动穿透”。 而且经常是你在…
网站搜索框中加入背景图片的方法
代码如下： <input type"text" name"htmer" size"20" style"background-p_w_picpath:url(htmer.jpg)">上面的代码中htmer.jpg即为图片的路径，换上你所需要的图片路径即可。网站设计的源码：<…
Exchange 2013部署系列之(九)POP、IMAP设置及OWA IIS重定向
Exchange 2013部署系列之(九) POP、IMAP设置及OWA IIS重定向默认情况下，Microsoft Exchange Server 2013 中禁用 POP3 和 IMAP4。为了支持仍依赖于这些协议的 POP3 客户端，需要启动两种 POP3 服务：Microsoft Exchange POP3 服务和 Microsoft …
web前端开发常用组件
web前端开发常用组件 1. 对话框(dialog)：jbox(适合对话框等其它功能)、colorbox（也很强大，可以弥补jbox图片轮播的落点）， 这二者基本能搞定所有对话框的情况 2. 文件上传：plupload(适合多、大文件分块…
使用CSS3实现响应式标题全屏居中和站点前端性能
要实现标题全屏居中（同一时候在垂直和水平方向居中）。有若干种方法，包含使用弹性布局、表格单元、绝对定位和自己主动外边距等。全屏居中当中眼下比較流行也比較easy理解的方法是使用绝对定位偏移实现。也就是分两步来把元素居中：…
fis3前端工程构建配置入门教程
壹 ❀ 引 fis3是百度推出的一款前端工程构建工具，类似的还有webpack，gulp等工具；无论大家有没有使用过，从事前端行业应该都略知一二了，所以对于此类工具用干嘛的我这里就不做重复了。 其实对于这类构建工具，…
深入理解Loadrunner中的Browser Emulation
一：基本介绍在Loadrunner的使用中，对于Run-time Settings下的browser emulation设置是比较容易让人产生困惑的地方。下面我们结合sniffer来具体看看每个选项的用途，以及对测试的影响。Browser Emulation 图二：案例和工具1. 测试案…
vue中的使用provide和inject
1、类型
1、provide：Object | () > Object
如： provide() {return {// 通过provide提供自身所有属性paper: this}},2、inject：Array<string> | { [key: string]: string | Symbol | Object }
如： // inject用于引入父级…
git commit提交代码报错Git:.husky/pre-commit: line 2 : .husky/_/husky.sh: No such file or directory
原因： 提交代码的时候,pre-commit(客户端)钩子，它会在Git键入提交信息前运行做代码风格检查。如果代码不符合相应规则，则报错，而它的检测规则就是根据.git/hooks/pre-commit文件里面的相关定义。 解决办法：
卸载husky…
Vue 父子组件通信$ref调用踩坑
场景： 父组件中给子组件传值，然后在父组件中触发事件，同时更新传递给子组件的某个变量的值再调用子组件函数，此时如果直接调用，会导致父组件传递给子组件的值不能马上获取到！！ 下面先看一段代码…
React中Hooks的学习一些总结
hooks是什么?Hooks是钩子,可以让函数组件’钩入’React.state及生命周期等特性的函数,是React16.8新增特性.可以在不编写class的情况下使用state及其他React特性.*只能在函数组件中使用理解:通过Hooks为函数组件钩入class组件的特性React组件的本质React是用于构建用户界面的J…
ThreeJS-文件夹、线框、点击按钮触发函数(七)
代码： <template> <div id"three_div"></div> </template> <script> import * as THREE from "three"; import { OrbitControls } from "three/examples/jsm/controls/OrbitControls"; import gsap fr…
CSS背景图拉伸不变形
在线效果体验：http://hovertree.com/texiao/mobile/3.htm 请使用手机浏览器查看。 css代码： .bg{
background:url(http://hovertree.com/texiao/mobile/3/hovertree01.jpg);
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizin…
JavaScript 之 数据类型判断
1、JS的数据类型
简单数据类型： String、Number、Boolean、null、undefined、Symbol
复杂数据类型： Object
2、typeof
typeof 是一个操作符，而不是函数，可以判断变量的数据类型，一般用来判断基本数据类型…
nvm在win10系统中的安装和基本使用
nvm是nodejs的版本管理工具，可以下载多个版本的node，然后根据项目需要去切换使用不同版本的node，不再需要我们自己手动去卸载再安装node，节约了时间。
这个教程已经算是手把手的教了，小白也能看得懂。
一、清理…
React学习笔记（二）--- 组件基础
一、组件概念
组件是react最重要的概念，可以说使用react就是在使用组件。组件表示页面中的部分功能，多个组件联合就能实现一个完整的页面。多个组件可以合成一个复杂组件，我们也可以把页面理解成一个由多个小组件构成的复杂大组件。
…
React学习笔记（三）--- 基本表单处理
一、表单处理
1、受控组件
在React中我们可以通过将 state 与表单元素的 value 绑定的方式，来控制表单元素的值，被控制的表单元素也被称为受控组件。但是表单元素是可输入的，也就是说值是会变化的，而在React中数据存放在stat…
React学习笔记（四）--- 组件通讯
一、组件通讯概念
在React中，组件是独立且封闭的单元，在默认情况下，组件state中的数据是私有数据，组件只能使用自身的数据。但是在实际项目开发过程中，我们的页面是由多个组件共同组成的，而这些组件之间…
Vue-Router报错：Uncaught (in promise)Error: Navigation cancelled from “/“ to “/1“ with a new navigation
1、场景描述
最近在工作的nuxt项目中，使用vue-router替代nuxt的默认路由，这样使路由关系更明显，也更好调整，再就是可以使用vue-router的编程式导航，进行路由跳转。然后，问题就出现了，在使用thi…
前端判断img图片未能正确加载时显示一个默认图片。img标签onerror事件设置了本地默认图片还是不显示的问题
前端img标签中引用后端交给的图片地址时，有可能这个路径下图片被删除或者损坏了，那么页面在加载img图片时就显示为，太丑了。
img标签有个onerror事件，就是当图片未被正确加载的时候调用此事件，写的时候在onerror事件里…
国产FPGA市场分析 该如何破局
2018年上半年对于中国半导体行业而言是多事之秋，发生了几件让国人深入思考的大事。我作为IC产业的逃兵，最近也在思考很多的问题，包括资本市场、集成电路行业和研究所的一些不成熟的想法。 2008年进入华中科技大学电子系，中科院半导…
前端学习(三十五）模块化es6（笔记）
RequireJs:一、安装、下载 官网： requirejs.org Npm: npm i requirejs二、使用 以前的开发方式的问题： 1）、js 是阻塞加载 2）、变量名冲突 3）、多个JS文件之间相互依赖（必须…
[Vue] : 路由
什么是路由 对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源；对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：…
【干货】小区老大爷看了都直呼内行（十个程序员的学习技巧）
最全面的学习方法
提示：方法告诉你们了，学不学是自己的事。大家要记得学习是为了自己能更好的掌握技能，而不是为了应付工作。 1.阿里云开发者社区
学习中心（包含了前端和后台的技术栈视频讲解，全免费课时，…
react官网项目构建时ERR_PACKAGE_PATH_NOT_EXPORTED error Command failed with exit code 1.解决方案
删除yarn.lock(rm rf yarn,lock);yarn init(弹出的一些描述根据实际需求填写即可);yarn install;yarn start;localhost:3000
【第二届青训营-寒假前端场】- 「前端动画实现」笔记
动画的基本原理动画是什么动画发展史计算机动画前端动画分类css动画animation-nameanimation-durationanimation-timing-functionanimation-delayanimation-iteration-countanimation-directionanimation-fill-modeanimation-play-state**transform** APIkeyframe实现动画svg实…
高速设计学习-干货！高速串行Serdes均衡之FFE
干货！高速串行Serdes均衡之FFE http://www.sohu.com/a/307013503_4580152019-04-10 15:12来源：EETOP论坛 及 公众号：不忘初心的模拟小牛牛 作者：131v1vv 本系列，准备把高速串行通信中用到的均衡进行一个总结。这期先介…
React+SpringBoot项目部署
静态资源访问配置 https://www.jianshu.com/p/b6e0a0df32ec https://segmentfault.com/q/1010000012240531/a-1020000012250927 _______________________________________________________________________________________________ springboot-静态资源默认访问路径顺序 2018…
【Alpha】Scrum Meeting 4
前言 第4次会议在4月7日22:05由PM在大运村一公寓3层召开, 时长20min。 任务分配 姓名今日任务明日任务困难周博闻配置远程开发环境 #3(100%)服务端latex报告生成pdf文件bug #26；修复注册问题 #14周国杰撰写用户管理前端 #4 (80%)撰写用户管理前端 #4; /user前端与后…
前端开发之JavaScript HTML DOM实战篇
实战案例一： “灯泡发光” <!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>javaScript案例之点亮灯泡</title><style type"text/css">img{width:100px;height:1…
【uniapp+ts】 实现直播中 “聊天功能” 交互的组件封装和调用
示例图： 一、安装 aspnet/signalr 包
npm install --save aspnet/signalr
二、创建 signalR.ts 文件 代码如下：
// 引入安装的signalr包<br>import * as signalR from aspnet/signalrimport * as signalR from microsoft/signalr// 服务器地址…
java多线程，线程安全
今天研究一下java的多线程，看了好多零零散散的文章，觉得这篇文章最好。这里记录下来。文中讲到生产者-消费者例子是最经典的多线程用例。讲到锁（ReadWriteLock，ReentrantLock（普通锁））ÿ…
探真无阻塞加载javascript脚本技术，我们会发现很多意想不到的秘密
下面的图片是我使用firefox和chrome浏览百度首页时候记录的http请求 下面是firefox： 下面是chrome： 在浏览百度首页前我都将浏览器的缓存全部清理掉，让这个场景最接近第一次访问百度首页的情景。 在firefox的请求瀑布图里有个表现非常之明显&…
【前端知识】-echart
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、echart具体能做些啥？二、快速学习1.柱状图 --重点看懂option 里面属性2.饼图 --相对于柱状图option会简单一些总结前言
提示：这是一…
剑指offer day7 搜索与回溯算法（简单）
day7题目：剑指 Offer 26. 树的子结构、剑指 Offer 27. 二叉树的镜像、剑指 Offer 28. 对称的二叉树
知识点：二叉树、dfs/bfs，难度为中等、简单、简单
学习计划链接：「剑指 Offer」 - 学习计划
题目知识点难度剑指 Offer 26. 树…
剑指offer day9 动态规划（中等）
day9题目：剑指 Offer 42. 连续子数组的最大和、剑指 Offer 47. 礼物的最大价值
知识点：数组、分治、动态规划，难度为简单、中等
学习计划链接：「剑指 Offer」 - 学习计划、剑指 Offer 42. 连续子数组的最大和
题目知识点难度剑…
剑指offer day11 双指针（简单）
day11题目：剑指 Offer 18. 删除链表的节点、剑指 Offer 22. 链表中倒数第k个节点
知识点：链表、双指针，难度为简单、简单
学习计划链接：「剑指 Offer」 - 学习计划
题目知识点难度剑指 Offer 18. 删除链表的节点链表简单剑指 O…
剑指offer day16 排序（简单）
今天的两道题在之前面试中都有考过：MetaApp一二面面经（已OC）
day16题目：剑指 Offer 45. 把数组排成最小的数、剑指 Offer 61. 扑克牌中的顺子
知识点：数组、排序，难度为中等、简单
学习计划链接…
剑指offer day21 位运算（简单）
day21题目：剑指 Offer 15. 二进制中1的个数、剑指 Offer 65. 不用加减乘除做加法
知识点：位运算、数学，难度为简单、简单
学习计划链接：「剑指 Offer」 - 学习计划
题目知识点难度剑指 Offer 15. 二进制中1的个数位运算简单剑指…
有关html5设计那些事，你真的考虑过前端的实现吗(最近别人经常问我这种问题，所以我就写一篇了，可能也有别人和我一样吐槽过)...
很久以前在安卓2.0系统刚刚的时候就对HTML5比较关注！因为我也是那个时候刚刚入行做前端的。那个时候最大的乐趣就是看着w3plus上面各种css3的效果，觉得哇，好牛逼原来可以这样做，然后3年过去了。。。手上的APP做完的没有40个也有30…
web app 开发总结二 html5 中的web storage
html5 中的webstorage 包括两种存储方式 ： sessionStorage 和 localStorage sessionStorage : 用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此session…
百度前端技术学院-task2.18-2.19源码以及个人总结
源码：http://yun.baidu.com/share/link?shareid2310452098&uk1997604551 1、感觉在写js的时候，最好先理清思路，先干什么，在干什么，不要想到哪里写到哪里； 2、一定要学会调试js，不然你哗哗写…
el-autocomplete 组件，下拉框，能输入能选择，还带搜索功能
<el-form-item label"备忘/备注"><el-autocompleteclass"inline-input"v-model"formData.remark":fetch-suggestions"querySearch"placeholder""select"handleSelect"style"width: 100%">&…
马化腾内部分享：产品经理的必修课
这是马化腾2014年在内部分享会上的一段讲话。有员工整理后在极小的圈子里放了出来。下面为原文(记录可能稍有出入)。 腾讯善于做产品。世人皆知。但事实上我们很多其它时候应该少提“产品”和“功能”。多谈“服务”和“特性”。我们要少谈。我要一个产品，它要包含哪…
安卓自动生成代码插件－Android code Generator（转）
编辑推荐：稀土掘金，这是一个针对技术开发者的一个应用，你可以在掘金上获取最新最优质的技术干货，不仅仅是Android知识、前端、后端以至于产品和设计都有涉猎，想成为全栈工程师的朋友不要错过！ 介绍 Android…
php外包如何逃离垃圾客户案例(转)
做项目做产品可以有3个境界：1 挣钱的，2 做品牌的，3 很酷的。有的人从境界1做到3，有得人从3做到1。
我是从1做到3，因为有了钱，你才能远离垃圾项目和不专业的客户。
无论你是单打独斗兼职之余接个小项目&am…
解决vue.js not detected的问题（不用重装）
安装完 vue.js devtools 后发现图标不亮，显示vue.js not detected。
看了很多解决方法都是说重装什么的，还有的让打开bilibili看图标亮不亮来判断（试了也不亮）...
但是我并没有删了重下，试了一下关闭 Chrome 然后重新…
Vue入门 methods方法
methods方法：为什么加s，因为可以定义多个方法 methods选项表示：当前Vue实例可以用到的方法 methods选项的值：对象，对象中定义方法 methods{ //定义时间处理方法showInfo showInfo（）{ this.msg“…
js轮播图节流阀的实现
防止轮播图按钮连续点击造成播放过快。
作用：当上一个函数动画内容执行完毕再去执行下一个动画，让事件无法连续触发。
核心思路：利用回调函数，添加一个变量来控制，锁住函数和解锁函数。
以点击下一章图片按钮为例&a…
vue绑定事件、vue双向绑定 2022-3-14
一、Vue绑定事件
1.1Vue的7个常用属性
以下一图是网络上的图
1.2 methods属性
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>Title</title>
</head>
<body><div id"…
覆盖elementui样式的几种办法
覆盖elementui样式的几种办法
1.用 /deep/ 标签 例如 /deep/ .class{ 要覆盖的样式 } 。 2.重新写一个style标签 可以在这个写scope的style标签下面再写一个style标签，专门写一个要覆盖的样式就好了 。类似下面图。 3.可以在vue项目中public文件夹下的index.html中…
ECharts如何在pycharm中运行
这篇文章主要介绍“ECharts如何在pycharm中运行”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“ECharts如何在pycharm中运行”文章能帮助大家解决问题。
ECharts在pycharm中运行的方法 1…
ajax请求放在哪个生命周期合适？
mounted,这时dom 渲染出来，可以操作dom; 而且ajax 为异步，假如放在前面，那么异步导致created 中断的话，又要重新开始。
生命周期都有哪些，父子组件生命周期运行顺序？
生命周期： created： 实例创建完成，可访问data、computed、watch、methods上的方法和数据，未挂载到DOM，不能访问到el属性，el属性，ref属性内容为空数组常用于简单的ajax请求，页面的初始…
TCP三次握手和四次挥手通俗理解
TCP三次握手(连接)： 客户端说我要连接了 --> 服务端回答可以连接 --> 客户端说收到
TCP四次挥手（断开）: 客户端说我要断开了 --> 服务器说：好的，等我处理了就断开哈 --> 服务器说：我处理好了&…
前端系列二十九： Typescript简介跟安装编译TS
TS:
TS是JS的超集（JS有的TS都有），在JS基础之上，为JS添加了类型支持
TS为什么要为JS添加类型支持:
因为JS类型系统存在"先天缺陷"，JS中绝大部分错误都是"类型"错误，增加了找BUG&…
iOS判断为空或者只为空格
本文转载至 ：http://www.cnblogs.com/superhappy/archive/2012/11/08/2761403.html 经常有需求 要判断不能为空，后台老是鄙视不做非空判断的前端 ，木办法 只能写一个。 第一种想法：我不就是判断 是不是nil就可以了么。结果发现太天…
【第二届青训营-寒假前端场】- 「响应式系统与 React」
「响应式系统与 React」React的历史与应用React设计思路UI编程痛点响应式与转换式响应式编程和组件化状态归属问题生命周期React（hooks）的写法State HookEffect HookHook的使用法则React的实现Problem1Problem2Virtual DOM （虚拟DOMÿ…
java中的Collections.sort排序
在java web开发中，我们有时会遇到这种情况：从数据库中查询出一串数据，把它们放入了LIST里面 然后在前端页面上显示出来，现在我要在页面上控制它们排序，比如一个下拉框，选择了日期，把查出来的数据…
Date类型转换为Integer类型
Date类型转换为Integer类型： Integer date Integer.valueOf(String.valueOf(new SimpleDateFormat("yyyyMMdd").format(new Date())));详细细节： 转载于:https://www.cnblogs.com/wxywxy/p/10838965.html
PHP微信开发---小程序登录
实际应用项目：http://github.crmeb.net/u/long 微信小程序登录以及获取openid（用户唯一标识）和session_key
一、前端登录代码：
//登录获取codelogin:function(){wx.login({success:function(res){console.log(res.code)//发送请…
5分钟搞懂z-index与层叠上下文
前言 相信每一个前端小伙伴都使用 z-index 来做过一些蒙版的层级控制，但是你是否了解层叠上下文这个概念呢，你在使用 z-index 来控制层级的时候，有没有遇到过一些想不通的问题呢？如果有的话，不妨花点时间来了解 CSS 中…
webstorm 很卡 scanning files to index (扫描文件索引)
webstorm 号称"前端神器"，但npm导入包跑索引，会很卡不停的跑索引... 排除你不想索引的文件夹 找到你想排除的文件夹（主要是node_modulewe文件夹），右键选择 Mark Directory As > Excluded 。然后重启webst…
【需求研发002】--备品备件系统优化
1.入库界面的行数据明细，增加分配校验：预留数量>已分配数量，则允许分配，反之则不允许 入库页面：ProcurementWarehousing.vue
在分配数量的input标签中加上属性：:disabled"scope.row.menge - scope…
【备品备件需求】--入库记录查询增加仓库字段
最近同事交接的系统，有需求改动。
但是我完全看不懂他写的代码，好在需求不是很复杂，只是改下查询条件，如果是动流程，增单据，那我可能就不行了。
需求1：入库查询条件中增加仓库筛选
需求图如下…
对vue中$set的粗略理解
这是官方相关文档~ 点我点我：Vue.set
用法：向响应式对象中添加一个 property（属性），并确保这个新 property 同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新 property，因为 Vu…
SyntaxError: Identifier ‘XXX‘ has already been declared
检查代码，出现了重复变量。 解决代码冲突的时候，保留了双方变更，导致数据重复了，我吐了~
[vue-i18n] Value of key ‘xx‘ is not a string!
[vue-i18n] Value of key ‘xx’ is not a string! 这个是多语言文件的警告 因为源数据中存在空的情况，导致语言列表中有空值。$t找不到对应的key。 检查一下语言文件，发现是代码冲突合并的时候选择了保留两者的修改，导致一个文件里面有两份重…
tomcat部署多个工程，及部署后访问404的问题解决
tomcat安装和部署过程：1.安装tomcat，详细过程不表，直接下载tomcat安装包解压即可。为使用方便，需要指定tomcat的bin目录为环境变量。mac下：编辑文件 vim ~/.bash_profile 新增path： export PATH${PAT…
手机网站-前端开发布局技巧汇总
自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序，运行在高端的移动终端设备)。 开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作…
js删除数组指定元素
ES6删除数组中指定元素，例：
let array [1, 2, 3, 4];
//删除2
array.splice(array.findIndex(item > item 2), 1);findIndex()方法满足条件时返回数元素下标，否则返回-1
splice(index, len, [item])
删除：[item]不设置&am…
【Vue3实践】（一）Vue3搭建、路由配置与基本语法（模板、条件、循环、事件）
文章目录1.前言2.项目初始化2.1.Vue3创建与启动2.2.路由配置3.基本语法3.1.模板语法3.1.1.基本使用3.1.2.标签属性绑定3.1.3.模板中使用表达式3.1.3.模板中函数3.2.条件语法3.2.1.作用3.2.2.使用方法3.3.循环语法3.3.1.使用方法3.4.事件5.总结1.前言
由于在日常开发中会有一部…
vue2知识点：vue-cli脚手架配置代理服务器
文章目录6.3vue-cli脚手架配置代理服务器6.3.1解决跨域问题：配置代理_方式1案例：开2台模拟服务器，模拟客户端端口8080调用2台服务器端口叫5000和5001，实现ajax解决跨域查询数据完整代码：6.3.2解决跨域问题：…
从零开始学 Web 之 HTML5（三）网络监听，全屏，文件读取，地理定位接口，应用程序缓存...
大家好，这里是「 从零开始学 Web 系列教程 」，并在下列地址同步更新...... github：https://github.com/Daotin/Web微信公众号：Web前端之巅博客园：http://www.cnblogs.com/lvonve/CSDN：https://blog.csdn.ne…
基于Vue框架开发的仿饿了么前端小应用
基于Vue框架开发的仿饿了么前端小应用 主要使用vue框架进行开发。使用最新的框架版本，修正了vue1.0到vue2.0过度过程出现的几处bug。 视频教程则是黄轶老师的《vuejs高仿饿了么APP》。 源代码地址：https://github.com/waihoyu/sell 转载于:https://www.c…
# 20155337《网络对抗》Exp9 Web安全基础
20155337《网络对抗》Exp9 Web安全基础 实践目标 一、基础问题回答 1.实验后回答问题 SQL注入攻击原理，如何防御SQL注入攻击的本质是利用SQL语法，针对应用程序开发过程中的漏洞，从一个数据库获得未经授权的访问和直接检索 防御：采…
自动执行 git add、 git commit 脚本
一、场景 每次写完东西都需要重复这两个命名，有点麻烦、尝试使用一个命令自动化执行两个或多个命令。 二、用到的工具
1、NodeJs 方法 exec 用于向控制台写入命令。注意第二个参数要使用 { stdio:inherit } 。 文档地址：http://nodejs.cn/api-v12/child…
js-base64 的转码和解码
// js-base64官网： https://github.com/dankogai/js-base64 用法
import { Base64 } from js-base64;
Base64.encode(你好) // 转码
Base64.decode("text") // 解码
关于使用js复制到剪切板的兼容性写法
// 复制到剪切板
async function copyHandler(text) {try{if(navigator.clipboard && window.isSecureContext){const clipboardObj navigator.clipboard;await clipboardObj.writeText(text);} else {let textArea document.createElement("textarea");te…
antd 时间框组件如何修改默认中文？
antd 官方文档方案：https://ant.design/docs/react/faq-cn#/
import moment from moment
import locale from antd/lib/date-picker/locale/zh_CN
import moment/locale/zh-cn
moment.locale(zh-cn)<RangePicker locale{locale}/>改之前 改之后
小程序模板订阅操作【小程序订阅消息】
一、功能和消息类型可查看官网文档、
链接如下：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/subscribe-message.html
二、操作流程
步骤一：【前端】获取模板 ID 在微信公众平台手动配置获取模板 ID： 登录 h…
【组件】文字超出宽度显示点点点，可自定义行数
注意：-webkit-line-clamp是webkit的私有属性，是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。 -webkit-line-clamp用来限制在一个块元素显示的文本的行数。 为了实现该效果ÿ…
History.pushState 阻止页面浏览器后退功能、window.performance.navigation.type 判断页面刷新方式
一、History.pushState() 需要阻止浏览器的后退按钮，移动端的后退手势。 History API 在 HTML 文档中，history.pushState() 方法向当前浏览器会话的历史堆栈中添加一个状态（state）。 window.history.pushState(null, null, docume…
Cesium加载城市白膜数据3DTiles
Cesium加载城市白膜数据
数据获取
首先，城市建筑数据可以去网上扒一些，拿到的都是shp格式的文件。
数据转化
shp文件可以很方便的转为Geojson文件，然后再通过Cesium导入也可以实现效果。效果如下所示： 图中就是用Geojson数据…
Vue template模板中无法获取到变量属性值
问题描述
vue页面上渲染值，我们一般用的是{{ student.name }}，（例如获取学生的名字）。但是有时候键值是动态变化的时候，就需要写成获取对象属性值的另一种方式，{{ student[name] }}。再复杂一点的情况&…
Cesium 无法加载出地球
Cesium 无法加载出地球
问题描述
Cesium 无法加载出地球，在控制台中看到这样一条报错信息： 401错误，不可用的token值。 解决方案
1.注册一个免费的账户
网址：https://cesium.com/ion/
2.创建一个token值 3.在代码中添加to…
前端系列十七：解决Vue中每次使用less需要引入文件问题
完成自动注入公用变量和混入问题 解决方案：
使用vuecvli的style-resoures-loader插件来完成自动注入到每个less文件或者vue组件中style标签中
在项目下执行一条命令: vue add style-resources-loader 添加一个vuecli插件
安装完成后在vue.config.js中自…
vue的url带参数跳转
vue的url带参数跳转
1.router带参数
{path: /operate/:id,//带参数name: operate,meta:{requireAuth:true},component: ()>import(/page/user/operate)
},然后带参数跳转
this.$router.push({path:/operate/${id}})获取参数
this.$route.params.id或者也可以通过props来…
vue的关于姓名文字，电话号码，身份证号码的打码隐藏的过滤器
vue的关于姓名文字，电话号码，身份证号码的打码隐藏的过滤器
1.关于姓名文字的打码显示
formatName (value) {if (!value) return ;let str value;if(str.length 2){str str.toString().replace(/^([^\x00-\xff])([^\x00-\xff]{0,})([^\x00-\xff])/g…
Vue前端-学习笔记
VueJS开源文档 拉入vscode安装node.js安装vue脚手架components : 组件router：路由创建新组建 ：assets： 系统图片存放地址main.js： vue脚手架对象存放地 （新的包要放在里面）属性 computedslot 插槽error Str…
uniapp实战-完成h5打包(原生安卓内嵌浏览器访问H5跨域解决方案)
工作 android jsbridge H5（uniapp打包） Hyprid App解决跨域问题
开发中
如果 你用 Hbuilder 自带的 内置 浏览器 （自带 解决了 跨域问题 ）
可以 正常 调试 、、、
但是 无法 从 android 那边 安卓webview 打开 调试 所以 还是…
渗透工具-被动 Web 扫描器 xray
渗透工具-被动 Web 扫描器 xray爬虫漏洞检查被动扫描爬虫漏洞检查 -> .\xray_windows_amd64.exe webscan --basic-crawler http:// .com被动扫描
证书：
xray_windows_amd64.exe gencahttps://blog.csdn.net/qq_45300786/article/details/108380490
django搜索页面，并解决“Related Field has invalid lookup: icontains”错误
django版本1.4.5 一般网站都是需要搜索栏目的，我的项目也需要，于是做了 首先，写视图 1 #这个并不是我的项目，仅仅用它做个例子，解决相关问题2 from django.db.models import Q3 from models import Book4 5 def search…
kafka数据可靠性深度解读【转】
1 概述 Kakfa起初是由LinkedIn公司开发的一个分布式的消息系统，后成为Apache的一部分，它使用Scala编写，以可水平扩展和高吞吐率而被广泛使用。目前越来越多的开源分布式处理系统如Cloudera、Apache Storm、Spark等都支持与Kafka集成。 Kafka凭…
学完HTML5能从事哪些工作?
对于大多数学习HTML5的来说，学习生涯结束以后大多都面临着就业问题，当然会有一小部分的人选择自己创业。但是你了解HTML5学完可以从事哪些工作吗?在了解这些以前我们有必要了解一下HTML5前端工程师的岗位需求与薪资待遇。 一、HTML5前端工程师的岗位需求…
前端图片信息解析Exif.js
图片信息解析Exif.js
功能说明
Exif.js适用于利用JavaScript读取图像的原始数据的功能扩展，例如：拍照方向、相机设备型号、拍摄时间、ISO感光度、GPS地理位置等数据。
功能实现
API方法
Exif.getAllTags(file)
exif.getData(file, () > {const …
微信支付之内置浏览器的H5页面支付
微信支付之内置浏览器的H5页面支付 因为项目需要，要在H5页面中加入微信支付，所以便去尝试，只想说真的很坑，尤其调试起来不方便 这是微信的官方API文档 微信API 微信支付的准备工作 申请公众号，申请开通支付，…
学习 AppFuse
1.Appfuse是个什么鬼？ AppFuse是一个集成了当前最流行的Web应用框架的一个更高层次的Web开发框架。换句话说，AppFuse就是一个完整的各主流框架的整合版本。AppFuse总是能够紧随java的主流技术框架。 2.使用AppFuse的环境要求 JDK1.7 MySQL5.5 maven3.2 3…
CSS相关的学习网站、JavaScript相关的学习网站、其它学习网站【转 技术胖学程序】
一、CSS学习网站
1. Flex Box 冒险游戏（简单） 网址：Flex Box 冒险游戏 https://codingfantasy.com/games/flexboxadventure 简介：这是一个通过使用 flex box 相关知识来完成闯关的冒险游戏，一共24个关卡，…
webpack4 devserver 如何拦截请求 添加请求headers
v4官网：https://v4.webpack.docschina.org/configuration/dev-server/#devserver-proxy devServer 配置
devServer: {host: 127.0.0.1,https: true,hot: true,port: 8080,contentBase: path.resolve(__dirname),open: true,compress: true, // 启用 gzip 压缩after…
prerender-spa-plugin预处理vue项目实践
由于公司想要把商城做由之前的php和前端混合开发改版为前后端分离，所以拿现在手上的vue项目来实践一下 https://github.com/chrisvfritz/prerender-spa-plugin 1.使用官方的vue-cli手脚搭建的项目跑prerender-spa-plugin一直报权限问题什么的 一个是由于路由写得有问…
京东前端：PhantomJS 和NodeJS在网站前端监控平台的最佳实践
1. 为什么需要一个前端监控系统 通常在一个大型的 Web 项目中有很多监控系统，比如后端的服务 API 监控，接口存活、调用、延迟等监控，这些一般都用来监控后台接口数据层面的信息。而且对于大型网站系统来说，从后端服务到前台展示会…
Web前端开发规范之文件存储位置规范
文件存放位置规范 1 文件夹说明 flash存放flash文件 p_w_picpaths存放图片文件 inc存放include文件 library存放DW库文件 media存放多媒体文件 script存放javascript脚本 css存放css文件 2 网站页面位置存放 2.1 客户端 web 网站根目录 2.2 服务器端 admin 原文地址;…
解决报错 SyntaxError: missing ) after argument list at Object../src/utils/request.js
报错：SyntaxError: missing ) after argument list at Object…/src/utils/request.js 引入路径改为：
import request from ../utils/request.js即可
Web前端开发规范之图片命名规范
图片的名称分为头尾两部分，用下划线隔开，头部表示此图片的大类性质，例如广告，标志，菜单，按钮等 banner：放置在页面顶部的广告，装饰图案等长方形的图片logo：标志性的图片b…
Web前端开发规范之脚本文件和动态文本文件命名规则
脚本文件：一般使用脚本功能的英文小写缩写命名 实际模块：例如广告条的javascript文件名为ad.js，弹出窗口的javascript文件名为pop.js公用模块：js文件命名：英文命名，后缀js。如common.js，basic.j…
基于crmeb的二开教程---3.x版本增加备案信息
本文是crmeb简单二开教程 源码地址：直通车》》》 修改h5/src/views/home/Index.vue在<Coupon-window:coupon-list"couponList"v-if"showCoupon"checked"couponClose"close"couponClose"
></Coupon-window> 上…
一步一步自定义SpringMVC参数解析器
随心所欲，自定义参数解析器绑定数据。 题图：from Zoommy 干货 SpringMVC解析器用于解析request请求参数并绑定数据到Controller的入参上。自定义一个参数解析器需要实现HandlerMethodArgumentResolver接口，重写supportsParameter和resolveArg…
Spring MVC中默认的ResponseBody为String的乱码问
在Spring的MVC中，如果你使用的是中文，用的是UTF-8编码，有的时候我们会直接返回一个文本给前端的AJAX调用。Controllor中的代码如下： Java代码 ResponseBodyRequestMapping(value "/test", method RequestMethod.GET)…
小程序页面间数据传输模板
小程序数据传输缓存传输数据get方式传参全局变量传参index页面test页面全局变量缓存传输数据
get方式传参
全局变量传参
index页面
index.wxml
<view><input type"text" name"username" placeholder"请输入内容" bindinput"g…
Vue快速入门，基础知识点排查
Vue基础Vue的安装及使用Vue的创建Vue的常用操作用户输入双向绑定（input输入的内容message会自动更新）绑定变量的参数值|绑定属性绑定函数监听事件过滤器单层过滤器多层过滤器两个缩写（熟练之后可以用）一般语法Vue的监听Vue组件&am…
微信小程序模板功能1
微信小程序功能轮播图进度条选项卡左侧列表轮播图
wxml
<view class"container">
<!-- 轮播图 --><view class"swiper"><!-- indicator-dots 轮播点autoplay 自动播放interval 图片切换时间间隔duration 自动播放时间间隔-->&l…
Typecho 独立页面 添加自定义模板
1、首先在主题文件夹新建一个 ***.php 文件 编写代码 <?php
/*** _主题命名* * package custom * */$this->need(header.php);
?>packge custom 这句固定格式转载于:https://www.cnblogs.com/fan-bk/p/8358291.html
用CSS写扫描二维码图标
代码如下： <style>.icon{margin:300px;width:30px;height:30px;position:relative}.icon .b{border:2px solid #666;width:100%;height:100%;border-radius:3px}.icon .h{background-color:#fff;width:112%;height:49%;position:absolute;left:0;top:32%}.ico…
GB28181国标流媒体前端接入
首先前端需要安装流媒体播放插件liveplayer
安装命令
npm install liveqing/liveplayer
在vue中使用
第一步 复制依赖文件（示例 通过 webpack 插件自动复制依赖）
安装 copy-webpack-plugin 插件, 安装命令
npm install copy-webpack-plugin4.6.0
…
2019-02-19 日记
1. 线程分前端和后端，前端是独立线程，可以独立运行，独立关闭，不会随着其他线程而毁灭；后端是依附于其他线程而存在，创造他的线程死掉，她也死，夫唱妇随； 转载于:https://w…
el-input 输入验证 整数、小数、实数、整数、负数等
1、关于前端页面代码和规则验证可以参照之前文章
el-input 限制只能输入正整数
2、本文主要阐述ts公共验证类结合rule的形式对输入值进行规则校验
① 前端页面部分
<template><div class"container"><el-formref"dialogForm"size"…
【vue】使用uni-indexed-list组件点击获取下标详情
问题描述
使用uniapp自带的uni-indexed-list组件，点击索引只能获取到点击的名称，不能获取其他信息 解决方案：
uni-indexed-list组件1.2.1版本 对uni-indexed-list组件代码进行修改,示例如下: 找到setList函数，对内部逻辑赋值就…
05_Vue基础入门
vue的作用
渐进式的前端框架(里面的框架按需获取)
vue特点
1.解耦视图和数据
2.双向数据绑定
3.可复用的组件:常用的按钮和表格
4.前端路由数据:页面跳转
5.状态管理
6.虚拟DOM
引入方式
1.使用CDN连接引入,加载速度更快 <script src"https://cdn.jsdelivr.n…
分享一些关于 CSS Grid 基础入门知识
网格系统（CSS Grid）是CSS中最重要的特性之一。它能够以简单的方式将元素对齐到列和行中。CSS网格使得设计复杂且响应式的网页变得更加容易，无需使用浮动、表格或定位。它还具有许多更强大的功能，如果你多加练习，就能发…
JavaScript实现 页面滚动图片加载
又到了这个月的博客时间了，原计划是打算在这个月做一个的功能较炫的拖拽类，可是感觉想的太容易，实现起来遇见不少问题，如果技术分享做不到有助于人反而害人，那就歇菜了，所以还是等本人多找些资料研究研究&a…
寻找安全可靠的云计算基石
即使我们每天都在使用着这样或那样的云计算解决方案，比如Google、Amazon，但在一年前谈起“云计算”时，也许人们大多还认为云计算只是概念，是不知道距离实际部署与应用到底有多远的、抽象的IT理念。不过不少人能够认可云计算优势&a…
CSS 等距菜单悬停效果
纯HTML和CSS实现立体等距菜单悬停，动态效果由CSS实现。 代码下面自取🖖 🎈效果如下 HTML代码如下
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><meta http-equiv"X-U…
overflow与text-indent:-999em 字体隐藏
作为一个web前端开发为了html语义化常常要给内容模块加上一些标题来让页面更有意义当然还有我们的图片按钮在抛开css裸奔的情况下也能很顺利的汲取到页面信息通常为了传达更好的视觉效果我们常用图片替代掉字体而早前的前端开发常直接不在html中给出内容用 ;(甚至为空)这样在没…
django项目模型字段
一个模型（model）就是一个单独的、确定的数据的信息源，包含了数据的字段和操作方法。通常，每个模型映射为一张数据库中的表。 基本的原则如下： 每个模型在Django中的存在形式为一个Python类每个模型都是django.db.model…
05webpack-webpack-dev-server时时跟新-第2种方式
<!--14第一种方式 自动打开浏览器 端口号 指定托管的跟目录 启动热刷新 这种是在webpack.json中去配置的 直接在package中 写将“script”:{ "dev":"webpack-dev-server --open --port 3000 --contentBase src --hot"} 这里有4个指令--><!-- 第…
摩拜前端周刊第22期
Ladies and 乡亲们，摩拜前端周刊起航啦～ 摩拜前端团队会收集每周前端优秀文章，每周五发布至掘金平台，欢迎关注我们～ It is the time you have wasted for your rose that makes your rose so important. 深入 JavaScri…
深入浅出－网络七层模型
引言
今天回顾一下－－网络七层模型&&网络数据包
网络基本概念
OSI模型
OSI 模型(Open System Interconnection model)是一个由国际标准化组织􏰁提出的概念模型,试图􏰁供一个使各种不同的计算机和网络在世界范围内实现…
【转】高性能前端2-高性能css
转载地址：http://www.alloyteam.com/2012/10/high-performance-css/ 感谢原作者！ 避免使用import 有两种方式加载样式文件，一种是link元素，另一种是CSS 2.1加入import。而在外部的CSS文件中使用import会使得页面在加载时增加额外…
建立你的第一个vue程序
1：什么是vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。 2：创建一个基础的VUE文件。…
Magento session机制的分析与应用
Magento session机制的分析与应用 Magento session实现一定是基于php、apache的，呵呵，因为Magento是基于php写的，一般运行在apache web服务器上。所以理解php、apache本身的session实现机制对理解Magento session实现有很大的帮助. php apach…
C# 一般处理程序ashx接收服务端post过来json数据
这个和前端js的接收方式有点不一样，前端接收用request.form["xxx"]即可 转载于:https://www.cnblogs.com/zhy-1992/p/8421451.html
微前端导致的线上样式混乱问题的解决
原问题：
null问题描述：本地环境调试时候获取鼠标的坐标位置，生产环境使用微前端，分别在顶部和左部添加了导航（相当于两个div），导致线上环境的鼠标坐标获取错误，多出来的距离是导航的…
《Web渗透测试技术》简介
#好书推荐##好书奇遇季#《Web渗透测试技术》，助你掌握Web渗透测试技术，提高你的Web应用安全。本书定价69元。配套实例源码、PPT课件、作者邮件技术支持。“没有网络安全，就没有国家安全”。近年来，网络勒索和攻击越来越多…
《Vue.js 3移动应用开发实战》简介
#好书推荐##好书奇遇季#《Vue.js 3移动应用开发实战》，京东当当天猫都有发售。定价79元，网店打折销售更便宜。本书内容系统全面，配套示例源码与PPT课件。
随着前后端分离开发模式的出现，前端框架Vue、React、Angular相关生态的不…
《Vue.js 3.x高效前端开发（视频教学版）》介绍
本书通过对Vue.js示例和综合案例的介绍与演练，使读者快速掌握Vue.js 3.x框架的用法，提高Web前端的实战开发能力。本书配套示例源码、PPT课件、教学教案、同步教学视频、习题及答案、其他资源与答疑服务。定价69元，网店打个折更便宜。
本书内…
web前端是什么，Web前端需要掌握哪些技术？
Web前端因为入门简单、运用广泛、薪资高，在市场上越来越受青睐。很多人都想进入Web前端行业，在高薪的市场行情中分一杯羹，苏州学码思小编觉得还有很多人不知道web前端是什么，Web前端需要掌握哪些技术？今天小编给大家整…
方案优化：网站实现扫描二维码关注微信公众号，自动登陆网站并获取其信息...
上一篇 《网站实现扫描二维码关注微信公众号，自动登陆网站并获取其信息》 中已经实现用户扫码登陆网站并获取其信息 但是上一篇方案中存在一个问题，也就是文章末尾指出的可以优化的地方（可以点击这个链接去看一下上篇文章） 首先回…
Vuejs函数式组件，你值得拥有(1)
函数式组件在React社区很流行使用，那么在vue里面我们要怎么用呢 下面会涉及到的知识点： 高阶函数、状态、实例、vue组件 什么是函数式组件 我们可以把函数式组件想像成组件里的一个函数，入参是渲染上下文(render context)，返回值是…
高性能JavaScript（您值得一看）
阅读目录Javascript第一条定律：将脚本放在底部。Javascript第二条定律：将脚本成组打包。杂谈尽量使用局部变量来保存全局变量尽量少去改变作用域链尽量少去使用闭包访问速度与成员嵌套深度有关缓存变量的值1、在修改DOM元素的时候，我们应该尽…
@PostMapping和@GetMapping用法详解
PostMapping和GetMapping用法详解 public class ApplyObject {private String id ;private String name;}
1、使用post方法调用前端传递参数如果是一个object的话,如{id:1,name:2222}后端参数接收的话，需要使用RequestBody ApplyObject applyObject requestBody里面…
一招解决github访问过慢的问题
首先，我们查询下github的ip，查询网址如下： https://www.ipaddress.com/ 然后，我们在找到hosts这个文件 然后通过vscode打开，修改里面的ip为刚才搜索到的ip，然后保存。
如果保存失败，以管理员身…
启动vue时ESLint报错解决方案
默认情况下，ESLint和vscode格式化工具有冲突 Eslint语法太严格，有好几种方法关闭方法。这里直接用个简单的关闭方法
在vue.config.js中添加如下代码，重新nmp run dev 就能正常运行了
lintOnSave: false,//关闭eslint报错和警告
公众号开发：实现自定义分享功能
公众号开发：自定义分享功能的实现，参考微信公众号开发文档 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html
一、绑定域名，引入js文件 将网站域名添加到公众号js接口安全域名中，引入js文件࿱…
vue-i8n开发时问题记录
vue2语言切换if(this.$route.query.language) {this.$i18n.locale this.$route.query.language.toLocaleUpperCase().indexOf(ZH)>-1 ? zh : en // en} else {this.$i18n.locale zh}vue3语言切换import { i18n } from /main.js
const { t } i18n.global;
//切换语言if(…
js数组中任意两元素交换位置并重新渲染到页面上
1.交换位置
const list1 [{ labelId: 0, name: xiaomin },{ labelId: 1, name: xiaohong },];const list2 [{ labelId: 0, name: xiaomin },{ labelId: 1, name: xiaohong },{ labelId: 3, name: xiaomin },{ labelId: 4, name: xiaohong },];[list1[0], list1[1]] [list1[…
父子组件，父孙组件之间的通信 provide与inject
一、概念
这对选项是一起使用的。以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。 provide：是一个对象，或者是一个返回对象的函数。里面呢就包含要给子孙后代的东西…
vue注册全局自定义指令，实现按钮的防抖
我们可以在src目录下新建utils文件夹，里面新建文件夹（随便起个名字，本文为了演示防抖，就命名为了debounce.js）
上代码
const debounce {install(Vue) {Vue.directive(debounce, {inserted: function (el, binding) …
@RestController导致重定向失效
RestController的作用
RestController的作用于一个Controller类上，表明这个类是一个Controller，且会给每个请求映射方法都会追加ResponseBody注解，表明方法返回值不是一个视图，直接将结果返回至前台处理。
重定向失效原因
被R…
WIN10剪切板打不开无法调用win+v无法打开
1.确认设置——>剪切板设置——>剪切板打开 2.第一步打开之后仍然无法调用尝试第二步
管理员运行cmd——>输入以下命令
DISM /Online /Add-Capability /CapabilityName:Windows.Client.ShellComponents~~~~0.0.1.0
等待安装完毕——>winv调用成功！
vue-cli-service build 自定义参数
vue-cli-service build 自定义参数 vue-cli-service build （1）**作用：**是打包资源文件 （2）**工具：**通过脚手架依赖的dotenv模块实现参数定义和读取 （3）**原理：**detenv…
最新web前端的前景及工资详情
在我们刚接触任何一门技术的时候，常常会用以下几个问题或与这些问题相关的内容来衡量该不该学习，如： web前端是做什么的? web前端的前景如何? web前端工程师的薪资待遇如何? 既然对这么技术如此陌生，那就简单来了解下相关内容的…
HTML5前景如何？现在学习前途如何？
HTML5是移动互联网前端的主流开发语言，目前还没有一个前端的开发语言能取代HTML5的位置，所以说，无论做手机网站还是在手机app应用，前端的样式都是HTML5开发。HTML5作为移动互联网主流前端开发语言，从事HTML5相关开发工…
解决微前端qiankun中子应用(element组件动态加载的元素)样式丢失的问题
项目使用了微前端qiankun，子应用中使用的是element组件库，当有el-select组件的子应用插入父应用的弹窗中初看效果是正常的，但是当点击el-select组件时发现组件下拉框中下拉列表样式丢失，后来在主应用中查看源码发现动态加载的el-s…
axios发送post请求，服务端无法正常获取参数（比如：node服务器无法通过req.body获取参数）解决方案
前端通过 axios 方式请求nodejis后端数据的过程中，如果是 get 请求，服务器端能够通过 req.query 获取前端传递的参数再向数据库获取数据；但是如果是 post 请求，服务器却不能通过 req.body 获取参数。
解决办法：
前端…
react子组件与父组件之间方法调用
1、子组件调用父组件方法
1）子组件 2）父组件 2、父组件调用子组件方法
1）父组件 2）子组件
ToDesk远程控制
实现远程控制有多简单？
https://www.todesk.com/download.htmlhttps://www.todesk.com/download.htmlhttps://www.todesk.com/download.html 电脑浏览器打开 ToDesk远程软件
下载 - Windows 精简版 - 打开 - 复制或拍照《 设备代码、连接密码 》 发给控制人员 …
Java_接口练习题
设有图形，矩形，立方体，圆，圆柱，根据自己的理解，给出它们之间的关系。
要求：
1、每种图形都有计算面积、周长、显示信息、获取图形名称的方法。
2、设计一个主方法，其功能是求n个图…
绑定html class，给v-bind:class传递一个对象，以动态地切换class
<template><div id"app"><div v-bind:class"{ active: isActive }">Java无难事</div></div>
</template><script>
export default {name: HelloWorld,data() {return {isActive: true}}
}
</script><s…
为了前端的深度-webpack热更新
结论 这篇文章就先把结论放在最前面啦，应该有利于阅读体验。 webpack构建的项目，分为server端和client端(也就是浏览器)，项目启动时，双方会保持一个socket连接，用来通话。当webpack监听到文件改动，server向…
Mongoose学习参考文档
前言：本学习参考文档仅供参考，如有问题，师请雅正 ##一、快速通道 ###1.1 名词解释 Schema ： 一种以文件形式存储的数据库模型骨架，不具备数据库的操作能力 Model ： 由Schema发布生成的模型，具有…
Electron - 创建跨平台的桌面客户的应用程序
Electron 框架的前身是 Atom Shell，可以让你写使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序。它是基于io.js 和 Chromium 开源项目，并用于在 Atom 编辑器中。Electron 是开源的，由 GitHub 维护，有一个活跃的…
【Alpha】Scrum Meeting 3
前言 会议定点：新主楼F座2层会议时间：2019/4/5会议目的：确定前后端的进度。一、任务进度 组员上周任务进度下阶段任务大娃对简单的神经网络模型能够生成代码完善核心功能，封装模块二娃记录会议内容，撰写博客维护github…
前端调试-跨域解决方式
chrome使用插件：Allow-Control-Allow-Origin chrome修改配置： windows： 在电脑上新建一个目录，例如：C:\MyChromeDevUserData（可以自定义，但是记住路径）右键Chrome —— 属性…
微信小程序之版本更新日志记录
微信小程序版本更新日志记录
刚才发布了第一篇文章之后，想要重新发布一个体验版，不舍得自己每一次得更新记录，于是就发个文章记录一下自己每一次的更新，就跟那种每次手机系统更新时写在前面的话一样吧，到目前为止&…
网站验收新标准：所有颜色均可以在可视化后台修改
在大部分用户的概念中，定制网站比起比尔云标准化模板建站要高大上，但阅读完本文后，或许你会认识到这是一种不太科学的认识!为什么?请问你的网站上 “这个蓝色需要调整，我觉得浅了一点”，于是乎网络公司的前端调整了cs…
2019年-年终总结
很快啊！一年过去了，对今年的一年做个总结吧，同时也对明年一年做下展望；开始之前先吐槽下自己吧！说好的啃书，没啃说好的写博客，没写说好的视频、论坛小册学习，没学额。。。不忍直视严…
2017.6.29小学期2
这几天跟着老师在myeclipse上敲代码和数据库相连实现从后台到前端网页上呈现出上图的效果。 将无理的状态用几者的联系实现。 将table映射成代码。 泛型：参数化类型。 问题： 在从后台到前端的时候网页上输入数据保存之后出现了如上图的错误：即…
vue 动态style写法 多个
在 Vue 中，你可以使用 v-bind 指令来动态绑定一个 style 对象到元素的 style 属性。例如： <template><div v-bind:style"{ color: activeColor, fontSize: fontSize px }">这是一个动态样式的例子</div>
</template>…
vue 如何监测position:sticky;已经生效和未生效
可以使用 Vue.js 的计算属性来监测 position:sticky 是否生效。 首先，可以通过给元素添加一个 ref 属性来获取元素的 DOM 元素： <template><div ref"sticky">sticky element</div>
</template>然后，可以在…
能不能用html 写一个登录
可以使用 HTML 来创建登录表单。 HTML 提供了一些标签，可以帮助您创建登录表单。例如，您可以使用 <form> 标签来创建表单，使用 <input> 标签来创建输入字段，并使用 <button> 标签来创建提交按钮。 以下是一个简…
SpringMVC的处理流程
核心架构的具体流程步骤如下： 1、 首先用户发送请求——>DispatcherServlet，前端控制器收到请求后自己不进行处理，而是委托给其他的解析器进行处理，作为统一访问点，进行全局的流程控制； 2、 Dispatche…
基于Bootstrap里面的Button dropdown打造自定义select
最近工作非常的忙，在对一个系统进行改版。项目后台是MVC1.0开发的，但是前端部分已经改过几个版本，而已之前的设计师很强大，又做设计又做前端开发。而已很时尚和前沿，使用了一直都很热门的Bootstrap工具包，有…
animate.css 动画
Animate.css | A cross-browser library of CSS animations.
class"animate__bounce"
1. bounce 弹跳 2. flash 闪烁 3. pulse 放大，缩小 4. rubberBand 放大，缩小，弹…
使用vue+element开发一个谷歌浏览器插件
谷歌浏览器插件-二维码生成器 使用vue2element ui开发，参考文章： https://blog.csdn.net/qq_35606400/article/details/123183420
代码地址：https://github.com/changwenxia/chrome-qr-tools
开发过程： 1.将package.json里的mai…
前端关于JSON的一些基础知识
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式，但是也使…
用js实现id.parentId树结构菜单
定义需要处理的数据
var nodes =[{"id": 21,"parentId": 0,"createTime": "2020-02-07T08:29:13.000+00:00","title": "权限","level": 0,"sort": 0,"name": "ums",&qu…
npm ERR! code E403
这是 npm publish 时发生的错误 错误提示:
in most cases, you or one of your dependencies are requesting a package version that is forbidden by your security policy.
错误原因 :
这个账号没有验证邮箱 请先验证邮箱再发布包
React超级简单易懂全面的有关问题回答（面试）
目录
React事件机制：
2、React的事件和普通的HTML有什么不同：
- 事件命名的规则不同，原生事件采用全小写，react事件采用小驼峰
3、React组件中怎么做事件代理？他的原理是什么？
4、React高阶组件、Rend…
js通过下拉列表来实现目录导航
2019独角兽企业重金招聘Python工程师标准>>> 其实很简单，只需用一个onchange()事件，加上options[]集合。 <body> <select size"1" name"select" οnchange"window.location.hrefthis.options[this.selecte…
jquery动态添加不规则表格
项目需要的样子是这样的： 服务数据格式如下： var vecProjects [{strProjectName: web前端,strStage: "前期",strProjectDate: 2017-1-1~2017-10-1,strBudget: "5000",vecEmployee: [{strArea: a,strUserName: 邓**,strTimes: 50,st…
vue3-elementPlus 大合集
elementPlus 的 导入
第一步 安装 也可以直接 cdn 导入 npm install element-plus --save第二步 使用
1 完整引入
任意位置 想使用 直接使用即可 main.js 中 import ElementPlus from element-plusimport element-plus/dist/index.csscreateApp(App).use(ElementPlus)2 手动…
全局 事件总线 mitt vue3 非兄弟组件间通信
全局 事件总线
provide inject 只能用在 嵌套关系中 后代组件(兄弟之间不可)
mitt 任意组件都可
重点!!!
A emitter.emit 必须要在 onMounted 或者 事件 或者定时器 等 异步操作中
B emitter.on 避免重复 必须要在 onUnmounted emitter.off
安装
npm i mittutils/mitt.j…
加密方式---MD5
1 MD5
安装 npm install js-md5
使用 定义 hook
import md5 from js-md5;export const useMd5 data > md5(data)const data {email: loginData.email,pass: useMd5(loginData.pass),
}
qrcodejs2生成二维码
利用 qrcodejs生成二维码
1 安装
npm i qrcodejs2使用
import QRCode from qrcodejs2
import removeBlur from /utils/blurconst QRCodeDom ref()
const input ref()
const size 500
// 点击生成二维码
const handleClick e > {// 清除二维码方法一QRCodeDom.value.i…
directfbrc文件的使用及参数的详细说明
摘要： 本文主要介绍了directfbrc文件的使用及参数的详细说明，在 directfb应用程序启动做初始化阶段，都会去试图读取该文件。 -----------------------------------------------------------------------------------------------------------…
Uncaught (in promise) DOMException: Failed to execute ‘replaceState‘ on ‘History‘: A history state o
这是一个访问路径的错误 简单说 就是你访问的路径不符合 HTTP规范 好好检查一下 一般就是 多了斜杠 或者少了斜杠 多了某个符号 少了某个符号
好好检查一下就能解决的问题
vue html页面运算，保留两位小数
有时候我们需要对各种数值进行保留位数，以便于更好的展示。
Html部分
template中这样使用，需要处理的字段名，再加上过滤器方法
<div><span>合计：</span><span>￥{{totalMoney | numFilter}}…
评论互联网运营期产品评审杂思考理念
评审制度是互联网产品管理的重要手段，评审制度贯穿于产品管理的战略规划、产品设计、技术实现、产品运营、产品营销等各个环节。可以说高效的评审制度是一个公司产品管理能力的重要度量标准。简单列举一下评审制度的一些价值所在： 通过评审制度可以帮助利…
前后端分离跨域问题的解决方案
小结 前端处理(即前端用cros处理跨越，或者前端搭建一个nodejs转发，存在重复建设)nginx处理(最为灵活的方案)后端支持跨越(无法改造其他微服务的接口)docs 前后端分离之后，如何保护你的API前后端分离开发部署模式前后端分离的情况下, 跨域问题…
jquery.validate.js默认配置，jquery.validate.js自定义提示信息
jquery.validate.js默认配置，jquery.validate.js自定义提示信息 配置jQuery.validator默认的处理方法 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>&g…
Hp-TouchPad的消亡
Hp-TouchPad的消亡 在2011年2月10日，惠普正式发布了搭载webOS系统的TouchPad，虽然此时距离苹果新一代的iPad尚有一月才会发布，不过产品迟迟未有供货，一直到苹果的iPad 2大规模上后后，TouchPad依旧沉默，在An…
springboot + logback异步输出日志到logstash
需要maven依赖 <dependency><groupId>net.logstash.logback</groupId><artifactId>logstash-logback-encoder</artifactId><version>4.9</version></dependency>
<appender name"log_stash" class"net.log…
分享一个好用的函数吧，将js中的对象转成url参数
JavaScript&jQuery获取url参数方法这个函数呢是自己在写基于VueElementUI管理后台时用到的,，下面列出来两种使用方式：最普通的，封装一个js函数 /*** 对象转url参数* param {*} data* param {*} isPrefix*/queryParams (data, isPrefix) {…
【Jquery+Express.js】 submit() 方法提交form
前端页面 .html 生成一个动态模块 Modal <div class"modal fade" id"addStaff" tabindex"-1" role"dialog" aria-labelledby"myModalLabel" aria-hidden"true"> <div class"modal-dialog"&…
CSS3中Transform
Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate具体如何实现&…
无头浏览器介绍和对比
无头浏览器广泛用于自动化测试， PhantomJS浏览器官方已停止维护. Playwright 原生支持 Python，而且支持 Google Chrome/Firefox/Safari 三大浏览器 puppeteer是由谷歌的Chrome团队在维护. pyppeteer 是非官方 Python 版本的 Puppeteer 库，浏…
C#关于一个程序，只可以有一种实例的方法
方法一：使用线程互斥变量. 通过定义互斥变量来判断是否已运行实例.把program.cs文件里的Main()函数改为如下代码: 说明:程序中通过语句 System.Threading.Mutex run new System.Threading.Mutex(true, "single_test", out runone);来创建一个互斥体变量r…
高阶篇：7）设计积累：标准和文件
本章目的：明确结构设计积累的目标和流程，这就是一个设计师的经验所在。1.积累在现有设计中预防控制中的体现 1.1 设计和材料标准（内部和外部） • Design and Material standards (internal and external)；这类资料如下…
javascript事件代理---人人网前端笔试题
什么是事件代理？解释下意义和原理 JavaScript使用事件代理 JavaScript事件是所有网页交互性的根基（我指的是真正的互动性，而不仅是那些CSS的下拉菜单）。 在传统的事件处理中，你按照需要为每一个元素添加或者是删除事件…
2015 10月8日 工作计划与执行
1.设置openstack的内部网络，控制网，隧道网，外网。 2.安装openstack 的组件 a.mariedb b.rabbitmq c.安装keystone,apache2,memcache 3.开始进行计费中心的前端项目转载于:https://www.cnblogs.com/yasmi/p/4860421.html
你仅仅是个切图工人，还是前端工程师？
前些年，由于开发人员滥用javascript导致浏览器中出现大量广告一度使得javascript遭受骂名，伴随这Ajax的大量使用、google v8引擎带来的javascript速度飞速提升，以及Html5、nodejs的兴起，javascript在各大开发者社区中炙手可热。we…
js 实现 css风格选择器 （压缩后2KB）
近日在做一些OA前端界面，为了更好管理页面代码想写个js选择器，写着写着发现很费力，索性在网上找找看，功夫不负有心人， 找到一个mini css选择器，且性能不凡：以下代码是压缩后的，仅2KB…
开发中，理解高内聚、低耦合
什么是高内聚、低耦合？ 1、介绍 模块独立性指每个模块只完成系统要求的独立子功能，并且与其他模块的联系最少且接口简单，两个定性的度量标准――耦合性和内聚性。 2、耦合性 （1）定义 耦合性也称块间联系。…
jqGrid动态添加列
$.jgrid.gridUnload("gridList");//核心的代码！先卸载表格！官网提供的接口调用会出现未找到方法的错误、后来查阅了源码发现该方法$("#gridList").dataGrid({url: "/DataManage/WaterReserReport/GetGridJson", postData:…
黄聪：AngularJS最理想开发工具WebStorm
Aug 29, 2013 Tags: angularangular.jsangularjswebstormComments: 23 CommentsAngularJS最理想开发工具WebStorm AngularJS体验式编程系列文章，将介绍如何用angularjs构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此…
聚乳酸改性乳清白蛋白/肌白蛋白/豆清白蛋白/蓖麻蛋白/豌豆白蛋白1b ( PA1b)|蛋白偶联修饰
聚乳酸改性乳清白蛋白/肌白蛋白/豆清白蛋白/蓖麻蛋白/豌豆白蛋白1b ( PA1b)|蛋白偶联修饰
聚乳酸生产是以乳酸为原料，传统的乳酸发酵大多用淀粉质原料，目前美、法、日等国家已开发利用农副产品为原料发酵生产乳酸，进而生产聚乳酸。
聚乳酸&…
制定Exchange Server 2003灾难恢复计划
对于规模小的公司规模小的公司也要求进行灾难恢复，但是要求投入的资金不能太多。一般而言，每个站点只需要一个交换服务器，而且每个站点都需要本地备份到磁带上。使用NTBackup系统或者第三方备份工具进行日常增量备份和差异备份，这…
身为前端开发工程师，你需要了解的搜索引擎优化SEO.
网站url网站创建具有良好描述性、规范、简单的url，有利于用户更方便的记忆和判断网页的内容，也有利于搜索引擎更有效的抓取您的网站。网站设计之初，就应该有合理的url规划。 处理方式：
1.在系统中只使用正常形式url，不…
js_判断当前页面是否有网络和网络连接超时
2018-04-12 方法一：通过navigator.onLine属性判断，返回true为有联网状态，false为断网状态。 1 //方法一
2 if(navigator.onLine) {
3 console.log(联网状态);
4 } else {
5 console.log(断网状态);
6 }; 方法二：通过请求后…
小程序 自定义图片的分享卡片
<canvas class"share_canvas" type"2d" id"myCanvas" ></canvas>
onShow() {let that thisthat.downShareImage()},
/*** * 下载要分享的图片*/downShareImage() {console.log(下载要分享的图片)const that thiswx.downloadFile…
ldap+flask+python2实现统一认证里面的那些编码神坑
首先想吐槽下，直接接手别人的项目，而且是经过四五个人手的项目，是怎么个痛苦。两三套代码django、flask、tornado应有尽有，代码里，掰开手指头就可数的全英文注释，几台服务器没交接清楚，所有的都…
hutool优雅解析URL链接并获取参数
UrlBuilder builder UrlBuilder.ofHttp("www.hutool.cn/aaa/bbb/?a张三&b%e6%9d%8e%e5%9b%9b#frag1", CharsetUtil.CHARSET_UTF_8); // 输出张三
Console.log(builder.getQuery().get("a"));
// 输出李四
Console.log(builder.getQuery().get(&qu…
css知多少（1）——我来问你来答
原文:css知多少（1）——我来问你来答1. 引言 各位前端或者伪前端（比如作者本人）的同志们，css对你们来说不是很陌生。比如我，在几年之前上大学的时候，给外面做网站就用css，而且必须用c…
javascript单元测试之框架推荐
javascript世界的单元测试框架比较多，这里只推荐几个我比较熟悉并认为做得不错的。如果您发现有很好使用的或新的测试框架，请告诉我学习一下：） jsUnit 系统化的解决方案，基于XNuit规范，如果你会使用jUnit、…
教程前言 - 回归宣言
2019独角兽企业重金招聘Python工程师标准>>> 崩溃了，真的崩溃了，看着一个新请的同事，改一个Dialog里面的样式，改了1个星期以上还没完成，每天都需要陪着加班搞，我……我……我抓狂了。 好吧&…
HTML Inspector – 帮助你编写高质量的 HTML 代码
HTML Inspector 是一款代码质量检测工具，帮助你编写更优秀的 HTML 代码。HTML Inspector 使用 JavaScript 编写，运行在浏览器中，是最好的 HTML 代码检测工具。 您可能感兴趣的相关文章Metronic – 赞！Bootstrap 响应式后台管理模板…
怎么从传统的盒子思想转为Flex 布局（css）
前端进化很快，总是有新的技术出来，开始可能有些人用惯了盒子模型的思想 依赖 display属性 position属性 float属性、这三大件。它对于那些特殊布局非常不方便 我们就来看看Flex布局， 2009年，W3C提出了一种新的方案—-Flex布局&a…
jQuery ajax参数后台获取不到的问题
<script type"text/javascript">
init();
var alldate {a : "0",b:"1"};
function init(){url:${ctx}/....., type: "post",data:alldate ,success: function (text) { }
}
</script> 以上的这种…
20180423-20180428 前端知识填坑
Class 的基本语法 JavaScript 语言中，生成实例对象的传统方法是通过构造函数。下面是一个例子。 function Point(x, y) {this.x x;this.y y;
}Point.prototype.toString function () {return ( this.x , this.y );
};var p new Point(1, 2); 上面这种写法跟…
任务十一：移动Web页面布局实践
任务十一：移动Web页面布局实践面向人群：有一定HTML及CSS基础，想要尝试移动开发难度：中重要说明 百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计。我们尽力保证课程内容的质量以及学习难度的合理性…
nodejs之querystring模块
这里主要记下querystring模块的使用方法。 querystring从字面上的意思就是查询字符串，一般是对http请求所带的数据进行解析。querystring模块只提供4个方法，在我看来，这4个方法是相对应的。 这4个方法分别是querystring.parse和querystring.s…
15个前卫的 HTML5 CSS3 网页设计作品
今天，我们编译收集一组使用 HTML5 和 CSS3 制作的精美网站。在此集合中，你可以看到平面设计，网页设计，作品集和企业网站设计实例。 响应式设计和基于 HTML5 & CSS3 编码的网站是为网站制作的理想解决方案。 HTML5 & CSS3 …
error Component name “Login“ should always be multi-word vue/multi-word-component-names
在vue项目中经常出现这个错误，大致意思就是命名不规范
我们可以通过在vue.config.js文件中添加： lintOnSave: false 后重新运行一下即可
const { defineConfig } require(vue/cli-service)
module.exports defineConfig({transpileDependencies: tru…
前端开发学习-网址记录
最近在复习JavaScript知识时遇到以前就不懂的闭包、上下文，虽然比以前理解深了一点，但还是懵，想缓一下。。就去看了其他。。把Git、Grunt、Gulp、jQuery、jQuery UI、React给入门了（React的入门略困难。。） 原本想记录…
手机移动APP安全测试方法、工具和一些容易产生安全问题
0x00 背景随着移动互联的扩张，移动APP承载了更多企业的终端梦。“用户手机安装APP以后，企业即埋下一颗种子，可持续与用户保持联系。” 种子是种下了，可要是它本身就是个[特洛伊***]呢?试想你在某某知名APP平台下载安装一款知名A…
改变数组排序实现轮播图原理
原理示意图 具体思路就是将数组最后一项的位置移到第一项的位置，其余项的位置也向后移。
数组改变代码
//装图片的盒子数组const carouselItems document.getElementsByClassName("carousel-item");//盒子数组长度let length carouselItems.length;//…
Idea 14粘贴不上复制的内容，而是粘贴的上一次复制的内容
2019独角兽企业重金招聘Python工程师标准>>> 偶尔用IDEA 14 的时候会出现在idea外部复制的内容粘贴不上刚才所复制的内容，而是粘贴的上一次复制的内容，以往都是重启idea之后，就可以使用，但是这样太麻烦了，今…
网络六类线的制作全过程（转自炮歌）
网络六类线的制作全过程【炮哥】 六类水晶头的简介六类水晶头不同于传统的超五类水晶头，它由两部分组成：内部的分线件和外壳1.jpg (14.01 KB)2011-4-29 07:14六类水晶头的接线方法a、 将六类UTP电缆套管自端头剥2.jpg (11.37 KB)2011-4-29 07:14b、 将六…
gcov and gpro
Zach Frey 翻译 roland 优化正确的代码要比调试优化的代码容易。 --Yves Deville 可能你不知道gcc工具集中gcov有什么用途，可能你手头的新项目要调整，或者你的用户要求你们发布的软件要有一定的测试覆盖度,你不知道该怎么作。本文将结合GNU工具ÿ…
前端MVVM框架avalon揭秘 - HTML编译器
MVVM试图更加清晰的讲用户界面(UI)开发从应用程序的业务逻辑与行为中心分离，因为，很多这样的模式的实现都需要利用声明式数据绑定来实现讲View(视图)工作从其他层分离 所以出现了一大堆自定义的声明式的语法： 如:Avalon 作用域绑定(ms-contro…
关于页面内所有form元素失效问题
关于页面所有form元素失效问题
图片如下
居中的图片:
跑项目的时候遇到了这样一个问题，页面所有的form元素全部失效，输入框不可输入，下拉框不可下拉。查了很多原因。确定表单上层没有任何遮罩层遮挡。有大神提到微软的removechild的bug问…
用express搭建项目
之前做项目伪造前端返回数据的时候习惯用eclipse新建javaweb项目，用Servlet做数据，现在想学习一下用sublime编辑器开发，用express做数据。把今天的一点搭建经历写下来记录一下。 1.安装node环境 2.新建文件夹 3.在文件夹内执行npm install ex…
Vue实现路由跳转的几种方式
1.this. $router.push( )
跳转到指定的URL，在history栈中添加一个记录，点击后退会返回上一个页面。
1. 不带参数// 字符串this.$router.push(/home)this.$router.push(/home/first)// 对象this.$router.push({path:/home})this.$router.push({ path: /…
前端025_菜单模块_修改功能
菜单模块_修改功能 1、需求分析2、添加查询数据接口3、添加提交修改数据接口4、Api 调用接口回显数据5、提交修改后的数据6、效果1、需求分析
当点击 编辑 按钮后，弹出编辑窗口，并查询出菜单相关信息进行渲染。修改后点击 确定 提交修改后的数据。
2、添加查询数据接口 请求…
![2014 Web design前瞻[翻译]](https://images0.cnblogs.com/blog/132087/201401/01154903-6c135eeb34ff44488b6325882c8c59dc.jpg)
2014 Web design前瞻[翻译]
原文链接：http://www.chinaz.com/design/2009/0811/86311.shtml 作者简介： Collis Taeed，Envato网站创始人。Envato旗下有许多网站，包括教学网站，设计博客，网络相册和设计在线网站，如flashden和…
html+js组织架构图(动态生成)
效果如下: html中加入如下代码: <style type"text/css">
.OrgBox{font-size:12px;padding:5px 5px 5px 5px;clear:left;float:left;text-align:center;position:absolute;
}
.OrgBox div{color:#FFA500;font-weight:800;
}</style>
<script language&…
html和css命名标准以及常用的框架，我使用的是网易nec
前端的工作很细，涉及的东西也很多，静态页面和js开发，调接口之类，有时还要自己设计。现在css管理使用less和sass，新东西起码要支持下，具体用与不用看公司的业务需求。前端人员之间的配合也很重要要有统一的文…
input的onchange 和oninput事件
一个小的功能，也体现了了这几天写程序过程中的遇到的一些常发事件，准备有时间研究一下jQuery和原生js,问题的出现：使用jQuery获取到的节点到底是属于什么，有些事件 居然不能用，就如我今天用到的事件 onchange 和oninpu…
windows程序设计（四）
对话框常用相关消息映射函数： 一、对话框初始化消息： 1、WM_CREATE:通用窗口初始化消息 窗口还未显示出来，只有父窗口，子窗口还没创建 2、WM_INITDIALOG:对话框窗口专用消息 子窗口已经全部创建完成，可以调用和操作子窗…
lVS/haproxy
haproxy 安装配置 1. 下载及安装 wget http://haproxy.1wt.eu/download/1.4/src/haproxy-1.4.21.tar.gz tar zxvf haproxy-1.4.21.tar.gz cd haproxy-1.4.21 make TARGETlinux26 PREFIX/usr/local/haproxy make install PREFIX/usr/local/haproxy 2. 配置 vi /usr/local/hapro…
Silverlight学习笔记（5）——读取宿主web.config
本文将建立一个silverlight项目中读取宿主网站web.config配置文件数据的简单实例，以下是详细步骤： silverlight程序会被下载到客户端去执行，所以没法操作到服务端的配置文件，导致了我们在部署时遇到很多问题，ÿ…
现代IC/LSI工艺PCB封装大全
1、BGA(ball grid array) 球形触点陈列，表面贴装型封装之一。在印刷基板的背面按陈列方式制作出球形凸点用 以 代替引脚，在印刷基板的正面装配LSI 芯片，然后用模压树脂或灌封方法进行密封。也 称为凸 点陈列载体(PAC)。引脚可超过200…
谷歌Chrome插件
谷歌Chrome自推出以来已经从一个简单的浏览器演变成一个复杂的浏览器，这得益于根据浏览器写出的非常有用和强大的扩展。作为一名开发人员，我们关注的是网页设计和开发部分的那些插件对我们有帮助，几个比较熟悉的插件像Firebug Lite和Web Deve…
ajax 提交 注册表单 到MySQL数据库
今天按照要求，要做一个登陆、注册表单，本来样式做好就行了，本来咱就是干前端的，但让咱自己都没想到的是，不到一个小时竟然都干完了，实在闲的蛋疼，就想到链接数据库玩，遥想当年&#…
![[转]10个顶级的CSS UI开源框架](http://static.codeceo.com/images/2014/09/museui.jpg)
[转]10个顶级的CSS UI开源框架
随着CSS3和HTML5的流行，我们的WEB页面不仅需要更人性化的设计理念，而且需要更酷的页面特效和用户体验。作为开发者，我们需要了解一些宝贵的CSS UI开源框架资源，它们可以帮助我们更快更好地实现一些现代化的界面，包括一…
【转】高性能前端4-Appcache Facts 中译版
转载地址：http://www.alloyteam.com/2012/10/appcache-facts/ 感谢原作者！ Application cache 是 HTML5 中在规范完整性上比较糟糕的特性之一，规范上的不到位导致浏览器厂商在实现上也存在些许差异，而产生本文档的目的即让开发者们…
示波器基本原理之三：存储深度
[整理自Keysight官网资料] 1. 示波器采集存储器的重要性 采集存储器是示波器的重要组成部分。在简易的示波器中，采集存储器是由一个负责采集模拟信号的前端组成；随后将这个信号发送到模数转换器进行数字化处理。在数字化之后，信号的信息会被储…
python开发Day11(前端)
前端（html、css、js组成） html标签：<!DOCTYPE html> #定义这个页面是什么html规则解释(w3c标准模式) <head><meta namekeywords conntent"关键字,关键字2"> #网页关键字<meta namedescription" content…
‘set-ExecutionPolicy‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。
1. 点击“开始”菜单搜索找到 Windows PowerShell ISE并以管理员身份运行
2. 输入 set-ExecutionPolicy RemoteSigned 回车
3. 输入 A 回车（选择全是）
4. 再输入get-ExecutionPolicy,回车 出现RemoteSigned 即为成功
Ajax请求url拼接多个参数写法
get
字符串拼接
url: "" URL "/system/ops/setoff?dc"dc"&sysId"sysId"&paw"paw
模板字符串
url: /system/ops/content/setoff?contentIds${contentIds}&removeReason${value}&contentType${contentType}
po…
React中useState的setState方法请求了好多次
1、问题描述 最近在写react的时候碰到了一个很奇怪的问题。 可以看到那个getXXX()的方法一直不断的被调用，网页一直请求，根本停不下来了。 2、产生原因 要弄明白这个原因，首先要先了解一下react生命周期。 react是组件式的编程，一…
![[]H5、React Native、Native应用对比分析](http://vczero.github.io/react_native/imgs/book.png)
[]H5、React Native、Native应用对比分析
目录(?)[-] 一React Native的出现二3款应用效果三工程方案四对比分析开发方式性能 体验更新 维护开发方式性能 体验更新 维护五综合开发方式性能 体验更新 维护王利华，vczero “存 在即合理”。凡是存在的，都是合乎规律的。任何新事物的产生总要的它的道…
axios (偏向Vue) 和fetch (偏向React) 的封装 包括nodejs后端代码
axios
定义一个 axios.js 文件 配置请求拦截器和响应拦截器以及默认服务器基础地址。
axios.js 文件
import axios from axios
//配置基础服务器地址
axios.defaults.baseURL http://127.0.0.1:3000/
axios.interceptors.request.use(config > {return config;
}, error…
echarts地图阴影效果
效果图： 主要代码：
option.geo.itemStyle: { normal: {areaColor: #0e1c47,borderWidth: 1,//设置外层边框borderColor:#1e9ce7,//shadowColor: #fff,shadowColor: #ccc,shadowBlur: 15,opacity:0.8}}
完整代码： const sactterMapOpt {tit…
再谈session--session的domain属性
session的domain属性标识了该session属于哪一个域名站点；如果我们在php配置文件中不对这个进行配置，默认情况下它就是整个的域名值。例如你的域名为aa。bb.cc.com 那么如果你做任何地设置，你在辅助工具里面看到该页面的seesion domain值便是a…
html页面文字不能复制 用 user-select:none；
现象：html中可能有些地方不想让用户复制文字
解决方案：不同的浏览器设置的内容不一样，user-select不是一个W3C的标准，浏览器的支持不完成，需要对不同的浏览器进行调整。
body 中添加
body{
-moz-user-select:none;…
三分钟教会你开密码箱
简介 这是我和我表哥亲身经历的一件事情，我们两个一起买了两个密码箱。密码箱可以重新设置密码，我把我的密码箱设置一个密码。他把他的密码箱设置一个密码，没过20分钟，他忘记了。我们找到卖密码箱的店主想让他帮忙打开，…
org.springframework.web.HttpMediaTypeNotSupportedException: Content type ‘text/plain；charset=UTF-8‘
在做spring boot项目时用Apifox进行json调用测试时出现以上错误： 这表达的意思是说上下文的类型格式不对，后台要求为json格式，而上传的是text/plain格式。所以将调用路径的header加上参数名 Content-Type，参数值为application/jso…
Electron安装报错解决办法
Electron安装报错解决办法
Error: Electron failed to install correctly, please delete node_modules/electron and try installing again
删除node_modules
安装全局yarn: npm install yarn -g
安装项目依赖： yarn install
安装electron： yarn i…
IE8开发人员工具使用详解下(浏览器模式、文本模式、JavaScript调试、探查器)...
在上一篇文章IE8“开发人员工具”使用详解上(各级菜单详解) 中，我们详细地讲解了IE8开发人员工具中各个菜单中命令的使用方法，相信很多朋友应该已经使用上了。而IE8开发人员工具更强劲的功能例如：如何测试版本兼容性、如何利用开发人员工具调…
关于在smarty中实现省市区三级联动
刚开始接触php，，其实对于一些比较深入的东西还不是很了解，就像是这次的省市区联动，都是用三张表为基础编码的，原谅我的无知，谢谢。 接下来就是编码部分了： <?php
require(./smarty/Smarty.c…
软工实践Beta冲刺(1/7)
队名：起床一起肝活队 组长博客：博客链接 作业博客：班级博客本次作业的链接 组员情况 组员1（队长）：白晨曦 过去两天完成了哪些任务描述： 1.界面的修改与完善 展示GitHub当日代码/文档签入记录: 暂…
发送 email （转）
<?phpnamespace app\common\controller;//基类class Email{ /* Public Variables */ var $smtp_port; var $time_out; var $host_name; var $log_file; var $relay_host; var $debug; var $auth; var $user; var $pass; var $sock; /* Constractor */ function smtp($relay…
vue项目中echarts自适应问题高级解决方案
一、问题描述
1.1 页面布局
项目首页中有多个echarts图表，如下图所示： 页面布局如下： index页面（绿框）是父页面，父页面中包含A页面（红框）和B页面（橙框）&…
SequoiaDB的优势特性探秘
去年，项目中引入了MongoDB，它给我带来了巨大的便利，之前从没听说过SequoiaDB。直到上个月（2015/01）OSC在长沙搞活动，OSC永和问我知不知道巨杉数据库，说是国产的NoSQL数据库，可以看成…
vant中的Cascader 级联选择异步加载地区数据
背景：使用vant的Cascader 级联选择异步加载地区数据需求：因为全国地区数据太多，如果要一次加载出来，再显示页面会比较慢。所以通过接口点击获取当前的数据需要注意的点 后台接口在返回数据时，如果有下一级的数据&#…
Hybrid APP 开发（六）：JSSDK
拖稿了好久的「Hybrid APP开发系列」又更新了~ 今天继续写JSSDK为什么会有JSSDK我之前文章介绍了通过 JSBridge 实现页面和NA的相互调用，并且介绍了模板本地包的开发和后台维护系统。今天介绍的是JSSDK，通过 JSSDK 可以实现：抹平JSBridge的平…
wx.config invalid signature 终极版
#前提: 绑定了安全域名,微信 JS 接口签名校验工具通过,appid配置无误,url一字不落,还是验签失败 笔者被微信 invalid signature 坑得不掺,最终发现栽在了获取ticket的接口上,获取ticket时把typewx_card改为jsapi就通过了. http请求方式: GEThttps://api.weixin.qq.com/cgi-bin/…
JavaScript Math对象和date对象的应用，定时器与延时器的应用，以及如何制作动态时钟
Math 对象中常用的方法
Math.random() 方法
创建一个介于0~1之间的随机数，不包括1。 常用于创建两个数之间的随机数。
语法
Math.random()*(b1-a) a实例
// 输出1~10之间的随机整数
console.log(parseInt(Math.random()*(101-1)1));Math.round() 方法
四舍五…
flask调试代码更改、模板更改后立即生效
1、app.DEBUGTrue时，代码更改后立即生效 2、APP.jinja_env.auto_reload True时，模板修改后立即生效，无需重启 参考：https://stackoverflow.com/questions/9508667/reload-flask-app-when-template-file-changes
转前端开发中常用工具函数总结
1、时间格式化等方法 推荐使用 moment.js 的库文件 3、模板、循环、MAP等方法使用 underscode.js 的方法 4、表单序列化成JSON $.fn.serializeJson function() {var serializeObj {};var array this.serializeArray();var str this.serialize();$(array).each(function() …
span标签之间的空隙如何解决
问题
在html页面中，两个相邻的span元素之间经常会出现一个间隙
原因
这个空隙就是空格，原因是我们两个span元素书写时换行了，比如
<span>aaa</span>
<span>bbb</span>解决
1.将两个span标签写在同一行
<spa…
swiper组件的onSlideChangeStart失效
原因
版本改版，onSlideChangeStart方法不能用，支持3.0版本 参考https://3.swiper.com.cn/api/callbacks/2014/1217/92.html
修改
改用on{slideChange}，参考：https://www.swiper.com.cn/api/parameters/351.html
js报错- cannot set property xxx of undefined
case1
报错代码
quizList[index] currentQuiz;
quizList[index].learningItem item;报错内容
Cannot read properties of undefined (reading learningItem)报错原因
currentQuiz对象有可能是undefined，如果再给undefined对象quizList[index]动态添加属性lear…
CSS设置checkbox/radio样式
CSS设置checkbox/radio样式
使用背景图修改样式 注意：借用label来实现input功能及样式
Html：
<input class"checkbox-square" type"checkbox" id"word" />
<label for"word"> </label>
//…
前端性能优化：使用Data URI代替图片SRC
日期：2013-7-6 来源：GBin1.com 提升页面大小的效率，不仅仅是取决于使用精灵或是压缩代码，给定页面的请求数量在前端性能中也占有了很不小的重量。减少请求可以让你的网站加载更快，而其中一种减少页面请求的方法就是用…
高德地图 INVALID_USER_SCODE 10008 错误
引入高德地图报 INVALID_USER_SCODE 10008 错误 可以把高德的安全密钥加上我的应用 | 高德控制台 (amap.com)https://console.amap.com/dev/key/app
在html头部 代码里加上这段代码就行 加上之后应该就好使了 <script type"text/javascript">window._AMapSec…
屌丝男初中丰富的工作实践反击
Advertisement 这个不是炫耀。是赤裸裸的卖广告。本人是广工topview团队的一员。今年topview团队暑假找实习的战绩是3个腾讯，2个阿里，2个金山(未完待续，说不定还有UC等其它公司)。各位广工大一师弟师妹假设对topview团队有兴趣的能够联系我哦…
(前端)html与css，html 2、文档DTD标签与html标签
一、文档DTD标签 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> DTD:Doctype definition 文档类型定义，定义我们这个HTML文件使用的是哪一个版本的html规范。 HTML规范是我们书写HTML要遵循的规范，规定了我们使用的标签&…
如何使用一个不错的图表组件WebChart(免费)
http://www.carlosag.net/Tools/WebChart/Default.aspx转贴自：http://www.cnblogs.com/surprise转载于:https://www.cnblogs.com/miaomiaoga/archive/2004/11/17/64966.html
web前端笔试题（二）
1、页面导入样式时，使用link,import，有什么区别？ Link 属于 html 标签，而import 是 CSS 中提供的在页面加载的时候，link 会同时被加载，而import 引用的 CSS 会在页面加载完成后才会加载引用的 CSSimport 只…
BigDecimal保留两位小数，或指定精确的位数
public static void main(String[] args) {BigDecimal t1 new BigDecimal("3.15289");BigDecimal t2 new BigDecimal("-3.11289");// 新的t1值，并初始化BigDecimal newt1 BigDecimal.ZERO;// 新的t2值，并初始化BigDecimal newt…
【Django】 视图层说明
【Django视图层】 视图层的主要工作是衔接HTTP请求，Python程序和HTML模板，使他们能够有机互相合作从模型层lou到数据并且反馈。说到视图层的工作就有以下几个方面要说 ■ URL映射 对于一般的，通过django.conf.urls.url设置url路径…
TypeScript中联合类型赋值null/undefined
联合类型（Union Types）表示取值可以为多种类型中的一种。
简单的例子
let myFavoriteNumber: string | number;
myFavoriteNumber seven;
myFavoriteNumber 7;
let myFavoriteNumber: string | number;
myFavoriteNumber true;// index.ts(2,1): er…
Vite2+Cesium的集成
Vite和Cesium
Vite是vue作者尤雨溪在开发vue3.0时开发的一个基于原生ES-Module的前端构建工具，其本人灾后来对vue3的宣传中对自己的新作品Vite赞不绝口。从速度上来说，vite确实比webpack要快，这也是webpack本身热更新的一个缺陷，…
squid代理服务器的部署
目录
一、squid代理服务器的概述
1、代理服务器的工作机制
2、squid的代理类型
二、部署squid代理器
1、编译安装squid
2、修改squid的配置文件
3、squid的运行控制
4、创建squid的运行脚本
三、构建传统代理服务器
1、环境搭建
2、编译安装squid，并修改…
JavaScript面试考点-new操作符
JavaScript中new操作符是通过构造函数来创建一个实例对象。
而使用new的方式创建一个实例对象，经历了四个步骤：
创建一个空的对象将新对象的对象原型，指向构造函数的原型对象即__proto__ f.prototypethis指向返回对象
具体实习一个new的过…
JavaScript基本类型之处理大数-BigInt
JavaScript的基本类型为：
BooleanNullUndefinedNumberBigIntStringSymbolObject
其中BigInt是JavaScript于2019.7.22正式公布，并成为第八个基本数据类型。
BigInt数据类型出现的目的是为了支持比Number数据类型支持的范围更大的整数值。使整数溢出不再…
Typescript中动态为对象赋值
过去给JavaScript的对象赋值，形式为：
let test {};
obj.prop 123; 但是在TypeScript中，这会产生一个错误：
类型“ {}”的值不存在属性“ prop 对于TypeScript来说有严格的类型检测，想要给其中的对象赋值ÿ…
单页面滚动式网站模版开发
在线演示1 本地下载 jQuery是当今最流行的JS框架，利用jquery我们可以开发出很多高效的demo和成果。与此同时jquery相关的插件也可以很方便的完成一些特效，例如jquery scrollTo插件，可以方便的完成滑动到指定位置操作。记住由于jquery scroll…
JavaScript面试考点-==与===判断
最近在准备面试，复习过程中想起之前字节面试的一道非常有意思，并且知识点比较全面细节的一道题，面试官当时问的是 [] !([]) 应该返回什么，被问的有点傻，后面面试官提示了自己下面又看了以后理解，把这个有趣…
Vite2+TypeScript中设置全局路径@以及按需加载antdv
1.安装必要vite插件 yarn add vite-plugin-style-import -D
or
npm i vite-plugin-style-import -D
2.在vite.config.ts中进行配置
import { defineConfig } from "vite"
import vue from "vitejs/plugin-vue"
import cesium from "vite-plugin-c…
echarts:点击地图跳转到指定页面
给chart添加click监听。
initEchartMap() {let mapDiv document.getElementById(china_map);let myChart this.$echarts.init(mapDiv);myChart.setOption(this.options);myChart.on(click,function(args){console.log(args.data);if(args.data.name湖北){location.href htt…
css：overlay使滚动条不占据位置
原始代码：
overflow-x: auto;
原始效果：
滚动条占了高度，位于表格的下方。 改动后的代码：
overflow-x: overlay;
滚动条叠加在表格之上，不过因为滚动条没有设置透明度，所以会遮挡住数据，我…
JavaScript：如何求一个数组的最大值和最小值？
var min Math.min.apply(Math, array);
var max Math.max.apply(Math, array);
echarts:x轴文字竖排显示
xAxis: {type: category,data: [宜城, 襄城, 樊城, 襄州, 高新区],axisLabel:{formatter: function(value) {return value.split().join(\n)},}},
效果图：
web前端性能优化-http请求分析工具
经过短期的调研，发现不少工具可以做web性能分析工具： 大体如下： 客户端工具或者插件： Fiddler、 FireBug、 HttpWatch、 HttpAnalyzer、 AolPageTest、 Visual Roundtrip Microsoft Net Monitor、IBM Page Detailer 在线分析网站…
javascript中的三角函数和反三角函数
http://www.aetalk.cn/expressions2009/geometry/inverse_functions.html转载于:https://www.cnblogs.com/sking7/archive/2011/10/15/2212880.html
HTML5网站大观：分享8个精美的 HTML5 网站案例
本期的 HTML5 网站大观与大家分享 8 个精美的 HTML5 网站作品。HTML5 是现在Web开发领域的热点，越来越多的开发人员开始使用 HTML5 来开发交互性强、效果出众的Web应用和游戏。希望这些 HTML5 网站案例能帮助大家更好的学习 HTML5 网站制作。 Worry Free Labs Fore …
Stored Procedure 里的 WITH RECOMPILE 到底是干麻的？
原文:Stored Procedure 里的 WITH RECOMPILE 到底是干麻的？在 SQL Server 创建或修改「存储过程(stored procedure)」时，可加上 WITH RECOMPILE 选项，但多数文档或书籍都写得语焉不详，或只解释为「每次执行此存储过程时࿰…
亿级Web系统的高容错性实践
背景介绍大概三年前，我在腾讯负责的活动运营系统，因为业务流量规模的数倍增长，系统出现了各种各样的异常，当时，作为开发的我，7*24小时地没日没夜处理告警，周末和凌晨也经常上线，疲于…
弹出框一点elements就消失，如何查看弹出框的elements状态--CTRL+SHIFT+C
弹出框一点elements就消失，如何查看弹出框的elements状态--CTRLSHIFTC
UIkit – 轻量级前端框架，帮助你快速构建 Web 界面
UIKit 是一个轻量级，模块化的前端框架，用于构建快速和强大的 Web 界面。UIKit 为您提供了 HTML，CSS 和 JavaScirpt 组件，使用简单，容易定制和扩展。UIKit 基于 LESS 开发的结构良好，可扩展的，易…
MVC - 快速开发一个项目的模块构成
MVC - 快速开发一个项目的模块构成 K.Common：一般不用引用 存放一些常用操作，如常用操作、加密解密、获取appkey、枚举类型、过滤字符、序列化对象、获取插入session、正则判断、常量 K.Data.Core：一般不用引用 存放IRepository和Repository、…
elementui 下拉框为true触发函数
visible-change"changeValue1($event)"changeValue1: function(callback) {//只有回调参数为true时才触发 this.getIPLists()这个函数;if (callback true) {this.getIPLists()}},
【干货】一文详解前端布局
目录 一、🔴自适应布局常见的自适应布局技术： 二、🟡响应式布局常见的响应式布局技术包括： 三、🟢详细介绍1、百分比布局2、flex弹性布局举例：实现垂直居中效果举例：实现平均分布两端对齐不换行…
基于索引的SQL语句优化之降龙十八掌
基于索引的SQL语句优化之降龙十八掌 1 前言... 2<?xml:namespace prefix o ns "urn:schemas-microsoft-com:office:office" />2 总纲... 23 降龙十八掌... 3第一掌 避免对列的操作... 3第二掌 避免不必要的类型转换... 4第三掌 增加查询的范围限…
运用帝国CMS建站仿站的简单教程（初学者进）
帝国CMS是一款管理网站的软件系统，主要就是将网站生成模板（核心操作为创建变量和模板并调用）并通过该系统在网站上发布新信息，它具有许多的功能，细节方面也有很多，这里就不一一展示了，主要就是简…
AJAX的URL域名地址
JavaScript在发送AJAX请求时,URL的域名地址是使用绝对地址还是相对地址？
绝对地址或相对地址都可以；不同服务器请求, 本地环境访问线上接口存在跨域的问题；使用绝对地址，如果是外部域名涉及到跨域，就需要使用jsonp才行…
echarts：如何通过鼠标滚轮缩放数据？
直接在option下设置dataZoom即可，把鼠标放到折线图里，然后再滚动，才可以缩放数据。 最终效果：
电子商务社区关系营销的七种武器
我今天看了一个淘宝和有啊的对比评测报告，我印象深刻的记录下来的几点是：有啊比淘宝差在人气、商品种类和虚拟类商品价格上。其他都不差。而这并不算硬伤，因为有啊才刚开，而淘宝已经开了N年，而且宣传费用投入无数。百度…
小程序云开发入门——问卷测评小程序实战（6）
设置tabbar实现多页面
1.app.json里添加tabBar组件 "tabBar": {"color": "#8a8a8a","selectedColor": "#ffb965","list": [{"pagePath": "pages/xiti/xiti","text": "首页&q…
记前端项目首屏加载优化(打包篇)
记前端项目首屏加载优化（打包篇） 看了一下我司官网的webpack打包出来的大小情况，发现有很多可以优化的点，比如 lodash、moment.js、antd等等； 本文主要围绕webpack的打包优化，并根据业务情况适当的做减法。…
jQuery+ajax 发布评论
ajax 练习 发布评论，同时用到了bootstrap HTML文件
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name&quo…
jquery加载数据时显示loading加载动画特效
插件下载：http://www.htmleaf.com/jQuery/Layout-Interface/201505061788.html 插件使用： 使用该loading加载插件首先要引入jQuery和waitMe.js和waitMe.css文件。 <link rel"stylesheet" href"css/waitMe.css">
<script sr…
携程2018春招实习前端开发笔试题分享
携程春招实习的最后三道编程题，照例总结一下 第一道：字符串截取（涉及数组去重的知识点） 给定一个长度小于 50 且包含字母和数字的任意字符串，要求按顺序取出当中的数字和英文字母，数字需要去重，…
学习 ES6，一篇文章就够了
新特性 let、const let 定义的变量不会被变量提升，const 定义的常量不能被修改，let 和 const 都是块级作用域 ES6前，js 是没有块级作用域 {} 的概念的。（有函数作用域、全局作用域、eval作用域） ES6后，let …
页面滚动到一定位置时才显示在指定位置上的元素的jquery代码
当前可视窗口的顶部到页面的顶部高度可视页面的高度>元素的绝对高度元素自身高度时，显示当前元素。 页面滚动到一定位置时才显示在指定位置上的元素！ 将$(".timeline.animated .timeline-row")换成指定的选择器即可！ (function(…
chrome 隐藏技能之 base64 图片转换
有时候我们要转换图片为base64，或者将base64转回图片，可能都需要找一些在线工具或者软件类型的工具才行。当然 chrome 也算是软件，但是好在做前端的都有 chrome。好了，来看下简单的例子，我随便截了个桌面背景当例子。分…
vue3 语法糖获取axios返回值,vue3语法和vue2语法区别
typescript怎么定义全局的函数
。
第一步，双击打开HBuilderX编辑工具，新建TypeScript文件并定义类Apple，定义三个变量a、b、c，a是具体的数据类型，而b和c是可变的，如下图所示：第二步࿰…
ASP.NET MVC3 读书笔记三(数据注解Dataannotation和验证)
验证在表单数据来说起到非常重要的作用，一般我们的处理是通过js来进行前端的验证，对于重要的数据还进行相应的后端数据验证；如果觉得验证是令人望而生畏的繁琐的事情，那么值得高兴的是ASP.NET MVC框架可以帮助处理这些琐事&#x…
3. 数据结构与算法——优先级队列
数据结构与算法——优先级队列 <!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>Title</title>
</head>
<body>
<script>// 封装优先级队列function PriorityQueue() {var ite…
6. webpack 性能优化总结
webpack性能优化
开发环境性能优化生产环境性能优化
开发环境性能优化
优化打包构建速度 HMR 优化代码调试 source-map
生产环境性能优化
优化打包构建速度 oneOfbabel缓存多进程打包externalsdll 优化代码运行的性能 缓存(hash-chunkhash-contenthash)tree shakingcode …
好程序员HTML5大前端分享学Web前端开发有哪些要求
互联网的迅速普及无疑便利了我们的生活，各种编程语言也是俘获了各类编程工作者的芳心。Web前端就是其中之一。前端工程师一度成为大家仰慕的高薪阶层。零基础入行着实有些许不便，，那么，有同学提问web前端开发有什么硬性要求吗&…
php 模拟get和post提交方法[解决ajax跨域问题]
get: $url "http://www.111cn.net /index.php?ab&cd&ef&g" . urlencode(王璐个人博客);
$ch curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); // 要求结果为字符串且输出到屏幕上
curl_setopt($…
大学智慧课堂系统整理
目录
一、题目类型选择器(非组件库)
1.1、效果展示
1.2、代码展示
二、题目类型选择器(Vant组件库)
2.1、效果展示
2.2、代码展示 一、题目类型选择器(非组件库) 使用vue2：在methods里区分单个点击和多个点击，在view视图区分判断题和选择题。
如下…
【uview 】 版本 version“: “1.8.4 倒计时 ， u-count-down
https://v1.uviewui.com/components/countDown.html 官方地址
<u-count-down :timestamp"5" end"timeup"></u-count-down>// 倒计时结束
timeup(){// toast 能弹出来uni.showToast({title: 时间到});// 用 console.log(时间到)，不…
css：如何做一个圆环？
1、div里面再放一个div
<div class"title-icon-chart"><div class"inner"></div></div>
2、外层的div设置为圆形，并且设置它内部的元素垂直和水平都居中，小圆的半径设置为大圆的一半，这样比较…
Echarts折线图交点呈现为圆点加圆环的效果实现
series中的symbolSize设置圆点大小，itemStyle中的color设置圆点颜色，外圆环使用边框属性实现即borderWidth、borderColor：
option {tooltip: {trigger: axis},xAxis: {type: category,data: [Mon, Tue, Wed, Thu, Fri, Sat, Sun]},yAxis: {…
Django之上传文件
Django之上传文件 最简单的文件上传方式： 后端代码： def f1(request):if request.method "GET":return render(request,"f1.html")else:import osprint(request.FILES) #这里是文件的数据 request.POST 是取文本的数据fil…
20 黑马旅游网案例----学习笔记
1.技术选型 (1)Web层 a)Servlet：前端控制器 b)html：视图 c)Filter：过滤器 d)BeanUtils：数据封装 e)Jackson：json序列化工具 (2)Service层 f)Javamail：java发送邮件工具 g)Redis：nosql内存数据库…
使用.ashx文件处理IHttpHandler实现发送文本及二进制数据的方法
使用.ashx文件处理IHttpHandler实现发送文本及二进制数据的方法 最近在做我们单位的内部一个系统，使用了类似于Asp.Net 2.0里面的Theme（主题）的功能。此功能的核心是一个动态的CSS定义，根据用户选择的不同主题内容来发送不同的CSS…
前端开发调试之代理配置
前端开发往往需要在本地调试环境和线上环境之间灵活切换，以将要调试的一个页面为例，页面引用了如下的静态资源，要想在本地开发调试下面引入的js代码，最直接的方法是在把引入的资源路径改成本地调试路径，并起一个本地服…
关于 '0' === 0 浅析
首先，先来科普一下，Javascript的数据类型(六种)： 1、数值（number）：整数和小数（比如1和3.14） 2、字符串（string）：字符组成的文本（比如”…
Drupal的开发流程和传统的区别
传统流程：1、设计师做图并切割页面。2、HTML程序员制作静态页面。3、前端程序员加上JS特效等。4、后端程序员加上PHP代码。但用这种方法开发Drupal网站，效率和效果都是非常差的。1、Drupal的默认主题就是一个非常优秀的CSS框架，不需要修改一行…
JsFu0k批量探测JS存在的敏感关键字
这是一个演示
GitHub地址：https://github.com/jumppppp/go/tree/master/htools/jsfu0k 输出窗口
输出的详细文件 以上演示的是全字匹配
这个自动化工具模仿人工在一个网页内进行寻找js中敏感信息
流程： 填写配置（输入批量域名࿰…
关于dao层的封装和前端分页的结合（文章有点长，耐心点哦）
任何一个封装讲究的是，实用，多状态。Action：任何一个Action继承分页有关参数类PageManage，自然考虑的到分页效果，我们必须定义下几个分页的参数。并根据这个参数进行查值。然后在继承ServiceManage，Service…
前端数组下 对象的数字的和
this.projectshareamountthis.dataList.reduce(function(total,item){
console.log(item.oldprojectshareamount);return Number(item.oldprojectshareamount) Number(total)
},0)
使用avalon实现用户分组管理的介绍
2019独角兽企业重金招聘Python工程师标准>>> 在我的应用中，有一块消息处理的功能，它可以按组给相应的人发送消息。为了方便使用，増加了自定义分组的功能，用户可以自行将人员分为不同的组。目前分组只支持一级ÿ…
Silverlight同步(Synchronous)调用WCF服务(转)
Silverlight的RIA应用中访问远端的WebService或WCF服务，都是通过异步线程模式调用的。在某些情况下我们的调用是需要同步进行，虽然Silverlight没有内置同步线程模式调用远端服务接口，但是我们可以通过多线程的处理来伪装出同步调用的实现。在…
前端开发必须知道的JS（一） 原型和继承
原型和闭包是Js语言的难点，此文主要讲原型及原型实现的继承，在（二）中会讲下闭包，希望对大家有所帮助。若有疑问或不正之处，欢迎提出指正和讨论。 一. 原型与构造函数 Js所有的函数都有一个prototype属性&am…
Checkbox设置为只读
Checkbox设置为只读： 就是不能让用户手动改变界面选框的值，只能查看。 平常对于界面文本用的最多的只读设置是： readonly“true” 但是这个在checkbox上却不能使用。 分享一个checkbox设置为只读的简单小方法：就是给它加上onclick…
echarts:面积图按照数值标记颜色
网友求助，要做如下echarts图，分析一下，这是一个基础面积图，然后超过30就标红，低于10就标黄，中间10-30的markarea区域是浅灰色，难点在于标黄的区域，它在折线上边，如果在折…
threejs：流光效果封装
在网上看到的这种流光效果，在某宝买了源码后，决定把这个效果封装成js文件，以后用起来就很方便了。 flyCurve.js文件代码如下：
import * as THREE from three
var uniforms {u_time: { value: 0.0 }};
var clock new THREE.Cloc…
threejs：如何获得几何体的boundingBox？
如果我们直接打印boundingBox（如下图），得到的结果将会是null，需要先计算，然后再打印。 正确的做法： 同理，Geometry的很多属性，也都是要先计算后取值。
Three.js中文文档
echarts：把水球图放到地图上
B站看到这张图，很想学习一下，给up发了私信，可是截止到现在还没有回复，我打算自己先动手研究一下，也是一个学习知识的好机会。 实现思路：
刚开始的思路是，底图是3D地图，然后上面放水…
echart：设置图表边距
我们指定了chart的宽和高后，发现图标上方有空白，并且下方也显示不完整，也是被空白遮挡住了。 <div id"chart1" style" width:100%; height:200px;"></div> 使用gird属性来设置上下左右边距。 // 设置上下左右…
echarts：map3D如何设置不同的symbol
上篇文章我们处理了map3D散点图的点击问题，发现只有一个散点的时候，点击会失效，把所有数据放在一个散点图里就可以了，那么新的问题又来了，所有数据都放一块了，该如何根据数据设置不同的symbol，这…
【CSS3】CSS3新特性——新增选择器
▊ 属性选择器
根据属性进行选择。
E[attr]选择具有arrt属性的E元素E[attr"val"]选择具有arrt属性且属性值等于val的E元素E[attr^"val"]选择具有arrt属性、且属性值以val开头的E元素E[attr$"val"]选择具有arrt属性、且属性值以val结尾的E元素E…
【HTML】HTML5新特性
▊ 什么是HTML5？
之前学习的HTML基础其实是XHTML——一种增强了的HTML，具有扩展性
而HTML5是HTML的第五次重大修改，是趋势，也是必然
广义的HTML5是指 HTML5本身 CSS3 JavaScript ▊ HTML5语义化标签
之前的布局基本使用div&…
Vue组件和Vue脚手架
文章目录🚏 一、Vue组件化编程 components🚬 传统方式编写应用🚬 组件式编写应用🚬 组件的概念🚬 组件的作用🚀 1、非单文件组件🚬 组件的定义🚬 组件的注意事项🚬 组件的…
004SpringBoot-web开发 整合MVC
目录
导入静态资源
1.如何自定义： 寻找自定义资源的配置 2.什么是 webjars 方式一 知道，
3.获取静态资源路径 总结：
首页和图标定制
首页 图标
404页面
拦截器
1.实现 HandlerInterceptor
2.注册bean
MVC配置原理
配置自己…
Page.ClientScript.RegisterStartupScript的多次使用
RegisterStartupScript返回得函数在document装载完成后会执行， 类似于我们平时所说的body οnlοad"f()"里面的函数；RegisterStartupScript是这样定义的： public void RegisterStartupScript(Type type, string key, string script…
selenium：WEB自动化测试工具（开源）---笔记
selenium：WEB自动化测试工具（开源）
WEB自动化测试工具selenium录制器使用笔记
🐖 selenium官网上有非常多的学习资料，可以直接学习。 selenium官网网址
selenium本身是一个库，可以支持Python，…
建库3个范式 软件项目开发周期
需求分析阶段：分析客户的业务和数据处理需求; 概要设计阶段：设计数据库的E-R模型图，确认需求信息的正确和完整; 详细设计阶段：将E-R图转换为多张表，进行逻辑设计并应用数据库设计的三大范式进行审核; 代码编写阶段&…
exchange OWA 用户自行更改密码
exchange OWA 用户自行更改密码 以前在做实验的过程中总结和写的一些教程的一些资料，一直没时间发布到博客上面，五一到了，终于有点时间发布啦！关于Linux上面还会有RHCE系列的学习笔记发表 1． 安装证书服务：…
【Beta】Scrum Meeting 4
前言 会议定点：新主楼F座教室会议时间：2019/5/7会议目的：汇报前后端成果一、任务进度 组员上周任务进度下阶段任务大娃完善新增层的代码正确生成新增层模型的代码二娃维护github项目，会议博客会议博客，交接进度三娃组织…
自己编写JQuery扩展分页插件
背景
公司分页插件用到了kkpager https://github.com/pgkk/kkpager 缺点：不是绑定Dom节点的初始化方式，单页面只能使用一个分页插件，假如一个页面有多个分页需求就不行了，前端给出来的解决方案是复制多份，假如有100…
20款美化网站的 jQuery Lightbox 灯箱插件
jQuery Lightbox 灯箱插件可以让你为您的网站和应用程序展示优雅的图像，视频 和其它内容（使用模式窗口）。如果你是一个开发人员，你必须拥有 jQuery 灯箱插件集合，因为有一部分的客户会要求他们的网站看起来更有吸引力和…
求超大文件上传方案( SpringMVC )
对于大文件的处理，无论是用户端还是服务端，如果一次性进行读取发送、接收都是不可取，很容易导致内存问题。所以对于大文件上传，采用切块分段上传，从上传的效率来看，利用多线程并发上传能够达到最大效率。 本…
求超大文件上传方案( vue )
前言：因自己负责的项目(jetty内嵌启动的SpringMvc)中需要实现文件上传，而自己对java文件上传这一块未接触过，且对 Http 协议较模糊，故这次采用渐进的方式来学习文件上传的原理与实践。该博客重在实践。 一. Http协议原理简介 HTT…
【HTML】The first day——骨架与标签
▉ Web标准
Web标准构成：结构（Structure），表现（Presentation），行为（Behavior）
可以理解为人的身体，人的着装，人的行为动作
分别对应HTML&#…
echarts：在vue中使用渐变色
1、线性渐变
1.1、垂直方向的渐变
以柱形图为例，如果设置柱子垂直方向渐变，只需要设置x0,y1即可，本案例从下往上颜色从蓝色变为红色，如果想要颜色从上往下渐变，改变offset的值即可，比如将下面的offset改为…
JavaScript：利用a标签生成excel文件
<template><a-button type"primary" click"tableToExcel">导出excel</a-button>
</template>
<script>export default {data() {return {spcDatas:[[上公差：13.7,下公差：13.1,标准值：13.4…
ant design vue:tree select根据层级设置不可选
官网的案例，直接从数据生产tree，这种方法固然简单，但是我这个需求要根据tree的层级来设置是否可选，所以需要进一步设置每一个层次的node。
<a-tree-selectv-model"value"style"width: 100%":dropdown-sty…
ant design vue:a-select使用v-model后无法选择的解决方法
<a-select show-search option-filter-prop"children" :filter-option"filterOption" :options"options" v-model"model.pid" change"handleChange"></a-select>
刚开始我用了v-model"model.pid"&am…
vue:使用settimeout获取接口数据
按照先从接口获取数据然后生成图表的思路，在data里给图表需要的数据一个初始值，然后在mounted里面按照先后顺序调用了获取数据和初始化图表的方法。 但是执行后发现，initMap永远获取到的是data里stations的初始值，而不是getGasSta…
ECharts学习(持续更新中)
一、Echarts介绍 1.特点:丰富的可视化类型，折线图，柱状图，饼图，K线图 多种数据格式支持，key-value数据格式，二维表，TypedArray格式 流数据的支持，流数据的动态渲染，增量渲…
vue2使用pinia.js的详细教程，踩坑解决方法
后续：
不好用，建议别用，刷新页面数据就没有了，而且也不能在监听刷新时用localStorage保存下来，因为监听到时数据是没有的。如果有解决方法请告诉我。
正文：
pinia成为正式的vue状态库，pinia就…
element el-table 前端搜索 filter
效果： 实际上，这种功能不限于应用在el-table，单纯用个div for循环也是没问题的。
一、 优劣分析
优势： 能解决搜索功能对源数据污染的问题。 我们都知道，搜索功能可以用另一种功能实现-> 一个数组存源数据&#x…
JavaScript大文件(百M以上)的上传下载实现技术
最近遇见一个需要上传超大大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。
在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等…
wangEditor增加自定义工具栏暨百度编辑器上传WORD文档并保留源格式自动填充到编辑框
在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题，于是各种网上扒拉，终于找到解决方案，在这里感谢一下知乎中众大神以及TheViper。
通过知乎提供的思路找到粘贴的原理，通过TheViper找到粘贴图片的方法。
其原理为一下…
jsp大文件(百M以上)的上传下载实现技术
这里只写后端的代码，基本的思想就是，前端将文件分片，然后每次访问上传接口的时候，向后端传入参数：当前为第几块文件，和分片总数
下面直接贴代码吧，一些难懂的我大部分都加上注释了：…
![[JavaScript] 初中级Javascript程序员必修学习目录](http://www.xinran001.com/bbs/images/smilies/default/lol.gif)
[JavaScript] 初中级Javascript程序员必修学习目录
很多人总感觉javascript无法入门，笔者在这里写一下自己的学习过程，以及个人认 为的最佳看书过程，只要各位能按照本人所说步骤走下去，不用很长时间，坚持 个3个月，你的js层级会提高一个档次，无他&…
怎么实现web端上传超大文件,分片上传
javaweb上传文件
上传文件的jsp中的部分
上传文件同样可以使用form表单向后端发请求，也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id"postForm" action"${pageContext.request.contextPath}/UploadServlet" method&q…
怎么实现web端上传超大文件,秒传
一、 功能性需求与非功能性需求
要求操作便利，一次选择多个文件和文件夹进行上传； 支持PC端全平台操作系统，Windows,Linux,Mac
支持文件和文件夹的批量下载，断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。
支持文件…
windows程序员进阶系列：《软件调试》之Win32堆
win32堆及内部结构 Windows在创建一个新的进程时会为该进程创建第一个堆，被称为进程的默认堆。默认堆的句柄会被保存在进程环境块_PEB的ProcessHeap字段中。 要获得_PEB的地址，可以通过$peb伪寄存器来获得,dt _PEB $peb。也可以通过.process获得。 如上图…
web文件夹上传下载方案
一、 功能性需求与非功能性需求
要求操作便利，一次选择多个文件和文件夹进行上传； 支持PC端全平台操作系统，Windows,Linux,Mac
支持文件和文件夹的批量下载，断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。
支持文件…
java支持断点续传文件上传和下载组件
一、 功能性需求与非功能性需求
要求操作便利，一次选择多个文件和文件夹进行上传； 支持PC端全平台操作系统，Windows,Linux,Mac
支持文件和文件夹的批量下载，断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。
支持文件…
B/S结构下上传下载大文件(1G以上)的解决方案
需求：项目要支持大文件上传功能，经过讨论，初步将文件上传大小控制在500M内，因此自己需要在项目中进行文件上传部分的调整和配置，自己将大小都以501M来进行限制。 第一步：
前端修改
由于项目使用的是BJUI前…
如何检测当前浏览器的类型及版本
1 <!DOCTYPE HTML>2 <html>3 <head>4 <meta charset"utf-8">5 <title>判断浏览器类型及版本</title>6 <meta name"Keywords" content"">7 <meta name"author" content"my_programm…
Web应用程序性能优化学习笔记
1、 使用瀑布图初步诊断网站性能瓶颈 一般来说，打开一个网页的速度会受到以下几项的影响： 1） 服务器花了太长的时间将.aspx页面的内容转化为html。 2） .aspx页面花了太长的时间从服务器端将内容发送到客户端。 3） 页面…
axios判断请求超时进行处理以及axios封装方法
axios判断请求超时进行处理
在response拦截器的error里进行判断请求超时进行处理
error > {console.log("拦截器error",error);//网络超时异常处理if(error.code ECONNABORTED || error.message "Network Error" || error.message.includes(&quo…
el-tooltip悬浮框显示内容 自定义
<el-tooltip class"item" effect"light" placement"top-start"><div slot"content" style"dispaly:flex;max-width:15rem;">这里是悬浮显示的内容,可以用div/span等各种形式展示</div>这里是触发悬浮的容…
js 移动端h5 调起呼叫
试过好多种，这种是最合适的，点击复制时不会带上//前缀，也可以直接呼叫 根据浏览器不同而有所不同， 比如微信浏览器，点击时，会弹出复制、呼叫， 安卓自带浏览器，会直接跳转到拨号页面 …
CSS3常用背景样式
一、CSS3常用背景样式 1.background-color:设置元素的背景颜色 --rgb（0~255,0~255,0~255）、16进制、rgba(0~255,0~255,0~255，0~1)、预设颜色 2.background-image：把图像设置为背景 --url（“位置”）…
CSS3样式表的导入方法
CSS有四种导入样式的方法，下面将一一列举：
1.行内样式 行内样式就是把css样式直接写在HTML标签中 示例： <p style"color:red;">使用css来改变网页的样式</p> 缺点：页面不干净，网页加载体积较大…
uni-app 移动端app无法显示本地图片
不能将本地图片放在assets文件夹，要放在static下
这么写：
<image :src"require(/static/img/change.png)"></image>测试过了，这么写，h5、小程序、app都能显示
容器化分布式日志组件ExceptionLess的Angular前端UI
写在前面 随着微服务架构的流行，日志也需要由专门的分布式日志组件来完成这个工作，我们项目使用的是 ExceptionLess 这个组件，它是前后端分离的；这篇文章我们就来实践容器化 ExceptionLess 的前端，并为其包含一个 ngin…
零基础想转行从事Python？需要掌握如下技能
零基础python能找到工作吗？需要掌握哪些技能？对于大部分零基础学编程半路出家的人来说，无非是想改变现状换一门新职业，所谓技术大牛不过是比小白们更早接触编程罢了，选择好自己有兴趣的职业技能，并为之学习…
TypeScript基础教程（笔记+应用快速上手）
什么是 TypeScript？ TypeScript 是一种由微软开发的自由和开源的编程语言，它是JavaScript的一个超集，扩展了JavaScript的语法。 它不是JavaScript的替代品，也不会为JavaScript代码添加任何新功能。相反，TypeScript允许…
前端工程化 | vue3+ts+jsx+sass+eslint+prettier 配置化全流程
起因：
前端开发是一个工程化的流程。 包括持续集成、持续部署。
我认为集成 的第一方面就是开发，在前端项目开发中，需要保证代码格式规范的统一、代码质量、提交的规划。而这些要求需要通过各种插件来保证规范化和流程化开发。 如何配置这…
html和CSS基础学习（十六）
框架集
（1）infream的集合，用来引入多个页面。在html中使用frameset创建一个框架集，但是不能喝body标签一起使用，只能用来引入不能有自己的格式。
<!DOCTYPE html>
<html> <head> <metacharset…
JavaScript基于时间的动画算法
转自：https://segmentfault.com/a/1190000002416071 前言 前段时间无聊或有聊地做了几个移动端的HTML5游戏。放在不同的移动端平台上进行测试后有了诡异的发现，有些手机的动画会“快”一点，有些手机的动画会“慢”一点，有些慢得还…
前端大文件上传如何做断点续传
1 背景
用户本地有一份txt或者csv文件，无论是从业务数据库导出、还是其他途径获取，当需要使用蚂蚁的大数据分析工具进行数据加工、挖掘和共创应用的时候，首先要将本地文件上传至ODPS，普通的小文件通过浏览器上传至服务器…
Z-Blog支持pdf上传
由于工作需要必须将word文档内容粘贴到编辑器中使用
但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容，如果上传到服务器后其他人也访问不了，网上找了很多编辑器发现没有一个能直接解决这个问题
考虑到自己除了工作其他时间基本上不使用window…
用css实现视差效果
某个月黑风高的夜晚，前端小白菜收到一个任务：做一张像王者荣耀登录界面一样的图片。 对面的猪八戒也太讨厌了！ --沉迷游戏两小时以后，小白菜如是说到。 回到正题，让我们先上效果图，当当当：是不是…
Z-Blog支持ppt自动上传
tinymce是很优秀的一款富文本编辑器，可以去官网下载。https://www.tiny.cloud
这里分享的是它官网的一个收费插件powerpaste的旧版本源码，但也不影响功能使用。
umeditor粘贴word图片
以vue为例说明：
将tinymce下载后放到static目录下&am…
Z-Blog支持ppt一键上传
项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的
编辑器，tinymce 不需要后端配合 只需要把最终编辑完的富文本传给后端就好 很简单…
js实现函数的call方法(非es6)
call方法
这个问题当初刚学js的时候就很困扰，fn.call(this,a,b,…) 如果不用es6的解构方法，this后面的参数到底是如何传递给另外一个函数作为多个参数呢，今天回看红宝书突然回想起了这个问题，也找到了答案，不多说直接…
富文本编辑器实现网页图片自动上传
图片的复制无非有两种方法，一种是图片直接上传到服务器，另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例： 打开umeditor.js，找到UM.plugins[autoupload]，然后找到autoUpl…
JAVA WEB项目大文件上传下载代码
我们平时经常做的是上传文件，上传文件夹与上传文件类似，但也有一些不同之处，这次做了上传文件夹就记录下以备后用。
这次项目的需求：
支持大文件的上传和续传，要求续传支持所有浏览器，包括ie6,ie7,ie8,ie…
需求-java web 能够实现整个文件夹的上传下载吗?
1 背景
用户本地有一份txt或者csv文件，无论是从业务数据库导出、还是其他途径获取，当需要使用蚂蚁的大数据分析工具进行数据加工、挖掘和共创应用的时候，首先要将本地文件上传至ODPS，普通的小文件通过浏览器上传至服务器…
web前端:上传文件夹(需支持多浏览器)
javaweb上传文件
上传文件的jsp中的部分
上传文件同样可以使用form表单向后端发请求，也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id"postForm" action"${pageContext.request.contextPath}/UploadServlet" method&q…
Z-Blog支持ppt导入
由于工作需要必须将word文档内容粘贴到编辑器中使用
但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容，如果上传到服务器后其他人也访问不了，网上找了很多编辑器发现没有一个能直接解决这个问题
考虑到自己除了工作其他时间基本上不使用window…
Z-Blog支持ppt粘贴
tinymce是很优秀的一款富文本编辑器，可以去官网下载。https://www.tiny.cloud
这里分享的是它官网的一个收费插件powerpaste的旧版本源码，但也不影响功能使用。
umeditor粘贴word图片
以vue为例说明：
将tinymce下载后放到static目录下&am…
开发中可能会用到的几个 jQuery 小提示和技巧
今天，我们将分享一些很有用的技巧和窍门给 jQuery 开发人员。jQuery 是最好的 JavaScript 库之一，用于简化动画，事件处理，支持 Ajax 和 HTML 的客户端脚本。网络中有大量的 jQuery 插件，有助于在短时间内通过简单容易的…
JAVA WEB项目大文件上传下载控件
javaweb上传文件
上传文件的jsp中的部分
上传文件同样可以使用form表单向后端发请求，也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id"postForm" action"${pageContext.request.contextPath}/UploadServlet" method&q…
Z-Blog支持Word自动上传
项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的
编辑器，tinymce 不需要后端配合 只需要把最终编辑完的富文本传给后端就好 很简单…
java文件分片上传,断点续传
最近遇见一个需要上传超大大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。
在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等…
JAVA WEB项目大文件上传下载组件
最近遇见一个需要上传百兆大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。
在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等…
java实现文件的断点续传
需求：项目要支持大文件上传功能，经过讨论，初步将文件上传大小控制在500M内，因此自己需要在项目中进行文件上传部分的调整和配置，自己将大小都以501M来进行限制。 第一步：
前端修改
由于项目使用的是BJUI前…
ASP.NET 前端大文件上传
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult uploadProject(IFormFile file, st…
Z-Blog支持pdf自动导入
tinymce是很优秀的一款富文本编辑器，可以去官网下载。https://www.tiny.cloud
这里分享的是它官网的一个收费插件powerpaste的旧版本源码，但也不影响功能使用。
umeditor粘贴word图片
以vue为例说明：
将tinymce下载后放到static目录下&am…
Z-Blog支持pdf一键导入
项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的
编辑器，tinymce 不需要后端配合 只需要把最终编辑完的富文本传给后端就好 很简单…
springmvc web 大文件上传源代码
最近遇见一个需要上传超大大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。
在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等…
springboot web 大文件上传源代码
前言：因自己负责的项目(jetty内嵌启动的SpringMvc)中需要实现文件上传，而自己对java文件上传这一块未接触过，且对 Http 协议较模糊，故这次采用渐进的方式来学习文件上传的原理与实践。该博客重在实践。 一. Http协议原理简介 HTT…
Git GitHub学习笔记
1 版本控制
1.1 版本控制工具应该具备的功能
协同修改（多人并行不悖的修改服务器端的同一个文件）数据备份（不仅保存目录和文件的当前状态，还能保存每一个提交过的历史状态）版本管理（在保存每一个版本的…
移动前端开发不得不了解的html5 head 头标签
文章转载自：http://www.reqianduan.com/855.html 本文主要内容来自一丝的常用的 HTML 头部标签和百度FEX的HTML head 头标签。
移动端的工作已经越来越成为前端工作的重要内容，除了平常的项目开发，HTML 头部标签功能，特别是meta标…
cookie 和 httpSession
1.认识Cookie对象与HttpSession
1.概念
Cookie对象与HttpSession对象是维护客户端浏览器与服务端的会话状态的两个对象。由于HTTP协议是一个无状态的协议，所以服务端并不会记录当前客户端浏览器的访问状态，但是在有些时候我们是需要服务端能够记录客户…
PHP校验日期格式是否合法
在后端开发中，我们常常需要校验前端传入参数的合法性，如果是校验日期参数，我们可以通过下面的方法来校验: /*** 校验日期格式是否合法* param string $date* param array $formats* return bool*/
function isDateValid($date, $formats arr…
关于EventLoop
1. JavaScript是单线程的语言
JavaScript是一门单线程执行的编程语言。也就是说，同一时间只能做一件事。
单线程执行任务队列的问题：
如果前一个任务非常耗时，则后续的任务就不得不一直等待，从而导致程序假死的问题
2. 同步任…
echarts奇葩的个性化需求（一）真心想打人（建议收藏，避免采坑) 实现 echarts 插件中 柱状图label中显示每个柱状图的值占总值（所有柱状图值）的百分比
如何实现如上图的echarts图表，代码如下：
echarts option对象中series[]中设置label的数据展示格式，利用formatter自定义一个数据处理函数，首先通过遍历option.series[0].data也就是我们的y轴上显示的数据，计算出所有的…
Vue3源码学习 -- 1、搭建源码调试环境
Vue3源码学习 -- 1、搭建源码调试环境前言克隆源码安装依赖打包起服务调试前言
一说起源码，初入前端的同学可能都一阵头大。一开始我也是一样，觉得学源码有啥用啊，我只要知道在哪个生命周期调接口，会用相关的api不就行了。如果你…
前端基础 - CSS3新特性
前端基础 - CSS3新特性转换（transform）平移旋转缩放倾斜过渡 (transition)动画 (animation)转换（transform）
平移
2D:transform:translate(X,Y) 3D:transform:translate(X,Y,Z)
旋转
缩放
倾斜
过渡 (transition)
transiti…
前端基础 - ES6新特性
前端基础 ES6新特性箭头函数什么是箭头函数，箭头函数有什么特性this指向promiselet const解构赋值延申操作符函数默认值对象属性简易赋值类 class模块化 import/export模板字符串Map SetSymbol BigInt箭头函数
什么是箭头函数，箭头函数有什么特性
箭头…
JavaScript基础 var let const的区别
JavaScript基础 var let const的区别var let const的区别varletconst使用const let的优点为什么会变量提升什么是暂存死区var let const的区别
var
var声明的变量是具有函数作用域var声明的变量会提升（提升是指变量的声明会被拿到函数或者全局作用域的顶部&#x…
如何将asp.net的后台cs代码移动到页面上
在做项目时，我们一般会将aspx文件和其后台cs文件分开，然后将后台的cs文件编译成dll发布到生产环境中。如果我们的项目规定是每周1发布一次，现在发布后第二天客户在其中某个页面发现一个Bug导致业务无法正常处理，这个时候我们的项目…
to facebook前端bug修复：Freemarker 进行字符串截取
当字符串长度大于某一个值时，进行截取，使用下面的方式：thing.title?length gt 33
<#if thing.title?length gt 33> ${thing.title?substring(0,30)}… <#else> ${thing.title!} </#if> 当然，也可以对thing.…
Z-Blog支持Word上传
由于工作需要必须将word文档内容粘贴到编辑器中使用
但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容，如果上传到服务器后其他人也访问不了，网上找了很多编辑器发现没有一个能直接解决这个问题
考虑到自己除了工作其他时间基本上不使用window…
内网 大文件分片上传处理
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult uploadProject(IFormFile file, st…
b/s 大文件分片上传处理
对于大文件的处理，无论是用户端还是服务端，如果一次性进行读取发送、接收都是不可取，很容易导致内存问题。所以对于大文件上传，采用切块分段上传，从上传的效率来看，利用多线程并发上传能够达到最大效率。 本…
vue大文件上传插件
我们平时经常做的是上传文件，上传文件夹与上传文件类似，但也有一些不同之处，这次做了上传文件夹就记录下以备后用。
这次项目的需求：
支持大文件的上传和续传，要求续传支持所有浏览器，包括ie6,ie7,ie8,ie…
Z-Blog支持Word导入
tinymce是很优秀的一款富文本编辑器，可以去官网下载。https://www.tiny.cloud
这里分享的是它官网的一个收费插件powerpaste的旧版本源码，但也不影响功能使用。
http://blog.ncmem.com/wordpress/2019/08/07/umeditor%E7%B2%98%E8%B4%B4word%E5%9B%BE%…
Z-Blog支持PowerPoint上传
项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的
编辑器，tinymce 不需要后端配合 只需要把最终编辑完的富文本传给后端就好 很简单…
超大文件上传一种方案
需求：
支持大文件批量上传（20G）和下载，同时需要保证上传期间用户电脑不出现卡死等体验；
内网百兆网络上传速度为12MB/S
服务器内存占用低
支持文件夹上传，文件夹中的文件数量达到1万个以上，…
前端如何通过js判断浏览器的类型（忽略版本）web html css javascript
每个页面浏览器会实例出一个window对象，在window对象下有一个属性navigator，navigator本身是一个对象，navigator对象上有一个属性userAgent里面包含了当前浏览器的信息； console.log(window.navigator.userAgent) 会在控制台打印出…
php大文件上传如何做断点续传
一、 功能性需求与非功能性需求
要求操作便利，一次选择多个文件和文件夹进行上传； 支持PC端全平台操作系统，Windows,Linux,Mac
支持文件和文件夹的批量下载，断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。
支持文件…
Z-Blog编辑器支持ppt自动导入
项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的
编辑器，tinymce 不需要后端配合 只需要把最终编辑完的富文本传给后端就好 很简单…
史上最全的浏览器 CSS JS Hack 手册
浏览器渲染页面的方式各不相同，甚至同一浏览器的不同版本（“杰出代表”是 IE）也有差异。因此，浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册，那查询起来就方便多了。这篇文章就向大家分享 Browse…
Z-Blog支持PowerPoint一键粘贴
由于工作需要必须将word文档内容粘贴到编辑器中使用
但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容，如果上传到服务器后其他人也访问不了，网上找了很多编辑器发现没有一个能直接解决这个问题
考虑到自己除了工作其他时间基本上不使用window…
Z-Blog支持Word内容自动上传
tinymce是很优秀的一款富文本编辑器，可以去官网下载。https://www.tiny.cloud
这里分享的是它官网的一个收费插件powerpaste的旧版本源码，但也不影响功能使用。
http://blog.ncmem.com/wordpress/2019/08/07/umeditor%E7%B2%98%E8%B4%B4word%E5%9B%BE%…
传统网站开发Node实战 --3.添加用户功能和编辑用户的实现
添加用户和修改用户共用一个模板，只是根据请求参数的不同，来渲染不同的数据 添加用户
为用户列表页面的新增用户按钮添加链接添加一个对应的路由，在路由处理函数中渲染新增用户模板为新增用户表单指定请求地址、请求方式，微表单添…
00-使用原生JavaScript完成一个简易留言板
效果如下： 完整代码如下：
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport&quo…
12. 1 补充：关于 babel-plugin-transform-remove-console 插件
这个插件的作用是在项目发布上线阶段，去掉我们在开发阶段时进行测试的console.log（） 1. 关于使用
找到项目的babel.config.js，加入一句代码： 但是，如果只是加入这么一句话，其实无论是在项目的开…
Vue实战之 1. 项目概述
1. 电商项目基本业务概述
根据不同的应用场景，电商系统一般都提供了PC端、移动APP、移动Web、微信小程序等多种终端访问方式。 2. 电商后台管理系统的功能
电商后台管理系统用于管理用户账号、商品分类、商品信息、订单、数据统计等业务功能。 3.电商后台管理系统…
爬虫技术-cookie反爬讲解
COOkIE反爬虫 1 cookie反爬简介 Cookie 反爬虫指的是服务器端通过校验请求头中的 Cookie 值来区分正常用户和爬虫程序的手段，这种手段被广泛应用在 Web 应用中。 1.1 cookie加密原理 2 cookie逆向实践 2.1 逆向目标 地址：http://www.zjmazhang.gov.cn/hd…
vue wangEditor插入变量,并且按下backspace键完整删除变量
html 代码 <div class"layout-left-content"><div style"border: 1px solid #ccc;user-select: none;" ><Toolbarstyle"border-bottom: 1px solid #ccc":editor"editor":default-config"toolbarConfig":mode…
让您的虚拟桌面飞起来!
今天我们使用的台式机，笔记本一般至少都使用5400 转的硬盘，一般可以达到90 个IOPS左右,对于绝大多数用户来说，这样的性能已经足够了。（如果你是一个图形设计，开发人员，这样的磁盘指标可能会成为您的性能瓶颈…
前端程序猿搞笑小故事
程序员，又被叫做程序猿，攻城师，码农。是一群专注于敲代码，想通过代码改变世界的一帮有理想有志向的人。 《桃花庵–程序员版》
写字楼里写字间，写字间中程序员； 程序人员写程序，又将程序换酒钱…
第十五次ScrumMeeting博客
时间：12.5 地点：3公寓7楼 开会时间：20分钟 工作情况 成员已完成的工作计划完成的工作工作中遇到的困难刘亚洲协作开发，完善文档李煦通#83 题库前端逻辑实现石奇川#78 题库前端开发王嘉睿爵协作开发，题库资料收集审核刘…
Mac 前端开发帮助手册 -- mac新手专用，老司机可以绕道了(~_~)
1.node中文网 http://nodejs.cn/download/ 2.Homebrew $ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" mac自带ruby,有时候会出现404的错误，应该是网不好的原因，多试几次就好了 3.git 利…
适用于 Windows VM 的 Azure 示例基础结构演练
本文是更广泛系列的一部分，当你在 Azure 中构建应用程序基础结构时，这些系列向你提供设计注意事项和准则。 用户可以查看系列中的其他主题。 尽管用户可以在 Azure 中快速地构建出开发/测试环境，但在实现生产就绪、高度可用且安全的环境时&am…
Alpha 事后诸葛亮（团队）
Alpha 事后诸葛亮（团队） 标签（空格分隔）： 软工实践 作业的传送门 设想和目标 1.我们的软件要解决什么问题？是否定义得很清楚？是否对典型用户和典型场景有清晰的描述？ acm队员个人训练…
Vue.js组件的重要选项
Vue.js组件的重要选项 实例化Vue对象一些很重要的选项，Vue的所有数据都是放在data里面的，Vue的参数是个对象，对象里面的字段叫做data，data里面也是对象，data也可以写作是this.a,this.b来取到数据 2：methods…
除了时间戳，后端返回时间，前端的处理
如果后端获取的时间是data.results[i].time； var aanew Date(data.results[i].time);var ddaa.toLocaleString(); 用ES6的语法${dd}; 这样显示的就是正常的客户端时间了， 还有别的多种方式，主要看需求需要的是哪种格式的时间 都是以.to开头的…
centos 前端环境搭建
Node.js 安装 wget 下载安装 yum -y install gcc make gcc-c openssl-devel wget node v6.11.0 下载 wget https://nodejs.org/dist/v6.11.0/node-v6.11.0.tar.gzwget https://npm.taobao.org/mirrors/node/v6.11.0/node-v6.11.0.tar.gz nodejs portal 解压编译安装 tar -zvxf …
js--Dom Bom操作
– 基础 – 内置对象 ● String对象：处理所有的字符串操作 ● Math对象：处理所有的数学运算 ● Date对象：处理日期和时间的存储、转化和表达 ● Array对象：提供一个数组的模型、存储大量有序的数据 ● Event对象…
Web学习之TypeScript
文章目录一. TypeScript是什么二. TypeScript配置三. 变量声明四. 解构五. 函数六. 类Class七. 模块Module八. 总结九. 学习资料一. TypeScript是什么
TypeScript是JavaScript类型的超集，扩展了 JavaScript 的语法；TypeScript 设计目标是开发大型应用&a…
VUE前端使用exceljs导出table以及echart图 生成excel文件
最近项目新增一个需求：导出部分列表数据(较少)以及生成的echart图放到一个excel文件中，全部需要在前端完成 exceljs 文档地址
1、安装
//安装
npm install file-saver --save //保存文件使用
npm install exceljs --save
2、引入
//组件中引…
vue 前端下载模板信息
后端返回文件流 前端进行下载 记得请求接口一定要加一个 responseType: blob
export function ImportTemplateDownload() {return request({url: /export/download/template,method: get,responseType: blob})
} console.log(返回要下载的文件, res)try {let url window.UR…
观察者模式之：一个游戏设想
版权问题先说明白，我本人的原创想法，本人将自己想法公开和各位分享，无侵权问题，免去各位的后顾之忧。 这是一个被公司束之高阁的建议，公司未曾考虑这个idea的可行之处。不过我还是认真思考了这个的可行之处与不可行之处…
前端ACE加密和解密
下载依赖
yarn add crypto-js
在vue中使用
import CryptoJS from crypto-js
export default {data () {return {strKey: CryptoJS.enc.Utf8.parse("SKYWORTH"), //十六位十六进制数作为密钥iv: CryptoJS.enc.Utf8.parse(IDS), //十六位十六进制数作为密…
前端面试题CSS-盒子模型
三种盒子模型
1.标准盒子模型
css对应的属性：box-sizing：content-box
设置的元素大小是内容的大小，不是盒子的大小
盒子的大小 content padding border margin 2.IE盒子模型（怪异盒子模型 ）
css对应的属性&am…
前端面试题CSS-两盒子水平垂直居中
让子盒子在父盒子里水平垂直居中
只要回答一个就好了
1.定位
父盒子设置：
position：relative；
子盒子-已知宽高：
position：absolute；top：50%；left：50%；mar…
项目详解4—haproxy 反向代理负载均衡
一、企业服务架构图及负载均衡的要求 1、场景说明 在企业生产环境中，每天会有很多的需求变更，比如增加服务器、新业务上线、url路由修改、域名配置等等，对于前端负载均衡设备来说，容易维护，复杂度低，是首选…
scrapy解析与数据库
Scrapy功能学习 1 scrapy数据提取 Scrapy 还提供了自己的数据提取方法，即 Selector(选择器)。Selector 是基于 lxml 来构建的，支持 XPath 选择器、CSS 选择器以及正则表达式，功能全面，解析速度和准确度非常高 1.1. 直接使用 Selec…
【转】console.log 用法
标签： 转自http://www.cnblogs.com/ctriphire/p/4116207.html 大家都有用过各种类型的浏览器，每种浏览器都有自己的特色，本人拙见，在我用过的浏览器当中，我是最喜欢Chrome的，因为它对于调试脚本及前端 设计…
JavaScript实现鼠标拖拽围绕圆心转动
鼠标拖动时旋转(多个节点以同一点旋转) 鼠标拖动时旋转 音量旋钮 圆盘菜单 转载于:https://www.cnblogs.com/macliu/p/6078642.html
【转载】【grunt整合版】30分钟学会使用grunt打包前端代码
【grunt整合版】30分钟学会使用grunt打包前端代码 grunt 是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：① 压缩文件② 合并文件③ 简单语法检查 对于其他用法，我还不太清楚，我们这里简单介绍下grunt的压…
让产品有效迭代，前端A/B Testing的简单实现
A/B Testing简介 互联网产品的迭代速度很快，往往一周一小发布，一月一大发布，产品提出的种种需求，哪些改动是提升产品体验的，哪些是阻碍产品进步的，如果没有数据可以参考，仅仅是靠拍脑袋的话&…
DIV+CSS 自适应布局
两栏布局，左边定宽200px，右边自适应。如何实现？我的第一个反应就是：用flex伸缩盒呀，然后balabala...说完之后，面试官说，还有没有别的方法？flex有些浏览器不支持嗯...我愣了一下&…
Nodejs WEB开发常用库和框架
我在Nodejs的体系里也算泡了很久了,的确非常喜欢javascript和Nodejs. 在我看来,用nodejs做web开发有以下几个优点: Javascript作为一个语法异常简单的脚本语言,约束较少,开发效率比较高.Nodejs在设计时就考虑了依赖管理,有一个成熟的npm机制,在使用过程中很少遇到版本问题.Java…
RSA AES 前端JS与后台JAVA的加密解密的是实现
AES CryptoJS 前提是编码方式,key,vi中设置一样,就可以进行跨语言加密解密 <link rel"stylesheet" href"<%basePath %>/css/login.css"><script src"<%basePath %>jslib/jquery-1.8.3.js" type"text/javascript"…
javascript二进制文件处理方案
众所周知，javascript是不支持二进制文件和数据的。传统的做法，是把二进制文件转成字符，然后在浏览器里，通过某些技巧把对应字符串换成数字，然后做其它处理（传统方法会在后面讲到）。这种处理方式…
整理WEB前端面试可能会遇到的问题
1.css的选择器有哪些？ a.内联(style“”) b.id选择器（id“”） c.类/伪类/属性选择器（class，first-child,nth-child等） d.元素/为元素选择器(p,span等) 2. 清除浮动的方法有哪些 a、使用空标签清除浮动。 …
C#之WebApi权限认证_学习笔记1
自己并不懂，在此先记录下来，留待以后学习... 正文 前言：最近，讨论到数据库安全的问题，于是就引出了WebApi服务没有加任何验证的问题。也就是说，任何人只要知道了接口的url，都能够模拟http请求去…
LightGallery.js – 功能齐全的 Javascript Lightbox
Lightgallery是一个轻量级的模块化、响应式的灯箱画廊，它允许您创建美丽的图像和视频画廊。借助缩略图插件的帮助，Lightgallery 允许您创建缩略图画廊。它支持触摸屏设备上滑动导航以及桌面设备的鼠标拖动，还允许用户浏览缩略图和原图之间通过…
前端学数据库之多表操作
前面的话 上一篇博文中介绍了子查询的相关内容，最后我们将查询结果存储到一个新的数据表中。下面我们将接着子查询的案例，详细介绍数据库中的多表操作 准备工作 在上一篇博文，我们将详细数据存储到tdb_goods数据表中，将详细数据中…
一个令人兴奋的项目设想，dylansongs！
突然想在业余时间想做一个在linux/macOS shell下运行的鲍勃迪伦歌词与音乐数据库程序！主要功能是检索和显示Dylan歌曲的歌词和不同版本的和弦编配。计划用Shell脚本来做前端程序，定义一个文本的和弦编配格式规范，通过git来在世界范围内协作维…
nodejs个人博客系统
说明：本人目前还是一名C#程程序，在公司干过一年的前端(ps切图,htmlcss,js)，二年的后台C#(b/s,c/s)的开发。因为想转型所以学习了nodejs这门感觉非常棒的一门语言。于是写了一个个人博客来练一下手。 预览地址：http://120.24.81.38…
消息队列RabbitMQ基础知识详解
一: 什么是MQ？ MQ全称为Message Queue, 消息队列（MQ）是一种应用程序对应用程序或者模块对模块的通信方法。MQ是消费-生产者模型的一个典型的代表，一端往消息队列中不断写入消息，而另一端则可以读取队列中的消息。 常见…
lucene 4.0学习
一：官方文件 http://lucene.apache.org/core/4_0_0/ ps：网上参考文章：http://www.cnblogs.com/xing901022/p/3933675.html 二：jar包 （1）lucene-core-4.0.0.jar （2）lucene-analyzers-…
前端开发者进阶之函数反柯里化unCurrying
函数柯里化，是固定部分参数，返回一个接受剩余参数的函数，也称为部分计算函数，目的是为了缩小适用范围，创建一个针对性更强的函数。 那么反柯里化函数，从字面讲，意义和用法跟函数柯里化相比正好相…
zabbix如何监控WEB应用性能
HTTP服务目前最流行的互联网应用之一，如何监控服务的健康状态对系统运维来说至关重要。 Zabbix本身提供了对WEB应用程序的监控，比如监控WEB程序的Download Speed,Response Time和Response Code等性能指标，但是配置起来比较繁琐和复杂。下面通…
Z-Blog支持Word内容一键上传
项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的
编辑器，tinymce 不需要后端配合 只需要把最终编辑完的富文本传给后端就好 很简单…
超大文件上传方案总结
需求：项目要支持大文件上传功能，经过讨论，初步将文件上传大小控制在500M内，因此自己需要在项目中进行文件上传部分的调整和配置，自己将大小都以501M来进行限制。 第一步：
前端修改
由于项目使用的是BJUI前…
Z-Blog支持Word内容上传
由于工作需要必须将word文档内容粘贴到编辑器中使用
但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容，如果上传到服务器后其他人也访问不了，网上找了很多编辑器发现没有一个能直接解决这个问题
考虑到自己除了工作其他时间基本上不使用window…
Z-Blog支持Word图文自动导入
tinymce是很优秀的一款富文本编辑器，可以去官网下载。https://www.tiny.cloud
这里分享的是它官网的一个收费插件powerpaste的旧版本源码，但也不影响功能使用。
http://blog.ncmem.com/wordpress/2019/08/07/umeditor%E7%B2%98%E8%B4%B4word%E5%9B%BE%…
Z-Blog支持Word图文一键导入
项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的
编辑器，tinymce 不需要后端配合 只需要把最终编辑完的富文本传给后端就好 很简单…
Z-Blog支持Word图文导入
由于工作需要必须将word文档内容粘贴到编辑器中使用
但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容，如果上传到服务器后其他人也访问不了，网上找了很多编辑器发现没有一个能直接解决这个问题
考虑到自己除了工作其他时间基本上不使用window…
Z-Blog支持Word图文粘贴
tinymce是很优秀的一款富文本编辑器，可以去官网下载。https://www.tiny.cloud
这里分享的是它官网的一个收费插件powerpaste的旧版本源码，但也不影响功能使用。
http://blog.ncmem.com/wordpress/2019/08/07/umeditor%E7%B2%98%E8%B4%B4word%E5%9B%BE%…
http超大文件上传方案
需求：项目要支持大文件上传功能，经过讨论，初步将文件上传大小控制在500M内，因此自己需要在项目中进行文件上传部分的调整和配置，自己将大小都以501M来进行限制。 第一步：
前端修改
由于项目使用的是BJUI前…
记录阿里云播放器出现4400报错码
使用aliplay播放器，会卡在封面，本地不报错，线上报错error：4400，（之前好的，突然就出问题了） 排除网上说的https、ssl证书、vid 和 playauth 的方式播放 这些问题 后发现是少写了一个p…
微前端方案 qiankun 只是更完善的 single-spa
一个前端应用能够单独跑，也能被作为一个模块集成到另一个应用里，这种架构方式就叫做微前端。它在前端领域能解决一些特定的问题：中后台系统中，有一些别的技术栈开发的历史模块，但是希望能够在另一个应用集成进来saas 类…
如何更快地掌握 Vue3
最近和身边技术 Leader 聊招聘情况，发现 Vue3 已经一跃成为前端人必考技能，除了考察核心特性，还会涉及原理层面的问题。再也不是当年懂个生命周期、虚拟 DOM，就可以进大厂的时代了。我一直很推荐前端人优先学习 Vue，作…
面试官：请设计一个不能操作 DOM 和调接口的环境
前言四面的时候被问到了这个问题，当时第一时间没有反应过来，觉得这个需求好奇特面试官给了一些提示，我才明白这道题目的意思，最后回答的也是磕磕绊绊后来花了一些时间整理了下思路，那么如何设计这样的环境呢࿱…
vue中通过自定义指令实现拖拽功能
今天我们来做一个用vue的自定义指令来实现拖拽功能，首先来看图 下面来进行详细的教程： 上面这张图是我们所需要用到的三个鼠标事件
使用自定义指令 v-drag
<template><div v-drag class"w">hello vue!</div>
</templa…
vue之filter过滤器
概念：
过滤器就是一个数据经过了这个过滤器之后出来另一样东西。vue中的过滤器分为两种：局部过滤器和全局过滤器
全局过滤器
// global-filter是过滤器名称
// 函数第一个参数是需要过滤的数据.
// 函数第二个参数是给过滤器传递的值.Vue.filter(glob…
博学谷前端实现WebSocket 实时通信
博学谷前端实现WebSocket 实时通信
1. WebSocket 介绍
类似于 HTTP， WebSocket 是一种网络通信协议。
1.1. 为什什么需要 WebSocket
我们已经有了了 HTTP 协议，为什什么还需要另一个协议？它能带来什什么好处？ 答案很简单&…
博学谷前端 css兼容性简单总结
1. CSS兼容性
在网络中浏览器众多，因为不同浏览器使用内核及对W3C标准的支持不一样，各个浏览器对于页面的解释呈视也不尽相同。以及用户客户端的环境不同（如分辨率不同）造成的显示效果不能达到理想效果。最常见的问题就是网页元素…
【前端词典】CDN 带来这些性能优化
前言 CDN的全称是 Content Delivery Network，即内容分发网络。CDN 是构建在网络之上的内容分发网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥…
我的web前端面试心法（已拿字节offer）
前言
我的秋招经历
基本情况： 南方普通985普通学生，接触前端十个月左右，今年 8 月后开始正式准备秋招。
说起我的秋招，一个词，就是“逆袭”。一开始，华为笔试没过，三七互娱笔试没过被捞起来后…
web前端入门的那些知识，你get到了吗？
前言 想要学会一门功课，做好一件事，必须得用功，多学多想多练,总的来说，如果发现问题的话，得学会如果去解决问题 1.初接触前端开发的话，一般自学者最好是使用Dreamweaver这个软件，因为这个软件是…
前端编程之路一一form表单标签（详解）
<form>表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。
<form method"传送方式" action"服务器文件"> </form>定义供用户输入的html表单
method ： 数据传送的方式&a…
前端编程之路一一HTML的常用标签大全
html常用标签
html文档结构
1 <!DOCTYPE html> 2 <html lang"zh-CN"> #这个lang表示语言，zh-CN中文的意思，整个文档的内容以中文为主，如果以英文为主，就写成langen
3 4 <head> 5 <meta chars…
转载: SharePoint 容量（能力）规划工具
SharePoint Capacity Planning Tool 看名字就够诱惑的，SharePoint 容量（能力）规划工具。前端数、存储、CPU、内存、网络、性能，咱们开始吧 下载地址：需要先安装地址1的软件包，在安装地址2的软件包ÿ…
Asp.Net SignalR 使用记录
工作上遇到一个推送消息的功能的实现。本着面向百度编程的思想。网上百度了一大堆。主要的实现方式是原生的WebSocket,和SignalR,再次写一个关于Asp.Net SignalR 的demo 这里简单的介绍一下Signalr,SignalR 封装了WebSocket、ForeverFrame、ServerSentEvents、LongPolling四种…
假期前计划|没有难度的学习，也就没有收获！
临近假期，学校课程也结课了，下面是近期学习计划 daily 1.深入浅出计算机组成原理 结合数字电路(假期前学完) 进入 2.重学前端专栏 结合文档、JS犀牛书、面试视频课 进入 twice a week 3.程序员的数学基础课(假期前学完前一两章节) 进入 4.数据结构与…
关于oauth2中为什么不直接返回token而是传授权码code
1.客户端会暴露 token授权服务器是会根据客户端传来的 redirect_url 返回给客户端 3xx 重定向状态码，然后客户端再把授权码 code 传给客户端服务器，首先前端（网页有源代码，手机app反编译）的都是不安全的，直…
React 开发错误记录
长期更新，未完待续…
正文
1. Error: Rendered fewer hooks than expected. This may be caused by an accidental early return state…
hooks函数的调用问题，简单来说，不要在循环，条件或嵌套函数中调用 Hook， 确保…
TabBarView 在 Column 中 报错
原因
TabBarView组件占用父组件尽可能大的空间，这种布局一般外层都是可滚动的，类似SingleChildScrollView，而在Column中没有一个明确的高度约束，也就是说无限高，故报错。
解决方法
1. 定高
直接了当地解决问题&…
小程序插件构建npm包之引入vant
文章目录问题一：跳转插件一直是失败情况，显示找不到跳转插件的页面问题二：小程序插件报错Cannot read property getSystemInfoSync？问题三：[ "usingcomponents"]["van-button"]: "vant/weapp…
接口封装+防抖，手废式接口调用
主要文件包含小程序环境封装，接口文件，request请求封装 env.js文件配置
use strict
/**小程序当前环境develop开发版、trial体验版、release正式版 */
const envVersion wx.getAccountInfoSync().miniProgram.envVersion;
/**环境配置 */
module.expor…
参加第二届D2前端技术论坛的感受
先放张图片吧，呵呵，只放照到我的那张。 右边穿绿衣服的就是我了。^0^这次大会印象最深的是满口英文的那位YUI工程师--叫什么我记不清了，和silverlight应用。前者让我更加知道做我们这行，一定要过语言关，回家加紧练习吧…
Pinia的使用(在Vue3和TypeScript的环境下)
Pinia官网: https://pinia.vuejs.org/ Pinia的使用(在Vue3和TypeScript的环境下1. 创建项目1.1 脚手架搭建1.2 安装pinia2. Pinia - Store2.1 创建Store2.2 Store详讲2.3 使用store中的状态2.3.1 简单访问store状态2.3.2 访问及简单修改store(标准操作)2.4 store - $patch 批量…
TypeScript中any、unknown、void、never类型讲解
TypeScript中any、unknown、void、never类型讲解1. any2. unknown3. void4. never1. any
any: 表示任意类型都可以，开发中应尽量避免使用
let app:any document.getElementById(box)2. unknown
unknown： 一般来说，这个类型并不是开发者手…
vue2.0动态代理详讲
2.配置示例 devServer: { proxy: {// 只要请求的路径中有 /pdf 就会走这个代理 /pdf: {// 请求的路径会变成以下路径target: http://61.186.254.137:20001,// 是否开启跨域(如果接口跨域，需要进行这个参数配置)changeOrigin: true,pathRewrite: {// 正则匹配到以 /p…
Vue项目中Axios的封装
通常在项目中会有大量的请求，若每个请求都单独处理，会出现大量重复代码，同时，对API的增删改查也不方便。所以需要对axios请求进行封装，使项目整洁易管理。主要分为两部分，首先，要对api统一管理&…
父子组件传参 关于 .sync修饰符等用法
父子组件传参 关于 .sync修饰符等用法单向数据流讲解Vue2.x使用定义事件的形式, 通知父组件修改.sync 和 update: 的使用父传子, 传递多个数据的简写采用v-model简写(要求严格)Vue3.x使用普通用法简写单向数据流讲解
单向数据流（堆可以修改，栈不可修改&…
面试-JS-异步与同步-微任务与宏任务
前置知识
JS是单线程的语言;微任务: promise.then()方法;宏任务: 定时器, 网络请求, 渲染页面;注意: new Promise()的时候, 是同步代码。 画图释义
关于代码执行顺序
先把所有同步代码执行完，同步代码从上到下执行;异步代码根据时间先后，如果都到了执…
前端-笔试-面试-题目
前端-笔试-面试-题目html cssCSS3有哪些新特性？HTML5新特性你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?每个 HTML 文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？CSS伪类和伪元素的区别?…
基于 AngularjsNode.js 云编辑器架构设计及开发实践
基于 Angularjs&Node.js 云编辑器架构设计及开发实践 一、产品背景二、总体架构 1. 前端架构 a.前端层次b.核心基础模块设计c.业务模块设计2. Node.js端设计三、单元测试四、持续集成及自动部署五、打包六、总结一、产品背景 产品是一个内部项目，主要是基于语义…
js实现生成中间带图片的二维码
之前需要实现生成中间带图片的二维码，所以找了半天终于找到一个可以用的。于是在这里记录一下。 下面是需要注意的几点： 1、使用的js为jquery-qrcode 但是已经经过别人的修改，和网上原来的那些不一样，所以网上的js不能用。 2、生成…
jQuery 事件用法详解
jQuery 事件用法详解 目录 简介 实现原理 事件操作 绑定事件 解除事件 触发事件 事件委托 事件操作进阶 阻止默认事件 阻止事件传播 阻止事件向后执行 命名空间 自定义事件 事件队列 jquery中文文档 简介 jquery 之所以成为最受欢迎的前端库，很大一部分是得益于它的…
jquery动态创建表格
1.代码实例 <!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>02-jQuery-动态创建表格案例</title><script src"jquery-1.11.3.js"></script><style>* { padding: 0;…
基于vue3+vite+ts，使用nexus发布组件库
1、前提条件 已部署nexus3，可参考： Ubuntu部署和体验Nexus3-腾讯云开发者社区-腾讯云 代理设置： 【Nexus】通过Nexus搭建Npm私库_猫巳的博客-CSDN博客
Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一…
实现Rsync同步Nginx前端配置
近期，由于我们的阿里前端服务器频频受到恶意的流量攻击，导致前端NGINX进入黑洞而无法正常访问公司网站。 按之前的预计方法，采用加速乐及备用全配置前端的作法，将恶意短时流量攻击的损失时间降到最短。现将C这台机用作全配置的NGI…
struts2与struts1区别？
2019独角兽企业重金招聘Python工程师标准>>> 本人刚接触java web，所以第一个准备学习的就是struts框架。目前struts2.0是趋势，但是查资料发现与之前的1.x完全不同，大家的反映是webwork2的升级。所以比较困惑，在这里请…
css实现多div打印分页问题
要实现在打印时每个 <div> 都能单独展示在一页上，你可以使用CSS的media print 媒体查询和page-break-after属性。
首先，你可以添加一个特殊的类名，用于表示需要在打印时分页的 <div> 元素。
<div class"print-page&quo…
经典网页设计：25个精美的全屏背景网站设计作品
在网页中使用精美的全屏背景能给访客浏览深刻的印象，带给访客震撼的视觉感受。当然，大尺寸的图片用在网站中也会有加载缓慢的问题，不过使用全屏背景仍然是一个非常不错的方式。今天这篇文章收集了25个非常精美的全屏背景网站设计作品分享给大…
javascript作用域和作用域链
1、作用域 作用域，它是指对某一变量和方法具有访问权限的代码空间。当我们在定义变量的时候，会定义两种变量，一种是在全局环境下定义的变量，叫全局变量，一种是在函数中定义的变量叫局部变量。全局变量的作用域就是全局…
接受前台页面参数几种方法
1,,用对相 直接get**可以接受(但是必须要先给他引入进来，并且set,get下) String us it.getUsername(); 2,,用对相（先给他实例化下new）,然后对相. Qkhzong a new Qkhzong(); a.setId(qkh.getId()) 第一种方法： 这个是jsp页面 这个…
vue编写评论功能时使用element-ui中upload多个文件一次性上传
最近写项目时遇到的一个文件上传的需求，真是头大，element的upload上传是每选择一张图片就会立即往后台发送请求，并不能满足我们的需求， 一些上传的规则 最重要的步骤（手动点击上传后触发） MultipartFile是自…
分享Silverlight/WPF/Windows Phone一周学习导读(06月20日-06月26日)
分享Silverlight/WPF/Windows Phone一周学习导读本周Silverlight学习资源更新：SilverLight日历控件如何获得多语言的支持银光中国网Silverlight中LISTBOX嵌套布局问题银光中国网Silverlight4 子窗口新增数据后，DataGrid中没有显示的问题银光中国网Silver…
el-select 中加了filterable 点击箭头下拉框回收不去问题
// el-select 中加了filterable 点击箭头回收不去问题Object.getPrototypeOf(this.$options.components).ElSelect.options.methods.handleFocus () > {};
【网络文摘】2016年里做前端是怎样一种体验
问：最近我接手了一个新的Web项目，不过老实说我已经好久没碰过这方面的代码了。听说前端的技术栈已经发生了极大的变革，不知道你现在是不是仍然处于最前沿的开发者阵列？ 答：准确来说，过去俗称的写网页的&…
前端JS基础知识点梳理（一）基础篇
导读 我相信有很多人和我一样都是半路出家的前端开发，当初就是找了一个培训机构培训个四五个月就出来找工作了，所以对于前端Js基础部分掌握的很薄弱，虽然工作是找到了，但是在日常工作中遇到的很多问题不知道怎么解决或者不知道如何…
关于new Set( )还有哪些是你不知道的
1、Set 特点:
Set 对象是值的集合, 可以按照插入的顺序迭代它的元素Set 中的元素只会出现一次，即 Set 中的元素是唯一的,所以需要判断两个值是否相等Set 中0和 -0 是不同的值,可以使用 Object.is(0,-0)进行判断返回false ,0 严格相等于 -0Set 对象允许你存…
面试题:说一个常见的内存泄漏场景
在封装方法时,在js文件中引用了vue组件,即便vue组件在destory时被销毁了,但是在外部js文件内时不会被销毁的,所以这样还是会造成内存泄漏,
通常会在外部js文件内,也要写一个销毁的方法暴露出去,在vue组件的destory生命周期钩子函数内执行
JS计算精度问题和及数据格式
提示：这里记录前端js数据计算一些问题 文章目录JS计算精度问题保留小数点后几位数据JS计算精度问题
一、在vue中，写一个js方法，如下precisionMath.js
export const precisionMath {methods: {// 加法add(arg1, arg2) { var r1, r2, m, n;…
Vue 单独页面设置 body 样式
需求：针对不同的页面， 的样式需要做一些变化。比如不同页面设置不同的背景色，如果直接在页面里设置 body 的样式，页面并不会生效，如下：
<template><div>单独页面</div>
</template&g…
SSM框架整合,ssmweb项目起始模板
注意,在使用mybatis反向生成的时候,要确保数据库里面没有要生成的表,否则会重复生成,反向生成完毕后,再逐个检查一遍,要不然打不开页面 !!!
1.创建mavenweb项目,补全基本目录
2.pom.xml引入jar依赖(在自动生成的基础上直接粘贴进去) <packaging>war</packaging>…
前端 Dom 直接选择器
文档对象模型（Document Object Model，DOM）是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。我们最为关心的是，DOM把网页和脚本以及其他的编程语言联系了起来。…
測试数据管理：创造性的解决方式
Mario Matthee是一名測试员，顾问，认证Scrum大师以及很不合格的山地摩托车车手（正在学习中）。他热衷于将年轻的IT专家引进软件測试的世界。他还是开普敦測试自己主动化用户组的创始成员之中的一个。毕业于（南非…
轨迹系列12——单轨迹展示效果的进一步优化（流动箭头）
文章版权由作者李晓晖和博客园共有，若转载请于明显处标明出处：http://www.cnblogs.com/naaoveGIS/ 1. 背景 在PC端展示轨迹的探索中，我们分别针对轨迹纠正、单轨迹播放、多轨迹播放做了研究和实现。其核心抓手便是轨迹的美观、数据的动态。…
SpringMVCweb项目创建步骤(只有前面基础配置文件部分)
1.初步构建项目结构 2.配置pom.xml基础依赖(后期按需增加) 3.三个配置文件的编写 后期在编写代码时再按需添加-----------------
「Azure」数据分析师有理由爱Azure之五-Azure Analysis Services服务实操
为了对得起数据分析师这个称号，最近又重新拾起统计学的课本，发现又是一场被虐的过程。 行业里总说统计学是数据分析的基础，是分析师的必备能力。但真正学习下来，应用的场景又有几个？除了科研性严谨的结论需要统计学去科…
判断JS字符串中是否包含某些字符
很简单用indexOf var res "abc#def"; res.indexOf(#); 这样就可以了转载于:https://blog.51cto.com/sucre/958480
我的2017OKR - 年中回顾
自从订阅了吴军老师的《硅谷来信》之后，对其中一篇介绍Google的目标管理方法OKR的文章记忆犹新。想到自己喜欢在每年年初的时候给自己定制一些规划，于是乎了解了一下OKR并重构了一下我的2017年计划，并借此机会进行一个年中（不是终…
PHP 上传文件名中带中文的文件失败问题
问题产生的原因是：中文乱码问题 php文件为utf-8编码方式, 解决方案1：将中文字符编码转换一下。 函数原型：string iconv ( string in_charset, string out_charset, string str ) 使用例子：$content iconv("GBK", "…
利用Docker安装Web前端性能测试工具Sitespeed.io
目录结构 一、Sitespeed.io概述 1.Sitespeed.io简介 2.Sitespeed.io使用场景 二、Sitespeed.io的安装和使用 1.安装Sitespeed.io 2.连接Docker，驱动浏览器进行Web性能测试 1）连接Docker 2）驱动浏览器进行测试 3）测试报告查看 三、…
react基础-React原理揭秘React路由基础
React原理揭秘
目标
能够说出React组件的更新机制能够对组件进行性能优化能够说出虚拟DOM和DIff算法
组件更新机制 setState() 的两个作用 修改state更新组件 过程：父组件重新渲染时，也会重新渲染子组件，但只会渲染当前组件子树ÿ…
前端-环境变量配置(vue)
说明
一个实际开发项目最少有两种环境：
开发环境: 程序员正在开发项目;生产环境: 程序员的代码已经写完了，项目已经上线了;
当然除此以外, 根据实际情况还有预发布环境、测试环境等…但是以上2个环境是最低要求 配置环境变量
注意: 修改任一环境变量…
HTTP协议及请求、响应报文
HTTP协议及请求、响应报文目录注意点http协议http请求报文http响应报文注意点
注: 以下图片内容基于Chrome浏览器的 Network面板 抓包获取, 但是抓取的数据并不完全符合规范;有条件的同学可以自行购买“HttpWatch”抓包工具的服务. http协议
http协议: 规定了客户端和服务器之…
面试 - 地址栏输入url回车后, 发生了什么?
面试 - 地址栏输入url回车后, 发生了什么?目录URL解析 DNS查询 TCP连接 处理请求 接收响应 渲染页面 答案大致如下：
用户输入URL地址浏览器解析URL解析出域名浏览器将域名转换成服务器ip地址（浏览器先查找本地DNS缓存列表 没有的话 再向浏览器默认的DN…
面试-三次握手和四次挥手
面试-三次握手和四次挥手目录TCP/IP报文格式三次握手四次挥手为什么握手一定要三次?为什么挥手一定要四次?TCP/IP报文格式
只针对本节需要讲解的内容, 对报文格式内容进行简单提取:
序列号（Sequence Number） 该字段用来标识TCP源端设备向目的端…
字符串拼接占位符和conlose对象Api
字符串拼接占位符和conlose对象Api占位符替换控制台打印table()log、info、warn、errorgroup()，groupCollapsed()，groupend()占位符替换
控制台打印(conlose.log())或者拼接字符换, 可以借助占位符解决
%s 字符串
%d、%i 整数
%f 小数(整数、…
web-Vue.js基础学习笔记
文章目录初识Vue.js概念官网介绍学习生态系统团队资源列表Vue的两个特点数据驱动组件化开发架构模型-MVVM入门示例两个小提示vue基本使用Vue.js中的thisvue指令插值表达式v-textv-htmlv-model基本使用v-model的修饰符收集表单元素v-onv-bind基本用法(字符串写法)数组用法对象用…
vue3项目element-plus由v2.1.x升级到v2.2.x可能遇到的坑
以下是给项目升级element-plus版本时遇到的warning或样式错乱问题，不一定全面，但应该覆盖了大部分常用组件的变更。
一、button组件 升级前：
<el-button type"text">文字按钮</el-button>升级后：
<el…
某互联网公司针对初级Java开发的几道Sql笔试题(看完保证不亏 )
实不相瞒，我就是题目中所说的初级开发，在曲折的面试道路上，被各大互联网公司的笔试题吊打。所以，我就整了一个最经典的学生成绩表sql练习，保证你看完，有所收获。 下面是三张表的创表语句，供你们…
Linux端口的开启
Linux端口的开启
一、firewall方式(centOS7.*) 1. 查看防火墙状态2. 开启防火墙3. 开启指定端口4. 重启防火墙5. 重新加载防火墙6. 其他命令 二、修改iptables方式(centOS6.*) 2.1 修改iptables文件2.2 重启防火墙 三、注意事项 一、firewall方式(centOS7.*)
1. 查看防火墙状…
SpringBoot监听redis Key变化事件详解
键空间通知（keyspace notification）
一 、功能概览
键空间通知使得客户端可以通过订阅频道或模式， 来接收那些以某种方式改动了 Redis key变化的事件。 所有修改key键的命令。 所有接收到 LPUSH key value [value …] 命令的键。 db数据库…
springboot整合全文搜索引擎Elasticsearch Spring Boot 28
?? 作者简介：CSDN2021博客之星亚军??、新星计划导师、博客专家?? ?? 哪吒多年工作总结：Java学习路线总结，搬砖工逆袭Java架构师 ?? 关注公众号【哪吒编程】，回复1024，获取Java学习路线思维导图、大厂面试真题…
MySQL安装常见报错处理大全
??? 哈喽！大家好，我是【】，江湖人称jeames007，10年DBA工作经验 中国DBA联盟成员，一位上进心十足的【大数据领域博主】！??? 中国DBA联盟(ACDU)成员，目前从事DBA及程序编程 擅长主流数据Ora…
ivx杨帆启航ReactPixi.jsFaaS、Krpano及微服务架构
随着社会的变化，产业的进化，编程也开始了他的变化。从最开始的二进制编码语言->低级程序语言，到现在的高级编程语言以及现在慢慢探索超高级高级语言【程序可视化，可视化编程，让编程不再枯燥】。那么是不是只要能看懂…
iVX低代码平台系列详解 -- 概述篇(二)
写在前面 ivx动手尝试电梯：ivx在线编辑器 iVX系列教程持续更新中 上篇文章可看：iVX低代码平台系列详解 – 概述篇(一) ivx目录
写在前面一、iVX优势 1.快速学习2.快速开发3.快速运行4.快速维护 二、iVX和现有编程语言的对比三、ivx技术栈 前端技术栈后…
2022最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)
1、为什么typeof null 是object？
不同的数据类型在底层都是通过二进制表示的，二进制前三位为000则会被判断为object类型，
而null底层的二进制全都是0，那前三位肯定也是000，所以被判断为object
2、0.1 0.2 0.3&…
2022年最新前端面试题，持续更新
【js面试题】 1、js数据类型
基本数据类型
Number、String、Boolean、Null、Undefined、Symbol、bigInt
引用数据类型
object、Array、Date、Function、RegExp2、js变量和函数声明的提升
在js中变量和函数的声明会提升到最顶部执行
函数的提升高于变量的提升
函数内部如果用 …
【入门到精通】「Java工程师全栈知识路线」
持续更新中…
Vue前端开发
章节
内容
实践练习
Vue.js高效前端开发 ? （实践练习）
第1章
Vue.js高效前端开发 ? 【 一、初识Vue.js 】
第2章
Vue.js高效前端开发 ? 【 二、Vue基本指令 】
第3章
Vue.js高效前端开发 ? 【 三、Vue列表渲染 …
开放平台-web实现人人网第三方登录
应用场景 web应用通过人人网登录授权实现第三方登录。操作步骤 1 注册成为人人网开放平台开发者http://app.renren.com/developers/devinfo2 准备一个可访问的域名，如dev.foo.com3 创建网页应用，配置必要信息，其中包括根域名、图标信息4 …
2021-11-05 springMVC 错误：org.springframework.http.converter.HttpMessageNotWritableException No conve
2021-11-05 springMVC 错误：org.springframework.http.converter.HttpMessageNotWritableException: No conve…
springMVC返回json格式问题 对象转json返回json字符串问题分析总结
springMVC返回json格式问题
对象转json返回json字符串问题分析
在SpringMVC(默…
jQuery 特效：盒子破碎和移动动画效果
今天，我们将创建一个使用 jQuery 制作的非常甜蜜的动画效果。我们的想法是在网站的顶部有小盒子，当一个菜单项被点击时，箱子动画形成的主要内容区域分散在各处。我们会用一些不同的动画效果，我们将为菜单项添加选项。 效果演示 …
appsmith 怎么用？评价如何
本文首发：《appsmith 怎么用？评价如何 - 卡拉云》
AppSmith 是印度一家创业公司开发的低代码开发工具，它的原型是另一家名叫 Retool 的美国的创业公司。AppSmith 从 2019 年开始开发，到现在已经发行了 1.x 版本，也就是…
word-wrap同break-word的区别
word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。 它们的区别就在于： 1，word- break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratul…
打字速度对编程的影响大吗？
为什么80%的码农都做不了架构师？>>> 打字速度对编程影响不大。就算不论“打字速度”和“思考速度”的比较以及“大牛憋三分钟写十行代码好过新手狂敲十分钟”这些因人而异的东西，在IDE环境中，如果你追求最高输入效率，…
抽屉之Tornado实战（9）--装饰器实现用户登录状态验证
当然今天讲的验证，不只Tornado会用，以后用到web框架都会用到，最常见的场景就是只有用户登陆了才能执行某些操作，所以在执行这些操作前要先做登陆状态的验证。 比如：点赞，发布，评论等需要验证&am…
《webpack文档》学习笔记
webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。 入口…
微信小程序Toast在ios上的兼容性问题
微信小程序Toast在ios上的兼容性问题
表现
微信小程序和uni的Toast，弹出纯文本提示消息的时候有一个兼容问题，只展示两行。 在ios上的最大宽度比安卓小，当文字过多的时候会展示不全。
原因
微信小程序对Toast进行了字数限制，最…
axios+element配置请求等待动画、请求异常弹出消息；
_axios.interceptors.request.use(function(config) {// Do something before request is sentif (config.method post && Object.prototype.toString.call(config.data) ! [object FormData]) {config.data qs.stringify(config.data); // post请求格式化数据config…
一个云平台开源项目Eucalyptus
无意中发现IBM正在研究一个开源云项目Eucalyptus，记录下来，有时间研究一下：http://open.eucalyptus.com/ (还有一个叫Nimbus的开源项目，实现IaaS框架http://www.nimbusproject.org/ ) Eucalyptus的安装Eucalyptus的结构Eucalyptus…
前台传递给后台的JSON字符串中的引号 “” 在JAVA后台被转义为 quot
前台传递给后台的JSON字符串中的引号 “” 在JAVA后台被转义为 " 1、问题： 前台数据，JSON字符串带有引号 “” ，数据被传递到后台，引号被转义为 "，后台无法解析。前台数据如下：正常 后台数…
HTML5期末大作业：简单全屏音乐个人网站模板——音乐娱乐网站(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
HTML5期末大作业：简单全屏音乐个人网站模板——音乐娱乐网站(6页) HTMLCSSJavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 …
前后端分离架构，MVVM
前后端分离架构
前后端分离已经成为互联网项目业界开发的标准使用方式，通过nginxtomact的方式有效进行解耦，并且前后端分离会为以后的大型分布式框架，弹性计算架构，微服务架构，多段化服务（多种客户端 例…
vue 加载图片使用@路径加载不出来
错误代码
<el-image src"/assets/images/logo.png"></el-image><img src"/assets/images/logo.png"></el-image>
正确代码
<el-image :src"require(/assets/images/logo.png)"></el-image>// 或者<im…
vue打包build的时候，配置路径
1.如果没有背景图片 找到config文件夹下的index.js文件，修改路径代码 找到build对象，修改属性assetsPublicPath为 ‘./’ 2.如果有背景图片 完成第一步之后，修改build文件夹下的utils.js文件 找到方法generateLoaders，修改下面一条…
HTML Number 类型的 input 输入框中输入浮点数
2019独角兽企业重金招聘Python工程师标准>>> 在 HTML5 中，input 元素有了一个好用的 type: Number，当我们把一个 input 设置为 Number 类型以后，它就可以接收 max、min 等参数设置最大值最小值，达到原生表单控制的目的…
web前端基础之jQuery(四)
data() 向被选元素附加数据，或者从被选元素获取数据从被选元素中返回附加的数据。
$(selector).data(name)
name--规定要取回的数据的名称,如果没有规定名称，则该方法将以对象的形式从元素中返回所有存储的数据。向被选元素附加数据。
$(selector).data(…
若依 vue前端 动态设置路由path不同参数 在页面容器里打开新页面（新路由），面包屑和标签页标题根据参数动态改变，面包屑多级标题，侧边栏对应菜单亮起
前言
因为是在vue源码的基础上进行修改，所以，就没有复制代码在文章上，采取的是截图对比源码和我修改的代码片段。要麻烦你们自己手敲了。
先来看看效果：
场景：在费用配置列表中，点击每一项的配置&#x…
前端特效——复杂下雪，雪花纷飞（纯css)
效果： 原理：
因为是用的纯css，所以为了实现很多个雪花，我们就需要创建200个div（ 数量适量多即可）
然后先设置雪花div的共同属性：雪花的背景图片是雪花，给初始大小width: 10px;heig…
js-表格(table)添加列、删除列
功能图片截图如下： 一、Js代码如下： <script language"javascript" type"text/javascript">function findObj(theObj, theDoc) {var p, i, foundObj;if (!theDoc) theDoc document;if ((p theObj.indexOf("?")) …
【代码审计】Java Web 过滤器 - filter
0x00 前言
filter 被称为过滤器，是 Servlet 2.3 新增的一个特性，同时也是 Serlvet 技术中最实用的技术。
过滤器实际上就是对 Web 资源进行拦截，做一些处理后再交给下一个过滤器或 Servlet 处理，通常都是用来拦截 request 进行处…
SVG的动态之美-搜狗地铁图重构散记
搜狗地图发布了新版的移动端地铁图，改版初衷是为了用户交互体验的提升以及性能的改善。原版地铁图被用户吐槽最多的是pinch缩放不流畅、无过渡动画、拖拽边界不合理等等，大体上都是交互体验上的问题。实际上原版的问题不仅仅存在于交互体验上，…
【代码审计】Java Web 核心技术-Servlet
0x00 前言
Servlet 是 Java Web 容器中运行的小程序，Servlet 原则上可以通过任何客户端-服务端协议进行通信，但它们常与 HTTP 一起使用，因此 Servlet 通常作为 “HTTP Servlet”的简写。
Servlet 是 Java EE 的核心，也是所有 MV…
Vue核心 绑定样式 条件渲染
绑定样式
class样式
写法：:class“xxx” ,xxx可以是字符串、数组、对象.:style“[a,b]” 其中a、b是样式对象:style"{fontsize: xxx}” 其中xxx是动态值字符串写法适用于：类名不确定，要动态获取数组写法适用于：要绑定多个样…
微信小程序从零开始开发步骤（六）4种页面跳转的方法
用法：用于页面跳转，相当于html里面的<a></a>标签。API教程：https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.htmlhttps://mp.weixin.qq.com/debug/wxadoc/dev/api/ui-navigate.html四种跳转的方法，在…
webpack 3 零基础入门教程 #1 - 介绍
1. webpack 是什么? 先来说一下 webpack 是什么。 webpack 的官方对它是这样定义的： webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging ju…
webpack和gulp
在没有使用任何自动化工具之前，如果用sass写了css, 用coffee写了js, 那么我们必须手动用相应的compiler去编译各自的文件，然后各自minify(js,css文件压缩并合并)。这时如果又有两张新图片，那么又需要用自己的小工具手动去压缩图片。于是为了解…
Android UI Canvas画布实战-常用方法总结
Canvas画布实战-常用方法总结
画布变换操作总结
/*** 变换操作*/
public class TransformView extends View {Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);//1，平移操作canvas.drawRect(0,0, 400, 400, mPaint);canvas.translate(50, 50…
前端开发规范—css规范
id和class的命名 ID和class的名称总是使用可以反应元素目的和用途的名称，或其他通用的名称，代替表象和晦涩难懂的名称。合理的使用ID 一般情况下ID不应该被用于样式，并且ID的权重很高，所以不使用ID解决样式的问题，而是…
10个资源满满的网站，偷偷收藏起来吧！
大家一般找资源肯定会先想到百度搜索，可是有时候度娘资源也是有限的。想要的资源找不到怎么办？别担心，今天给大家分享10个资源超级丰富的网站，赶快来看看吧！ 1.有妖气 中国唯一且最大的纯原创漫画网站，数…
Backbone实战-初始Backbone
随着人们对web应用程序用户体验的重视，越来越多的应用强化了前端代码的开发，使得前端的Javascript代码越加冗长而无序，各类AJAX交互请求错综复杂，如何科学有效地管理这些前端代码，是众多Web开发者面临的一道难题。基于…
邂逅Webpack和打包过程
1 认识webpack工具
2 webpack基本打包
3 webpack配置文件
4 编写和打包CSS文件
5 编写和打包LESS文件
6 postcss工具处理CSS 从脚手架打包成普通的htmlcssjs文件 内置模块path： 拼接路径 const path require("path")const filepath "C://abc/…
Web前端开发人员和设计师必读文章推荐
转载自： http://www.cnblogs.com/lhb25/archive/2011/06/20/must-read-links-for-web-designers-and-developers-volume-1.html 转载于:https://www.cnblogs.com/luckyboy/p/3627923.html
冒泡、选择、插入排序
选择排序（Selection sort）、插入排序（Insertion sort）与气泡排序（Bubble sort） 这三个排序方式是初学排序所必须知道的三个基本排序方式。 选择排序 将要排序的对象分作两部份，一个是已排序的&a…
highcharts饼图添加单击事件（原创）
因为项目需要，要做一个投票系统，用饼图展示用户选择了哪些选项，同时点击每个饼图，显示相应的用户。系统采用了netjqueryhighcharts开发。前端代码如下：<html ><head ><title>无标题页</title>…
uniapp 获取元素，通过style修改元素的样式
<input type"text" ref"inn" value"ss">// 获取元素改变样式
this.$refs.inn.$el.style.marginLeft "100px"
// 获取值
this.$refs.inn.value
注意：
1、Hbulider的运行控制台窗口打印不了this.$refs.innÿ…
前端学习笔记2017.6.12 HTML的结构以及xhtml、html、xml的区别
HTML的结构 一个HTML文档可分为几个部分，如下图所示： DOCTYPE部分、head部分和body部分 DOCTYPE部分，这个很重要，可以理解为不同的DOCTYPE意味着不同的html标准，因为语法不一样了，如果你不指定DOCTYPE的类型…
【代码审计】模板注入
0x00 介绍
这里主要学习下 FreeMarker 模板注入，FreeMarker 是一款模板引擎，FreeMarker 模板文件与 HTML 一样都是静态页面，当用户访问页面时，FreeMarker 引擎会进行解析并动态替换模板中的内容进行渲染，然后将渲染后…
非简单请求会发送预检请求
问题描述 vue项目中, 发送请求, 会出现发送两次的假象: 如下图而第一个请求无返回, header中信息如下:在请求为非简单请求时, 会自动发送一个预检请求, 要求服务器可以确认这样请求. 预检请求方法为options, 用来询问的.所以对于非简单请求来说, 是会先发送一次预检请求的.
![前端工程化系列[02]-Grunt构建工具的基本使用](https://github.com/flowerField/Source/blob/master/Blog/banner.jpg?raw=true)
前端工程化系列[02]-Grunt构建工具的基本使用
本文主要介绍前端开发中常用的构建工具Grunt，具体包括Grunt的基本情况、安装、使用和常见插件的安装、配置和使用等内容。 1.1 Grunt简单介绍 Grunt是一套前端自动化构建工具。对于需要反复重复的任务（如压缩、编译、单元测试等），…
后台-vite中import.meta.glob的具体用法 与 动态路由和递归组件菜单栏
1.获取图标文件里的所有图标 <template><div class="icon-select"><el-input v-model="iconName" clearable placeholder="请输入图标名称" @clear="filterIcons" @input="filterIcons"></el-inpu…
（五）手把手带你搭建精美简洁的个人时间管理网站—基于Axure的首页原型设计
🌟所属专栏：献给榕榕🐔作者简介：rchjr——五带信管菜只因一枚 😮前言：该专栏系为女友准备的，里面会不定时发一些讨好她的技术作品，感兴趣的小伙伴可以关注一下~👉文章简介…
【vue下载base64格式的图片】
1、创建downLoad.js文件
class Download {//引用调用的方法，传入文件名称和bas64格式的文件downloadFile(fileName, content) {let aLink document.createElement(a);let blob this.base64ToBlob(content); //new Blob([content]);let evt document.createEvent…
Java之品优购课程讲义_day04（5）
商家申请入驻3.1 需求分析商家申请入驻，需要填写商家相关的信息。待运营商平台审核通过后即可使用使用。3.2 准备工作（1）拷贝资源： 将“资源/静态原型/商家管理后台”下的页面拷贝到 pinyougou-shop-web工程 （2&#x…
硅谷课堂 15_直播管理模块和微信分享
硅谷课堂第十五天-直播管理模块和微信分享 文章目录硅谷课堂第十五天-直播管理模块和微信分享一、后台系统-直播管理模块1、直播课程管理前端整合1.1、service_vod添加方法1.2、router->index.js路由1.3、定义调用接口1.4、创建直播页面（1）list.vue&a…
我的第一个前端自动化实践
有时候不得不感叹时光飞逝，去年冬天时说了解下前端自动化的内容，可是一眨眼已经今年冬天了，一年的时间竟也从来没搞过。若不是这次公司有需要，还不知道搁置到什么时候呢！切入正题。（好吧，今天才…
JavaScript DOM编程艺术pdf
下载地址：网盘下载内容简介 JavaScript是Web开发中最重要的一门语言，它强大而优美。无论是桌面开发，还是移动应用。JavaScript都是必须掌握的技术。W3C的DOM标准是开发Web应用的基石。已经得到所有现代浏览器的支持，这使得跨…
7-WebApis-5
Web APIs - 5 目标： 能够利用JS操作浏览器,具备利用本地存储实现学生就业表的能力 BOM操作综合案例
js组成
JavaScript的组成 ECMAScript: 规定了js基础语法核心知识。比如：变量、分支语句、循环语句、对象等等 Web APIs : DOM 文档对象模型ÿ…
前端面试回顾（3）---事件绑定及相关兼容性问题
面试中常会问到的一个问题，事件委托，我觉得除了能够看你对dom2事件的了解程度外，对浏览器的兼容也是有一定考察的。 考察到的点主要在addEventListener(),attachEvent(),事件对象等。常见的考察方式是问你如何在一个列表中，点击某…
前端工程师如何快速的开发一个微信JSSDK应用
亲们，订阅号出来已经很久了，作为一个前端工程师或者全栈工程师，你是不是错过了什么？大概许多攻城狮同砚还没有反应过来订阅号怎么回事，就马上要被微信的应用号秀一脸了。在应用号还没有正式出来之前，我们赶…
验证码对抗之路及现有验证机制介绍
验证码对抗之路及现有验证机制介绍 目明阿里聚安全 yahoo邮箱在九几年的时候，业务深受各种邮箱机器人的困扰，存在着大量的垃圾邮件，于是他们找到了当时仍在读大学的路易斯冯安(Luis von Ahn)，并设计了经典的图形验证码，…
关于Spring MVC 4，你需要知道的那些事
Spring MVC，又名Spring Web MVC，是一款主流的Web MVC框架，与Struts2框架类似，其主要目的是构建Web应用程序的全功能MVC模块，在View层和Controller层之间进行映射，完成View层和Model层之间的数据转换。Sprin…
Firefox 插件 JSview下载
Firefox 插件 JSview是一套比较实用的JS，CSS文件查看工具，很方便，很快捷地查看页面引用了哪些文件，作为Web前端开发者是一套必备的插件，由于Firefox升级过快，插件很快不兼容了，这里对插件做了一…
字体大宝库：向设计师推荐20款好看的英文装饰字体
字体是设计中非常重要的一部分，一款创意的字体也许就可以让你的设计与众不同。今天这篇文章收集的20款非常好看的英文装饰字体分享给大家，相信里面有很多字体都是你没见过的，里面也一定会有你喜欢的字体，记得收藏起来啊。 您可能还…
经典网页设计：20个华丽的 iPhone 应用程序演示网站
一个物品销售很好，重要的原因之一是它的包装，因为这是最重要的细节，可以把一个人转变成购买者。一个好的包装设计和良好的表现比产品本身更重要，因此被分配了大量的金钱和资源，以创造伟大的东西。 因此，为了…
Web 高性能开发汇总
以下内容收集了Web高性能开发的相关文章 1. Http服务器： 让Windows Server 2008IIS 7ASP.NET支持10万个同时请求 大规模网站架构实战之体系结构（一） 大规模网站架构之WEB加速器SQUID(二) iis负载均衡 Nginx 常见配置总结 nginx实现网站负载均…
LPC_2136 PLC,扩展方案，兼容西门子S7-200 CPU 224XP,兼容西门子软件。测试可用。bom，烧录文件，无源码
LPC_2136 PLC,扩展方案，兼容西门子S7-200 CPU 224XP,兼容西门子软件。测试可用。bom，烧录文件，无源码id645840469445&
常见误区和陷阱，草稿
1，左右值 2.继承是为了复用 3.句柄 4，is-a 5,引用变量不占内存 6.随机存储。 7，递归算法时间复杂度是太高。所以尽量不要使用递归。 8,predicate 谓词是谓语 9,无条件的空间换时间 10.同步阻塞。 11.socket 12.render 在前端的翻译 13,backst…
CSS3 Selector
每个前端工程师可能每天都会写一些css，其中选择器是很主要的一部分。但是，大家可能每天写的大多是#id,.class这样的选择器，这并不稀奇，但是如果我们了解并且熟用css3为我们提供的强大并且优雅的选择器，就可以简化我们的…
【历史】JavaScript和Java没啥关系！————JavaScript简史
文章的开始先上张图： 图片拍摄自北京图书大厦，代表着现在国内应该是绝大部分书店的现状——Javascript书籍放在Java类当中。甚至很多业内人也一直认为Javascript是Java语言在浏览器内的实现。不过也可以理解，谁让Javascript起了这么一个名字呢…
web前端复习系列[3]——盒子模型
盒子模型（CPBM模型）|---- content 盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的，css内定义的宽（width）和高（height），指的是填充以里的内容范围。 …
vue解决跨域问题-反向代理
浏览器有同源策略，限制同协议、同域名、同端口，只要有一项不一致，就是跨域。（不同源则跨域） 解决方案： 后端 、cors 、 jsonp、 反向代理 同源下：浏览器向服务器请求数据，服务器响应…
DOM编程-获取下拉列表选中项的value
<!DOCTYPE html> <html> <head> <meta charset"utf-8"> <title>获取下拉列表选中项的value</title> </head> <body> <script type"text/javascript"> …
常用的前端JS、CSS控制的便捷效果
为什么80%的码农都做不了架构师？>>> div内容过长自动省略号： <div class"tits" style"width:900px;">${item.note}</div>//自动计算长度，并剔除html元素$(".tits").each(function(i) …
11.XMLHttpRequest的进阶用法
目录
1 设置HTTP的请求时限
2 Formdata对象
2.1 简单使用
2.2 Formdata直接获取表单数据
2.3 上传文件
2.4 上传文件的进度
3 定义API根路径
4 请求出错 上面我们用的都是旧版的XMLHttpRequest，旧版有两个缺点
无法上传文件没有传送数据的进度信息…
mobile开发技巧（转）
1、隐藏地址栏 很多文档介绍通过调用 window.scrollTo(0, 1); 就可以隐藏地址栏，但是通过实践发现隐藏地址栏还是真够坑爹的啊，只调用这一句话一般不会起作用，我们需要 function hideBar() { setTimeout( function() { window.scrollTo(0, 1…
关于 webpack 你可能忽略的细节（附源码分析）| 掘金技术征文
注：本篇不是入门教程，入门请直接查看官方文档。本篇的主要目标是通过实际问题来介绍 webpack 中容易被人忽略的细节, 以及源码分析(以最新发布的 release 版本1.14.0的源码为例), 并且提供几种解决方案。 webpack from the official website随着前端技术…
前端创建react-ts应用
# 使用node 16版本
yarn create react-app app2word --template typescriptyarn startyarn add antd# 安装react-router路由
npm install react-router-dom6参考文档： react-router
深入浅出 Compose Compiler（2） 编译器前端检查
前一篇文章最后提到了 Compose Compiler 中的众多 Extension，其中一些是编译期前端的各种 Checker ，他们负责对 Compose 代码进行编译期检查：
ComposableCallChecker：检查是否可以调用 Composable 函数ComposableDeclarationChec…
[js]Access to script at ‘file:xxx.js‘ from origin ‘null‘ has been blocked by CORS policy
Access to script at ‘file:///xxx/utils.js’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.
problem
在html中通过script使用…
解决lxx.vue:197 Uncaught (in promise) TypeError: Cannot read pr
谷歌浏览器控制台报错信息sssss.vue:197 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading status)at _this2.loading (ssssss.vue:197:1)控制台，从报错信息看是发生在sssss.vue:197 这个文件的197是在点击提交时候发生的报错定是什…
(前端)html与css，html 9、表格
1、表格基础 table、re、td 表格的标签之间是去哪套关系，table>tr>td table:表格。 tr:table rows行 td:table dock，单元格 <table border"1"></table> border是table自带属性，自动添加边框。 如果我们需要添加表…
Spring MVC入门知识总结
2．1、Spring Web MVC是什么Spring Web MVC是一种基于Java的实现了Web MVC设计模式的请求驱动类型的轻量级Web框架，即使用了MVC架构模式的思想，将web层进行职责解耦，基于请求驱动指的就是使用请求-响应模型，框架的目的就…
try.dot.net 的正确使用姿势
【简介】 微软官方前不久发布了 try.dot.net 这个有趣的网址，开始只是图个新鲜看了一下，后面通过自身实践过后，发现这着实算是个“有趣”的站点！ 首先我们大概地列举一下这个站点能给我们带来什么？ 在线做一些教学教程…
小程序rich-text中实现图片预览
<rich-text nodes"{{details.Content}}" space"ensp" catchtap"catchImage"></rich-text>catchImage(e) {// 富文本点击事件// 富文本const richContent this.data.details.Content;// 判断含有图片if (richContent.indexOf("…
小程序van-picker自定义二级联动
html <van-cell-group><van-cell title-class"hwms-cell-title" title-width"225rpx" value-class"hwms-cell-content" title"仓库-库位" value"{{warehouseContent}}" bind:click"warehouse" /><…
vue +h5 调用支付宝支付
let htmls res.Msg//后台返回的from表单const div document.createElement(div);div.innerHTML htmls;document.body.appendChild(div);document.forms[0].acceptCharset utf-8;document.forms[0].submit()
小程序获取经纬度，当前省市区
// pages/numberDetail/numberDetail.jsvar QQMapWX require(../../utils/qqmap-wx-jssdk.min.js);
var qqmapsdk;
const util require(../../utils/utils.js)//防抖节流
const app getApp()
Page({/*** 页面的初始数据*/data: {Phone:,UserInfo: {}, //地址信息id:,baseUrl…
Vue3中的计算属性和属性监听
compute计算属性
Vue3中可以通过 compute进行监听计算属性，他返回的是一个ref的对象，也就是说 通过compuye这种方式计算属性实际上是进行了ref的操作
import { computed } from vue
const user reactive({firstName: A,lastName: B
})
// 只有getter的…
【React源码实现】元素渲染的实现原理
前言
本文将结合React的设计思想来实现元素的渲染，即通过JSX语法的方式是如何创建为真实dom渲染到页面上，本文基本不涉及React的源码，但与React的实现思路是一致的，所以非常适合小白学习，建议跟着步骤敲代码ÿ…
Servlet中通过Cookie实现10天免密登录
大致思路:
登录时,如果登录成功,将用户信息放到Cookie中,设置时间长度
动态设置欢迎页面,用于检查判断Cookie中是否携带登录时候放进去的Cookie,用判断结果选择用户是否直接访问登录后页面,或是访问登录页面 关于了解一下Cookie
Cookie是一种用于服务器和浏览器之间会话状态…
ElementUI组件库的使用
2.修改main.js，增加router、ElementUI
import Vue from vue
import App from "./App";import router from ./router
import ElementUI from element-ui
import element-ui/lib/theme-chalk/index.cssVue.use(ElementUI);new Vue({el: #app,router,render: h => …
webpack的安装及创建项目
1.安装webpack
(1)打包工具
npm install webpack -g
(2)客户端
npm install webpack-cli -g
查看版本号：webpack -v 2.使用webpack创建项目 (1)创建目录webpack-study (2)创建modules/hello.js、modules/main.js
hello.js// 暴露方法
exports.sayHi=function () {docume…
![[Vue2]实现点击下拉筛选table组件](https://img-blog.csdnimg.cn/img_convert/72457cf582fc02db7e6b91b37fc6a47f.png)
[Vue2]实现点击下拉筛选table组件
[Vue2]实现点击下拉筛选table组件 /**表格组件列表 */
Vue.component(temTable, {props: [data_table],computed: {// tableCellWidth: function () {// return// }tableWidth: function () {if (this.$refs.tableBody) {return this.$refs.tableBody.offsetWidth} else {r…
从零开始学 Web 之 jQuery（二）获取和操作元素的属性
大家好，这里是「 从零开始学 Web 系列教程 」，并在下列地址同步更新...... github：https://github.com/Daotin/Web微信公众号：Web前端之巅博客园：http://www.cnblogs.com/lvonve/CSDN：https://blog.csdn.ne…
百度webuploader如何实现秒传与断点续传
因为这是小众需求，所以默认没有做在webuploader里面，而只是提供hook接口，让用户很简单的扩展此功能。 那么，都有哪些重要的hook接口呢？ before-send-file 此hook在文件发送之前执行before-file 此hook在文件分片&#…
for of 与for in的区别及用法
for of 搭配数组,直接遍历得到的是数组的成员项
for in搭配对象,直接遍历得到的是对象的key值 const arr[1,2,3,4]for (const item of arr) {console.log(item);//1,2,3,4}const obj{name:zs,age:12}for (const key in obj) {console.log(key);//name,age}
display的32种写法--摘抄
你知道『回』字有四种写法，但你知道display有32种写法吗？今天我们一一道来，让你一次性完全掌握display，从此再也不用对它发愁。 从大的分类来讲，display的32种写法可以分为6个大类，再加上1个全局类…
前端基础之CSS-Day13
1、CSS 语法 1.1、CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 selector {property: value;property: value;... property: value} 例如： h1 {color:red; font-size:14px;} 2、css的四种引入方式 2.1、行内式 行内式是在标记…
基于next服务端渲染框架和koa服务端解析框架的react开发小总结
前言：真正意义上的前后端分离，前端ssr服务器渲染页面，加载静态资源，数据还是储存在后台服务器中。 1.packjson配置： “script”:{
"dev": "node server",
"start": "npm run build…
Day21-自定义分页
一. 先简单来个示例 1.1 在urls.py中增加1条，user_list from django.conf.urls import url,include
from django.contrib import admin
from app01 import viewsurlpatterns [url(r^tpl_1/, views.tpl_1),url(r^tpl_2/, views.tpl_2),url(r^tpl_3/, views.tpl_3),u…
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as
谷歌浏览器的警告： [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080 造成原因： 由于浏览器必须要在执行事件处理函数之后…
redis源码学习_整数集合
redis里面的整数集合保存的都是整数，有int_16、int_32和int_64这3种类型，和C中的set容器差不多。 同时具备如下特点： 1、set里面的数不重复，均为唯一。 2、set里面的数是从小到大有序的，这在后面的intsetAdd函数中可以…
PHP 仿网易云的评论盖楼
一、简要 第一次做这种设计，当然有许多不足，希望多多指出。 评论盖楼，就是每条评论一个楼层，而楼层里面可以嵌套很多引用的评论，直接上图 A：牛什么牛（见图 Top4） B回复A：…
页面更新JS与CSS的缓存生效问题
之前在更新线上页面时，新更新的css不生效，反复确认了线上更新情况，文件都没有错误，最后发现是样式的缓存问题。排除了浏览器的缓存，服务器也没有对页面进行缓存处理，具体缓存到了哪里尚不明确。问了几个同事…
React的Hooks
React Hooks useState useMemo 和usecallback Hooks显示的指明因变量有什么好处 当使用时，y与changeX会被缓存下来，只要x不变，始终读取的是缓存的值， 如果不使用时，每次函数组件执行时，实际会基于x…
javaEE初阶 — HTML 中的常见标签
文章目录注释标签标题标签：h1 h6段落标签：p换行标签：br格式化标签图片标签：img1. img 的 alt 属性2. img 的 title 属性3. width 与 heigth 属性用来描述图的尺寸超链接标签：a表格标签列表标签表单标签1. from 标签2. …
vue3 ＜script setup＞语法糖
这里是引用 1.data 2.computed 3.父传子 4.子传父 5.原型链绑定和组件使用 6.父子组件 v-model 7.nextTick 8.插槽 9.路由useRoute和useRouter 10.路由守卫 11.生命周期 12.父组件调子组件的方法 ref 13.store
1.data
<template><h1>{{ name }}</h1><h1…
自定义input[type=file]上传按钮样式的四种方案，你知道几种？
目录 前言方案1 opacity: 0;实现方案2 display:none样式元素选择 ：label样式元素选择：其他元素::file-selector-button兼容性用法🧨🧨🧨 大家好，我是搞前端的半夏 🧑，一个热爱写文的前端工程师 💻. 如果喜欢我的文章，可以关注 ➕ 点赞 👍 一起学习交流前端，成…
Vue中MVVM模型详解
Vue中MVVM模型详解前言一、MVVM分析二、MVVM注意事项总结前言 MVVM模型是前端使用的比较多的一个模型，几乎所有的前端框架都是MVVM模型 一、MVVM分析 MVVM分为M，VM， V M：模型(Model) ：data中的数据V：视图(V…
Node.js的基本模块，global、process详解
基本模块
因为Node.js是运行在服务区端的JavaScript环境，服务器程序和浏览器程序相比，最大的特点是没有浏览器的安全限制了，而且，服务器程序必须能接收网络请求，读写文件，处理二进制内容，所以，Node.js内置的常用模块就是为了实现基本的服务器功能。这些模块在浏览器环…
都2023年了你还不会Commander.js吗?
废话不多说对照中文地址Commander.js带大家使用Commander. 都2023年了你还不会Commander.js吗?参数options‘no-’ 用法必填选项变长参数版本选项其他选项配置自定义选项处理函数命令addCommand命令参数其他参数配置自定义参数搭配option使用独立的可执行（子&#…
前端经典面试题之Set和Map的区别
1.Map是键值对，Set是值得集合，当然键和值可以是任何的值； 2.Map可以通过get⽅法获取值，⽽set不能因为它只有值； 3.都能通过迭代器进⾏for...of遍历； 4.Set的值是唯⼀的可以做数组去重，Map由于没…
【Node.js】NPM 使用介绍(安装，卸载，更新，版本号)
NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：
允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己…
localStorage使用总结
一、什么是localStorage、sessionStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的…
酸狗带你了解Vue.js
带你了解Vue.js
今天酸狗就带着大家了解一个国内最火的前端框架Vue.js。希望对大家Vue的了解有帮助！ 文章目录带你了解Vue.js前言一、框架和库的区别二、前端三大主流框架三、什么是Vue.js四、为什么要使用Vue框架总结前言
提示：看文章之前建议对Html/…
Vue项目中关于全局css的处理
Vue项目中关于全局css的处理步骤一：定义声明全局CSS的样式文件(common.scss)步骤二：挂载到全局封装一：对common.scss拆分封装二：新建index.scss，对elementPlus或者element-ui样式进行覆盖封装三：variable.s…
002：Mapbox GL更改大气、空间及星星状态
第002个 点击查看专栏目录 本示例的目的是介绍演示如何在vue+mapbox中更改大气、空间及星星状态 。
直接复制下面的 vue+mapbox源代码，操作2分钟即可运行实现效果 文章目录 示例效果配置方式示例源代码（共71行）相关API参考：专栏目标示例效果 配置方式
1）查看基础设置：…
禁用表单元素：Layui框架下的实践与技巧
引言
在日常的网页开发过程中，有时我们需要禁用表单元素，以防止用户在某些情况下进行输入或更改。在本文中，我们将介绍如何在Layui框架下使用JavaScript禁用表单元素，例如单选按钮（radio）、下拉列表&#…
如何实现一个vue的toast组件
在现代的Web应用程序中，Toast（提示框）是一种常见的UI组件，它通常用于显示短暂的提示信息或反馈用户操作的结果。Vue.js是一种流行的JavaScript框架，它提供了一种简单而强大的方式来构建web应用程序组件。在本文中&…
Sass @mixin 与 @include
Sass mixin 与 include
mixin 指令允许我们定义一个可以在整个样式表中重复使用的样式。
include 指令可以将混入（mixin）引入到文档中。 定义一个混入
混入(mixin)通过 mixin 指令来定义。 mixin name { property: value; property: value; ... }
以…
springboot 参数统一处理
目录
一、普通参数:ParameterRequestWrapper
二、HttpHelper请求处理字符串工具类
三、实体json参数：RequestWrapper
四、过滤器：PostFilter
五、Controller
一、普通参数:ParameterRequestWrapper import javax.servlet.http.HttpServletRequest;…
C++是什么？C++程序员工作的五个方面详细解析
程序员可以说是现代社会中一个非常重要的职业，因为计算机已经成为了现代社会中不可或缺的一部分。如今，各种应用程序的开发、维护和更新都需要程序员来完成。这篇文章主要想给三类朋友介绍程序员这个职业，分别是想了解程序员这个职业的人&…
前端如何优雅的实现跨终端开发（PC端+移动端）
文章目录解决方案一：使用CSS媒体查询。解决方案二：写两套代码，分别应用于PC端和移动端。推荐方案：使用CabloyJS相关链接解决方案一：使用CSS媒体查询。
这是传统的解决方案。使用一套代码，先做PC端…
Array 对象方法(3)
pop()：删除数组的最后一个元素。
let colors [red, green, blue];
let popped colors.pop();
console.log(colors); // 输出 [red, green]
console.log(popped); // 输出 bluepush()：向数组的末尾添加一个或更多元素。
let colors [red, green, blu…
React state 的生命周期
Recoil 的全局状态（global state）生命周期并不是由 Recoil 库直接管理的，而是由包含全局状态的顶层组件（如根组件或应用程序的主组件）创建和管理的。这个组件可能会包含 Recoil 的 RecoilRoot 组件，用于提供…
React(精读官方文档) - Hook-使用 State Hook（useEffect、useLayoutEffect）
Effect Hook
副作用： 数组获取、设置订阅、手动修改Reac组件中的DOM都属于副作用可以把 useEffect 看做 componentDidMount、componentDidUpdate 和 componentWillUnmount 这三个函数的结合简单示例：
import React, { useState, useEffect } from reac…
华为OD机试题 - 服务依赖（JavaScript）
最近更新的博客
华为OD机试题 - 任务总执行时长（JavaScript） 华为OD机试题 - 开放日活动（JavaScript） 华为OD机试 - 最近的点 | 备考思路，刷题要点，答疑 【新解法】 华为OD机试题 - 最小步骤数（JavaScript） 华为OD机试题 - 任务混部（JavaScript） 华为OD机试题 - N 进…
![[qiankun]实战问题汇总](https://img-blog.csdnimg.cn/290e7d4aa9354eb88bff7a32e1327ac7.png)
[qiankun]实战问题汇总
[qiankun]实战问题汇总ERROR SyntaxError: Cannot use import statement outside a module问题分析解决方案子应用命名问题问题分析解决方案jsonpFunction详细错误信息问题分析解决方案微应用的注册问题Uncaught Error: application cli5-beta6-test-name died in status LOADI…
在线文档技术-编辑器篇
这是在线文档技术的第二篇文章，本文将对目前市面上所有的主流编辑器和在线文档进行一次深入的剖析和研究，从而使大家对在线文档技术有更深入的了解，也让更多人能够参与其开发与设计中来。
注意：出于对主流文档产品的尊重…
JavaScript不同情况下this的指向
1. this是什么？
如果学过其他语言，那么可能会想到this是一个指向自己的指针，用于访问自己。 但是，JavaScript函数中的this关键字和以上说法略有不同。 在绝大多数情况下，函数的调用方式决定了 this 的值（运…
JavaScript事件流，事件冒泡和事件捕捉
本文是笔者阅读对JS事件流的深入理解之后的学习记录，谢小飞系原文作者，感谢！ 什么是js事件？什么是原生事件和自定义事件？
在JavaScript中有一个Event接口，表示在DOM中出现的事件，一些事件是由用…
改变下拉框中内容显示的顺序方法
在官网上：
如图所示：先点击龙须面，再点击虾仔煎的时候，会在下拉框中按照用户的点击顺序显示出来。
问题：前端如何按照黄金糕-双皮奶-虾仔煎-龙须面的顺序显示点击的值呢？这样做的一个好处就是按后端的顺序…
关于使用vue搭建前后端分离的项目,部署过程遇到的问题
1.首先应该有三个端口号:app前端、网页前端、后台接口 后台接口有很多，但是会映射到zuul上，保证他的端口号是对外开放的，其他不被占用就行 2.pc前端访问后台路径 他的baseUrl是每一次请求的基础路径，需要写服务器后台对外开放的i…
网站搭建 (第05天) 分类和归档
一、分类 在blog/views.py中定义一个博客分类的视图函数： def category_list(request):"""作用：博客分类的视图处理request：请求对象"""# 获得所有的分类category_list Category.objects.all()context {cate…
面试题-React(三)：什么是JSX？它与常规JavaScript有什么不同？
在React的世界中，JSX是一项引人注目的技术，它允许开发者在JavaScript中嵌套类似HTML的标签，用于描述UI组件的结构。本篇博客将通过丰富的代码示例，深入探索JSX语法，解析其在React中的用法和优势。
一、JSX基础语法
在…
web图书管理系统Servlet+JSP+javabean+MySQL图书商城图书馆 源代码
本项目为前几天收费帮学妹做的一个项目，Java EE JSP项目，在工作环境中基本使用不到，但是很多学校把这个当作编程入门的项目来做，故分享出本项目供初学者参考。 一、项目描述
web图书管理系统ServletJSPjavabeanMySQL
系统有1权限…
nodejs替换模版中${}的内容
要在js中想要替换替换模板中的${}，可以使用字符串的replace()方法结合正则表达式或者函数来实现替换操作。
以下是两种常见的替换方式： 使用正则表达式：
方法一：
const template "Hello, ${name}! Today is ${day}."…
【手写 Vuex 源码】第十二篇 - Vuex 插件机制的实现
一，前言
上一篇，主要介绍了 Vuex 插件的开发，主要涉及以下几个点：
Vuex 插件的使用介绍；Vuex 插件开发和使用分析；Vuex 插件机制的分析；
本篇，继续介绍 Vuex 插件机制的实现&…
每天10个前端小知识 【Day 14】
前端面试基础知识题
1. CSSOM树和DOM树是同时解析的吗？
浏览器会下载HTML解析页面生成DOM树，遇到CSS标签就开始解析CSS，这个过程不会阻塞，但是如果遇到了JS脚本，此时假如CSSOM还没有构建完，需要等待CSSOM…
前端规范写法的通俗约定法则
标签 自闭合（self-closing）标签，无需闭合 ( 例如： img input br hr 等 )；可选的闭合标签（closing tag），需闭合 ( 例如：</li> 或 </body> )；尽量减少标签数量；<img src="images/google.png" alt="Google">
<input type=&qu…
npm install sentry-cli失败的问题
1. 目前报错 2. 终端运行
npm set ENTRYCLI_CDNURLhttps://cdn.npm.taobao.org/dist/sentry-cli
npm set sentrycli_cdnurlhttps://cdn.npm.taobao.org/dist/sentry-cli3. 再安装
npx sentry/wizardlatest -i nextjs即可成功
记录--一个炫酷的css动画
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近有一个需求，要我实现一个动画效果，效果如下 简单分析了一下效果，是一个3d的效果，首先是一个圆，接着是两段圆环，第三层是一堆…
JS进阶第三篇：开发中对数组及对象的判断方法
系列文章传送门： JS进阶第一篇：手写call apply bind JS进阶第二篇：函数参数按值传递 文章目录JS判断数组1.通过instanceof运算符判断2.通过constructor判断3.通过数组自带的isArray方法判断4.通过isPrototypeOf()方法判断5.通过Object.protot…
vue样式绑定（v-if）
文章目录一.第一次用vue框架二.要求:1.定义两种样式，一种描述正确的状态，一种描述错误的状态。2.在结构代码中定义一个块，实现绑定正确的样式状态。3.定义一个按钮，实现正确和错误两种状态的class切换。三.源代码四.效果一.第一次…
cors解决跨域问题
// 引入模块 const expressrequire(express)// 引入模块 解决跨域 const corsrequire(cors) // 创建服务器 const appexpress()// 使用模块app.use(cors()) // 设置端口 app.listen(3000,()>{ console.log(启动成功); }) // 托管静态资源 app.use(express.static(./publ…
JavaScript基础一、简介
零、文章目录
文章地址
个人博客-CSDN地址：https://blog.csdn.net/liyou123456789个人博客-GiteePages：https://bluecusliyou.gitee.io/techlearn
代码仓库地址
Gitee：https://gitee.com/bluecusliyou/TechLearnGithub：https:…
vue多行显示文字展开
这几天项目里面有一个需求，多行需要进行展开文字，类似实现这种效果 难点就在于页面布局 一开始就跟无头苍蝇似的，到处百度 ，后面发现网上的都不适合自己，最终想到了解决方案 下面是思路： 需求是超过3行&a…
WebGL着色器 GLSL入门
我们已经讨论了着色器和 GLSL，但还没有真正给它们任何具体细节。 我想我希望通过示例可以清楚地说明这一点，但为了以防万一，让我们尝试使其更清楚。
正如其工作原理中所述，WebGL 每次绘制内容时都需要 2 个着色器。 顶点着色器和…
调戏chatGPT（二）下围棋
这次我准备和chatGPT下盘围棋，我先得确认它知道围棋是啥，如果会的话我就不用介绍规则了 t 你会下围棋嘛 作为一名AI助手，我可以模拟下围棋的过程，但是我没有实际的感官，无法看到棋盘和棋子，也无法进行实…
Vue.js 2.0 计算属性
在模板中绑定表达式是非常便利的，但是它们实际上只用于简单的操作。在模板中放入太多的逻辑会让模板过重且难以维护。例如：
<div id"example">{{ message.split().reverse().join() }}
</div>
在这种情况下，模板不再…
春招冲刺（一）：防抖节流面试/笔试题整理
防抖节流面试/笔试题整理
防抖
Q1: 为什么要防抖?/什么是防抖？/了解防抖吗？
防止事件重复触发 例如 ：使用search搜索关键词，用户在不断输入值时，不需要每次输入都进行一次查询，可以等用户输入完再查询。…
（待删除）VUE/JS 时间戳、中国标准时间、年月日时分秒三者之间互转合集
在前端中，有时候会用到时间戳参数，时间戳参数大多是new Date()形成的毫秒数 在某些情况下，需要还原时间戳表示的时间，也就是将毫秒数转换为标准时间格式的日期
// 假设timeStamp为时间戳的数值字符串
new Date(parseInt(timeStam…
在Vite项目中接入CSS工程化方案
在上一篇文章使用Vite快速构建前端React项目使用 Vite 初始化了一个 Web 项目，然而能够使用 Vite 官方的脚手架来构建项目是远远不够的，我们还需要考虑诸多的工程化因素，以及和其他第三方插件的融合。接下来，我们将以实战的方式逐个击破Web工程化的各个方面。
首先，前端工…
vue写一个翻页的时间插件
读秒效果有一个从上向下的翻页效果 效果图 clock代码
<template><div class"dateClock"><div class"todayClass"><p class"datep">{{dateToday}}</p><span style"float:right;font-size:16px">…
【阅读文档】Vue.js 2.0 之教程文档
系列文章目录 提示：阅读本章之前，请先阅读目录 文章目录系列文章目录前言兼容性Devtools开发版和生产版安装Vue-cli编译器Vue.js 是什么最基本的Vuev-bind 指令split 和 reverse 搭配v-model 双向绑定vue-component 定义组件v-bindObject.freeze箭头函数…
【moment.js】时间格式化插件
Moment.js 用于在JavaScript中解析，验证，操作和显示日期和时间。是一款在项目中使用频率极高的时间格式化工具，Ant Design Vue 组件中就是使用它来处理时间的。
安装
npm install moment --save # npm
yarn add moment # Ya…
SAP 在建工程转固定资产
由固定资产归口采购部门或业务部门提交购置固定资产/在建工程的申请，经审批后，若是需要安装调试，则由财务部固定资产会计建立内部订单收集成本，月末结转在建工程。项目完工后，相关部门（公司装备部、分公司装…
浏览器的渲染过程解析
文章目录浏览器渲染进程有哪些？浏览器的渲染过程浏览器渲染进程有哪些？
GUI线程：负责渲染浏览器页面，解析html，css，构建DOM树，CSS规则树，渲染树和绘制页面，当界面需要重…
JavaScript头像图片上传插件支持上传类型大小尺寸验证
一行代码实现头像上传，图片大小、尺寸，类型验证
html调用
<img src"这里放默认头像" id"preview" onclick"uploader.fileInput.click()"/> js调用 var uploader new ImageUploader({accept: [jpg, png, gif],m…
如何在Vite项目中使用Lint保证代码质量
通常，大型前端项目都是多人参与的，由于开发者的编码习惯和喜好都不尽相同，为了降低维护成本，提高代码质量，所以需要专门的工具来进行约束，并且可以配合一些自动化工具进行检查，这种专门的工具称为Lint，可能大家接触得最多就是ESLint。
对于实现自动化代码规范检查及修…
Nuxt项目配置、目录结构说明-实战教程基础-Day02
Nuxt项目配置、目录结构说明-实战教程基础-Day02一、Nuxt项目结构1.1资源目录1.2 组件目录1.3 布局目录1.4 中间件目录1.5 页面目录1.6 插件目录1.7 静态文件目录1.8 Store 目录1.9 nuxt.config.js 文件1.10 package.json 文件其他：别名二、项目配置2.1 build2.2 cs…
React（八）：引出Hook、useState、useEffect的使用详解
React（八）一、类组件的优劣势1.类组件的优势2.类组件的劣势（1）复杂组件会难以理解（2）复杂的class（3）组件复用状态很难二、Hook初体验useState1.使用Hook的计数器案例2.详解useState&…
浅谈对Promise的理解以及在工作中的应用
浅谈对Promise的理解以及在工作中的应用Promise的概念背景知识JavaScript的同步和异步JavaScript事件循环回调函数进行异步操作解决方案：PromisePromise 在工作中的运用创建PromisePromise封装AJAXPromise链式操作Promise.all()Promise.race()async和await总结Promi…
useState取到新值
setState()后state并未更新
闭包
当函数可以记住并访问所在的词法作用域时，就产生了闭包，即使函数是在当前词法作用域之外执行。
打包了当前作用域，且超越了当前作用域，在此之外也可以执行。
有状态函数
有状态函数就是利用闭…
自定义显隐滚动条：滚动时显示，不滚动自动隐藏，自定义隐藏时间
tips:如果本文对你有用，请爱心点个赞，提高排名，让这篇文章帮助更多的人。谢谢大家！比心❤~ 如果解决不了，可以在文末加我微信，进群交流一起学习探讨。 背景
根据项目的市场优势，目前的项目UI没…
React教程详解一（props、state、refs、生命周期）
文章略长，耐心读完，受益匪浅哦~ 目录
前言
简介
JSX
面向组件编程
state
props
refs
组件生命周期 前言
简介
React框架由Facebook开发，和Vue框架一样，都是用于构建用户界面的JavaScript库；
它有如下三个特…
将position设置为absolute/fixed元素的特点
◼ 绝对定位元素脱离标准流 ◼ 可以通过left、right、top、bottom进行定位 定位参照对象是最邻近的定位祖先元素 如果找不到这样的祖先元素，参照对象是视口
在绝大数情况下，子元素的绝对定位都是相对于父元素进行定位 ◼ 如果希望子元素相对于父元…
获取html元素相对屏幕的位置
1. 写在前面
Javascript 由三部分构成，ECMAScript，DOM和BOM。
ECMAScript(核心) 描述了JS的语法和基本对象
Bom:(browser object model）；浏览器对象模型，提供一些属性和方法可以操作浏览器，浏览器可…
selenium操作firefox
下载浏览器
下载链接：https://ftp.mozilla.org/pub/firefox/releases/
79.0为版本号，可以替换 https://download-installer.cdn.mozilla.net/pub/firefox/releases/79.0/win64/zh-CN/Firefox%20Setup%2079.0.exe
设置不更新：https://jingy…
分裂器QSplitter - 样式
分裂器QSplitterQSplitter::handle {border: 1px solid darkgray;background:darkgray;}QSplitter::handle:hover {background: lightgray;border: 1px solid lightgray;}QSplitter::handle:horizontal {width: 2px;}QSplitter::handle:vertical {height: 2px;}
ARMS: 原来实时计算可以这么简单！
为什么80%的码农都做不了架构师？>>> 摘要： 业务实时监控服务（ ARMS）是一款阿里云应用性能管理（APM）类监控产品。借助本产品，您可以基于前端、应用、业务自定义等服务，迅…
HTML5拖拽/拖放(drag drop)详解
H5中拖拽属性：draggable： auto | true | false拖动事件：- dragstart 在元素开始被拖动时触发- dragend 在拖动操作完成时触发- drag 在元素被拖动时触发释放区事件：dragenter 被拖动元素进入到释放区所占据得屏幕空间时触发dragov…
SpringNote01.基于SpringMVC-Hibernate的Blog系统
最近，在学习Spring，做这样一个简单的blog系统，主要是让自己动手练习使用Spring，熟练的使用才干进一步的深入学习。该项目使用Maven构建，使用git进行代码管理，通过这样一个小项目，熟悉了这两个工…
使用python调用echart画图
前言 之前说了如何使用阿里云的SDK获取云存储的值然后发送表格邮件，但是最近领导又发话了，说这个邮件每天一封看的有点审美疲劳，要顺应“数据可视化”的趋势，于是就要求画图，力求直观。要做到“从众多数据中突出特别数…
vue数据字典下拉框，要回显下拉列表中没有的值？
思路：下拉框的回显，是根据下拉列表数组来回显的，假设下拉列表中没有该值，则无法回显；那么我们把不能回显的值也放到数组里面，只是显示下拉列表的时候隐藏，就可以达到回显的作用了； 数据字典中有个enable字段，用于字典的启用和停用；我们可以根据这个值来判断是否显示和…
面试：vue组件的设计原则
(1)页面上每个独立的可视/可交互区域视为一个组件(比如页面的头部，尾部，可复用的区块)
(2)每个组件对应一个"工程"目录，组件所需要的各种资源在这个目录下就近维护(组件的就近维护思想体现了前端的工程化思想，为前端开…
【2023-3-29】JavaScript使用promise顺序调用函数并抛出异常
JavaScript使用promise顺序调用函数并抛出异常
场景
新建或者编辑时，一个页面中存在多个表单，每个表单都有单独进行表单验证。点击提交时，若有一个表单校验失败，则不能提交。 ps：为啥不放在一个表单中？ (…
【前端架构】Angular,React,Vue那个是2023的最佳选择?
当开始一个新的web开发项目时，许多开发人员都有一个问题:“什么工具是最合适的?”显然，JavaScript是骨干，因为今天它提供了创建前端的广泛功能。但是人们在选择框架时面临着两难，因为JS中有很多框架，而且每个框架都有…
vue3 中 pinia 数据持久化配置使用sessionStorage
❤️砥砺前行，不负余光，永远在路上❤️ 目录前言一、Pinia的使用二、Pinia数据持久化1、安装pinia-plugin-persistedstate2、在main.js中引用3、修改store4、修改持久化存储位置5、其他配置前言
现在，Vue 的官方状态管理库已更改为 Pinia&am…
钉钉小程序如何解决页面加载完之后才获取到数据的问题，如何在 onLaunch 获取到后端数据之后再执行 onLoad
我们通常会遇到这样的问题：页面加载完成之后，接口请求的数据才请求回来，此时页面已经渲染完成了，所以，数据请求回来的太晚，就不会被渲染到页面上。 所以这个问题的另外一种的表示就是：如何在 on…
浏览器是如何确定每一个元素的位置
这节了解：浏览器是如何确定每一个元素的位置
涉及到确定元素位置，那就聊到了我们的排版了，最常见的是正常流排版
正常流排版：正常流是唯一一个文字和盒混排的排版方式，在正常流的文字排版中，多数元素被当…
尚品汇细节分析-Vue项目中如何实现自定义校验规则
需求：当用户登录时，会输入用户名和密码，用户名不能为空，密码的长度不能小于6位。需要在用户在点击登录按钮前，进行验证是否通过我们设定的规则，如果通过则放行，如果不通过则会进行提示。 效果图…
使用node crypto模块gcm加密报错Unsupported state or unable to authenticate
gcm需要添加tag，可以自己拼接在加密后的数据后面，解密时自行分割后操作。tag为32位。
const crypto require(crypto);const algorithm aes-256-gcm;
const message This is a secret message;
const iv crypto.randomBytes(12);
const sKey crypto…
C中assert(断言)常量const声明外部符号extern
常量const :修饰变量，这个变量就被称为常变量，不能被修改，但是本质上还是变量。
const修饰指针变量的时候
如果放在*的左边，修饰的是*p,表示的是指针所指向的内容，。是不能通过指针来改变的。
但是指针变量本身可以…
bootstrap table 教程+x-editable
Bootstrap-table 快速入门---- bootstrap-table是一个基于Bootstrap的jQuery插件可以实现从数据库中提取数据到前端进行相应操作的功能 更加优秀的页面展现请到bootstrap-table Table of contents Quick startWhy use itWhats includeddetails进阶之行内编辑额外的坑点quick-s…
Nuxt.js: Error: [vuex] do not mutate vuex store state outside mutation handlers.
Nuxt.js: Error: [vuex] do not mutate vuex store state outside mutation handlers.
不能在mutation函数以外更改vuex状态，请检查你的代码。
结尾处，欢迎交流学习，纠错。
kendo ui grid控件在选择行时如何取得所选行的某一列数据
$("#grid").kendoGrid({ dataSource: dataSrc, columns: [ { template: #material_id#, width: 40, title: "物料编码" }, { field: "material_name", width: 70, title: "物料名称" },{ field: "spec", width: 70, title: …
HTML学习-表单语法、表单元素格式、单选框、多选框、按钮 2021-1-19
表单语法
表单form action:表单提交的位置，可以是网站，也可以是一个请求处理地址 method:post,get 提交方式 get方式提交：我们可以再url中看到我们提交的信息，不安全，高效 post方式提交：比较安全ÿ…
扩展器必须，SAS 2.0未必（SAS挺进中端存储系统之三）
SAS要想搞定中端磁盘阵列（存储系统），有一个组件是无论如何也绕不过去的，它就是——高端口数扩展器。低端磁盘阵列一般只有12～24个硬盘驱动器槽位，往往也不需要连接扩展磁盘柜，通过12端口以下的低…
从零开肝Vue2.0(配置路由环境与简单使用)
在项目中安装route和vue-router
npm i route
npm i vue-router创建/src/router/index.js文件
//引入vue-router
import VueRouter from "vue-router";
//引入需要路由的组件
import About from "/components/About";
//引入需要路由的组件
import Home f…
vue3.0 组件之间传值
父组件 ——> 子组件 ：props setup(props,ctx) 子组件 ——> 父组件 ：emit setup(props,{emit}){ emit(sendMsg,state.result) } 或 setup(props,ctx) { ctx.emit(sendMsg,state.result) } 在vue3中使用 emit可能会报错警告…
从零开肝Vue2.0(Vuex的环境搭建)
在项目中导入Vuex npm i vuex创建并配置文件 /src/store/index.js //引入Vue核心库
import Vue from vue
//引入Vuex
import vuex from "vuex";
//使用Vuex插件
Vue.use(vuex)
//准备 actions 对象 ， 响应组件用户动作
const actions {}
//准备 mutations…
js 实现控制点击事件在特定的毫秒内 只允许点击一次(防止重复点击)
代码 第一种方法 var forbidRepeartClick (function(){var instance null;var canClick true;function Build(){this.setClick function(callback){if(canClick){canClick false;callback()setTimeout(function(){canClick true;},2000)}else{console.log(两秒之内限制重…
javascript arcgis 取区域中心点
javascript arcgis 取区域中心点 //graphic是绘制完多边形之后返回的对象
//获得多边形的中心点坐标
var centerPointgraphic.geometry.getExtent().getCenter(); 转载于:https://www.cnblogs.com/chenghu/p/9087051.html
js中if条件其他类型转boolean
if条件中其他类型转boolean：
1. number：0或NaN为假，其他为真
2. string：除了空字符串("")，其他都是true，"0"也是true 3. null&undefined：都是false
4. 对象…
新虚机（ubuntu）环境 配置前端开发环境
需要更新 nodejs包 1 下载 node 3 mv node /usr/local 2 ln -s /usr/local/node-v8.9.0-linux-x64/bin/npm /usr/bin 2 ln -s /usr/local/node-v8.9.0-linux-x64/bin/npm /usr/bin转载于:https://www.cnblogs.com/sjj1022/p/7998043.html
ajax请求后返回的时间转换格式
1.以前见过//DateTimeFormat(pattern "yyyy-MM-dd hh:mm:ss") 这种方式，但是最近用的时候不好使 2.一个比较不通用的方法解决了问题。 import java.io.IOException; import java.text.SimpleDateFormat; import java.util.Date; import org.codehaus…
html5新属性contenteditable 对于那些不可编辑的标签，现在都可以编辑了
contenteditable true 表示该html标签的内容可以编辑，对于那些不可编辑的标签，现在都可以编辑了。转载于:https://www.cnblogs.com/jerrypro/p/6834551.html
分布式数据库中间件TDDL、Amoeba、Cobar、MyCAT架构比较分
比较了业界流行的MySQL分布式数据库中间件，关于每个产品的介绍，网上的资料比较多，本文只是对几款产品的架构进行比较，从中可以看出中间件发展和演进路线 框架比较 TDDL Amoeba Cobar MyCat 点评 TDDL不同于其它几款产品࿰…
Vue.js自定义指令的用法与实例
市面上大多数关于Vue.js自定义指令的文章都在讲语法，很少讲实际的应用场景和用例，以致于即便明白了怎么写，也不知道怎么用。本文不讲语法，就讲自定义指令的用法。 自定义指令是用来操作DOM的。尽管Vue推崇数据驱动视图的理念&…
控件setText与setValue赋值顺序先后区别
1.text与value设置不同的值一定要先赋值 value后赋值text, 否则全为value值 2.若只setValue,则getValue 与 getText获取的值全为value值 $(#testid).textbox(setText,789);$(#testid).textbox(setValue,123);console.info($(#testid).textbox(getText));//123
console.info($(#…
Javascript 经纬度正则表达式
// 经度正则表达式，范围：-180.0000~180.0000
let lngReg ^-?((1?[0-7]?[0-9]?)(([.][0-9]{1,4})?)|180(([.][0]{1,4})?))$;// 纬度正则表达式，范围：-90.0000~90.0000
let latReg ^-?(([1-8]?[0-9]?)(([.][0-9]{1,4})?…
echarts：3D图旋转后如何恢复初始状态
1、我们需要知道，旋转角度由option.grid3D.viewControl.alpha、beta来控制。 2、我们需要一个事件来触发旋转角度恢复，比如点击画布空白处的时候，旋转角度恢复到初始值，这里有一个难点是如何判断到底点的是空白区还是画布区。
切…
jquery实用的一些方法
做个购物车功能，需要修改下前端页面 有些实用的方法总结一下 当你想实现最基本的加减法的时候，对于转换number实用Number(str)即可 首先明确下页面的每一行是动态的，这个时候绑定事件的时候不能根据id来绑定 可以根据事件(this)来操作 还有些…
Java IO 最详解，欢迎提出意见
Java IO 详解 初学java，一直搞不懂java里面的io关系，在网上找了很多大多都是给个结构图草草描述也看的不是很懂。而且没有结合到java7 的最新技术，所以自己来整理一下，有错的话请指正，也希望大家提出宝贵意见。 首先看…
vue3中watch与watchEffect的异同
watch 和 watchEffect 都是监听器，有很多相同点，也有些不同点。
一、相同点
1、都可以监听数据的变化
import {ref, reactive, watch, watchEffect} from vue
export default {setup() { const stateRef ref(0)const stateReactive reactive({num: …
十六、vue3.0之富文本编辑器的选择
在工作过程中我们会遇到很多的时候会使用到富文本编辑器，市场上流行的也是各种各样的，那么究竟如何选择呢，今天就给大家讲讲有哪一些，方便大家的选择。
一、TinyMCE TinyMCE 是富文本编辑器领域的头部玩家之一，主流富文本编辑器，功能非常全，你需要的大多数功能它都支持…
Tinymce富文本编辑器在vue项目中的使用；引入第三方插件和上传视频、图片等
先放张效果图第一步：安装依赖 npm install tinymce5.0.12第二步：在项目中的public文件夹中新建tinymce文件夹（因为我的项目是脚手架创建的，所以公共文件夹是public）；在node_modules中找到skins文件夹复制到…
JavaScript前端面试常考算法模板
一、二分查找
使用条件
排序数组 (30-40%是二分)当面试官要求你找一个比 O(n) 更小的时间复杂度算法的时候(99%)找到数组中的一个分割位置，使得左半部分满足某个条件，右半部分不满足(100%)找到一个最大/最小的值使得某个条件被满足(90%)
复杂度
时间…
js实现获取当前星期和日期
var weekarr new Array("日", "一", "二", "三", "四", "五", "六");
var myDatenew Date();
var yearmyDate.getFullYear();
var monthmyDate.getMonth()1;
var datemyDate.getDate();
var hours my…
在vue中对canvas绘制出的图做屏幕自适应
一般情况下，可以通过CSS设置Canvas元素的宽度和高度为100%，然后通过JavaScript获取Canvas元素的宽度和高度，并将它们分别设置为Canvas的实际宽度和高度。这样就可以保证Canvas元素的大小与屏幕大小相适应。
具体实现步骤如下：
在…
贵金属吸附树脂，吸附金的材料，钯吸附树脂
汞和贵金属的选择性去除回收离子交换树脂
Tulsimer CH-95S 是一款为了从工业废水中去除回收汞和贵金属而专门开发的螯合树脂。
Tulsimer CH-95S是一款拥有聚乙烯异硫脲官能基的大孔树脂，这种树脂对汞有极的选择性。它也选择其他的贵金属，如黄金&am…
带启用/禁用文字的开关
文章目录一、效果图二、代码样式代码一、效果图 二、代码
<el-form-item label"状态" class"btnRow" style"width: 25%" required><el-switchv-model"editForm.disabled":active-text"editForm.disabled ? 启用 : 禁用…
233：vue+openlayers绘制渐变填充色的圆形、多边形
第233个 点击查看专栏目录 本示例的目的是介绍如何在vue+openlayer中绘制带有渐变填充色的圆形、多边形。这里用canvas的方式去渲染，用到了DEVICE_PIXEL_RATIO，设备上的物理像素与设备无关像素 (dips) 之间的比率 (window.devicePixelRatio)。
直接复制下面的 vue+openlayer…
jsonp解决跨域问题
jsonp解决跨域问题
测试1:
a.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns"http://www.w3.org/1999/xhtml">
<head><…
腾讯云im：用户端来实现群组消息的功能
前言： 腾讯云im如果放在服务端来实现是非常便捷的，但是也受腾讯im的并发等限制，这里提供 用户端，也就是前端 来实现群组消息的相关功能。
实现效果： 实现具体功能需求： 1、群组中有主播、用户、助手、导…
vite+Vue3技术栈项目- 解决跨域配置代理
viteVue3技术栈项目- 解决跨域配置代理1. 跨域问题引入2. 解决跨域编码：3. 更改后端请求：4. 编码测试OK1. 跨域问题引入
我的前端项目启动，是 http://127.0.0.1:3000
需要访问的后端接口是：http://localhost:9693/httphwm/getLi…
JS中的void 0是什么意思?
void 0 的意思就是undefined;查阅资料说存在的意思是相对于undefined, 字节数变小了, 节省内存, 个人感觉主要是装逼用;控制台打印 void 0 undefined , 结果是 true;在JS中, 一个函数如果没有return值, 那函数的返回值就是undefined.
web前端开发培训和自学 哪种选择更适合你
web前端相对于其他软件开发是比较容易入门的，但是如果深入学习就比较困难了，这门技能需要从业人员掌握一定的设计、代码、交互技能和一些SEO技能，容易入门还涉及这么多知识和技能，那学习web前端开发到底是培训好还是自学好&#x…
浅谈CSS常用属性（2）-z-index属性
目录
1. z-index的作用
2. 使用要求
3. z-index:auto 与 z-index:0 的异同
4. z-index 相同的层叠关系（处于同一平面的定位元素） 1. z-index的作用 CSS，又称层叠样式表，而z-index就是用来设置定位元素的层叠顺序。 2. 使用要求…
浅谈CSS常用属性（1）-position属性介绍
目录
1. position属性效果
2. position属性的属性值 1. position属性效果 我们经常会遇到以下类型的页面：当页面流大于一个页面长度时，我们就需要滚动页面来浏览内容，但是顶部的菜单栏并没有随着页面的滚动而移动，其始终固定在页…
C#开发中碰到的问题------MVC架构，ViewBag存的是html显示问题
后端： ViewBag.Html "<div>我的</div>" 前端： <div>Html.Raw(ViewBag.Html)</div>转载于:https://www.cnblogs.com/LiCoco/p/9723512.html
在移动端避免使用100vh
在移动端避免使用100vh
CSS中的Viewport单元听起来很棒。如果你想将一个元素设置成全屏高度，你可以设置高度:100vh，这样你就有了一个完美的全屏元素，它会随着视口的改变而改变大小!遗憾的是，事实并非如此。100vh在不同的浏览器的…
vue中axios发送post请求，后端（@RequestParam）接不到参数
遇到的问题描述 ：axios post 请求，后端接收不到参数。 我们的接口是java，用RequestParam来接收前端的参数 解决方案：使用qs；axios中已经包含有qs，所以无需重新安装，直接引入就好 import Qs from…
css清除浮动方法集合
高度塌陷：当所有的子元素浮动的时候，且父元素没有设置高度，这时候父元素就会产生高度塌陷。
清除浮动方式1：给父元素单独定义高度
优点：快速简单，代码少 缺点：无法进行响应式布局 清除浮动方式…
网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点
前言: 之前编写了一个网页闯关游戏(类似Riddle Game), 除了希望大家能够体验一下我的游戏外. 也愿意分享编写这个网页游戏过程中, 学到的一些知识. 本文讲描述, 如何在网页端实现一个仿微信的聊天窗口界面, 以及其中涉及到的一些技术点. 作者前端是初学者, 请大拿们轻拍…
jQuery Flat Shadow – 轻松实现漂亮的长阴影效果
长阴影其实就是扩展了对象的投影，感觉是一种光线照射下的影子，通常采用角度为 45 度的投影，给对象添加了一份立体感。长阴影快速发展为流行的设计趋势，并经常被应用到扁平设计方案的对象。更详细的介绍可以阅读《扁平化设计的最新…
Javascript手把手编写 猜数字大小游戏 附源码
猜数字游戏，只有猜对了，才会结束，否则一直循环 1.随机生成一个1~100 的整数 需要用到 Math.random() 方法。 2.需要一直猜到正确为止，所以需要一直循环。 3.while 循环更简单 4.核心算法：使用 if else if 多分支语句…
PHP下载安装开发环境需要注意的问题，服务不能启动问题
1.IIS没有关导致数据库启动不了，可以进入控制面板-管理工具中关闭IIS关闭服务
如果还是启动不了，就说明安装了微软数据库，
需要去服务里面关，
此电脑右键管理，找到服务中的对应项，设置为手动 如果下载不…
uniapp解决苹果手机上传图片不显示问题
//重点：上传时压缩，
addvoicea() {var that this;// 从本地相册选择图片或使用相机拍照。uni.chooseImage({count: 1, //最多可以选择的图片张数，默认9//album 从相册选图，camera 使用相机，默认二者都有。sourceType:…
使用javascript-obfuscator进行JS的(批量)最小化和混淆
安装NPM(node,js)
安装javascript-obfuscator
npm install javascript-obfuscator -g 最小化并混淆文件
javascript-obfuscator input_file_name.js 执行上面的指令后，会生成input_file_name-obfuscated.js
批量操作
javascript-obfuscator ./
BCC Art Looks：BCC Water Color
BCC Water Color 水彩效果 Effect Presets & Docs 效果预设与文档 Compare 对比 View 视图 --Output - 输出 --Background - 背景 --Lines - 线条 --Cartoon Matte - 卡通遮罩 Temporal Smoothing 时间平滑 Boost Contrast 增强对比度 Soften 柔化 Cartoon On 卡通模式开…
前面有一个Redux，我们去撩(聊)一下它。
什么是Redux? 管理整个前端项目(单页应用)所有的状态数据，统一把整个应用的状态存到一个地方(store)，保存成一个状态树，修改数据需要派发(dispatch)一个动作(action)通知store修改。组件通过订阅(subscribe)修改事件，获取最新数据…
easyui提交表单数据的时候如何防止二次提交
在前端提交数据的时候有时候可能会由于网络延迟等原因,我们在等待的时候会多次点击保存按钮,这可能会导致我们一次输入的数据多次提交,导致数据重复。最近在做项目的时候碰到了这个问题,先说一点,这个问题的解决方案有很多种,有的在前端解决,有的方案在后端解决,个人觉得能够在…
有赞美业店铺装修前端解决方案
一、背景介绍 做过电商项目的同学都知道，店铺装修是电商系统必备的一个功能，在某些场景下，可能是广告页制作、活动页制作、微页面制作，但基本功能都是类似的。所谓店铺装修，就是用户可以在 PC 端进行移动页面的制作&am…
2018软工实践第七次作业
目录 组队后的团队项目的整体计划安排项目logo及思维导图项目logo思维导图产品思维导图产品思维导图-引导产品思维导图-后端数据处理、存储产品思维导图-短信识别产品思维导图-智能分析产品思维导图-壁纸生成产品思维导图-注册界面产品思维导图-登录界面产品思维导图-使用1产品…
SpringBoot 缓存模块
默认的缓存配置 在诸多的缓存自动配置类中, SpringBoot默认装配的是SimpleCacheConfigguration, 他使用的CacheManager是 CurrentMapCacheManager, 使用 CurrentMap当底层的数据结构,按照Cache的名字查询出Cache, 每一个Cache中存在多个k-v键值对,缓存值 几个主要的概念&常…
解决chrome浏览器自动填充密码
chrome会自动填充密码，解决方法很简单 使用下面的参考代码即可： <input type"password" readonly οnfοcus"this.removeAttribute(readonly)" value"" autocomplete"off"> 使用readonly 属性和 onfocus事…
前端跨域解决方案及实践
什么是跨域
在Web开发中，跨域是指在浏览器中，一个网页的脚本试图访问另一个网页的资源时，由于浏览器的同源策略限制，请求会被拒绝。同源策略要求两个网页的协议、域名和端口号必须完全一致，否则就会出现跨域问题。
跨…
vue三种方式导出报表至excel
1、序言 1.1、源码 源码在下方，复制运行，安装相应的插件即可 1.2、坑 方式一、方式二安装相同插件： npm install xlsx xlsx-style file-saver 导入 xlsx-style 会报如下的错误 解决办法： （1）去node_modules…
Jenkins的错误“error fetching remote repo origin”的问题解决
错误如上，解决方法收集，可以尝试以下方法： http://stackoverflow.com/questions/38391601/jenkins-error-error-fetching-remote-repo-origin https://issues.jenkins-ci.org/browse/JENKINS-26757 http://www.nikest.com/web/jswd/2015/0325…
uview的折叠面板和u-tabs的扩展
第一个：首先要安装uview UI框架 （已发布如何安装） 第二个：使用uview 中的折叠面板（Collapse 折叠面板 | uView 2.0 - 全面兼容nvue的uni-app生态框架 - uni-app UI框架） 第三点：明白一个插槽使用…
毕业设计-电子商务网站（二）
个人觉的毕业设计对自己编码水平有很大的磨练，建议大家独立完整的完成自己的毕业设计，即使多花一些时间也无所谓。
设计毕业设计的时候建议大家先设计页面，再解决数据交互上的问题。
接下来我将为大家展示我的毕业设计，希望对大…
vue2.0生命周期详解(前端网备份)
这篇大佬用图文分析详解vue2.0里面的生命周期<script src"https://cdn.bootcss.com/vue/2.4.2/vue.js"></script>;页面中渲染的优先值:所以综合排名优先级：render函数选项 > template选项 > outer HTML. https://segmentfault.com/a/11…
高并发 Web 服务的演变：节约系统内存和 CPU
本文内容 越来越多的并发连接数 Web 前端优化，降低服务端压力 节约 Web 服务端的内存 节约 Web 服务器的 CPU 小结 一，越来越多的并发连接数 现在，Web 系统面对的并发连接数呈现指数增长，高并发成为了一种常态，这给 We…
什么是浏览器跨域访问操作，js如何实现？
什么是浏览器跨域访问操作，js如何实现？
首先介绍一下域，域就是一系列的用户账户、访问权限和其他各种资源的集合。 浏览器跨域访问操作就是一个域上加载的脚本获取或操作另一个域上的文档属性。
js可有三种方法实现跨域访问：
基…
virtual-dom原理与简单实现
前言目前广为人知的React和Vue都采用了virtual-dom，Virtual DOM凭借其高效的diff算法，让我们不再关心性能问题，可以随心所欲的修改数据状态。在实际开发中，我们并不需要关心Virtual DOM是如何实现的，但是理解Virtual D…
为什么“false == []”和“false == ![]”都返回true？
JavaScript 是一种非常优秀的编程语言，但与此同时，它也常常让我感到困惑。
可能我还不够了解！有时我真的想不通它是如何工作的，看完这5个奇怪的问题，你就知道我为啥这么说了，你知道这些古怪问题的正确答案…
【前端面经】CSS-CSS的工程化
CSS 工程化的目的是解决以下问题：
宏观设计：如何组织 CSS 代码、如何拆分、如何设计模块结构？编码优化：如何编写更好的 CSS 代码？构建：如何处理 CSS 代码，以让打包结果最佳？可维护性…
编程中最难的就是命名？这几招教你快速上手
作者：陈立(勤仁)
你可不能像给狗狗取名字那样给类、方法、变量命名。仅仅因为它很可爱或者听上去不错。
在写代码的时候，你要经常想着，那个最终维护你代码的人可能将是一个有暴力倾向的疯子，并且他还知道你住在哪里。
01 为什么…
HTML ＜basefont＞ 标签
HTML5 中不支持
<basefont> 标签在 HTML 4 中用于为 HTML 文档中的所有文本指定默认的文本颜色、字体大小或字体系列。
实例
规定页面上的默认字体颜色和字号：
<head>
<basefont color="red" size="5" />
</head><body>…
Vue3 Antd 父子嵌套子表格
Vue3 Antd 父子嵌套子表格
父子嵌套子表格
目标1：可以点击多个父节点表格，正确显示子表格数据
目标2：父表格数据刷新重载，解决子表格数据不刷新问题
官方示例代码，以及效果 https://www.antdv.com/components/tabl…
React之动态路由创建以及解决刷新白屏问题
动态路由的创建和动态菜单的创建几乎类似，只不过的是，动态路由需要导入组件。这样才能完成跳转。
动态路由与动态菜单一样都需要封装一个转化函数，将后端传来的数据进行转换，转换成我们需要的格式。
需要导入的依赖 导入路由use…
webpack loader原理以及自定义loader
loader主要是帮助webpac将不同类型的文件转换为webpack可识别的模块。
分类：enforce属性
pre 前置loader，normal 普通loader，inline：内联loader，post：后置loader
如果不写默认是 normal类型
执行顺序&a…
1688获取商品api接口
作为一名技术爱好者，我们总会遇到各种各样的技术问题，需要寻找合适的技术解决方案。而在互联网时代，我们可以快速通过搜索引擎获取丰富的技术资源和解决方案。然而，在不同的技术分享中，我们常常会遇到质量参差不齐的文…
Python自动化之clean方法前端调用clean方法的错误
obj.non_field_errors.0 源代码: NON_FIELD_ERRORS __all__ 如果在前端写 obj.errors.__all__.0直接就会报错 所以经过尝试得知,要想在模板文件里里获取到clean的错误,需要{{ obj.non_field_errors.0 }} 转载于:https://www.cnblogs.com/wspblog/p/6377057.html
Vue列表展示【第二篇】
🌱 1、vue列表展示案例
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>vueDemo02列表展示</title>
</head>
<body>
<div id"xy"><!--原始展示方式…
JustFE团队前端代码规范，降本增效，敏感肌可用
背景 🌏 近年来，接手各个前端的代码，看着前人屎山，深恶痛绝 为了避免自己或者团队，继续添粪，因此经验总结一番~ 规范化优点：
容易理解，维护性强容易编写，扩展性强精准定…
HTML meta标签使用介绍
简介 在查阅w3school中，第一句话中的“元数据”就让我开始了Google之旅。然后很顺利的在英文版的w3school找到了想要的结果。（中文w3school说的是元信息，Google和百度都没有相关的词条。但元数据在Google就有详细解释。所以这儿采用英文版W3s…
Vue脚手架初始化脚手架结构分析
文章目录一、初始化脚手架二、分析脚手架结构一、初始化脚手架
第一步 （仅第一次执行）全局安装vue/cli 安装vue/cli之后，电脑中多了一个vue命令，以后通过vue命令进行创建脚手架 安装vue/cli的命令：npm install -g vue…
MySQL 高级(进阶) SQL 语句 (一)
目录
环境：创建表一、order by语句二、升序与降序（ASC和DESC）三、select查询四、and/or-且/或五、where六、distinct（查询不重复记录）七、group by（对结果进行分组）八、limit九、alias…
JavaScript：正则表达式获取url参数
1、创建js文件，编写获取url参数的方法 export default{getUrlKey:function(name){return decodeURIComponent((new RegExp([?|&]name([^&;]?)(&|#|;|$)).exec(location.href)||[,""])[1].replace(/\/g,%20))||null;}
} 2、在main.js里引入j…
js循环数字累加出现小数
let a 0for (let i 0; i < 30; i) {a 0.6console.log(a)}打印结果 查阅发现这是javascript浮点运算的一个bug.解决 数*1000 最后再除以1000解决js一直累加,会出现小数的bug把所有数乘以1000即：num*1000;然后累加得到sum,然后除以1000即：sumsum/100…
mongoose 字段没有使用unique属性 但是显示重复错误
unique属于schema约束验证中的一员，他的作用主要就是让某一个字段的值具有唯一性（不能重复）保持字段的唯一性使用type值： {type:String,unique:true,dropDups: true}mongoose一旦修改了数据存储的机构，数据库一定要重启…
为什么能向app.use的参数传递一个箭头函数，也能传递函数调用？
而现在在获取post请求参数的时候，多了一种新颖的用法： 现在对原理 做一下解释：
BIOS设置基础详解
BIOS设置基础详解AMI BIOS设置开机显卡自检测完成后，点击＜DEL键＞即可进入AMI BIOS SETUP设置界面主菜单。进入了AMI BIOS NEW SETUP UTILITY 设定工具, 屏幕上会显示主菜单。主菜单共提供了十二种设定功能和两种退出选择。用户可通过方向键…
border边框的宽度/样式/颜色 全部值
border 用emmet写border的时候, 缩写是:bd. 不是b, 也不是bdr: b会扩展成bottom, bdr 会扩展成 border-right,border的宽度: 1px 基本上 thin, 很细的border的全部样式一次性写完的固定写法是: border: 宽度width 样式style 颜色colorborder属性中最重要的属性是 border-styl…
vue+elementUI 实现表格的增删改
最近做了vueelement仅在前端实现增删改的例子，未涉及后端知识，具体仅供参考，希望对你有帮助，话不多说，看代码。 1、编辑和新增要写一个弹窗，我写的是一个弹窗，编辑和新增共用 2、编辑方法 3、新…
localStorage，seeionStorage API使用
localStorage，seeionStorage API使用
不管我们使用哪种存储方式 ，第一步都应该判断浏览器是否支持。 localStorage是否支持浏览器的代码： if(window.localStorage){alert(“浏览器支持”)；
}else{alert(“浏览器不支持”);
}由于…
Vue组件、Axios异步通信 2022-3-15
一、组件
组件是可复用的Vue实例，说白了就是一组可以重复使用的模板
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>Title</title>
</head>
<body>
<div id"…
WEB前端性能（页面+接口）
WEB前端性能（页面接口）前端性能渲染过程Blocked时间Connect时间Send时间Waiting时间TTFBReceive时间响应时间OS相关指标idleiowaitussyswapmemory前端性能渲染过程
Blocked时间
是浏览器查看本地有没有缓存的资源，不会与服务器进行交互&…
HTML学习、图像链接标签 行内元素和块元素 列表 2022-1-17
图像标签
img src:相对路径 绝对路径 点击图片右键–copy path–就直接可以将绝对路径复制出来，填到src里面
我们通常会直接建一个文件夹resourse来存放其他资源，单独存放图片的建一个文件夹（image）,然后把图片复制在这个文件夹…
全民采矿石小程序1.1.6开源单开版+前端
介绍：
功能简介： 1、该应用是全民采矿石; 2、可配合流量主推广，广告变现； 3、喜欢的话赶紧入手了，当前购买是优惠的，随着功能的增加，价格也会相应的提高。 4、更多功能尽请期待。 版本选择&…
Moment.js常用使用教程
安装部署：
下载Moment.js：前往Moment.js官方网站（https://momentjs.com/）下载最新版本的Moment.js库。引入Moment.js：将Moment.js库文件引入到你的项目中。可以通过以下方式引入：<script src"path…
如何使用自定义的CSS规则来定义特定类型的元素样式
当我们需要对某些特定类型的元素进行样式定义时，可以使用自定义的CSS规则来实现。下面我们将从新手的角度，用幽默的语气来解释如何使用自定义CSS规则来定义特定类型的元素样式。
首先，让我们来看看如何使用自定义CSS规则来定义特定类型的元素…
前端042_图表展现_自适应
自适应 当缩小窗口时，饼图和柱状图不会自动自适应，会被遮挡住。因为 ECharts 本身并不是自适应的，当你父级容器的宽度发生变化的时候需要手动调用它的 .resize() 方法。 其中 vue-element-admin项目中已经实现了自适应效果，只要将对应代码拷贝引用即可。将 vue-element-adm…
项目中遇到的一些问题总结（十四）
详细介绍一下H5技术
H5技术指的是HTML5技术，它是一种用于Web开发的标准化标记语言，是HTML4的后继者。H5技术可以用来开发跨平台和可访问的Web应用程序，包括网站、桌面应用程序、移动应用程序等。
H5技术包括以下几个方面：
1. 语…
使用Raphael绘制流程图，自绘动态箭头，可拖动，有双击事件，纯前端，兼容各种浏览器...
关于Raphal Raphal是一个在网页上绘图的js类库，非常小压缩版只有89k左右 官方宣称兼容各种主流浏览器，据笔者测试在IE6下尚有一些问题（不过这些与本文无关） 他是使用js来创建vml或svg来绘图的 缘起 项目中不能使用Silverlight或者…
Maverick.Net代码解析
相关概念、总体处理流程参考Maverick.Net介绍篇，不再罗嗦。一看就懂的地方略，侧重在貌似疑难之处及部分过程的分析。本人水平一般，如有不正确的地方欢迎指正。Dispatcher职责：一，HttpHandler，处理Http请求&…
WebStorm中文乱码解决代码
<meta http-equiv"Content-Type" content"text/html;charsetutf-8"> 以上这张图是我用HTML方式写的一张简历,好,现在运行 大家看,我运行起来的这个代码,在页面中已经中文乱码了,这个问题之前一直困扰着我,前几天刚刚得到了解决方法,现在分享给大家. …
ASP.NET MVC中，后台向前台传递多个对象（表）的方法
用过asp.net mvc标签的同学们知道，这种标签很方便，不需要js进行赋值，而是直接由ASP.NET MVC标签进行绑定。其前提是，后台方法必须返回一个页面，即return view("~/controller/view")。当然该方法也有其局限性…
在单页应用中，如何优雅的监听url的变化
单页应用的原理从早起的根据url的hash变化，到根据H5的history的变化，实现无刷新条件下的页面重新渲染。那么在单页应用中是如何监听url的变化呢，本文将总结一下，如何在单页页面中优雅的监听url的变化。 单页应用原理监听url中的ha…
递归目录文件夹批量把md文档中的图片转为base64
const fs = require(fs);
const path = require(path);const dir = ./src/file/productVersionFile/;
const dirPath = /file/productVersionFile/;
//遍历目录得到文件信息
// dir:遍历目录；dirPath用于和根目录拼接
function walk(dir, dirPath) {var files = fs.readdirSyn…
WPF柱状图（支持数据库动态更新）
之前我们讲到wpf组件基类以及组件开发，现在我们围绕之前的内容去开发一个组件。 效果图请加群查看，在群共享里面。 做出这个呢 是比较繁琐的。 首先要使用我们的基类 继承基类的模板自动生成如下几个文件：HrvColumnSeries这四个文件 HrvCo…
js中的JSON.parse，解析json字符串后，小数点的精度丢失
var returnData JSON.parse(jsonResult); js中的JSON.parse，解析json字符串后，小数点的精度丢失，解决办法是在后台传递的时候直接传递字符串，而不用decimal或者double等类型即可转载于:https://www.cnblogs.com/sharestone/p/103…
spring mvc 使用freemark配置
直接在配置中加入 <mvc:annotation-driven/><!--freemark--><bean id"freemarkerConfig" class"org.springframework.web.servlet.view.freemarker.FreeMarkerConfigurer"><property name"templateLoaderPath" value"…
WebGL编程指南pdf
下载地址：网盘下载 WebGL 是一项在网页上渲染三维图形的技术，也是HTML5 草案的一部分。 《WebGL编程指南》的主要篇幅讲解了WebGL 原生API 和三维图形学的基础知识，包括渲染管线、着色器、矩阵变换、着色器编程语言（GLSL ES&#…
Cesium绘制地图优秀案例
因为Cesium入门级太高，相关案例介绍也是少之又少，很多小码农们根本看不懂。所以在这里给大家介绍一款非常nice的案例平台 Mars3D。Mars3D真的是非常简单咯，有案例展示，有源码开源。在这里感谢火星科技。
Mars3D地址 Cesium教程 C…
vue request底层封装
本项目使用了vue3，但也适用vue2。接口请求底层封装的好后期开发和维护成本会低，本码农开发多年一直致力于简化代码，后期维护成本低。当前的接口请求是我去其槽粕取其精华，非常推荐大家这样封装。
使用方法
<template>
<…
全局的Pinia调用
parent.vue <template>{{ CommonTest }}
</template>
<script setup>import { getCurrentInstance } from vue;// 获取 当前组件示例的全部属性
const { proxy } getCurrentInstance();// 但是全局的 $pinia 如果从未被调用过，是不会被创建的。
…
vue3 组合式函数 Composition API
parent.vue <template>Mouse position is at: {{ x }}, {{ y }}</template>
<script setup>
// 这个是官网的实例， 在 setup 模式中 用来代替 vue2 中的 mixins
import { useMouse } from ./mouse.jsconst { x, y } useMouse();</script>…
vue3 调用子组件的方法
child.vue <template></template>
<script setup>
const DoSomeThing () > {alert(点击事件);
}// 输出组件的方法，让外部组件可以调用
defineExpose({DoSomeThing,
})</script>
<style lang"less" scoped></style&…
强制英文、中文换行与不换行 强制英文换行
只对英文起作用，以字母作为换行依据 word-break:break-all;只对英文起作用，以字母作为换行依据
word-wrap:break-word; 只对英文起作用，以单词作为换行依据只对中文起作用，强制换行 white-space:pre-wrap; 只对中文起作用…
URL的转码与解码，地址栏参数乱码
使用场景
地址栏获取一个参数，参数是中文的，当我接收这个参数的时候，中文参数乱码了，这时候我们需要用decodeURIComponent 函数解码；encodeURIComponent 和 decodeURIComponent 函数直接用就行。没有方法体࿱…
echarts 饼图 中间定位
直接复制到官网可以查看 echarts官网地址
option {tooltip: {trigger: item,},legend: {top: center,left: 51%,orient: vertical,itemGap: 8,itemWidth: 12,itemHeight: 12,selectedMode: false,itemStyle: {borderCap: butt,borderColor: rgba(121, 121, 121, 1),borderTyp…
前端用vue怎么接收并导出文件
window.location.href “excel地址”如果是 get 请求，那直接换成 window.open(url) 就行了创建一个隐藏的 iframe，把 iframe 的 src 指向这个 url，就可以下载了
生明方法 downloadFile
module.exports (url ) > {try {const elemIF …
vue json排序
sortBykey(ary, key) {return ary.sort(function (a, b) {let x a[key]let y b[key]return ((x < y) ? -1 : (x > y) ? 1 : 0)})
}
vue 保留2位小数
保留小数，fractionDigits值写2就是保留两位小数。 toFixed(number, fractionDigits) {//number 保留小数数//fractionDigits 保留小数位数var times Math.pow(10, fractionDigits);var roundNum Math.round(number * times) / times;return roundNum.toFixed(fra…
vue txt 文件下载
let json{name:小明，age:24,},let strData JSON.stringify(json);const T_URL window.URL.createObjectURL(new Blob([strData]));const LINK document.createElement(a);LINK.href T_URL;LINK.setAttribute(download, 用户信息);LINK.click();window.URL.revok…
使用Vue3和Typescript实现可复用的路由标签页和面包屑导航组件
✅创作者：陈书予 🎉个人主页：陈书予的个人主页 🍁陈书予的个人社区，欢迎你的加入: 陈书予的社区 🌟专栏地址: 三十天精通 Vue 3 文章目录 一、为什么需要可复用的路由标签页和面包屑导航组件1.1 前端应用导航的问题1.2 解决问题的方法二、Vue3和Typescript基础知识回…
017：Mapbox GL加载geojson数据，显示Polygon，自定义填充色、边框等
第017个 点击查看专栏目录 本示例的目的是介绍演示如何在vue+mapbox中加载geojson数据，显示Polygon，自定义填充色、边框等。fill的参数：fill-antialias,fill-color,fill-opacity,fill-outline-color,fill-pattern,fill-sort-key,fill-translate,fill-translate-anchor,visib…
mavonEditor获取纯文本
mavonEditor是一款基于vue非常好的富文本编辑器 1、我在做博客的时候，需要用到纯文本做简介。但是很无奈，找到了作者的回答，但是有点问题。 使用 v-model 绑定的值依旧是markdown语法的 2、幸运的是我找到了另外一种解决的办法 使用正则去获…
剑指offer day24 数学（中等）
day24题目：剑指 Offer 14- I. 剪绳子、剑指 Offer 57 - II. 和为s的连续正数序列、剑指 Offer 62. 圆圈中最后剩下的数字
知识点：数学、双指针，难度为中等、简单、简单
学习计划链接：「剑指 Offer」 - 学习计划
题目知识点难度…
springMVC静态资源
静态资源放在哪 静态资源不要放在WEB-INF里面，放在和WEB-INF同级的目录里，一起放在webapp下，原生tomcat中，这里的资源可以直接访问。 springmvc配置怎么写 <!-- 大部分情况下必须加 为了更好的处理静态资源--><mvc:def…
scss exceeded maximum budget. Budget 4.00 kB was not met by 130 bytes with a total of 4.13 kB.
项目打包上传服务器时报错， scss超出预算。
解决办法
在项目工程中的 angular.json 中修改内存的参数设定值即可,具体 code 如下: 将其设置的最大警告/最大报错值设置更大的值： "budgets": [{"type": "initial","m…
从零开始前端学习[2]:img标签的使用
从零开始前端学习[2]:img标签的使用
img标签的相关属性 img标签的使用 提示 作者:章飞_906285288 博客地址:http://blog.csdn.net/qq_29924041 img标签的相关属性
img标签介绍
img标签是前端页面中用来加载图像，图片的，当时有时候我们也不一定会使…
4. web前端开发分享-css,js工具篇
web前端开发乃及其它的相关开发，推荐sublime text, webstorm(jetbrains公司系列产品)这两个的原因在于，有个技术叫emmet, http://docs.emmet.io，而这两个对他的支持是： sublime text 是所有编辑器里边支持emmet比较好的的唯一一款…
flowJS源码个人分析
刚刚在腾讯云技术社区前端专栏中看到一篇腾讯高级前端工程师写的《一个只有99行代码的js流程框架》觉得很屌，感觉是将后台的简单的工作流思维搬到了前端js实现，本人不才在这里拜读解析下源码，而且经常有新手问我的很多问题其实是不懂如何调试…
【第二届青训营-寒假前端场】- 「小程序技术全解」笔记
小程序的发展历程发展历程核心数据小程序生态业务价值与WEB的区别三大价值渠道价值业务探索价值数字升级价值小程序技术解析小程序原理小程序语法实现简易番茄时钟编写tomatoClock.wxml（html）编写tomatoClock.js编写一点点wxss（css࿰…
2021-10-23 web前端实习面试
1. rem 的应用场景
相对单位rem单位是相对于HTML标签的字号计算结果1rem 1HTML字号大小目前rem布局方案中，将网页等分成10份， HTML标签的字号为视口宽度的 1/10rem单位的尺寸 px单位数值 / 基准根字号使用flexible.js配合rem实现在不同宽度的设备中&a…
css3_实现文字两端对齐或文字在容器中平均分布
我们在做项目时，难免会遇到如下红色框中文字对齐的需求，那么具体是怎么实现的呢？ 1、早期老套的方法：
相信很多人遇到这个需求时，脑海中闪过的第一个做法就是给文字与文字之间添加空格符"   " 或&q…
Lync边缘服务器配置
以下步骤均使用Lync管理员权限即可完成 1.在前端下载并编辑拓扑，新建边缘池 如果边缘池中只有一台服务器，则池名称与服务器名称相同，如下： 如果需要删除边缘池，则需要先取消关联，如下： 2.发布拓…
【2023春招】4399 web后台-Java后端开发
目录 一、JVM1.类加载过程2.static和final变量的初始化时机 二、依赖1.Spring Boot 自动装配2.使用依赖过程中遇到问题如何排查3.引入的某个依赖不符合预期，如何处理 三、数据库：1.InnoDB 和 MyISAM 索引的区别2.字符串类型字段，WHERE 数字&a…
c语言用指针改变所指变量的值
char a 9; char *p &a; (*p); //此代码会使a的值变成10，p指针还是指向a变量的地址 *p;//此句代码是错的，不会改变a的值，而是将p指针指向a的后一块地址。
javaweb中插入数据成功，返回界面展示数据列表操作
javaweb中，我现在插入数据成功了，我成功后会跳转回主界面，但是我在返回到主界面中时，主界面没有调用对应的servlet来展示数据列表，我该怎么做？ 在插入数据成功后，如果想要返回主界面并展示数据列…
完成一级分类动态添加背景颜色、通过JS控制二三级商品分类的显示与隐藏、函数的防抖与节流、完成三级联动节流的操作【Vue项目】
1. 完成一级分类动态添加背景颜色
第一种解决方案：采用样式完成（可以的） 第二种解决方案：通过JS完成
export default {name: "TypeNav",data() {return {// 存储用户鼠标移上哪一个一级分类currentIndex: -1,};},// 组…
vue2知识点：nextTick语法
文章目录3.24 nextTick语法本人其他相关文章链接3.24 nextTick语法 说明：类似于定时器的功能 问题：什么场景会使用它呢？ 答案：举例我想有个input输入框，我还有个“编辑”按钮，如图1，如图2&#…
Vue + TS封装全局搜索组件
本文介绍了如何使用Vue和TypeScript封装一个全局搜索组件。该组件可以方便地在Vue项目中使用，帮助用户快速定位所需信息。
组件功能
该全局搜索组件具有以下功能：
可以搜索指定数据源中的数据支持模糊搜索和精确搜索可以自定义搜索结果的展示方式支持…
抖音SEO矩阵系统源码开发（一）
抖音seo矩阵营销系统/抖音SEO矩阵号管理系统/抖音霸屏源码开发搭建，抖音官方团队大力推广抖音SEO生态，我们应如何布局开发抖音SEO矩阵系统，来达到账号排名优化的效果，很显然，账号关键词起到了很关键的作用。首先&#…
阿里云API网关（17）签名算法
网关指南： https://help.aliyun.com/document_detail/29487.html?spm5176.doc48835.6.550.23Oqbl 网关控制台： https://apigateway.console.aliyun.com/?spm5176.doc42740.2.2.Q4z5ws#/cn-hangzhou/apis/list 一、前端签名 文档说明： htt…
微信小程序原生开发功能合集十五：个人主页功能实现
本章个人主页功能实现，展示当前登录用户信息、个人主页、修改密码、浏览记录、我的收藏、常见问题、意见反馈、关于我们等界面及对应功能实现。 另外还提供小程序开发基础知识讲解课程，包括小程序开发基础知识、组件封装、常用接口组件使用及常用功能实现等内容，具体如…
React 动态监听指定Dom元素变化
React 动态监听指定Dom元素变化
使用ResizeObserver对象来监听指定Dom元素(div…)的变化(width、height等等)。一般，浏览器不支持该监听对象，所以需要引入第三方库支持-resize-observer-polyfill
下载 resize-observer-polyfill
npm install resize-o…
【1】 LocalStorage的介绍以及使用场景
一、介绍 🌟 🌟
localStorage是web浏览器的一种本地存储技术，即使关闭当前页面甚至关闭浏览器它也会一直存储，除非用户去清理。否则会永远存在。所以它也是前端持久化技术的一种。
二、为什么使用localStorage 🌟 🌟
第一方面：使用localStorage的主要原因是为了在…
require.context()用法详解
文章目录 前言一、require.context(directory,useSubdirectories,regExp)使用参数属性 二、使用 前言
require.context() 是 Webpack 提供的 API，用于在运行时动态地导入模块，在 Vue.js 项目中常用于自动注册路由、组件等功能。 一、require.context(di…
HTML 教程：学习如何构建网页||HTML 简介
HTML 简介
HTML 简介 现在您可以通过如下的一个 HTML 实例来建立一个简单的 HTML 页面，以此来简单了解一下 HTML 的结构。
HTML 实例 <!DOCTYPE html> <html> <head> <title>页面标题(w3cschool.cn)</title> </head> <…
$.extend()使用详解
jQuery为开发插件提拱了两个方法，分别是： jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object);为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象添加方法。 举个例子。
<span style"fo…
nginx unknown directive “stream“
目录
1、安装依赖
2、执行命令 nginx 运行报错：unknown directive "stream"的原因，主要是因为没有安装stream模块导致的，我们只需要编译安装一下stream模块即可解决这个问题。 1、安装依赖 提前安装编译所需要的依赖插件 # gcc…
CSS实现炫酷导航栏
实现思路
本导航栏的实现，通过使用伪元素:before和:after这两个伪元素在真正页面元素a标签之前和之后添加新内容（边框，背景颜色），使用transition属性设置过渡效果的时间，再使用:hover选择器来显示。效果如…
js 获取 table所有tr标签下第一个td的值
<table class"gridtable"><thead><tr><th style"width: 20px;"><input type"checkbox" name"allCheck" οnclick"checkAll(allCheck, itemCheck)"></th><th >店铺</th><…
怎样使用JSON Web Token设计单点登录系统
这期内容当中小编将会给大家带来有关八幅漫画理解使用JSON Web Token设计单点登录系统，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。
用户认证 所谓用户认证（Authentication），就…
简单前端——圆与圆碰撞检测
只是没什么做搞个来玩玩，顺便练练手
鼠标按着红球，就可以移动红球，如果以黄球发生碰撞，红球就变为绿球，否则颜色不变。 <!DOCTYPE html>
<html>
<head><meta charset"utf-8"><t…
Vue3.x为什么要用Proxy来代替Object.defineProperty?
文章目录什么是ProxyObject.definePropertyvue3为什么要用proxy？vue的新版本(和重写版本)出现有两个关键的因素：proxy对比Object.defineProperty总结什么是Proxy
proxy：代理,JavaScript中用来表示由它来’代理’某些操作。通常，当…
![Thymeleaf Error resolving template [index],template might not exist or might not be accessible问题解决](https://i1.hdslb.com/bfs/face/1d5330f89298af44e002d6b2230b47659e28c05a.jpg)
Thymeleaf Error resolving template [index],template might not exist or might not be accessible问题解决
问题描述：
# 后缀
spring.thymeleaf.prefixclasspath: /templates
# 模板格式
spring.thymeleaf.modeHTML5
spring.thymeleaf.encodingUTF-8
spring.thymeleaf.content-typetext/html
spring.thymeleaf.suffix.html
# 开发时关闭缓存,不然没法看到实时页面
spring.…
项目开发工具【EditorConfig，Prettier，ESLint，Git Husky，Commitizen，Commitlint】
项目开发工具【六款】
前言 六款插件让你项目更加的规范✨✨✨ EditorConfig：为不同编辑器上处理同一项目的多个开发人员维护一致的编码风格Prettier：一款强大的代码格式化工具，是当下前端最流行的代码格式化工具ESLint：查找潜在…
小程序项目 报错 Error: module ‘@babel/runtime/helpers/defineProperty.js‘ is not defined
解决方法：
去掉 “lazyCodeLoading”:“requiredComponents” 配置项
vue2知识点：组件插槽分发
文章目录3.14插槽分发3.14.1slot插槽举例3.14.2具名插槽举例3.14.3作用域插槽slot-scope3.14.4slot-scope版本更新本人其他相关文章链接3.14插槽分发
父子组件使用时,有时需要将父元素的模板跟子元素模板进行混合,这时就要用到slot插槽进行内容分发, 简单理解就是在子模板定义…
《进阶篇第3章：vue进阶-组件》包含组件、自定义事件、插槽、路由等等扩展知识点
文章目录3.1传统方式编写和组件化方式编写区别？3.2概念：模块与组件、模块化与组件化1）模块2）组件3）模块化4）组件化3.3非单文件组件3.3.1使用Vue.extend({})方式创建组件(了解，实际不常用)举例&a…
viewport 常见设置
1. 菜鸟教程对 viewport 的解释
viewport就是移动设备看网页的区域
2. css 中的1px 在移动端屏幕中不一定是一个像素，看手机分辨率，而且随着用户对手机的缩放，1px 对应的像素也随之增大
判断、循环 2022-3-13
一、v-bind：绑定元素特性
相当于代替{{}}
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>Title</title>
</head>
<body><div id"app"><span v-bi…
xml或者musicxml文件转五线谱
背景：用xml或者musicxml文件转五线谱
技术：vue、opensheetmusicdisplay插件
项目目录结构： 使用方式：
1、官网下载架包opensheetmusicdisplay.min.js
地址：https://github.com/opensheetmusicdisplay/opensheetmus…
提交表单、初识jQuery 2022-2-23
一、提交表单
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>提交表单</title><!--MD5工具类--><script src"https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js"…
html meta标签使用及属性介绍
自学前端开始，我对meta标签接触不多，主要把精力都集中在能显示出来的标签上，比如span、button、h1等等。有时候去查看一些知名网站的源码，发现head标签里有一大摞的meta。 今天就来学习一下meta的用处，看看有些啥属性。…
前端 以json格式 向后端传Date格式 中的天坑
只有在实体类属性上加入这个才可以转化。
JsonFormat(pattern "yyyy-MM-dd HH:mm:ss",timezone"GMT8")
使用这个注解时不会有任何作用的，后端时无法把日期转化的。天坑啊
DateTimeFormat(pattern"yyy-MM-dd HH:mm:ss")
WEB页面打印－－打印指定区域，页面预览，页面设置
转载http://hi.baidu.com/zyb512/blog/item/e9cf70441ce0984a500ffe79.html 1.利用组件把报表的内容生成WORD文档或者是Excel文档，导出以后利用Office自带的打印功能进行打印 2.在网页上利用javascript或者是其他基于javascript和其他语言的组建 下面详细介绍这两…
使用 Eclipse 远程调试 Java 应用程序
远程调试对应用程序开发十分有用。例如，为不能托管开发平台的低端机器开发程序，或在专用的机器上（比如服务不能中断的 Web 服务器）调试程序。其他情况包括：运行在内存小或 CUP 性能低的设备上的 Java 应用程序…
总结一下web前端常用的各类网站（不全，后期有更新）
之所以写这个也是为了给自己做一个平时常用网站总结，顺便和大家分享一下，网站没有优劣之分，只是给大家提供一个参考。 1.github。 网址：https://github.com 说到技术网站，不得不提的就是github。GitHub 是一个面向开源…
关于各种O，DO/BO/DTO/VO/AO/PO
关于各种O，DO/BO/DTO/VO/AO/PO 阿里巴巴Java开发手册 链接：https://pan.baidu.com/s/11I9ViOrat-Bw_HA8yItXwA 密码：x5yi2. DO/BO/DTO/VO/AO/PO PO(persistant object) 持久对象 在 o/r 映射的时候出现的概念，如果没有 o/r 映射&a…
H5使用微信和支付宝支付
项目需求： App中要使用H5的支付宝或者微信支付（官方是不推荐这样使用的）
微信支付
首先请求后台的下单接口，接口会返回一个可以跳转的URL地址
https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_idwx07152955146…
vuepress打包报错document is not defined
给组件库写一个说明文档，但是打包部署时报错：document is not defined 也是查了资料才了解到原因，因为 VuePress 在打包时是通过 Node.js 服务端渲染，因为 Node.js 里没有 document 对象，所以就报错了。最终解决办法如…
查看Vue的版本和Vue/CLI的版本
查看Vue版本：
1.npm list vue
2.进入项目中package.json文件直接查看
查看Vue/cli版本：
vue -V 或者 vue --version
vue -V vue/cli 4.5.11 vue --version vue/cli 4.5.11 npm list vue /Users/ivyone └─┬ vue3.2.23 └─┬ vue/server-renderer…
Type.js – 帮助你更好的控制网页字体排版
Type.js 是一款很好的网页字体排版工具。它可以让你使用新的 CSS 属性，在网页上试下更精细的排版控制。设置很简单。上传 type.js 到您的网站，并在你的 HTML 链接中引用。接下来，你就可以用新的 CSS 属性了，就像编写任何其他的样式…
TypeScript, Angular 和移动端的跨平台开发
摘要Google技术经理陈亮将为大家介绍TypeScript和Angular是什么以及如何利用TypeScript和Angular进行移动端的跨平台介绍。内容来源：2017年7月15日，Google Engineering Manager陈亮在“2017 JavaScript中国开发者大会”进行《TypeScript, Angular, 和移动…
CSS差缺补漏之《高频面试题----如何使元素水平垂直居中？》
面试中经常会被问到如何使元素水平垂直居中，有哪些方法可以做到？ 针对此问题，特意总结如下~ 方法一： 定位（主要是值子绝父相）与margin负值配合----依赖于子元素宽/高 (使用绝对定位或固定定位后，…
CSS字体样式的使用，成功定级腾讯T3-2
开始
我大学读的是大专，在学校学的是机电一体化。临近毕业的时候选择了学习web前端技术，因为做机电实在又累工资又低，而我更喜欢坐办公室的工作，有空调吹，我很现实，就是想多赚一点钱。到现在做了两年前端的…
iview 表格多选 保留选中状态 切换分页勾选状态保留
问题描述： iview 表格 添加复选框多选的功能，由于数据过大需要分页处理。每次切换分页后，之前选中的数据被清空了。 解决办法： 代码不详细介绍啦。。。 复制粘贴就能搞定。。。
<template><div><div class"t…
vue $bus使用indexOf()时，方法多次调用的问题
在项目中，利用Bus监听字符串，使用indexof()时，发现多次打印，如图
if (item.indexOf(.) ! -1) { // item的值格式为option.文字.文字 或者是 option.wenziconsole.log(item)
}
控制台打印结果，打印多次 解决方法&…
echarts词云库的使用
echarts在升级到2.0版本之后，不再支持词云库的使用，在最新版本的echarts（5.2.0）情况下控制台会出现如下报错 解决方法:
下载npm install echarts-wordcloud 【注：版本号：2.0.0】
下载成功之后ÿ…
过滤两个数组并取出不同/相同项（vue/filter）
话不多说 直接上干货内联代码片。
// 数组A
let arrA [1111,2222,333,4444,5555]
// 数组B
let arrB [aaa,bbb,4444,5555,dddd,eeee,ffff,yyyy,mmmm]
过滤B数组中不包含A数组的项
let differentArr arrB.filter(item > arrA.indexOf(item) > -1)
// differentArr [aaa…
三年前端，面试思考（二）
为什么还有（二） 没有想到上一篇 《三年前端，面试思考》 有这么多前端同学看到。 在评论区也有很多鼓励和质疑的声音，而且群里面交流的同学两天就达到了700人。 群里有同学问了很多问题，同时希望我再分享一些面试技巧&a…
记录：axios请求接口、拦截器封装
又来啦~~~~ 进入正题： api.js 请求方法封装、分了不同的场景
import axios from /api/filter/*** 封装get方法* param url* param data* returns {Promise}*/
export function get(url,params{}){return new Promise((resolve,reject) > {axios.get(url,{params…
React 父子组件之间传值，以及父组件如何获取子组件数据和方法
一.父组件如何获取子组件数据
0.类组件: 相关文章可以搜下，百度搜 react cref
重点说下函数组件
1.函数组件:
在函数组件中要获取子组件的数据,需要两步骤
1.将ref传递到子组件中,
2.需要使用forwardRef对子组件进行包装1.父组件：
export default (…
js从数组中提取自己所需的数据
1.场景一： 人员选择相关问题 /* 场景一：从人员选择数据中，提取已选的人员信息selectedList为已选择的人员信息，只有idgroupInfo接口返回的原始数据，所有人员信息需要找出已选择的人员信息的具体信息，*/cons…
react之纯函数、函数组件、类组件、纯组件
一.纯函数 Pure Function
定义：一个函数的返回结果只依赖于它的参数，并且在执行的过程中没有副作用，我们就把该函数称作纯函数。 — 特点：
1.函数的返回结果只依赖与它的参数（同一个输入只能有同一个输出）…
前端面试 --- 杂烩（Echarts、Uni-APP、Webpack、Git)
Echarts
echarts有用过吗? 常用的组件有哪些? title标题组件：show text link toolbox工具栏：导出图片 数据视图 切换 缩放 show orient featuretooltip tigger 触发类型 markPoint 标注点 markLine图标的标线
Uni-APP
uni-app有没有做过分包? 优化…
useState和useRef的区别
1: useState的值在每个rernder中都是独立存在的。而useRef.current则更像是相对于render函数的一个全局变量，每次他会保持render的最新状态。
2：useState值的更新会触发组件重新渲染，而useRef的current不会触发重渲染。
html标签之表格标签，大牛最佳总结
前言
腾讯的面试凉了，接着开始面试网易
网易的面试体验挺不错。它的微信公众号会给你叫号，前台小姐姐也会提醒你，每一面结束后都可以找前台小姐姐查询面试结果。而且食堂超级好吃！还可以边吃饭边吸猫！面试地点在一楼…
使用jquery构建Metro style 返回顶部
个人一直对metro风格的东西情有独钟,偶然间在腾讯网看到一款小插件,蓝色Metro风格的,所以决定把它放到我的博客中,这样做应该不会有版权问题吧orz.. Complete code 后言 我把他原来的相关阅读换成二维码了,由于本人前端技术捉襟见肘只能用人家写好的css,自己稍微改点,另外觉得可…
每周一个前端动画之一：UC浏览器球队展示动画的实现
作为一个眼中有码的人，看见某个网页或者app的炫酷效果时，第一反应就是这怎么实现的。这个系列就是把自己见到的一些动画效果分析实现出来，本文分析实现的某些效果，仅仅作为一个思路分享，仅仅作为学习素材使用。闲话不说…
Web前端开发人员和设计师必读文章推荐【系列一】
梦想天空博客专注于分享 Web 开发技术、资源和教程，展示最新 HTML5 和 CSS3 技术应用，分享实用的 jQuery 插件，推荐优秀的网页设计案例，共享精美的设计素材和强大的 Web 开发工具。分享快乐，快乐分享，希望这…
使用CSS兄弟选择器完成复杂垂直边距（vertical margins）的设计
-------------------sibling选择器如何在完成复杂设计要求的同时，保持CSS可读 这是web前端开发过程中开始简单逐步变的复杂的例子之一：将一篇文章中的所有元素应用垂直边距（vertical margins），例如由复杂markdown编译来…
java 简单了解spring之(IOC过程)
本文章为 java 简单了解spring之(IOC容器) 首选 我们需要xml文件配置文件 配置创建对象 这一块 我们的文章 java 手把手带你创建一个spring入门案例 也是一个具体的实现 第二步 创建工厂类 管理类对象 然后通过xml 解析 获取类路径 然后 通过反射创建对象 然后反射创建后 还是…
【前端统计图】echarts改变颜色属性的demo
一：柱状图改变颜色 图片.png代码： <!DOCTYPE html>
<html><head><meta charset"UTF-8"><title></title></head><body><!-- 柱状统计图 --><div class"row"><div …
开发日记(03) - uni-app 打包为 app
uni-app 打包为 app
📌 前置条件
新手向，但需要有一些开发基础。
Git 官网下载：https://git-scm.com/downloads 使用以下命令验证是否可用 git version
# 示例输出
# git version 2.32.0 (Apple Git-132)NodeJS
nodejs 使用 lts 长期支持…
Vue实战之 3. 登录/退出功能
1. 登录概述
1. 登录业务流程
在登录页面输入用户名和密码调用后台接口进行验证通过验证之后，根据后台的响应状态跳转到项目主页
2. 登录业务的相关技术点
http是无状态的通过 cookie 在客户端记录状态通过session 在服务器端记录状态通过token 方式维持状态 如…
三种可视化格式模型：普通文档流、相对定位与绝对定位、浮动
第一次写博客，第一篇是对css的定位机制做个的总结。还望大家指点指正。 在CSS中是有三种定位机制的：普通文档流、浮动和绝对定位。在未指定其它两种定位机制的情况下，所有框都是在普通文档流中定位的。 普通文档流： 普通文档流&am…
uni-app实现APP端在线预览PDF
// 主要代码
<!-- #ifdef APP-PLUS --><web-view :src"url"></web-view>
<!-- #endif -->
// encodeURIComponent 不转有时会报错；url后端pdf地址
//1. html版本
this.url /hybrid/html/web/viewer.html?file${encodeURICompon…
VUE中el-table-column列实现隐藏
场景： 在列表展示页面，就是想单独隐藏掉一列，并不是动态隐藏，所以比较简单，查了很多文章，都说在el-table-column中不能用v-show,用它是不起作用的，得用v-if，试了一下，很好…
从浏览器地址栏输入URL后发生了什么？
1.通过DNS解析域名的实际IP地址
2.检查浏览器是否有缓存
3.与 WEB 服务器建立 TCP 连接。（三次握手） 若协议是https则会做加密
4.浏览器发送请求获取页面html
5.服务器响应请求
6.浏览器解析 HTML
7.浏览器渲染页面
摘抄：https://juej…
vue3 setup（）ref中响应式数据
setup中不能响应式改变数据
<template>名字：{{name}}<br>年龄：{{age}}<br>性别：{{obj.sex}}<br>
身高：{{obj.long}}
<br>
<button click"growup()">点击成长
</button>
<…
算法练习 找到数组中出现次数最多的数
思路： 1.对象可以自定义key，可以把要查询的数组离得每一个元素当成一个key保存起来， 2.判断如果key一样的话就（说明这个数组里面已经有了这个元素）就让他1，如果key不一样的话(说明这个对象没有这个元素)就给…
伪数组 伪数组怎样使用数组里面的方法
伪数组
伪数组它的类型不是Array，而是Object，而数组类型是Array。可以使用的length属性查看长度，也可以使用[index]获取某个元素，但是不能使用数组的其他方法，也不能改变长度，遍历使用for in方法。 伪数组…
变量提升与函数提升 执行上下文
当函数或者js执行时会进行预处理操作 变量提升 预处理时候会进行变量的预处理也就是变量的提升，就是把变量提取出来赋值为underfind
函数提升 预处理时会把函数执行（函数提升） this指向window 块级变量优先于全局变量 当执行函数时也…
java后台json如何传递到jsp中解析
需求: 系统前端jsp使用的是easyUi的datagrid展示了一些任务信息，任务信息中有个状态信息显示的值是数字， 需要根据后台保存的映射关系，将状态显示为描述信息。 原来的jsp前端显示： 解决方案，在后台使用创建json数据&a…
webpack设置自定义环境变量
cross env
cross-env - npm
EnvironmentPlugin
EnvironmentPlugin | webpack 中文网
DefinePlugin
DefinePlugin | webpack 中文网
三者区别
EnvironmentPlugin 基于 DefinePlugin，提供更便捷的写法，其设置的环境变量可以在编译环境和运行环境同时…
OLAP（On-Line Analytical Processing）
自20世纪80年代开始，许多企业利用关系型数据库来存储和管理业务数据，并建立相应的应用系统来支持日常的业务运作。这种应用以支持业务处理为主要目的，被称为联机事务处理(On line Transaction Processing，OLTP)应用，它…
前端工程师应该都了解的16个最受欢迎的CSS框架
今天给大家分享16个最受欢迎的CSS框架。这些是根据笔者的爱好以及相关查阅规整出来的。可能还有一些更棒的或者您更喜欢的没有列举出来。如果有，欢迎留言！ 原文地址：http://thetop16.com/css-frameworks-116.html 1. Pure : CSS Framework Pu…
Finereport和Finebi的区别
1.问题描述 大家现在可能都知道，目前帆软旗下特色产品主要是FineReport和FineBI，但是部分用户可能会有个疑问：FineReport和FineBI到底有什么区别？ 2.产品介绍FineReport和FineBI作为两种分析工具，最终的结果可以放在一…
ArcGIS Pro开发Web3D应用（1）——环境搭建与初始实例
1、搭建环境 1.1 ArcGIS Web3D软件环境 ArcGIS Pro 2.0（必须）ArcGIS for Enterprise 10.5.1 （从10.5开始称呼为Enterprise）包括： ArcGIS Server 10.5.1（必须）Portal for ArcGIS 10.5.1ÿ…
15款提高表格操作的jQuery插件
转自：http://dingchaoqun12.blog.163.com/blog/static/1160625042010102122341855/ table表格由于它的浏览器兼容性和复杂的标签嵌套方式，可以算是添加样式最困难的对象之一了。大多数前端er都把网页中的table标签替换为div，主要就是因为div要…
算法练习 找出素组中第三大的
思路1：这个思路太复杂了，运行起来耗性能，就是找到数组中最大的把他踢出去形成一个新的数组，再在新的数组中把最大的踢出去，形成一个新的数组，然后再找最大的就是第三个大的，不仅把方法写死了而且…
SQL基础之 时间戳
一直对时间戳这个概念比较模糊，相信有很多朋友也都会误认为：时间戳是一个时间字段，每次增加数据时，填入当前的时间值。其实这误导了很多朋友。 1.基本概念 时间戳：数据库中自动生成的唯一二进制数字，与时间…
webstorm中终端输入npm命令报错
首先是找不到npm命令的问题解决：
在官网https://nodejs.org/en/ 下载文件后，跟随如下教程进行环境配置： (76条消息) webstorm使用前的准备——Node.js安装及配置_练过几年代码，有备而来的博客-CSDN博客_webstorm配置node 根据以上…
网易邮箱前端Javascript编码规范：基础规范
在多年开发邮箱webmail过程中，网易邮箱前端团队积累了不少心得体会，我们开发了很多基础js库，实现了大量前端效果组件，开发了成熟的opoa框架以及api组件，在此向大家做一些分享。今天想先和大家聊聊javascript的编码规范…
阿里云前端周刊 - 第 41 期
摘要：## 推荐 ### 1. Intel CPU 爆重大设计缺陷，浏览器中同样可以越权访问 https://googleprojectzero.blogspot.hk/2018/01/reading-privileged-memory-with-side.html 近日 Intel CPU 被爆存在设计缺陷，普通的用户程序能够识别受保护区域的…
阿里前端笔试2016
1、click事件在移动端和pc端的不同？ 如何消除差异？ 2、实现将对象{angular:100,boostrap:75,grunt:175,git:200},排序后输出 {boostrap:75,angular:100,grunt:175,git:200} 3、实现如下布局：（写在html中） 转载于:http…
浅谈.Net下的Session用法
背景 在我参与的一个项目中，这个项目是基本BS结构的WEB应用系统，经常会出现在Session丢失的情况，即使用户在操作的过程中也会出现超时现象。 原因 我们的系统要运行在负载平衡的 Web 场环境中，而系统配置文件web.config中的Sessio…
前端存储技术Cookie，Storage，IndexedDB
转自前端存储技术 前言后端常用数据库做数据存储，譬如MySql、MongoDB，缓存技术存储数据，如Redis、Memcached；前端存储数据目前常用的是Cookie、Storage、IndexedDBCookieHTTP Cookie（也叫Web Cookie或浏览器Cookie&…
移动趋势下 企业将面临哪些IT需求与挑战
随着智能设备和IoT的激增、社交商务和分析以及WLAN的爆炸式增长，使得我们今天可以在本地或全球范围内更多的使用IP进行连接通信而无需更多人员之间的交互。根据IDC的调查显示，由硬件、软件和服务组合而成的企业移动解决方案需要可扩展，令最终…
GET和POST区别详解
为什么80%的码农都做不了架构师？>>> GET和POST区别详解 1、Get是用来从服务器上获得数据，而Post是用来向服务器上传递数据。 2、Get将表单中数据的按照variablevalue的形式，添加到action所指向的URL后面，并且两者使…
手把手建立一个Silverlight应用程序(2)
文档下载地址：http://www.ctdisk.com/file/1758324
前面我们讨论了关于如何在客户端进行同步数据校验以及如何在服务器端进行异步数据校验（其中包括如何创建一个等待异步数据校验的信息提示界面）。它们有两个共同点，那就是 1、校…
JavaScript：获取当前事件的元素
1、在监听事件里加入$event参数。 <div ref"cell" style"width: 75px;" click"downloadData(items.filePath)" mouseenter"mouseEnter(items.filePath,$event)" mouseleave"mouseLeave($event)">{{items.value}}<…
vue teleport将组件插入对应节点
我们先创建一个vue项目
然后这边为了省事 我直接就用项目开始就会有的组件写代码啦 找到 项目 src下的 components 下的 HelloWorld组件 编写 代码如下
<template><div>我是一个插入节点</div>
</template><script>
export default {
}
</s…
echarts：切换页面图表延迟显示的问题
问题描述：
从A页面(该页面通过定时器刷新图表)切换到B页面，停留一段时间，再回到A页面，图表要过一会才能显示出来。
问题分析：
仅仅是A页面发生延迟显示，但是B页面表现都是正常的，究其原因&am…
Flask学习——cookie操作
Cookie是客户端的会话技术
cookie本身由浏览器保存，通过Response将cookie写到浏览器上，下一次访问，浏览器会根据不同的规则携带cookie过来特点:- 客户端会话技术，浏览器的会话技术- 数据全都是存储在客户端中- 存储使用的键值对结…
从零开肝Vue2.0(day04)
组件自定义事件 <Student>为子组件父组件获取子组件的数据1. 现在子组件中自定义一个事件，如下：<script>methods:{getStudent(){//定义一个名为getstu 的事件,通过别的组件调用来获取该组件的name属性this.$emit(getstu,this.name) }}</s…
从零开肝Vue2.0(day01)
创建vue实例 <script>//创建vue实例const vm new Vue()</script>配置对象
1.el
<div id"app"><h1>My Test Vue</h1></div><script>//创建vue实例const vm new Vue({el:#app //通过el来绑定Vue实例作用的容器…
phonegap 基础原理
phonegap是web app 下调用移动OS原生API的库。在整个压缩包结构中主要分三块： 1、cordova.js，前端的js库；功能是提供js的API接口，最终调用的是promp方法，如下： /*** Implements the API of ExposedJsApi.ja…
前端实现实时通讯-----ajax长连接
因为web运行模式为请求-响应，服务端无法主动发起通讯，所以通讯实时性存在各种问题，ajax轮询可以模拟及时通讯，但连接太频繁将给服务端带来很大压力，不频繁则实时性很差。 下面介绍在web上真正实现实时通讯的方法&#…
nodejs学习（持续更新中）
nodejs和express的安装什么的，网上基本都有现成的了，这里有点说下， 在较早点的版本（如3.5.0） npm install -g express3.5.0 后，可以直接使用 express helloWorld创建工程， 但最新express4.0版本…
浅谈ContextLoaderListener及其上下文与DispatcherServlet的区别
一般在使用SpingMVC开发的项目中，一般都会在web.xml文件中配置ContextLoaderListener监听器，如下： <listener><listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>…
设置一个div网页滚动时，使其固定在头部，当页面滚动到距离头部300px时，隐藏该div，另一个div在底部，此时显示；当页面滚动到起始位置时，头部div出现，底部div隐藏...
设置一个div网页滚动时，使其固定在头部，当页面滚动到距离头部300px时，隐藏该div，另一个div在底部，此时显示； 当页面滚动到起始位置时，头部div出现，底部div隐藏 前端代码：…
js脚本实现自动上传至github
概述 如果要进行多次上传，使用git gui也会不方便，所以我总结了一下用npm的simple-git实现自动上传至github的方法。供以后开发时参考，相信对其他人也有用。 前提条件 需要安装node, npm, git。把git的安装目录C:\Program Files (x86)\Git\cmd…
10款重量级CSS3的全新特效
大家都知道，在网页制作时使用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。CSS3是CSS技术…
Node开发神器：使用Llama Logs实时可视化Node错误
首发于公众号 《前端全栈开发者》，第一时间阅读最新文章，会优先两天发表新文章。关注后私信回复：大礼包，送某网精品视频课程网盘资料，准能为你节省不少钱！ 如果对你有所启发和帮助，可以点个关注…
前端重构实践（一） —— 性能优化
前言：最近一直在做性能优化和模块化改造的工作，并完成了一次前端重构。在这里总结出一些经验和得失来帮助大家思考。共两篇文章，第一篇讨论性能优化，第二篇讨论模块化框架。而之所以把这两个话题放到一起，是因为这两项…
超棒的 15 款 Bootstrap UI 编辑器
自从 2011 年 Mark Otto 和 Jacob Thornton 开发了 Bootstrap，我们第一次接触并熟知了 Bootstrap 。这些都归功于 Twitter！从那以后，它就非常流行并且成为了最好的响应式框架之一。Bootstrap 帮助开发者快速高效的开启大量新的 web 项目&…
Vue+Element 用同一个el-dialog弹框完成新增和编辑操作
在实际业务中我们往往选择用同一个弹框组件来同时实现新增和编辑操作。但el-dialog弹框的visible.sync设置显示和隐藏往往带来很多额外的工作：处理数据的变更，带校验表单的内容移除和校验清除等 这需要我们在各种隐藏的bug里耗费很多精力，处理…
PHP程序员的技术成长规划（送给迷茫的你）
按照了解的很多PHP/LNMP程序员的发展轨迹，结合个人经验体会，抽象出很多程序员对未来的迷漫，特别对技术学习的盲目和慌乱，简单梳理了这个每个阶段PHP程序员的技术要求，来帮助很多PHP程序做对照设定学习成长目标。 本文按…
前端Vue页面生成pdf文件以及传给后端或者阿里云oss
一、直接下载，不上传后端
1.安装两个插件
npm install html2canvas -S npm install jspdf -S2.在utils文件夹中创建方法htmlToPdf.js：
import html2canvas from html2canvas
import JsPDF from jspdfexport default {install(Vue) {Vue.prototype…
前端工程化-webpack
1.小白眼中的前端开发 vs 实际的前端开发
小白眼中的前端开发：
会写 HTML CSS JavaScript 就会前端开发需要美化页面样式，就拽一个 bootstrap 过来需要操作 DOM 或发起 Ajax 请求，再拽一个 jQuery 过来需要快速实现网页布局效果ÿ…
react 16之前的合成事件和react17的合成事件
react 16之前
React 并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗，还能…
js防抖(debounce) 和 节流(throttling)
一.防抖(debounce)
1.1 防抖策略（debounce）是当事件被触发后，延迟 n 秒后再执行回调，如果在这 n 秒内事件又被触发，则重新计时。 1.2 防抖的应用场景 用户在输入框中连续输入一串字符时，可以通过防抖策略…
js三座大山原型原型链
1.原型 class Student {constructor(name,score){this.name name;this.score score;}introduce(){console.log(我是${this.name},分数${this.score})}}const student new Student(张三,99)console.log(student)student.introduce()当我们去找一个对象的属性和方法的时候&…
Promise手写与async/await
1.回调地狱
多层回调函数的相互嵌套，就形成了回调地狱。 回调地狱的缺点： 1.代码耦合性太强，牵一发而动全身，难以维护 2.大量冗余的代码相互嵌套，代码的可读性变差 如何解决回调地狱的问题：为了解决回调地…
JS大坑之17位（含）以后的Number类型数值精度丢失问题
1.JS大坑之17位（含）以后的Number类型数值精度丢失问题 console.log("1318855614830125158")console.log(Number("1318855614830125158"))console.log(parseInt("1318855614830125458"))console.log(String(13188556148301…
Vue动态组件,插槽及自定义指令
1. 动态组件
动态组件指的是动态切换组件的显示与隐藏。 vue 提供了一个内置的 组件，专门用来实现动态组件的渲染。示例代码如下： 使用 keep-alive 保持状态：默认情况下，切换动态组件时无法保持组件的状态。此时可以使用 vue 内…
Vue下载文件不成功及下载文件名称问题
看代码
import axiosDown from "axios";downloadFile(path) {return axiosDown({url: path,method: "get",responseType: "blob" // 这一步也很关键，一定要加上 responseType 值为 blob});},downloadWay(item) {// console.log(item…
vue使用axios请求本地json文件出现404
之前的路径是这么写的，一直出现404，后来发现必须是http的才可以，这样是无法请求的 把路径改为以下 位置根据json文件决定，但是必须是http://localhost:断口号 转载于:https://www.cnblogs.com/pangbo1213/p/8568804.html
appwidget实现和RemoteView分析
一、appwidget实现过程的分析：
appwidget是显示的桌面上的小窗口程序，在该实现中实际上是一种广播的方式。
1、实现步骤：
1、1创建布局文件：
首先在layout文件夹下创建一个appwidget的布局文件appwidgetlayout.xml,在这里可以…
钉钉 ISV 应用开发的一些心得
1. 背景 前段时间从前到后完整地做完了一个简单的钉钉上的 ISV 应用 —— 猿活动。 最开始想做这么一个小工具，是想到，平时部门中经常会组织一些分享活动，但是这些分享活动却没有一个比较直观的“站点”来记录一次又一次的，很多人…
Ext JS 6 入门学习资料大全(2018-03-07)
现在 sencha touch已经升级为 Ext JS 6 了重新整理下资料 官方网站：https://www.sencha.com/ 在线文档：http://docs.sencha.com/extjs 官方论坛：http://www.sencha.com/forum/ 官方sdk下载页：https://www.sencha.com/products/ext…
React hooks之useCallback的使用与性能分析
使用useCallback优化代码
useCallback是对传过来的回调函数优化，返回的是一个函数；useMemo返回值可以是任何，函数，对象等都可以。 简单来说就是返回一个函数，只有在依赖项发生变化的时候才会更新（返回一个…
【C++标准库】STL基础
STL是C标准库的核心，STL组件中最关键的是容器、迭代器和算法。容器是用来管理某类对象的集合；迭代器为所有各式各样的容器提供了一组共通的接口；算法用于处理集合内的元素。 STL的基本概念是将数据和操作分离，数据由容器加以管理&…
tp3.2前端页面格式化时间
{$vo.create_time|date"Y-m-d H:i:s",###}转载于:https://www.cnblogs.com/phpwyl/p/8807438.html
尚好房 10_Spring Security
尚好房：Spring Security
一、Spring Security概念
前面我们已经完成了尚好房权限管理的部分相关功能，给用户分配角色，给角色分配权限，及左侧动态菜单，做好权限管理的数据准备，接下来我们要使用这些数据进…
java8 stream中Comparator.comparing排序
很多情况下sql不好解决的多表查询,临时表分组,排序,尽量用java8新特性stream进行处理
使用java8新特性,下面先来点基础的
List<类> list; 代表某集合//返回 对象集合以类属性一升序排序list.stream().sorted(Comparator.comparing(类::属性一));//返回 对象集合以…
web端a标签文件下载服务端实现下载功能（解决浏览器兼容问题）
后台使用TP
public function downloadFile()
{$filePath 文件路径;$readBuffer 1024;$allowExt [jpeg, jpg, peg, gif, zip, rar, txt];//检测下载文件是否存在,权限if (!is_file($filePath) && !is_readable($filePath)) {return false;}//检测文件类型$ext strt…
前端项目可维护性原则
Table of Contents generated with DocToc 项目可维护性原则一、文件即模块二、可以显示声明、显示统一的地方不要做各种兼容三、先全局，后局部一、文件即模块 纳入模块化的资源包括： 后端模板js前端 js 模板css模块 ID 即文件被引用时的静态地址&#x…
最简化搭建yum仓库
在使用rpm安装软件包时，时常会遇到一些软件依赖性问题，如果是简单的一两个依赖性还是可以手动解决。要是出现大量的依赖性问题的话会让增大工作量。yum是一个很好的前端程序，可解决软件包相关依赖性，可在多个库之间定位软件包&…
flask 实现上传图片并缩放作为头像
个人开发的 flask 论坛进入尾声，还剩最后一个上传图片更换头像功能，搞了一整天，最后终于解决了所有问题，现在记录下解决方案。
1. 上传文件
分析一下更换头像功能，我们需要做哪些事，简单的思路是…
input获取、失去焦点对输入内容做验证
获取焦点 # 重新获取焦掉后，会将指定标签中的css样式删除，这里为标记错误的css样式（将文本框标红） $("form input").focus(function () {$(this).next().text("").parent().parent().removeClass("has-e…
cnpm : 无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
npm 编译安装项目过程中 发现一个错误：cnpm : 无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。今天就来解决一下这个错误 错误提示：…
D3js-三种图表tooltip提示框总结介绍
参考资料： 1. 交互图表之提示条 2. 交互式之提示框 效果图： 源码： <% page language"java" import"java.util.*" pageEncoding"UTF-8"%>
<%
String path request.getContextPath();
String basePath…
2009年9月全国计算机等级考试四级网络工程师试卷_选择题
2009年9月全国计算机等级考试四级网络工程师试卷_选择题(2)<?xml:namespace prefix o ns "urn:schemas-microsoft-com:office:office" />2009年9月四级网络工程师考试试卷 选择题参考答案选购四级网络工程师优质辅导书的几点建议 （26）…
shiro多Realm第一次调用不生效问题
1. 由于最近自己写的一个项目上用到了多realm的使用，遇到了一个这样的问题： 1. 自己继承了BasicHttpAuthenticationFilter，实现了获取token,然后直接请求api的方法，但是每次第一次调用的时候都是无效的，第二次请求又是…
解析url参数为对象
解析url参数为对象,用于提取url数据 let url http://www.runoob.com/jquery/misc-trim.html?channelid12333&namexiaoming&age23// 自己写的function myUrl (ref){var str ref.split(?)[1]var arr str.split(&)var obj {};arr.map(item > {let myArr ite…
js数组的常用方法（经常要看）
不自见，故明；不自是，故彰；不自伐，故有功；不自矜；故长；夫唯不争，故天下莫能与之争。 会改变原来数组的有： vue2.0源码里对这7个数组的方法进行了处理ÿ…
Vue组件引入方式及父子组件生命周期顺序
父子组件的生命周期顺序
1.关于vue组件的引入方式有两种
同步引入: 非懒加载方式
import HelloWorld from ./components/HelloWorld.vue
components: {HelloWorld,
}异步引入 - 懒加载 ： 1.es6中import懒加载 2.异步方法懒加载
const One ()>import(".…
Vue项目 .env .env.development .env.production 配置说明
1.模式 模式是 Vue CLI 项目中一个重要的概念。默认情况下，一个 Vue CLI 项目有三个模式：
development 模式用于 vue-cli-service serveproduction 模式用于 vue-cli-service build 和 vue-cli-service test:unittest 模式用于 vue-cli-service test:un…
vue-element-table 表头错乱问题及过滤器失效问题
1.问题描述：table使用时候 动态控制表头 v-if的时候表头错乱,没有安装代码的顺序显示
解决方法：加key, :key“Math.random()”
2.列表的数据需要过滤时，会出现过滤器失效情况，也可用该办法
<el-table-columnlabel"提货…
js 数组及对象数组去重
一. 对象数组去重 1.es6方法 new Map()
function quChong() {let arr [{id: 1,name: 111},{id: 1,name: 111},{id: 2,name: 222},{id: 3,name: 333}];console.log(arr);console.log(--------------------);let arr1 unique(arr);console.log(arr1);};function unique(arr) {…
JavaWeb悔悟重学4：观 狂神说 后总结
本文章所有思路与素材都来自于 狂神说Java 如有冒犯 多多见谅，自己总结自己看用。 1.HttpServletRequest HttpServletRequest代表客户端的请求，通过HTTP协议访问服务器，HTTP请求中的所有信息会被封装到HttpServletRequest，通过Htt…
vue在leaflet地图实现监控功能
下载播放器插件flv或mpegts
npm i flv.js --save
npm i mpegts.js --save
先创建一个监控视频组件
<!-- leaflet 使用Vue,extend构造组件 -->
<template><div><videoid"videoElement"controlsautoplaymutedwidth"300px"height&qu…
webrtc 实时视频 .net websocket信令服务器
这篇文章主要参考了 Webrtc WebSocket实现音视频通讯，非常感谢提供代码 前端部分完全是从这篇文章复制过来的，只是修改了webscket的url，还有加入了webrtc-adapterjs ，至于做什么，可以点击链接进行了解 前端代码部分&am…
收藏=学会 前端小程序开源项目121个
微信小程序 Demo 案例
大厂资源开源项目
weapp-demo ★852 - 仿豆瓣电影微信小程序wechat-weapp-gank ★567 - Gank微信小程序wechat-weapp-mall ★531 - 微信小程序移动端商城SmallAppForQQ ★492 - 微信小程序高仿QQ应用weapp-wechat-zhihu ★348 - 微信中的知乎仿芒果TV ★…
css:overflow-x: overlay对火狐浏览器无效
前面我们使用了overflow-x: overlay设置了滚动天不占位置
css：overlay使滚动条不占据位置_1111111111-CSDN博客_css滚动条不占位置
但是后来发现这个设置对狐火浏览器无效，根本就不显示滚动条了。
解决方案是再加一个overflow: auto设置，保…
百度前端学习日记07——布局（三）Flexbox
前言 更多参考MDN flex布局 正文 1.Flexbox模型 主轴（main axis）是沿着 flex 元素放置的方向延伸的轴（比如页面上的横向的行、纵向的列）。该轴的开始和结束被称为 main start 和 main end。 交叉轴（cross axis…
React, 事件处理函数中this是undefined的原因
把事件处理函数，赋值给点击事件，类似于把类中的方法，复制给变量这样一来, 原来的方法是由对象调用，this指向对象，而现在赋值给变量是直接调用，直接调用的话，this会指向window但是，类…
模块加载器使用场景、设计与实现的进一步思考
不知道上下文的，请先阅读这篇博客：模块加载器获取 URL 的原理 使用场景 为了便于讨论，先做一些约定： 模块原始代码为 S(ource)压缩打包后的模块代码为 C(ompressed)独立文件为 F(ile)内嵌到页面中为 P(page)独立文件中是原始代码时…
![[Nodejs] 20. koa2洋葱圈模型-----代码演示](https://img-blog.csdnimg.cn/1bc04b8685f2444a9259cd3cb5df2143.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd2Vpd2VpY24h,size_20,color_FFFFFF,t_70,g_se,x_16)
[Nodejs] 20. koa2洋葱圈模型-----代码演示
注：演示官网（https://koa.bootcss.com/）中的代码
代码如下：
// 演示koa2 中间件的洋葱圈模型const Koa require(koa);
const app new Koa;// logger ctx reqres
app.use(async(ctx, next) > {await next(); …
移动端页面设计规范尺寸大起底
http://www.w3cmark.com/2014/354.html 移动端尺寸繁多，包括IOS和安卓，尺寸多达十余种，所以移动页面尺寸的适配一直是前端和设计的头疼。今天来总结一下当前市场上的一些移动端尺寸，方便设计师和前端去考虑适配。但是最好还是针对…
javascript中的hasOwnProperty和isPrototypeOf
hasOwnProperty：是用来判断一个对象是否有你给出名称的属性或对象。不过需要注意的是，此方法无法检查该对象的原型链中是否具有该属性，该属性必须是对象本身的一个成员。isPrototypeOf是用来判断要检查其原型链的对象是否存在于指定对象实例中…
太有才了！一组街头涂鸦手绘作品欣赏【下篇】
传统的涂鸦艺术家一般使用油漆来实现自己的作品，“街头艺术”包含了许多其他的媒体和技术，包括：LED艺术，马赛克瓷砖，壁画，模板艺术，贴纸艺术，街头雕塑，街道装置ÿ…
iframe获取父窗口的元素
var iframeWindow parent.document.getElementById("iframe_work");
$(iframeWindow).attr("src","openFenXi");我的需求是在当前页面的iframe子窗口上重新加载一个页面， 就先获取到父窗口，再定位到父窗口的"iframe…
在PPC上用时间做唯一编号遇到的问题及其解决方法
在 .NET Compact Framework 1.0 下，当你用 DateTime.Now.Millisecond 获得当前时间的毫秒部分时，你会发现它的值始终为0，也就是说，我们没有办法获取到时间的毫秒值。这样就引发了一个问题，我们在开发基于 SQL Server C…
JavaScript 判断是否为数字的几种方式
喜欢博主的文章，欢迎关注、点赞??、收藏、留言??支持，谢谢大家 文章目录
1. typeof、instanceof、Number.isInteger2. parseInt、parseFloat3. isNaN、isFinite4. Number.isNaN、Number.isFinite5. 正则表达式6. 终极方案（推荐ÿ…
在Vue中当执行this.$emit() 时发生了什么?this.$emit() 的调用是异步的吗？
当在Vue组件中调用this.emit()时，实际上是调用了‘Vue.prototype.emit()时，实际上是调用了 Vue. prototype.emit()时，实际上是调用了‘Vue.prototype.emit 方法。 下面我们来看看Vue.$emit方法的定义 Vue.$emit 的方法源码位于 Vue源码目录下…
上周热点回顾（8.17-8.23）
热点随笔： 七夕，单身的我是如何在敲完代码之后收到12束玫瑰的（上位者的怜悯） 如何快速掌握一门新技术/语言/框架...（黄博文） 谁让APP工程师产生了泡沫？（尹荣乔） 发布了A…
前端(手机端)分页浏览数据，删除数据后，要怎么处理
前言
工作快两年了，做的小程序H5都很多个了，第一次遇到在列表页删除列表元素的功能
bug详情：首先是正常的获取一页数据（10个），然后都是划到底部触发加载下一页数据，然后我同事已经写好了删除功…
【h5程序员表白页面】表白，带计时功能代码
代码修改教程： 注：以下代码都在index.html里面，小白勿修改js代码，大神无视！！！（下载地址和演示地址在文章底部） 上图被涂黑的地方可以输入男生和女生的姓名，红…
微信wap开发，页面显示元素不全-微信开发（asp.net）
最近在开发的微信的微商城，出现这样一种情况： pc上浏览正常，但是一到手机上浏览就会缺少部分元素 解决办法： 找了很多原因，还通过uc浏览器把网页到存下来了，发现并没有缺少元素，只是没有显示出来…
[备忘]如何在Asp.net MVC，非Controller中获取当前Request,Session,Response等请求信息
如下可以取到Session，相同的方式可以取到request等信息 HttpContext.Current.Session转载于:https://www.cnblogs.com/zhurongbo/p/10397656.html
新手学编程前端好还是后端？
听说前端已经卷的没边了，但是不用怕，有一部分是内耗，像这种领导不走我不走，同事不走我也不走，内耗不能产生价值，大部分都是做给别人看的。
选择前端就要坚定信念，一直学，早晚前端后…
常见的web前端面试试题（含答案）
题目的答案提供了一个思考的方向,答案不一定非常全面，仅供参考，文末有惊喜 Q: 怎么去设计一个组件封装 1. 组件封装的目的是为了重用,提高开发效率和代码质量 2. 低耦合,单一职责,可复用性,可维护性 3. [前端组件化设计思路] Q: js …
vue中动态修改img标签中src的方法
vue中动态修改img标签中src的方法
首先看vue中img标签的常规写法
<img src"/assets/images/xxx.png" alt"">当src需要动态修改时，有点麻烦，经常忘记，记录一下
vue2解决方案
<template><div><im…
设计怎么自学呢？非设计岗需要学ps吗？
设计所在行业的岗位职责也不同，她们基本上都会PS、CDR、AI、ID等工具
01）PS初学者自学平面设计的必备软件之一； 02）CDR是插图绘制、图形处理、专业布局、印刷制版输出一体化的矢量软件必学软件之二；03）In…
前端项目如何做测试？
前端项目也叫web端项目（通俗讲就是网页上的功能）是我们能够在屏幕上看到并产生交互的体验。
前端项目如何做测试？
要讲清楚这个问题，先需要你对测试流程现有一个全局的了解，先上一张测试流程图： 接下来下…
vue使用leaflet实现点聚合
下载leaflet依赖和点聚合y依赖
npm i leaflet --save
npm i vue2-leaflet --save
npm i vue2-leaflet-markercluster --save
完整代码
<template><div id"Leaflet1"><l-map:zoom"2":center"[9.93428, 30.335098]"style"h…
MVC里使用JSON方法集锦
//一般处理，无参数示例
public JsonResult Test()
{Something...return Json{new{Successtrue,Msg"Error!",...}};//return Json(new{Successfals,Msg"ok",...},JsonRequestBehavior.AllowGet); //前台AJAX如果是GET用这句
}
//有参数示例
publ…
uni-app上传附件与附件预览
效果图 使用的插件链接:附件上传选择vue内嵌版lsj-upload - DCloud 插件市场
app端使用这个插件有点问题，所以把上传功能写到了一个跳转的页面才能触发上传功能
H5端不会有这个问题
示例代码
//附件页
<template><view class"list1-con-t"&g…
taro小程序保存图片
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 Taro小程序保存图片，安卓正常，ios无反应解决：
在app.jsx中加入下面代码
代码如下（示例）：
…
js给文本框增加默认值
js给文本框增加默认值 <script type"text/javascript">window.onload function () {var ss document.getElementById("txt");ss.onfocus function () {this.value "";ss.style.color "black";}ss.onblur function () {if …
Ant Vue Tree 禁用再次点击就取消选择节点
红色地方点两次会取消选中
<a-card :loading"orgLoading" style"height:calc(100vh - 120px);overflow: auto;"><a-tree :selectedKeys"orgSelectKeys" :tree-data"orgTreeData" blockNode :replaceFields"{children: …
一首歌的时间说说vue3.x在项目中常用的新特性
使用vue3.x一段时间,来整理一下在实际项目中，相比于vue2.x的不同之处。
1 Fragment 在 Vue2.x 中， template中只能有一个根节点,不管代码的结构如何，都不得不在最外层套一个div标签
<template> <div> <p>1</p><…
一首歌的时间带你了解灰度发布
这是网上对灰度发布的解释。在我们的实际项目中，经常会有新版本的更新和迭代，如何把新版本和旧版本之间的变化，以一种平滑过渡的方式呈现给用户，这就是灰度发布的意义。
灰度发布的思路
在实际工作开发中，为了造成一…
vue3.0项目中lottie解析json动画格式
前言
最近的项目中有展示动图的需求，ui之前给了gif文件，但扩展性太局限，所以采取了通过json解析动画的形式。
具体实现
采取Lottie来将json解析成动画，但因为项目使用的是Vue3.0，所以Lottie官方提供的npm是无效的&a…
说说js最好的继承方式--寄生组合式继承的具体实现
前言
寄生式组合继承，目前相对来说，是最好的一种js继承方式，那我们就简单说说它是怎么实现继承的。
function Parent(name) {this.name name;this.eat () > {console.log(吃什么);};
}
Parent.prototype.look () > {console.log(看…
通过模拟form表单实现post方法批量下载文件
以下是在vue项目中，通过模拟原生form表单实现批量下载 绑定点击事件<el-button click"mulDownload()">批量下载</el-button>在data里定义下载接口地址urlActionMulDownload: window.SITE_CONFIG[baseUrl] /unionFile/downloadZip,给postUrl方…
安装react脚手架报错
安装react脚手架: creact-react-app :无法加载文件C: Users 因为在此系统上禁止运行脚本。
解决方案:
window管理员运行(务必)PowerShell,执行以下命令: set-ExecutionPolicy RemoteSigned 输入A 后Enter 再get-ExecutionPolicy查看信息 随后即可使用命令创建项目了。
npm升级失败问题 npm err! code eexist
npm升级失败问题
问题：使用nvm管理node版本，尝试将npm 从6.14.13运行npm install -g npm9.6.1升级报错，如下： 试过了百度上的这个方法
方法 ①
找到node文件夹下的npm.cmd，重命名为npmx.cmd，然后删除此文…
前端开发 Grunt 之 Connect
在前端开发过程中，我们需要在开发过程中，将开发中的站点部署到服务器上，然后，在浏览器中查看实际的效果，在 Grunt 环境下，可以直接使用集成在 Grunt 中的 Connect 插件完成站点服务器的支持，在开…
vue中理路由router的介绍以及使用方法
路由 理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。前端路由：key是路径，value是组件。
1.基本使用 安装vue-r…
git的使用理解（分支合并的使用理解，多人编程的解决方案）
本文主要记录了对git日常使用的一些理解，主要是对git分支的一些感悟。 git强大的版本控制系统，之前也使用过SVN，感觉上git对于多人开发的版本控制更加强大，特别是最近对git分支的使用，更是深有体会。 git的分支使用&am…
【VMCloud云平台】SCVMM进阶篇（一）网络虚拟化（3）
上一篇，我们讲了逻辑交换机的创建与运用，这一篇中，我们来讲讲如何利用逻辑交换实现类似“VLAN虚拟网关”的概念，还有PA跟CA到底之间具体的联系。本篇涉及的网络架构由于是SCVMM进阶篇，就把SCVMM部分单独拿出来扩展&…
通用权限底层研究：强大的分页功能
很久前曾介绍过通用权限底层的分页方法（http://www.cnblogs.com/hnsongbiao/p/3614457.html），发现还有不少同学不会使用，今天再详细介绍下： 一个记录系统的日志列表页面，前端使用了QUI框架 前端分页渲染直接…
模板引擎原理及underscore.js使用
为什么要使用模板引擎 DOM结构简单，完全可以使用DOM方法创建DOM树。$("<td></td").appendTo(); 当页面比较复杂的时候，下面的程序中红色部分来自JSON中的数据： <div class"feeds-item hasImg" id"item-…
数据库与前端的简单建立及过滤注入参数(数字型注入举为例)
数据库配置：sqlin下的news表 1.最简单的数据库连接，无任何过滤，可以看出是个数字型注入。. 查询数据库，我们这里只看sqlin(也可以看其他的，因为连接的时候为root权限) 查表 查列 查内容，from数据库.表名 注…
锤炼自己，即便是铁，也要是铁中的佼佼者。
1、保持有好奇心。 这个主要是把握好对什么都有学习的欲望。前端、后端、算法等等，都要涉及，慢慢积攒，厚积薄发嘛！ 2、对于可能到来的“灾祸”保持乐观心态。 这个捏，主要是做一件事情肯定会有风险，不可控因…
react路由自学遇到的ERROR及解决方法
看视频用到了 <Switch><Route path"/home/news" component{News}/><Route path"/home/message" component{Message}/></Switch>
当我把此段代码写入项目中时却发生了报错 Attempted import error:Switch is not exported from …
vue中Route和router、routes的关系
一、Route和router、routes的关系
事例展示 1、Router：一般具有功能性 2、route
route一般用于获取信息
例如获取 -路由路径($route.path)
-路由参数($route.params)
-路由的查询参数($route.query)
-路由的hash值($route.hash), 完成解析后的hash值(不带#但…
css设置宽度与高度比例，实现高度为宽度的百分之多少
自适应网站，因文章内容上传图片宽高比例不统一，列表页调用图片展示不整齐。 css设置宽度与高度比例举例： html
<div class"banner"><div></div>css
.banner{width:100%;padding-bottom:100%;position:relative…
VUE 多级菜单的多列显示方案
效果图：鼠标放在一级菜单，后面显示一个二级和三级菜单面板 实现思路：
左边菜单的显示和浮动就不说了，就是一个很常规的ul - li 标签。
鼠标在左边浮动的时候，右边显示一个固定top和高度的div，宽度是自动的…
VUE ANT Tree 的常规用法
效果图： 代码
<template><drag-modal ref"dragModal" :closable"false" :showBtn"false" :visible"visible" :width"850"><div slot"title" style"display: flex;justify-conten…
Vue Ant a-tree 获取半选的ID
效果图： 选中的值半选的值：this.menuTreeSelectKeys 就是拿到所有全选的数据
menuTreeOnCheck(nodes, e) {this.menuTreeSelectKeysnodes.concat(e.halfCheckedKeys);},
<a-tree v-model"menuTreeCheckedKeys" checkable check"menu…
报错！python is not set from command line or npm configuratuin
1.原因阐述： 今天下载新项目后，npm i下载依赖时报错如下图。百度的时候基本上是让我安装python就能解决，我也尝试了文章中提供的管理员打开cmd时输入
npm install -g increase-memory-limit的方法，但是没有效果。最终找到的问题是…
前端解析excel文件，并对内容进行校验，实现上传功能
之前采用原生方法和excel插件实现的excel解析：解析出excel中的内容。 今天采用 Ant Design Vue中的a-upload配合excel插件实现该功能，代码更加节俭。
1.html <a-upload :file-list"fileList":before-upload"beforeUpload":showU…
VUE 查询高亮显示文本
高亮效果 高亮代码
<template slot"title" slot-scope"title"><span v-if"$store.state.setting.lang CN && title.menu_name.indexOf(menuTreeSearchValue) > -1">{{ title.menu_name.substr(0, title.menu_name.inde…
struts2 jsp的session取值 if判断
struts2 jsp的session取值 if判断 model有个类user,其中有个string属性direction(方向) 在LoginAction中 登入成功 就 ActionContext actionContext ActionContext.getContext();Map session actionContext.getSession();session.put("user", u);在对应的jsp中&…
Kubernetes 的几个重要概念
Cluster Cluster 是计算、存储和网络资源的集合，Kubernetes 利用这些资源运行各种基于容器的应用。 Master Master 是 Cluster 的大脑，它的主要职责是调度，即决定将应用放在哪里运行。Master 运行 Linux 操作系统，可以是物理机或者…
对你同样重要的非技术贴，一封有效的求职信的具体写法
接我的上篇博文《 对你同样重要的非技术贴，告诉你写求职信的9个技巧》。一封有效的求职信字数应该控制在200字之内，要保持一个简单、清楚的格式布局。 求职信的格式可分为三段：求职、介绍、总结。 每个段落言简意赅，不要堆砌修饰语…
jquery textarea 判断是否为空
2019独角兽企业重金招聘Python工程师标准>>> 因为不熟悉jquery 就直接上手开始开发jquery mobile 所以遇到了很多问题 在验证表单 判断textarea 是否为空时候怎么都判断不了。 后来觉得应该过滤 textarea 中的空格 和html 代码 所以找了以前的过滤代码 贴一下 希望别…
如何将webpack2项目升级到webpack3
如何升级 webpack2发布的时候，多少是有一些抱怨的。因为不能做到向下兼容，将1升级到2需要有不少的改动。但是值得庆幸的是，这次3.0的发布没有 beta 版本，完全向下兼容。 所以我们升级的时候直接执行下面的命令即可。 npm install …
函数多次调用返回的变量不是同一个
学习函数的时候，总有个疑问，不明白，如图： function f(){ return function(){};
} gf();
hf();
gh;//false 不仅仅如此，即使返回非匿名函数，也是不等的，比如： function f(){ re…
地址null发布新的JS游戏《吞食蛇永恒激情版》
废话就不多说了，开始。。。 它的地址是：http://www.lovewebgames.com/game/snake.html 每日一道理 书，各种各样的书。书，寄托着人类热切的希望；书，蕴含着人类丰富的感悟。提起书，会有说不完的话…
如何做一个自己的开源聊天项目？（仿微信）
万事开头难 在我决定做开源是因为自身工作接触到大多数的项目都是基于开源大佬写的框架，自觉惭愧，工作以来一直忙于业务与功能实现，多多少少做过的几个项目也没能抽出部分好一点的功能业务Maven包什么的提供也同行使用或借鉴，这实…
flex 实现横向树状图
<?xml version"1.0" encoding"utf-8"?> <mx:Application xmlns:mx"http://www.adobe.com/2006/mxml" layout"absolute" creationComplete"initApp()" backgroundColor"#FFFFFF"> <mx:Canvas id&…
React版TinyMCE富文本初始化加载过慢的问题
解决React版TinyMCE富文本初始化加载过慢的问题
关于如何构建React版的TinyMCE富文本，可以参照我的上一篇博客： https://blog.csdn.net/m0_37138425/article/details/105812111
这里只是关于如何解决加载速度过慢的问题。 其实就是一句话： …
vue使用vue-json-excel将后台的json数据导出excel表格
github地址vue-json-excel npm-相关配置信息 1.由于后端写导出功能比较耗费性能，因此采用前端导出excel。 2.安装依赖
npm install vue-json-excel3.如果是很多地方使用，可以在main.js中引用。 如果是单个文件中使用，可以在该文件中引用。
…
解决echarts图表宽度偶发初始化只有100px
一、需求 根据筛选条件动态展示在tab页签中。为了自适应PC端设置了宽度100%，在调用接口之后重新渲染数据时，偶发100px的展示状态。 二、解决办法 获取浏览器的可视宽度，根据该tab所占宽度比例，动态赋值给echarts。
let clientWid…
vue-print-nb打印功能
1.安装
npm install vue-print-nb --save2.引入 main.js中引入 import print from vue-print-nb
Vue.use(print);3.使用
3.1直接打印并可配置打印头 给需要打印的容器加一个id,打印按钮传入这个id <div id"printBox">内容
</div>
<button v-print&q…
Vxe Table批量复制列数据功能
效果图 定义表格列头插槽：
<!-- 批量功能 --><template #batch_header"{ column }"><span>{{ column.title }}</span><el-tooltip class"item" effect"dark" content"批量自动填充列数据" pla…
flask服务器端接收文件上传
# 从request里面取出客户端传过来的文件，# 在服务器端打开一个文件# 读request里面的文件内容# 将读取的文件内容写入服务器端打开的文件# 关闭服务器端文件app.route(/upload,methods[POST])def upload(): file_obj request.files.get(pic) if file_obj: f open(…
js promise then 用法
promise 前端调用链
以前你前端做异步嵌套调用的是这么玩的
//执行异步A
$.post("xxx",function(data){//执行异步B$.post("xxx",function(data){})
})
现在你可以这么玩
//
new Promise((resolve, reject) > {$.post("xxx",function(){…
Apiclound3 H5 Echart
效果图 实现代码
<!DOCTYPE html>
<html><head><meta charset"utf-8"><meta name"keywords" content"" /><meta name"description" content"" /><meta name"viewport" c…
uni-app 蓝牙fail property not support、发现不了服务特征值的问题、突然发现微信蓝牙小秘密
一，使用uni-app编译成安卓APP后报错writeBLECharacteristicValue:fail property not support
导致这个报错的原因是：因为APP调用蓝牙API发送指令过快导致，需要在每次调用蓝牙api发送指令的时候加延时器，这样就能解决这个问题&…
VXE-TreeGrid checkbox取消父子关联
效果图 1、取消父子关联开启表头权限 :checkbox-config"{ checkStrictly: true, showHeader: true }" 2、全选和下面单选的联动 checkbox-all"checkALL" checkbox-change"checkChange" //全选checkALL({ checked }) {for (var row of this.table…
VUE 实现填充剩余高度
效果图：展开前 展开后： 实现思路：
1、使用calc 100vh - top的高度
2、top的高度：采用element-resize-detector 组件获取 引用插件
npm install element-resize-detector
监控top的高度
mounted() {//监控头部变化var element…
关于前端时间传递400error-后端解决方案
为什么80%的码农都做不了架构师？>>> 增加spring boot 增加日期处理 import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.core.convert.converter.Convert…
基于Antd Vue做的admin 入门demo
逐步学习vue中，以下是实现的一些功能，后续有新的功能也会更新进来
1、多环境配置
Vue WebPack 多环境配置_℡メ㏑╭ァ小凯-CSDN博客
2、全局变量，Store的用法，实现当前Tab位置，路由定位等核心功能
Vue 关于Store的…
css 高度自动填充布局
效果图 <!DOCTYPE html>
<html>
<head>
<meta charset"utf-8">
<title>菜鸟教程(runoob.com)</title>
<style> *{padding:0px;margin:0px;}html,body{height: 100%;}
.box {display: flex;flex-flow: column;height: 1…
Vue3 使用嵌套路由、以及遇到的 Property ‘xxx‘ does not exist on type
一、在Vue3中路由和Vue2的使用区别
首先如果你习惯性的使用this.$router那你肯定会得到一个报错，因为Vue3中是没有了this，使用的是全新的API，所以这时候我们需要引入 Router 中 useRouter 的这个函数
import { defineComponent, reactive} …
VXE-Table融合多语言
VXE官方的多语言教程是这样的：
vxe-table v4https://vxetable.cn/#/table/start/i18n但是，系统中已经有自己的多语言了怎么办？
下面是自定义的i18n根VXE的融合过程：
1、引入插件 npm install vue-i18n
2、创建i18n.js
import…
VUE 404页面的实现
效果图： 实现方式：
创建一个404的vue页面
<template><div class"wscn-http404-container"><div class"wscn-http404"><div class"pic-404"><imgclass"pic-404__parent"src"/…
CSS 自动宽度设置
常规布局
<view class"horizontal"><text class"b-order-card__content--li">供应商名称：xxxxxxxxxxxxxx</text><text class"b-order-card__content--li" style"color:#6A8AE7;padding-right:5px;"&…
利用html2canvas导出图片（html结构导出）
首先需要安装插件
npm install html2canvas导入插件：
import html2canvas from html2canvas事件：
downloadImg(jpg)
downloadImg(png)逻辑：
// 下载图片
downloadImg (type) {html2canvas(document.querySelector(需导出的结构类名)).the…
PHP获取随机数的函数rand()和mt_rand()
rand()函数用户获取随机数，具体用法如下： rand()可以设置0个参数或者两个参数，如rand($min,$max)，$min表示从XX开始取值，$max表示最大只能为XX 例如： <?php
echo rand() . "\n";//得到一个不…
apiCloud中的API对象
1.属性 appId apiready function () {var appId api.appId; //比如： A6980386445546var appName api.appName; //比如： AppLoadervar appVersion api.appVersion; // 比如： 1.0.0var systemType api.systemType; // 比如： i…
作业系统前端架构总结
项目目的： 1. 配合本地完成app资源本地化（后面文章会详细说明） 2. 新题型发布无需app本地发版 3. 统一数据源 4. 前端组件的高维护性、高复用性、高可读性 5 更换技术栈：vue全家桶 项目技术栈： 根据公司前端工程化定制…
vue项目中使用el-dialog嵌套el-table,复选框回显问题
功能需求：
点击选择单位右侧按钮，弹出弹框，将输入框里的数据，在弹框表格里，默认选中
实现思路： 在点击弹框的取消和确定按钮的时候，先使用this.$refs.multipleTable.clearSelection()清空所有…
[New Portal]Windows Azure Virtual Machine (1) 概念
《Windows Azure Platform 系列文章目录》 前面几章我已经给大家介绍了Windows Azure PaaS的好处，总结下来有以下几点： 1.面向应用，而不是面向IT基础。微软作为云计算供应商，让用户将更多的精力放在构建优秀的软件架构；…
神马获取Authkey按钮提交成功方法
① 换很旧的浏览器试试 ② 使用f12在head标签内添加 <meta http-equiv"Content-Security-Policy" content"upgrade-insecure-requests">
el-table中表头加了文字提示用的el-popover，加了固定列，文字提示失效
问题： el-popover悬浮文字，在固定列后，悬浮不显示 解决： 使用el-tooltips组件（加类名：popper-class‘tooltips’,写在style全局样式中）
ajax请求成功后打开新窗口地址
jQuery.ajax({"type":"post","url":"http://www.baidu.com", "success":function(rel){if(rel.isSuccess){ window.open(rel.url,"_blank");}}
}); 这个url请求成功后window.open(rel.url,"_blank");会…
企业内部使用Silverlight5浏览器内受信任的应用程序
转自http://www.cnblogs.com/slmk/archive/2012/02/27/2369642.htmlsilverlight 5的一个有趣的新特性是：可以在浏览器内完全受信任运行。这对于企业内部应用可谓重大的改进，可以访问本地COM，而且是在浏览器内。至少可以访问本地文 件系统这一…
一起谈.NET技术，Silverlight 4.0发布之际，让我们重新再认识一次Silverlight这位乱世英雄！...
Microsoft Silverlight是微软所发展的 Web 前端应用程序开发解决方案，是微软丰富型互联网应用程序Rich Internet Application(简称RIA)策略的主要应用程序开发平台之一，以浏览器插件形式，提供 Web 应用程序中多媒体（含影音流与音效…
Flat Surface Shader – 超炫的 3D 模拟照明效果
Flat Surface Shader 是一个超炫的 3D 模拟照明效果，可以配置使用基于 Canvas 的 2D 上下文或者基于 SVG 多边形数组绘制三角形。它还采用原生的 Float32Arrays 存储数字数据，进行高度优化的计算。可以调整颜色参数预览效果，而且可以导出图像…
VUE Form从上方顶端显示
<!--修改区域--><el-dialog title"房屋实景" :visible.sync"editDialogVisible" width"50%" close"editDialogClosed" :lock-scroll"false" :append-to-body"true"><el-form :model"editForm…
js中：0.1 +0.2不等于0.3的原因
在项目中对number的数值进行处理的时候，要多加小心，特别是做数据处理的web端，之前有过相关的经验是处理数据的加减运算，展示折线图，但是简单的相加之后得到的不是一个全等的值； 一个最经典的例子࿱…
js禁用浏览器 pdf 打印、下载功能（pdf.js 禁用打印下载、功能）
前端实现 pdf 预览方法
(1)用iframe标签src"文件地址"就可以直接打开，还可以设置width,height等属性。具体参考iframe属性。 <iframe src"http://localhost:8080/%E9%9F%A6%E6%88%90%E7%8E%89.pdf"></iframe> （2)直接…
react antd表格td内容过长显示三个点(解决react项目多行文本溢出显示省略号)
一、react antd表格td内容过长显示三个点
一、问题描述
表格过td内容过长，想要显示三个点。因为过长会换行导致，表格很不好看。 想要实现的效果，这样不影响象美观。 二、实现步骤
import React, { Component } from react;import { Table,…
bootstrap table checkBy根据设置的条件选中行，项目中可以用于多选。
//选中Id为1和23的行，案例
$(#table).bootstrapTable(checkBy, {field: Id, values:[1, 23]});
//项目中运用
//点一个选中相同数据。$.each(allTableData, function (id, node) {//把全部数据循环后，判断和当前点击的数据的某个值是否相等，相…
HTML常见标签用法
目录
1.HTML基本结构
2.常见标签 1.HTML基本结构
HTML 代码是由 "标签" 构成的.
形如:
<body>hello</body>1.标签名 (body) 放到 < > 中 2.大部分标签成对出现，<body>为开始标签，</body>为结束标签 3.少数…
前端要注意的代码规范
html浏览器语言<!doctype html>大小写都可以<!DOCTYPE HTML＞document type html <meta charset"UTF-8"/> 保存的时候也要保存成这种格式 两种格式要一致。写代码各种标点符号都要是英文输入法css层叠样式表 多个样式叠加 bootstrap样式复…
打开SVN server图形化管理界面
来源：http://blog.csdn.net/u013495063/article/details/76796079 1、在ViaualSVN Service的安装目录：C:\Program Files\VisualSVN Server\bin下找到VisualSVN Server.msc 点击打开就行了。 2、windowsq 搜索VisualSVN Server Manager 回车 3、win7&…
Redux的原理和使用。
Redux最主要是用作应用状态的管理。简言之，Redux用一个单独的常量状态树 （state对象）保存这一整个应用的状态，这个对象不能直接被改变。当一些数据变化了， 一个新的对象就会被创建（使用actions和reducers&a…
highcharts多图表联动
官方案例：
https://www.highcharts.com.cn/demo/highcharts/synchronized-charts展示图： vue中使用
触发：
watch: {chartList: {handler (n) {if (!this.mouseMove) {this.mouseMove truesetTimeout(() > {this.handleMouse()this.mou…
Go 1.21.0 新特性min 和 max 内置函数解析
1.介绍
Go 1.21.0 是 Go 语言的最新版本，它将在 2023 年 8 月发布，会带来了一些语言和工具的变化。其中一个值得关注的变化是增加了两个新的内置函数 min 和 max，用来对任意可比较类型进行最小值和最大值的操作。这是很常见的需求࿰…
Vue WebPack 多环境配置
默认WebPack创建好的配置在config里面 使用process.env.你配置的Key
process.env.ADMIN_TABS_KEY
注意点，这个alter或者console.log的时候才能看到值，如果F12调试的话，process报错undefined，就是说F12看不到值，只能在…
ElementUI Tab 右边加按钮
效果图 实现代码：
Tabs后加button
<el-button click"formShow!formShow" size"mini" style"position: absolute;right:20px;top:18px;">{{formShow?隐藏:显示}}</el-button> 方式2比较靠谱：
1、设置父标签…
vue3 中的不同与坑的总结(可能随版本更新修复)
一、写法上面的不同
以往我们写的代码是
<script>
export default {name: "App",data () {return {a:1}},methods: {myFn() {console.log(方法)}},computed:{},watch:{}
};
</script>vue3 中直接写在setup中，并且需要return出去。并且计算属…
vue项目微信禁止分享功能
Vue微信公众号网页禁用分享功能
因为项目中需要禁止分享功能，所以去百度了一下，但是还是挺多坑的最后拼凑了一个流程。（只介绍全部禁用的） 有很多文章用的是 WeixinJSBridge.call(‘hideOptionMenu’) 但是这个试了一下 会出现 W…
001.SpringBoot项目创建+Web启动
需要安装JAVA 1.8 JDK和Maven且全部配置好环境变量，要不然项目启动会一堆问题 新建SpringBoot项目 参考下面的选择 插件选web即可 注意项目名称和地址要一样 新建一个Controller类，方法里面加上下面2个注解，就可以跑了
RestController
Req…
前端学习笔记系列一：4 vue中@click.native
.native - listen for a native event on the root element of component. 作用：[给组件绑定原生事件] 例子：如果使用router-link标签，加上click事件，绑定的事件会无效因为：router-link的作用是单纯的路由跳转…
JavaScript中blink函数
JavaScript中blink函数是把 HTML 标记放置在 String 对象中的文本两端。blink()用法为： strVariable.blink( ) 必选项 strVariable 参数是可以是任意的 String 对象或文字。 下面的示例说明了 blink 方法是如何工作的： var strVariable "This is a…
学之思开源考试系统搭建
这里写目录标题 1. 学之思开源考试系统搭建1.1. 官网1.2. 需要软件清单1.2.1. Redis1.2.2. RedisDesktopManager1.3. 配置1.3.1. 数据库1.3.1.1. 新建数据库1.3.1.2. `xzs-mysql.sql`1.3.1.3. `xzs-postgresql.sql`1.3.2. star 后管理员发的1.3.3. 前端1. 学之思开源考试系统搭…
Cookie 和 Session 工作流程
1.为什么需要Cookie 和 Session 由于HTTP协议是“无状态”协议，也就是客户端向服务器端发送请求，服务器作出响应，他们之间的连接就会断开(一次会话结束)，下次客户端再给服务器端发送请求，服务器就不知道这个用户是谁了…
Puer是一个可以实时编辑刷新的前端服务器
##Puer是一个可以实时编辑刷新的前端服务器 确保你安装了nodejs（现在还有没nodejs环境的前端？ 拖出去喂狗吧） 使用npm全局安装puer命令 npm install puer -g 输入puer -h可以查看Help 使用 90% 的使用场景下 cd /path/to/workspace ?puer ?…
web前端知识在乱花渐欲迷人眼的当下，如何分清主次和学习优先级呢？
从正美的吐槽开始，我回了下，说对盲目跟风的大众失去信心了。然后一些同学说我固步自封，另一些同学估计想说倚老卖老啥的。我想说清楚一点，我从未停止过学习，只是对知识的重要程度和精力分配有自己的观点。具体来说&…
javascript——表单校验工具代码
function changeImg(img){//改变img标签中 src的值，实现重新加载的功能 每次的访问地址都不一样，因为有变量加入，所以每次都会访问新的资源。img.src img.src"?time"new Date().getTime();}
//检查username输入框function check…
【UmiJS学习】01-快速上手
首先附上官网链接：https://umijs.org/zh-CN/，我们按照官网介绍实现简单的项目初始化 准备环境，官网推荐node版本在10.13以上，我的是node14.16.0，npm6.14.11(我使用的是nvm包管理器，管理node版本十分方便) …
两栏布局 左侧固定右侧自适应
两栏布局 左侧固定右侧自适应 <div class"out"><div class"left">左</div><div class"right">右</div></div>
1.浮动
左侧固定，设置向左浮动右边margin-left: 200px;，右边元素宽度…
【GraphQL学习】01-Express初搭建GraphQL接口
系统需要安装nodejs环境，版本最好是12.22.0或者14.16.0或者大于等于16.0.0，我用的是14.16.0版本的（这里用nvm管理node版本会比较方便）
首先初始化项目 npm init -y，会生成package.json文件 （这个.gitigno…
【JavaScript练习】小数乘法
小数乘法
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widthdevice-width, in…
【JavaScript练习】二进制转换2
二进制转换2
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widthdevice-width,…
【JavaScript练习】二进制转换
二进制转换
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widthdevice-width, …
【JavaScript练习】柯里化
柯里化
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widthdevice-width, init…
【JavaScript练习】使用arguments
使用arguments
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widthdevice-widt…
【JavaScript练习】使用闭包
使用闭包
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widthdevice-width, in…
【JavaScript联系练习】实现一个打点计时器
实现一个打点计时器
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title>
</h…
【JavaScript练习】字节单位变换
【JavaScript练习】字节单位变换
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"…
【JavaScript练习】字符串去重、反转、大写字母个数
【JavaScript练习】字符串去重、反转、大写字母个数
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport&…
我的第一个Node web程序
2019独角兽企业重金招聘Python工程师标准>>> NodeJS的流行也带来了开发由前端转到全栈，前端不再局限于页面如何展现，用户如何操作，也设计到整个应用的架构以及业务流程。 本篇来简单的通过实例，讲述node中web开发的模式…
写一个情人节表白页面
趁此单身汪伤心之日，作为一名前端程序猿的我也按捺不住了，撸个表白页面送给广大想表白的人儿。话不多说，先看效果（网页地址）： 功能 一个网页输入名称，生成带参数的网址。 浏览器输入该网址&…
link和@import的区别
link和import的区别
link属于HTML标签，import在css中表示导入外部样式表；link会同时被加载，而import引用的CSS会等到页面被加载完再加载import只在IE5以上才能识别，而link是HTML标签，无兼容问题link方式的样式的权重高…
【JavaScript练习】生成随机数
【JavaScript练习】生成随机数
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"w…
computed和watch区别以及运用场景
computed和watch区别以及运用场景
computed：计算属性 支持缓存,只有依赖数据发生变化时，才会重新计算函数。 不支持异步操作 自动监听依赖值的变化，从而动态返回内容。
watch:侦听属性
不支持缓存，只要数据变化，…
前端小知识：ElementPlus引入阿里图标使用（超详细-手把手教学）
文章目录1. 下载阿里图标2. 将下载的文件压缩放入到项目中3. 直接本地打开压缩文件里面的使用Demo - demo_index.html4. 根据上面的Demo提示，页面需引入文件里面的iconfont.css中5. 将阿里巴巴组件注册成组件进行使用（当然如果你并不需要可以直接忽略这步…
前端小知识：第三方JS库：tesseract.js（基于浏览器性能的离线OCR）
文章目录tesseract.js（离线OCR）概述使用tesseract.js（离线OCR）
概述 仓库地址： https://github.com/naptha/tesseract.js 语言包地址： https://github.com/naptha/tessdata/tree/gh-pages/4.0.0_best …
前端小知识：访问对象属性（常规、可选链、lodash）
7. 访问对象属性（常规、可选链、lodash） 可选链官网： https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Optional_chaining lodash官网： https://www.lodashjs.com/docs/lodash.get <!DOCTYPE…
[转载]这18条背下来没人敢和你忽悠CPU
这18条背下来没人敢和你忽悠CPU作者：天极blog 来源：天极网 1.主频 主频也叫时钟频率，单位是MHz，用来表示CPU的运算速度。CPU的主频＝外频倍频系数。很多人认为主频就决定着CPU的运行速度，这不仅是个片面的…
web前端开发基础，css超出隐藏省略
架构 方案
使用 redis 集中存储，实现分布式集群共享用户信息，这里我们采用第三方开源插件crazycake来实现，pom.xml 引入：
<dependency><groupId>org.springframework.boot</groupId><artifactId>spring…
web前端开发学习内容，Web前端基础三剑客学习知识分享
JS
《JavaScript高级程序设计（第4版）》
第三版:豆瓣评分9.3
第四版:豆瓣评分8.5
现在建议学习第四版，因为第三版很多还是以ES5的语法进行讲解的，目前主流都是 ES6 语法了。当年我入门这是我看的第一本JS书籍，也是实…
一个用JavaScript生成思维导图(mindmap)的github repo
github 地址：github.com/dundalek/ma… 作者的readme写得很简单。 今天有同事问作者提供的例子到底怎么跑。这里我就写一个更详细的步骤出来。 首先查看example.parse.js的内容： var fs require(fs);var parse require(../parse.markdown);var transfo…
在阿里云的生产环境下：nginx同一域名下配置多个静态页面
背景说明 这两天公司前端开发工程师提出要求，在公司的主业务域名中加一个静态页面进去，在这里我就不透露公司的域名是什么，我们把域名估且为www.ganbing.com。这种需求很多公司是经常有的，写一个重定向啊、加个静态页面啊…
【JavaScript练习】tab栏切换效果
【JavaScript练习】tab栏切换效果
运行结果：
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><ti…
【JavaScript练习】表格隔行变色案例
【JavaScript练习】表格隔行变色案例
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</…
【JavaScript练习】数组中某元素出现的位置和次数
【JavaScript练习】数组中某元素出现的位置和次数
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>D…
CSS实现水平垂直居中
CSS实现水平垂直居中
目录 CSS实现水平垂直居中
1.绝对定位加transform 不定宽高
2. margin负值
3.marign:auto
4. flex布局
5. grid布局
6.table-cell <body><div class"father"><div class"son"></div></div>
<…
【JavaScript练习】封装自己的Math对象，包括PI值和最大值最小值
【JavaScript练习】封装自己的Math对象，包括PI值和最大值最小值
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0…
【JavaScript练习】输入年份，输出2月份天数
【JavaScript练习】输入年份，输出2月份天数
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title…
在Vue引入 Element-UI
在Vue2引入 Element-UI
1.安装
npm i element-ui -S
2.按需引入（借助 babel-plugin-component，只引入需要的组件，以达到减小项目体积的目的。）
首先，安装 babel-plugin-component
npm install babel-plugin-com…
Cookie, SessionStorage, LocalStorage的区别
Cookie, SessionStorage, LocalStorage的区别
共同点：都是存储在浏览器本地。
不同点：
1.写入方式：Cookie是由服务器写入，SessionStorage和LocalStorage都是由前端写入。
2.生命周期： Cookie是由服务器端写入就设置…
简述query和params之间的区别
query和params之间的区别: 1、query要用path 来引入,params要用name来引入， 2、接收参数时，分别是this.$route.query.name和this.$route.params.name(注意:是$route而不是$router). 3、query更加类似于我们ajax中get传参，params则类似于post&…
天地图-第五篇-覆盖物
<!DOCTYPE html>
<html><head><meta charset"UTF-8"><title>天地图-覆盖物</title><style>/*设置地图显示大小*/#mapDiv{width: 600px;height: 400px;position: relative;float: left;}span{padding: 10px;}</style>…
你有学习者综合征吗？Web 开发是重灾区
【导读】：学习者综合征的主要表现：学而不用，不停学习，却没有真正实际应用知识来做东西。如果过去的一年里，学习的语言或框架超过三个，那可能已经感染学习者综合征了。Web 开发是重灾区咯。 你有学习者综合征…
DTCC 干货 | 中国银联跨中心，异构数据同步技术与实践
作者：翁海星 编辑：张晓艺摘要：Moray 是中国银联为支持应用的异地多活、异构数据库的数据同步而设计的组件。本次将分享中国银联实现跨数据中心、高性能、可异构化的实时数据同步技术，以及 Moray 在中国银联异地多活系统中的实践经…
![[转帖]Nginx 容器教程](http://www.ruanyifeng.com/blogimg/asset/2018/bg2018022702.png)
[转帖]Nginx 容器教程
Nginx 容器教程 http://www.ruanyifeng.com/blog/2018/02/nginx-docker.html里面有证书. 作者： 阮一峰 日期： 2018年2月27日 感谢 腾讯课堂NEXT学院 赞助本站，腾讯官方的前端课程 免费试学 春节前，我看到 Nginx 加入了 HTTP/2 的…
MySQL中too many connections超出最大连接数的处理方法
MySQL最大连接数的问题 在MySQL的源码中，默认最大的连接数是16384 {"max_connections", OPT_MAX_CONNECTIONS, "The number of simultaneous clients allowed.", (gptr*) &max_connections, (gptr*) &max_connections, 0, GE…
.Net Core应用框架Util介绍（二） 转
Util的开源地址 https://github.com/dotnetcore/util Util的开源协议 Util以MIT协议开源，这是目前最宽松的开源协议，你不仅可以用于商业项目，还能把Util的代码放进你的框架，放心使用。 Util的命名 Util这个名字看上去不怎么高大上…
【零基础入门学习Python---Python中Web开发基础之快速入门实践】
🚀 零基础入门学习Python🚀 🌲 算法刷题专栏 | 面试必备算法 | 面试高频算法 🍀 🌲 越难的东西,越要努力坚持，因为它具有很高的价值，算法就是这样✨ 🌲 作者简介：硕风和炜…
【JavaScript练习】二进制转换3
二进制转换3
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widthdevice-width,…
【JavaScript练习】模块化
模块化
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widthdevice-width, init…
【JavaScript练习】表格全选及取消全选功能
【JavaScript练习】表格全选及取消全选功能
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Documen…
【JavaScript练习】求字符串中某个字符出现的位置和次数
【JavaScript练习】求字符串中某个字符出现的位置和次数
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><titl…
Android 拦截WebView加载URL，控制其加载CSS、JS资源
版权声明：本文为博主原创文章，转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/49517537 绪论 最近在项目中有了这样一个需求，我们都知道WebView加载网页可以缓存，但是web端想让客服端根据需求来缓存网页ÿ…
js页面的弹框怎么关闭啊
1、单纯的关闭window.opener.location.reload(); //刷新父窗口中的网页window.close();//关闭当前窗窗口2、提交后关闭function save(){document.getElementById("pointsform").submit();alert(保存成功);window.opener.document.getElementById("cmd").va…
初学Vue3（个人学习）
Vue3相比Vue2的提升
打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%使用Proxy代替defineProperty实现数据响应式重写虚拟DOM的实现和Tree-Shaking（摇树：可以理解为打包的时候把没有用的东西去掉）
Vue3新特性
Composition (组合…
Vue.js - Day1
Vue.js - Day1 Node（后端）中的 MVC 与 前端中的 MVVM 之间的区别 MVC 是后端的分层开发概念； MVVM是前端视图层的概念，主要关注于 视图层分离，也就是说：MVVM把前端的视图层，分为了 三部分 Mode…
媒体查询自适应大小屏幕(更换布局)
大屏幕下： 小屏幕下：（按钮换行）
<div class"search-box"><div class"form-box"><a-form-item label"111" class"fromItemClass"><a-selectref"select&quo…
20145236《网络对抗》Exp9 web安全基础实践
20145236《网络对抗》Exp9 web安全基础实践 一、基础问题回答： SQL注入攻击原理，如何防御 SQL Injection：就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。利用现有应…
接口API封装中常见的HTTP状态码
在进行后端接口API封装的过程中，需要考虑各种错误信息的输出。一般情况下，根据相应问题输出适合的HTTP状态码，可以方便前端快速定位错误，减少沟通成本。 HTTP状态码有很多，每个都有对应的含义，下面列出日常…
js前端获取用户的IP地址
目的：js前端获取用户的IP地址 解决办法： html前端代码：直接运行就好 <HTML>
<HEAD>
<TITLE>WMI Scripting HTML</TITLE>
</HEAD>
<BODY>
<script src"http://pv.sohu.com/cityjson?i…
【彩彩只能变身队】燃尽图暨一周总结（6.10）
彩彩只能变身队六月近期任务：1、完善登陆页面 2、写各个页面需要组件 3、对各种组件操作的响应的技术学习 4、前后端交互的进一步学习 截至今天6月冲刺已基本结束，阶段任务也已经完成。 前端半数页面已经成型 后端 组内成员经常一起写代码，次…
个人技术博客开通，欢迎访问
我的技术博客 - 胡旭技术博客 - 开通了，欢迎大家访问探讨有关网站前端和后端的技术问题。 我的博客主页：胡旭个人博客转载于:https://www.cnblogs.com/wuniaoheart/p/3178953.html
宝塔使用express-generator脚手架
需要使用的工具: PM2管理器 没有的可以在软件商店搜索框中搜索PM2管理器下载并安装
1.添加站点 2.在全局安装express-generator脚手架并使用 2.1 在终端中使用下方命令安装脚手架
npm install express-generator -g
安装成功的截图 2.2 安装后使用命令快速生成项目文件 e…
JavaScript - Date()日期对象 - 笔记
文章目录基本使用方法创建Date()对象概念举例常用Date对象方法返回具体时间的字段举例Date日期格式和字符串的相互转化将 Date 对象转换为字符串进阶将字符串转换为日期对象根据日期根据日期和时间比较两个日期的大小getTime()函数比较根据日期对象直接比较比较字符串直接比较字…
网站前端_JavaScript-基础入门.0006.JavaScript流程控制
if语句:说明: 对于if语句括号里的表达式,Js会自动调用Boolean()转型函数将这个表达式的结果转换为一个布尔值,如果为true就执行语句块里的代码段var userScore 100
// 第一种形式: 如果语句块只有一句,可省略{}
if(userScore > 90) console.log("your score level is …
项目中前后端代码的拆分
在项目中前后端代码的拆分 在项目中，我们肯定是需要分层来书写各个模块的代码的，用来便于阅读以及后期的维护，下面来书写一个简单的后台管理系统的jQuerynode的代码，css和html暂时不放，主要就是为了理清这些思路&#…
一：资源的合并与压缩
一：资源的合并与压缩 （1）减少http请求数量和减少请求资源大小两个优化要点 （2）掌握压缩与合并的原理 （3）在线网站和gulp两种实现压缩与合并的方法 1：浏览器的一个请求从发送到返回都…
设置div标签可以输入文字
1.contenteditable 属性可以设置div标签为克输入标签,2.input和textarea虽然是常用的输入标签,但是这两个标签不能设置最大高度和最小高度, 随意如果想随着输入的内容改变高度的话,可以使用这个属性<div contenteditable"true"></div>转载于:https://www…
HTML 表单中的验证
凡要验证格式的元素均需绑定datatype属性，datatype可选值内置有10类，用来指定不同的验证格式。 如果还不能满足您的验证需求，可以传入自定义datatype，自定义datatype是一个非常强大的功能，通过它可以满足你的任何需求。…
Node.js模板引擎的深入探讨
每次当我想用 node.js 来写一个 web 相关项目的时候。我总是会陷入无比的纠结。原因是 JavaScript 生态圈里的模板引擎实在太多了，但那么多却实在找不出一个接近完美的，所谓完美的概念就是功能丰富，书写简单，前后端可共用等一些属…
APIPOST入门+认识接口（前后端分离）
APIPOST入门认识接口（前后端分离） 文章目录 APIPOST入门认识接口（前后端分离） 啥是**API**接口？笑话小案例编写mock数据 如何解决跨域问题（后续要解决的）实战二维码驾照题库实战项目自己写一个接…
前端Vue自定义可自由滚动精美tabs选项卡标签栏标题栏 可设置背景颜色，
前端Vue自定义可自由滚动精美tabs选项卡标签栏标题栏 可设置背景颜色， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id13313
效果图如下： # cc-scrollTag
#### 使用方法
使用方法
<!-- tabChange: tab选…
async和defer
同步加载： html是按顺序执行的，script标签中未加入defer和async时，浏览器在解析文本的时候遇到script标签就会停止解析，去解析script里面的内容。 如果scrpit里有外部文件，那就必须等待下载和执行完毕，浏览…
运行vue时，点击跳转链接，路径跳转，内容不同步跳转
运行vue时，点击跳转链接，路径跳转，内容不同步跳转
第一种情况
未添加<router-view></router-view> 2.第二种情况 router和route写时混淆router :是 VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数…
warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js1848:4-15 “export ‘onUnmounte
运行vue项目时显示报错信息：
warning in ./node_modules/vue-router/dist/vue-router.esm-bundler.js1848:4-15 “export ‘onUnmounte WARNING Compiled with 46 warnings 上…
nginx虚拟目录设置 alias 和 root
nginx貌似没有虚拟目录的说法，因为它本来就是完完全全根据目录来设计并工作的。 如果非要给nginx安上一个虚拟目录的说法，那就只有alias标签比较“像”，干脆来说说alias标签和root标签的区别吧。 最基本的区别：alias指定的目录是准…
uniapp开发心得
1. 在main.js中封装一些常用的方法
2. 每次项目开始前，先阅读开发文档并且在看完蓝狐或原型图后找出公用的组件先进行封装，方便下次用户改需求可以直接修改避免浪费大量的时间去更新
3. 如果项目许多地方存在背景图，请在app.vue里使用全局背…
前端常见面试题 - JS篇
以下会是JS常见面试题：
面试题将会以系列不定时更新，编写不宜，如有用到，请动动小手关注一下。
1. 简述ES6
1. let: 块级作用域。
2. const: 常量; 块级作用域; 一旦声明, 则运行期间无法修改。
3. 模板字符串
4. 解构赋值
…
【H5C3练习】纯CSS实现下图所示的布局效果
【H5C3练习】纯CSS实现下图所示的布局效果 绿色色值是：#00BC9B，灰色色值是：#BCBCBC 注意HTML的语义化、内容的扩展性以及尺寸的自适应性。
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8&…
logback 那是我夕阳小的奔跑
Logback 一个开源日志组件。Logback 当前分成三个模块：logback-core, logback- classic 和 logback-access。 1. logback 简介 Ceki Glc在Java日志领域世界知名。他创造了Log4J ，这个最早的Java日志框架即便在JRE内置日志功能的竞争下仍然非常流行。随后…
Express.js 中文入门指引手册
http://www.csser.com/board/4f77e6f996ca600f78000936Express 是基于 Node.js，高性能、一流的web开发框架。本手册由一回于 2011-4-24 首次翻译，如今已经过去接近一年，express 最新的版本已经与当时翻译有些脱节，为了方便内容更新…
微信小程序支付成功之后的notify_url
返回来的xml数据如下，这个是我在别人博客上找的。 i am not sure转载于:https://www.cnblogs.com/fuckingPangzi/p/10474382.html
详解JS 作用域与作用域链、IIFE模式、js执行过程
文章目录 一、什么是作用域二. 全局作用域、函数作用域、块级作用域全局作用域函数作用域注意 if、for循环、while循环变量 块级作用域 二、什么是作用域链1. 什么是自由变量2.什么是作用域链3. 关于自由变量的取值 三、IIFE模式由来语法基本语法带参 四、JavaScript 执行过程编…
web前端CSS全局样式，最全的BAT大厂面试题整理
前言 昨天有幸去字节面试了，顺便拿到了offer，把还记得的东西写下来，供大家参考一下。 突破困境：
1. 提升学历 前端找工作，学历重要吗？ 重要。谁要是告诉你不重要那一定是在骗你。现实情况是大专吃紧&#…
java.text.ParseException: Unparseable date: “1966-06-30T16:00:00.000Z“
业务分析
使用了Element的日期选择器，然后需要通过身份证号直接识别某人的生日日期，这时简单的操作，将身份证号截取出来，然后拼接成日期，在前端页面显示没问题。 然后后端拿到数据新增，Oracle里就会直接报…
【Angular】——简介
一、Angualr架构概览 二、该架构图中展现了 Angular 应用中的8个主要构造块
模块 (module)组件 (component)模板 (template)元数据 (metadata)数据绑定 (data binding)指令 (directive)服务 (service)依赖注入 (dependency injection)
三、工作原理说明
模板 (Templates)是由…
正则表达式 运算符优先级与匹配规则 | 一看就懂！！！（四）
目录
一、正则表达式 - 运算符优先级
（一）正则表达式从左到右进行计算，并遵循优先级顺序，这与算术表达式非常类似。
（二）相同优先级的从左到右进行运算，不同优先级的运算先高后低。
&#x…
vue监听DOM拖拽发生改变
自定义指令 v-resize
<template><div class"table__body" v-resize"monResize">................................</div>
</template>export default {directives:{resize: { // 指令的名称bind(el, binding) { // el为绑定的元…
前端基础进阶（三）：变量对象详解
开年之后工作热情一直不是很高，这几天一直处于消极怠工状态。早上不想起床，起床了不想上班。明明放假之前工作热情还一直很高，一直心心念念的想把小程序项目怼出来，结果休假回来之后画风完全不一样了。我感觉自己得了严重了节后综…
ELK-kibana-6.3.2部署
1. 生产实践 1 1.每个ES上面都启动一个Kibana
2 2.Kibana都连自己的ES
3 3.前端Nginx负载均衡、ip_hash 验证 ACL 2. kibana部署 2.1. 软件部署 1 [yunmini01 software]$ pwd
2 /app/software
3 [yunmini01 software]$ tar xf kibana-6.3.2-linux-x86_64.tar.gz
4 [yunmi…
web前端java script学习2017.7.8
语句：定义了ES中程序结构的主要语法。通常使用一个或者多个关键字来完成给定的任务语句可以很简单也可以很复杂。程序的三种基本结构：顺序结构 分支结构 循环结构分支：单分支 双分支 多分支 分支嵌套（用来做判断用的）单…
移动端开发——关于局部区域滚动总结---实战系列
2019独角兽企业重金招聘Python工程师标准>>> 在移动端开发的时候经常会碰到区域滚动的需求，当然实现起来也是非常简单的，给需要滚动的元素定高然后添加一个overflow-y:scorll自然就可以滚动了，但是添加这个属性之后，使…
为什么做java的web开发我们会使用struts2，springMVC和spring这样的框架?
今年我一直在思考web开发里的前后端分离的问题，到了现在也颇有点心得了，随着这个问题的深入，再加以现在公司很多web项目的控制层的技术框架由struts2迁移到springMVC，我突然有了一个新的疑问无法得到正确的解释，为什么…
从javascript发展说到vue
2019独角兽企业重金招聘Python工程师标准>>> 从javascript发展说到vue 博客分类： js Vue是基于javascript的一套MVVC前端框架，在介绍vue之前有必要先大体介绍下javascript产生背景及发展的历史痕迹、前端MVVC模式等，以便于大家更好…
浅谈浏览器兼容性问题-（1）产生、看待与思
兼容性问题是如何产生的 首先我们看一则笑话，如果用枪来比喻各浏览器的话，其中chrome,ff等都是NB轰轰的枪。而IE？渣就算了，枪头还要反过来？这是闹哪样。 再回归正题。2001年微软发布了XP和IE6，在当时是世界…
weboffice提示OLE error 800A01A8
解决办法
出现这个问题，可以通过重装office解决。 注意事项： 1.要安装完整版的office 2.office安装完成后，要新建一个文档并打开，第一次打开文档会提示是否使用推荐设置，选是或否都行，因为在weboffice调用…
Vue知识点总结(8)——filter过滤器（超级详细）
Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示。 Vue为我们提供了两种过滤器的…
vue动态修改浏览器标题和logo
问题描述
需要将一个系统，更改一下标题、logo，然后部署成另一个系统，由于不想单独拉出一套代码（单独拉出来后维护成本增加），所以想要动态改变系统标题和图标
解决方案
将项目制造一个入口可以修改项目的…
200佳优秀的国外创意设计网站推荐【全集】
您可能还喜欢 寻找网页设计灵感的27个最佳网站推荐最新30个漂亮的个人作品集网页设计案例分享35个非常漂亮的单页网站设计案例60佳灵感来自大自然的网页设计作品欣赏分享100佳精美的作品集网站设计案例这个系列将向大家200佳非常棒的国外设计网站，包括网页设计、名片…
VNXe 产品、功能介绍：
前言： VNX Family 是新一代中端存储平台。VNX Family 包括 VNX 系列和 VNXe 系列。 入门级的 VNXe 系列有两个型号，VNXe3100 和 VNXe3300。这两款入门级产品提供了通过 IP 网络访问的存储。它们支持 iSCSI、CIFS 和 NFS 协议。磁盘选项包括 SAS 和近线 S…
微软正把重点从Silverlight转向支持HTML5
11月1日消息，据国外媒体报道，在前端、丰富互联网应用程序领域的竞争确实是越来越激烈，但是，这些新兴的标准之中的一个标准似乎正在得到一些支持。 一些新闻渠道和博客报道称，微软正在把重点从自己的Silverlight丰富客户…
Microsoft Forefront Security for Exchange Server
由于微软产品在世界范围内的广泛应用，微软的桌面操作系统Windows，消息与协作服务器(Exchange Server & Live Communication Server & SharePoint Server)以及服务器操作系统(Windows Server 2003)在校园网上有大量应用，为了给用户提供…
OCS2007R2升级LyncSrv2013 PART6：2013边缘
前面我们把OCS的边缘服务器关联到了Lync Server，但我们迄今为止仍然没有Lync Server边缘服务器，虽然我们的用户仍然可以通过旧的OCS边缘服务器在外部进行连接，但一些功能在外部使用会受到限制。今天我们就来部署Lync Server 2013的边缘服务器…
![无法在web.xml或使用此应用程序部署的jar文件中解析绝对uri：[http://java.sun.com/jsp/jstl/core]【亲测有效】](https://img-blog.csdnimg.cn/9b118633cd024007984185c5ee799739.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5pqX5aSc57u_,size_20,color_FFFFFF,t_70,g_se,x_16)
无法在web.xml或使用此应用程序部署的jar文件中解析绝对uri：[http://java.sun.com/jsp/jstl/core]【亲测有效】
问题描述：
无法在web.xml或使用此应用程序部署的jar文件中解析绝对uri：[http://java.sun.com/jsp/jstl/core]
原因分析：
原因一：jstl的依赖jar包没有导入成功。 原因二：jstl表达式需要依赖tomcat中的servlet.api.ja…
js 对象数组的排序问题
一个对象数组，按照不同的属性进行排序
/** Author: Tricia* Date: 2023-01-30 14:51:19* Description: 获取最新时间的数据*/
let data [{index_name: 交易,index_value: 1897,biz_dt: 2023-01-10T01:37:15.000Z,},{index_name: 交易,index_value: 1000,biz_dt: 2…
盘点十个特殊用途的Linux发行版
盘点十个特殊用途的Linux发行版2012-12-28 09:30 oschina oschina我要评论(0) 字号：T | T很多流行的Linux发行版最开始都是由个人和小组发起的。今天让我们来盘点十个有着特殊用处的Linux发行版。AD：2013大数据全球技术峰会课程PPT下载Linux 的好处就在…
easyUI设置点击行后背景色，取消点击行后的黄色背景
easyUI设置点击行后背景色 /*设置点击行后背景色变化，默认黄色*/.datagrid-row-selected {background: #ffffff;}
iframe加载完后再给iframe发送消息
var _this this;const iframe document.querySelector("#iframeId");// 处理兼容行问题if (iframe.attachEvent) {iframe.attachEvent("onload", function () {// iframe加载完毕以后执行操作console.log("iframe已加载完毕");let data {acti…
前端响应式设计与移动端适配
1. 引言
随着移动设备的普及和互联网的发展，越来越多的用户通过移动设备访问网页。因此，前端开发人员需要关注并适配不同尺寸的移动设备，以提供更好的用户体验。本文将介绍前端响应式设计和移动端适配的概念，并通过一个实际的例子…
VNode 使用 `h` 函数创建一个包含文本和链接的 VNode 对象
这段代码中，this.$message.success 是调用了 Vue 实例的 $message 方法，它是 Ant Design Vue 框架中提供的一个全局方法，可以用来快速创建一个消息提示框。content 属性接收一个函数，函数的返回值是一个 VNode 对象，可…
CUBA CLI 2.1.0 发布，企业级应用开发平台
CUBA CLI 2.1.0 发布 ，本次为次版本升级，增加了3个新功能，修复了7项 Bug，推荐升级。本次升级涵盖的功能有： 1. 支持生成 React 的前端模块。 2. 支持登录界面和主界面的新基类和类模板。 3. 从框架 v7 开始࿰…
ES6语法: 解构赋值
作用: ES6允许按照一定方式从数组和对象中提取值, 并对变量进行赋值, 这被称为解构赋值.
数组解构:
let [a, b, c] [1, 2, 3];
console.log(a)
console.log(b)
console.log(c)如果解构不成功，变量的值为undefined。
let [foo] []; //Cannot redeclare block…
Eova UI Validator 完美解决方案
为什么80%的码农都做不了架构师？>>> 魔都随笔： 2015年7月29日，天气炎热 忽然很伤感，不知道为什么。 昨天为了给Eova寻找适配最合适的UI校验框架，从23点 一直到 04:21，最后因为 UI显示问题卡住了…
Echarts拼接折线图，左右两部分设置不同的样式及formatter的处理
option {tooltip: {trigger: axis,formatter: (params) > {console.log(params);if (params && params.length 2) {if (params[0].value ! -) {return 日期：${params[0].name}<br>${params[0].marker} ${params[0].value};} else {return 日期&a…
Skype for Business Server 2015-04-前端服务器-5-创建DNS记录
申明：文章中部分内容有涉及官方帮助或者网上资源整合，如有违权，请速与作者联系，谢谢！作者：316191099qq.com培训：Skype for Business Server 2015-项目实战-培训-QQ群:65235615。（学员…
前端性能优化：使用媒体查询加载指定大小的背景图片
来源：GBin1.com 直到CSS supports被广泛支持，CSS媒体查询的使用接近于CSS中写逻辑控制。我们经常用CSS媒体查询来根据设备调整CSS属性（通常根据屏幕宽度调 整CSS属性），例如根据不同的屏幕宽度来设置不同的元素宽度或者…
ofbiz下如何实现 prototype、jQuery多库共存
本文系原创，如需转载，请注明出处：http://www.cnblogs.com/Ivan-j2ee/archive/2012/09/28/2707099.html 今天项目里需要实现 dataTables 的列表数据显示功能，而这个 dataTables 是jQuery的扩展插件，当然也用到了jQuery.…
产品开发也要看阵容，APP开发只需五步变得靠谱
最早认识的一个朋友是程序员，曾经到一家外包公司接单子，小外包公司经常遇到的问题就是和需求方谈产品功能。客户要做外包，对方让他一次性报价，但是客户连功能点自己都不清楚，这时朋友说还是按照具体功能点来做吧。但是…
nice--web前端
学习前端的一个不错的网站：http://www.w3school.com.cn/转载于:https://blog.51cto.com/goodang/1770548
下载中文名文件，文件名乱码问题，springmvc
为了解决浏览器中文件下载时中文名称的乱码问题，可以在前端页面发送请求前先对中文名进行统一编码，然后在后台控制器类中对文件名称进行相应的转码，其具体实现步骤如下。 在下载页面中对中文文件名编码。可以使用Servlet API中提供的URLEncod…
springmvc的XML配置文件模版
<?xml version"1.0" encoding"UTF-8"?>
<beans xmlns"http://www.springframework.org/schema/beans"xmlns:mvc"http://www.springframework.org/schema/mvc"xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance&qu…
springmvc项目，web.xml文件模板，配置springmvc的servlet
<?xml version"1.0" encoding"UTF-8"?>
<web-app xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance" xmlns"http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation"http://xmlns.jcp.org/xml/ns/javaee http:…
使用idea运行VUE项目
1.电脑先安装好node.js并配置好环境变量， 安装方法参考windows mac
2.使用管理员身份运行idea，把项目拉取下来， 并给idea安装vue的插件 安装方法参考链接
3.删除“node_modules”文件夹和“package-lock.json” 将项目里的“node_modules”…
(0020) H5-Vue-router+Element-ui 搭建非常简单的dashboard
参考学习： Vue Vue-router Element-ui 搭建一个非常简单的dashboard demo
demo参考：https://github.com/wangduanduan/vue-el-dashboard 在线预览
效果图： 使用到的技术：
Vue
Vue-router
Element-ui
webpack
Normalize.css
v…
JS实现等比例缩放图片
JS实现等比例缩放图片 有时候我们前端页面只有500500像素的宽和高的布局，但是后台返回的数据图片是10001000，那么这种情况下 如果我直接返回的话 那么图片肯定有一部分没有显示出来，在这种情况下我是想能不能在我们前端开发实现图片等比例缩放…
京东技术架构（二）构建需求响应式亿级商品详情页
商品详情页是什么 商品详情页是展示商品详细信息的一个页面，承载在网站的大部分流量和订单的入口。京东商城目前有通用版、全球购、闪购、易车、惠买车、服装、拼购、今日抄底等许多套模板。各套模板的元数据是一样的，只是展示方式不一样。目前商品详情页…
SignalRMvc的简单例子
1.介绍 我们知道传统的http采用的是“拉模型”，也就是每次请求，每次断开这种短请求模式，这种场景下，client是老大，server就像一个小乌龟任人摆布，很显然，只有一方主动，这事情就没那么…
给大家安利一个学习angular2的视频网站
本文地址：http://blog.csdn.net/sushengmiyan 本文作者：苏生米沿 视频地址： https://egghead.io/courses/angular-2-fundamentals 网站简介 书呆子网站专注于前端开发视频。包含react RxJs angularjs angular2 node css d3 typescript 这是…
![[Html5] HTML5 开发手机应用](https://images.cnblogs.com/cnblogs_com/charley_yang/201102/201102282349168689.png)
[Html5] HTML5 开发手机应用
上次周例会我给大家做了题目为：《漫游移动平台前端开发》的汇报，现在推荐一些额外的学习资料。 依照目前iPhone/Android 迅速提升市占率的情势来看，未来如果想要在先进的智慧型手机上撰写应用程式，要不是选择使用Objective-C Coc…
手写vue-diff算法（二）
diff 算法简介
1.diff算法-同层比较
在日常开发中，很少发生将父亲节点和儿子节点进行交换的场景性能瓶颈 综合这两点，diff算法仅对同层节点进行对比
2.比较方式
dom是一个树型结构,diff算法是将新、老两个虚拟节点树进行比对。 从根节点开࿰…
15个款优秀的 jQuery 图片特效插件推荐
这篇文章向大家推荐15个最佳 jQuery 图片效果插件。jQuery是最流行的Javascript框架，使用简单灵活，同时还有许多成熟的插件可供选择。其中，jQuery 最令人印象深刻的应用之一就是对图片的处理，它可以让帮助你在你的项目中加入一些让…
vue.sync修饰符
vue.sync修饰符用法
作用：父子组件数据双向绑定语法糖（作用等同于v-bind和$emit实现的双向绑定）
例：
Father.vue
<template><div><child :name.sync"name"></child><button click"…
body min-width 防止页面被过度压缩
在打开控制台，或控制页面宽度等操作，很容易导致页面dom被压缩，从而导致dom元素被换行这样不符合预期的显示，可以通过
//全局css样式
html
body
$app{height: 100%;margin: 0;padding: 0;min-width: 1300px;
}
//min-width设置页面…
vue slot插槽
（1）只传递一个内容的匿名插槽
（2）根据name属性分配的具名插槽（父：slot ， 子：name）
（3）通过 :data 传递数据的作用域插槽（父给子传数…
CPU : 什么是超频，怎么给CPU超频？
电脑的超频就是通过人为的方式将CPU、显卡等硬件的工作频率提高，让它们在高于其额定的频率状态下稳定工作。以Intel P4C 2.4GHz的CPU为例，它的额定工作频率是2.4GHz，如果将工作频率提高到2.6GHz，系统仍然可以稳定运行，…
【水文】从url横向对比大电商网站的搜索细节处理
看到Keep Walking的大电商网站导航用户体验对比一文，感觉有点意思。因为我最近的工作和搜索多少有些关系，而且被中英文分词搞得有点烦，之前我也借鉴模仿过一些网站的搜索功能，所以下面我就来横向对比一下几个电商大佬们的搜索。和…
《Python 数据库 GUI CGI编程》
本文地址：http://www.cnblogs.com/aiweixiao/p/8390417.html 原文地址 点击关注微信公众号 wenyuqinghuai 1.写在前边 上一次，我们介绍了Python的入门的文章，今天我们就来介绍下Python的数据库，GUI, CGI的编程，以及Pyt…
js 中typeof 检测数据类型的时候需要注意的小细节
博客搬迁给你带来的不便，敬请谅解！ http://www.suanliutudousi.com/2017/10/26/typeof-%E6%A3%80%E6%B5%8B%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B%E7%9A%84%E6%97%B6%E5%80%99%E9%9C%80%E8%A6%81%E6%B3%A8%E6%84%8F%E7%9A%84%E5%B0%8F%E7%BB%86%E8%8A%82…
spring mvc日期转换（前端到后端，后端到前端）
在做web开发的时候，页面传入的都是String类型，SpringMVC可以对一些基本的类型进行转换，但是对于日期类的转换可能就需要我们配置。 1、如果查询类使我们自己写，那么在属性前面加上DateTimeFormat(pattern "yyyy-MM-dd"…
beego默认处理静态文件性能低下的问题
今天使用ab（apacheBench）测试了一下beego的性能。 3Kbytes动态文件，在i3上可以达到每秒1W次响应的性能。但是在测试静态文件时，beego出现了问题。ab测试参数：100次请求，并发数5。问题表现：70%的…
java后台接受web前台传递的数组参数
前台发送：&warning_type[]1,2 &warning_type1,2 后台接收：(RequestParam(value "param[]") String[] param) (RequestParam(value "param") String[] param) 转载于:https://www.cnblogs.com/niejunlei/p/6956936.html
TypeScript 可以进行类型编程，这会极大提高 TypeScript 在复杂场景下的应用场景。
我们来看一下 TypeScript 中的泛型，这也是很多同学觉得 TypeScript 很难的最大原因。
首先我们看下面的代码，我们定一个 idientity0 函数，这个函数逻辑非常简单，就是直接返回参数，那么我们怎么确定返回值的类型呢？
因为输入值可以是任意属性，所以我们只能写出 identit…
pdf如何导出为图片？分享三个方法PDF转图片！
将PDF文件转换为图片是在许多场景下都非常有用的操作，不仅能够保留原始文档的内容，还方便在各种平台上共享和展示。在本文中，我们将介绍三种简便的方法，帮助您将PDF文件快速转换为图片格式。
方法一：使用记灵在线工具…
问题按钮为什么一个按钮在左边，其余的按钮都在右边？
查了好多资料，发现还是不全，干脆自己整理吧，至少保证在我的做法正确的，以免误导读者，也是给自己做个记录吧！ 原问题来自于CSDN问答道频，更多解决方案见：http://ask.csdn.net/questio…
我们对IE6应该采取什么态度
对内系统可以抛弃IE6，但是对大众的系统就不得不考虑这个鸡肋了，就算我们的主要受众是高端、前卫的人群。 其实我觉得采用js类库采用条件注释的方式来搞定IE6是个很好的方案 用条件注释可以让高级浏览器（IE9，chrome，fir…
VC用ADO访问数据库全攻略
一、ADO概述ADO是Microsoft为最新和最强大的数据访问范例 OLE DB 而设计的，是一个便于使用的应用程序层接口。ADO 使您能够编写应用程序以通过 OLE. DB 提供者访问和操作数据库服务器中的数据。ADO 最主要的优点是易于使用、速度快、内存支出少和磁盘遗迹小。ADO 在…
Spirngboot读取html文件到字符串
一、引入依赖 <dependency><groupId>cn.hutool</groupId><artifactId>hutool-all</artifactId><version>5.3.5</version></dependency>
二、直接读取返回 public String getContent(String path){try {File file ResourceUt…
结合Redux Toolkit使用React Redux
初学redux时，看了很长时间的二者（redux与react-redux）官方文档以及一些视频教程才弄明白它们的基本使用，特此记录一下其基本的使用方法（不涉及redux的工作原理），本文将实现一个小小的计数器。
…
五.(核心功能）Springboot web 开发阶段（ 3.请求参数处理） 请求映射xxxMapping及源码解析
目录 1、请求映射 （ 1.1、rest使用与原理 （rest 只是做表单的） 1.2、请求映射原理 （ 1、请求映射 1.1、rest使用与原理 （rest 只是做表单的）
xxxMapping；Rest风格支持（使用HTTP请…
前端系列——SVG Tag Builder 一个实用的项目标签构建工具
前端系列——SVG Tag Builder 一个实用的项目标签构建工具前端系列——SVG Tag Builder 一个实用的项目标签构建工具示例代码前端系列——SVG Tag Builder 一个实用的项目标签构建工具
示例
很简单，我们直接输入名称、版本、以及设置出的颜色就可以直接生成了&…
前端系列——Electron工程构建（普通工程，Vue集成）
前端系列——Electron工程构建（普通工程，Vue集成）Electron前言创建Electron工程（npm）1.创建项目文件夹2.初始化3.安装Electron环境遇到的错误完成后如下所示自动构建Electron工程利用git构建创建Electron工程ÿ…
前端安装依赖cnpm install时报错can't find module
一、问题描述： 前端安装依赖时报错:cant find module node-bin-setup,截图如下 二、解决方案： 首先安装缺失的模块node-bin-setup，执行命令cnpm install node-bin-setup(此处使用的是淘宝镜像cnpm,如果没有淘宝镜像，可用npm安装no…
Beta 冲刺随笔汇总
作业要求 这个作业属于哪个课程软件工程1916-W(福州大学)这个作业要求在哪里项目Beta冲刺（团队）团队名称基于云的胜利冲锋队作业目标汇总随笔团队信息 团队名称：基于云的胜利冲锋队成员信息队员学号队员姓名个人博客地址备注221500201孙文慈h…
@DateTimeFormat无效原因
一般都是使用DateTimeFormat把传给后台的时间字符串转成Date，使用JsonFormat把后台传出的Date转成时间字符串，但是DateTimeFormat只会在类似RequestParam的请求参数（url拼接的参数才生效，如果是放到RequestBody中的form-data也是无…
解决el-table中show-overflow-tooltip提示框内容无法复制的问题
解决方法： 在el-table-column中加入el-tooltip标签（或者el-popover） 代码：
<el-table><el-table-columnprop"data"label"内容"min-width"100"><template slot-scope"scope&qu…
简单易用的前端模拟数据
mock-serve
mock-serve 是一个本地的前端模拟数据服务
在前后端分离的架构下，前端开发人员往往需要模拟数据，通常我们经常用的方式有: 在代码里写死通过Mock.js通过Easy-Mock 后两种都是不错的方案，但是根据每个开发人员的环境不同…
细数国内外的前端大牛
前言
本文将枚举一些前端界内比较熟知的前端技术大牛，分为个人简介、技术博客、擅长领域几个方向，希望能对初步进入前端的人一些指引和学习的方向。以下排名不分先后，个人推荐需要了解的大牛有朴灵，尤雨溪，大漠&#…
javascript 框架功能大剖析
javascript框架有什么功能，这个不是框架作者随意决定，这与人们经常用JS做什么事直接相关。 javascript框架是从common.js这样工具函数集演变过来，最重要的特征是实用。由于框架作者肯定是从 一线开发人员过来的，这个他心里有数&am…
HTML5 游戏开发实战 ｜ 黑白棋
黑白棋，又叫反棋(Reversi)、奥赛罗棋(Othello)、苹果棋、翻转棋。黑白棋在西方和日本很流行。游戏通过相互翻转对方的棋子，最后以棋盘上谁的棋子多来判断胜负。黑白棋的棋盘是一个有88方格的棋盘。开始时在棋盘正中有两白两黑四个棋子交叉放置࿰…
09 Web全栈 亘古不变的JavaScript
JavaScript语言的灵魂是编程思想和语言自由的特色规则， 掌握了这些之后才能在规则之下产出良性的代码，任何前端的优秀框架都是通过JavaScrpt一点点搭建起来的，框架中带有的神奇功能没有能摆脱原始变成语言的，所以学好基础是王道
…
Lync Server 2010的部署系列_第二章 存储、网络、硬件性能规划
一、媒体流量网络带宽规划 视频编 分辨率 最大视频负载比特率 (Kbps) 最小视频负载比特率 (Kbps) RTVideo 主视频 CIF 250 50 RTVideo 主视频 VGA 600 350 RTVideo 主视频 HD 1500 800 RTVideo 全景视频 350 50 http://technet.microsoft.com/en-us/library…
CSS样式三种形式222
markdown CSS基本表现形式只有三种：标签样式、Class类样式、ID样式 标签样式: 必须与HTML标签同名。仅仅影响同名标签Class样式：可以在任何标签中使用: class"样式名"ID: #来表示,优先级 ID > Class > Label1: HTML (结构层) 2: CSS…
js和css的加载造成阻塞
浏览器渲染原理图： JS 1.现代浏览器会并行加载js文件，参见start time列，但是按照书写顺序执行代码
2.加载或者执行js时会阻塞对标签的解析，也就是阻塞了dom树的形成，只有等到js执行完毕，浏览器才会继续解析…
JQuery - 反向选择器
2019独角兽企业重金招聘Python工程师标准>>> <html>
<head>
<title>jQuery not example</title><script type"text/javascript" src"jquery-1.9.1.js"></script>
</head><body><h1>jQue…
一次性插入上万条数据的写法
1. /// <summary> /// DataTable批量添加(有事务) /// </summary> /// <param name"Table">数据源</param>/// <param name"Mapping">定义数据源和目标源列的关系集合</param> /// <param name"DestinationTa…
关于css浮动框是否脱离文档流的分析
在了解浮动属性之前，首先我们先了解一下html中关于display属性的相关知识。 display属性常用的有inline, block, inline-block. inline也就是内联的意思。 常见的html标签中如 span, font, a, b, em 都是内联元素。 所谓内联，简单理解就是不会换行的元素…
Cesium快速上手0-Cesium安装与基本介绍
Cesium快速上手0-Cesium安装与基本介绍1. 什么是Cesium？2. 安装Cesium1. 什么是Cesium？
CesiumJS是一个JavaScript库，用于在没有插件的情况下在Web浏览器中创建3D地球仪和2D地图。它使用WebGL进行硬件加速图形，并且是跨平台&…
JavaScript 基础【基本语法 -- 运算符、语句】
JavaScript 基础【基本语法 -- 运算符、语句】运算符算数运算符逻辑操作符赋值运算符关系运算符逗号条件运算符（三元运算符）运算符的优先级语句代码块条件语句循环语句break 和 continue 语句运算符
算数运算符
算数运算符顾名思义就是进行算数操作的运…
Beta冲刺Day1
项目进展 李明皇 今天解决的进度 点击首页list相应条目将信息传到详情页明天安排 优化信息详情页布局林翔 今天解决的进度 前后端连接成功明天安排 开始微信前端数据库写入孙敏铭 今天解决的进度 修改管理员web端bug明天安排 修改管理员web界面转载于:https://www.cnblogs.com/…
JS前端下载文本文件小技巧：1、download属性；2、借助Blob转换成二进制下载
一、HTML download 与文件下载 如果希望在前端侧直接触发某些资源的下载，最方便快捷的方法就是使用HTML5原生的download属性，例如： <a href"large.jpg" download>下载</a> 但显然，如果纯粹利用HTML属性来实…
天冷了，给你的任务栏养只猫吧
冬日好时光，正是撸猫好时节！ 给你的冰冷的显示器里面装一只猫，会不会感觉异常暖和呢？
RunCat_for_windows 是一只奔跑在任务栏的猫，给你的任务栏增添一丝生气。 GitHub 地址→https://github.com/Kyome22/RunCat_for_…
![[Python+Django]利用Form组件快速实现学生信息管理的表单](https://img-blog.csdnimg.cn/img_convert/216ff54a87a91cb4baf85a352b660986.png)
[Python+Django]利用Form组件快速实现学生信息管理的表单
表单是Web项目中最常见也是最重要的模块之一，最常见的功能比如注册，登录等都涉及大量的表单功能，如果是一个Web管理系统，比如OA，进销存管理系统等，那涉及的表单就更多了。
比如一个学生信息维护表单的HTML…
40款非常漂亮的 HTML5 CSS3 免费网站模板【下篇】
HTML5 作为下一代网页语言，加入中众多更具语义的标签，例如video、audio、section、article、header 和 footer 等。而 CSS3 作为 CSS 的下一代版本，同样引入了很多很酷的属性，以前很多需要 JavaScript 才能实现的复杂效果…
最新30个优秀的网站设计作品欣赏
以前的文章中向大家分享了各种类型的网站设计作品，有按风格分类的，例如蓝色、红色、紫色等等，也有按功能分类的，例如旅游、餐饮、购物等等，而有很多精美的网站可能没有被列入合适的类别，为了让大家不错过这…
前端学习之-Jquery
jquery简介:jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team.寻找元素(重要的选择器和筛选器)选择器2.1.1 基本选择器 $("*") $("#id") $(".class") $("element") $(&qu…
Laravel命令解析
php artisan list make---------------------------9storage 一些缓存routers 四类路由resources 模板等未编译的前端文件public 项目入口文件bootstrap 框架载入文件configapp所有配置database数据库迁移目录make:migration Create a new migration filetests 测试文件夹make:…
前端适配笔记本缩放125%，150%导致页面错乱问题
由于前端在开发时使用的都是标准ui设计图，基本都是按照所以1920*1080， 而小屏幕笔记本由于分辨率高，所以导致的显示元素变小，因此很多笔记本的默认显示都是放大125%或者150%。 如果页面比较简单就让多余的空白单边扩展，…
你用过不写代码就能完成一个简单模块的组件么？
开篇四连问 你是否懒得写普通的增删改查方法?你是否不喜欢代码生成插件的重复代码？你是否渴望一个没有冗余代码的项目？你是否渴望一行代码都不用写就能完成一个简单的模块？组件由来 作为后端程序员，相信大家都写过以下几种代码&a…
JS获取本月第一天和最后一天（月末和月初）
var nowDate new Date();var cloneNowDate new Date();var fullYear nowDate.getFullYear();var month nowDate.getMonth() 1; // getMonth 方法返回 0-11，代表1-12月var endOfMonth new Date(fullYear, month, 0).getDate(); // 获取本月最后一天function ge…
Lync Server 2013无法共享PPT故障排错处理
前段时间帮助朋友看了一个关于Lync Server 2013无法共享PPT的问题，共享PPT时报如下错误：日志截图如下：原因如下前端服务器未关联Ofice web Application服务器，关联即可，如下：关联完成后，如下所示…
修正IE6不支持position:fixed的bug
2019独角兽企业重金招聘Python工程师标准>>> 众所周知IE6不支持position:fixed，这个bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著。前些天我做自己的博客模板的时候，遇到了这个问题。当时就简单的无视了IE6——尽管有几个使用IE6的…
微信小程序登录（包括获取不到unionid的情况）
我们一般都是先获取到微信的 unionid，然后再通过 unionid 去登录自己的网站，就可以关联到用户在自己网站上的 user_id，但是在小程序登录中，有时候可以获取到 unionid，有时候获取不到，在获取不到 unionid 的…
【unity】Has Exit Time理解
1. 有结束时间，name就会在等待结束后运行transition。没有的话直接运行动画。
2. cs上子弹是有结束时间，会等待
参考：【角色动画的 Has Exit Time是什么？什么时候需要打钩？】
Multiboot规范
Multiboot规范的精确定义
引导程序/OS映像接口主要包括三个方面：
引导程序看到的 OS 映像的格式。当引导程序启动操作系统时机器的状态。引导程序传递给操作系统的信息的格式
OS映像格式
一个OS映像可以是一个普通的某种操作系统使用的标准格式的32位可执行文件…
cpu scheduler
一、调度策略 调度算法 CPU 调度是线程为单位的，一个进程可以包含1个或者多个线程，如果是多个线程，会被分配到不同的cpu运行队列中，如果是1个线程，同一时间只会在一个cpu上允许运行 不同时间则可以被调度到不同的CPU上…
Django + Uwsgi + Nginx 的生产环境部署
在django框架中，用runserver启动的服务只适合于测试环境。在正式的生产环境中我们需要考虑到静态文件的处理，安全性、效率等问题，本文以uwsgiNginxdjango为例和大家分享，DJango生产环境的一种部署方式。 一、基本原理：…
CSS Hack(转)
做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的，要知道一名好的前端，…
消息框架 message
在网页应用中，我们经常需要在处理完表单或其它类型的用户输入后，显示一个通知信息给用户。对于这个需求，Django提供了基于Cookie或者会话的消息框架messages，无论是匿名用户还是认证的用户。这个消息框架允许你临时将消息存储在请…
vue动态绑定style，使用require可以解决动态绑定图片的问题
为什么使用require？本来我们放到css里面 background: ‘url(’ “” ‘…/…/assets/img/background_ha.png’ “” ‘)’ ’ no-repeat’,会解析成从static中取
<template><div><sectionclass"welcome-hero-hengan h-100p":style&…
Vue中的scoped和scoped穿透
文章摘自：https://segmentfault.com/a/1190000015932467 一、什么是scoped
在Vue文件中的style标签上有一个特殊的属性：scoped。当一个style标签拥有scoped属性时候，它的CSS样式只能用于当前的Vue组件，可以使组件的样式不相互污染…
![[转]解析nginx负载均衡](http://stblog.baidu-tech.com/wp-content/uploads/wp-display-data.php?filename=13433707471.JPG&type=image%2Fjpeg&width=716&height=168)
[转]解析nginx负载均衡
作者：changming
来源：http://stblog.baidu-tech.com/?p2027 摘要：对于一个大型网站来说，负载均衡是永恒的话题。随着硬件技术的迅猛发展，越来越多的负载均衡硬件设备涌现出来，如F5 BIG-IP、Citrix NetSca…
vue获取当前坐标并通过天地图逆转码为省市区
因为需求需要获取用户当前的地理位置用于分析
通过原生的navigator.geolocation.getCurrentPosition获取经纬度
这个方法在谷歌浏览器会失效（原因未知），目前ie浏览器是可以获取的 getCurrentPosition() {if (navigator.geolocation) {var o…
Python + Django4 搭建个人博客（九）：Bootstrap实现博客列表页面
上篇我们实现了一个简单的展示博文信息的网页，但是网页看起来有点简陋。
Python Django4 搭建个人博客（八）:实现博文列表页面的视图函数和模板_李威威wiwi的博客-CSDN博客
本篇我们在上篇的基础上，引入Bootstrap框架࿰…
vs mvc 视图中找不到 viewdata viewbag的解决方案
1.查看views下的web.config文件是否存在 2.检查config中system.web.mvc ,version中版本号与自己的vs内置mvc版本一致 迁移项目可能有此问题 转载于:https://www.cnblogs.com/ProDoctor/p/6387137.html
程序员到架构师需要的编程基础
程序员到架构师的进阶之路是非常艰辛和漫长的，不但需要掌握很多高级的知识技能，还需要有过硬的基础知识。《Java架构师指南》就是这样一本指导小白到架构师进阶的书。本文摘取了这本书中的第一章节，主要介绍Java程序员走向架构师的基础知识&a…
【TypeScript笔记】01 - TS初体验 TS常用类型
文章目录导读开发环境TS 介绍TS 初体验安装编译TS工具包编译并运行TS简化运行TSTS常用类型TS类型注解TS常用基础类型参考资料导读 入门级TypeScript，《 黑马程序员前端TypeScript教程，TypeScript零基础入门到实战全套教程》https://www.bilibili.com/vid…
【表格设置】HTML中合并单元格，对列组合应用样式，适应各浏览器的内容换行
1、常用表格标签
普通 <table> | <tr> | | <th></th> | | <td></td> | </tr> </table> 常用 标签描述<table>定义表格<th>定义表格的表头<tr&…
Android实例剖析笔记（三）
摘要：点介绍Activity的生命周期，通过一个简单的实验来摸索状态转换的机制Activity的生命周期 Activity类中有许多onXXX形式的函数可以重载，比如onCreate,onStart,onStop,onPause，那么它们的调用顺序到底是如何的呢？下面…
static 还是readonly 还是static readonly
一、 static 多对象共享一段空间，或者说没有对象概念，就是类的概念，不需要实例化，自动被创建。多用于长期共享。不会为对象的创建或销毁而消失。 public class C{static A a new A("C 创建A",1111)public A Ci{get{…
php 判断查询结果是否为空
select count(people) c from people where people乐乐上面这条sql就是原理 php利用代码 <?php
$p$_POST[p];
$cnx new PDO("odbc:Driver{SQL Server};Server;Database;",,);
$ps$cnx->query("select count(people) c from people where people".…
MVC5 + EF6 入门完整教程
原文:MVC5 EF6 入门完整教程第0课 从0开始 ASP.NET MVC开发模式和传统的WebForm开发模式相比，增加了很多"约定"。 直接讲这些 "约定" 会让人困惑，而且东西太多容易忘记。 和微软官方教程不同，笔者尽量不用脚手架&…
豪情-关于生活工作学习之感悟-第二篇
1. 关于感动 你的点滴感动，是我们以后进步的动力，也是大伙更有激情交流力量的源泉。真因为这份感动，我们在携手向前，向着同一个目标或梦想出发。无论怎么样，群是你最后寻找帮助的小窝，是你寻找生活勇气&…
haproxy+keepalived搭建
1、介绍：【HAProxy】是高性能的代理服务器，其可以提供7层和4层代理，具有healthcheck，负载均衡等多种特性，性能卓越【KeepAlived】是一个高可用方案，通过VIP(即虚拟IP)和心跳检测来实现高可用，也…
元素垂直居中的各种实现方式
一点感悟 曾子曰:"吾日三省吾身", 意思就是说每天要多次想一想自己到底干了什么 O(∩_∩)O~。好吧，这个其实大家都知道，那为什么还要在这里扯呢？很简单，就是知道的人很多，但做到的人很少。结合自己的工作经验…
BOM Window 打开关闭的方法
打开一个新发窗口
<body><input id"openBtn" type"button" value"打开窗口"><script>var openBtn document.getElementById("openBtn");openBtn.onclickfunction(){//打开新窗口open("http://www.baidu.com&…
HTML注册页面案例
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>注册案例</title>
</head>
<body><!-- 定义表单 --><form action"#" method"post"><table bor…
ROHM开发出车辆检测领域性能最好的地磁传感器
全球知名半导体制造商ROHM面向停车场车辆管理系统的车辆检测领域，开发出检测地磁的MI传感器*1“BM1422AGMV”。 “BM1422AGMV”是融合了合作伙伴爱知制钢株式会社的MI元件开发技术和ROHM所擅长的半导体生产技术、传感器控制技术优势开发而成的产品。可检测车辆等引发…
工作五年，后面四年重复着第一年的活儿？
当我们沉浸在旺盛的需求之中时，整个人便会成为一台工作的机器，切着类似的页面，写着同样的逻辑，重复着昨天或者上个月做的事情，时间久了，觉得腻味，没有什么创新，也没有明显的成长。用…
深度剖析：如何实现一个 Virtual DOM 算法
作者：戴嘉华 转载请注明出处并保留原文链接（ https://github.com/livoras/blog/issues/13 ）和作者信息。 目录： 1 前言2 对前端应用状态管理思考3 Virtual DOM 算法 4 算法实现 4.1 步骤一：用JS对象模拟DOM树4.2 步骤二…
CSS_calc() 函数内部怎么使用scss变量
使用 calc() 函数来计算主体元素的宽度，其中通过 #{} 语法将 SCSS 变量转换为 CSS 变量，然后使用加法运算符 和乘法运算符 * 来计算宽度值
$main-width: 100px;
$main-padding: 10px;.main {width: calc(#{$main-width} #{$main-padding} * 2);
}
vue自定义菜单栏并循环便利使用
浅尝vue
前言： 在网上找了蛮多关于自定义表单对象进行循环处理，写的我都看的一脸懵，最后还是直接修改组件完善了，直接用v-for 进行循环绑定实现了。本例实现了自定义菜单栏和vue-router 路由指向菜单并进行路由跳转，主…
HTTP 400 Bad request 原因
我的代码部署在Linux测试环境，我在使用 httpclient 发送http请求时遇到问题，请求报 400 Bad request。网上都在说下面这两个原因 400 是 HTTP 的状态码，主要有两种形式： 1、bad request 意思是 "错误的请求"；…
Xen Cloud Platform 0.1.1
Xen Cloud Platform 是一个基本Xen虚拟化技术的云计算基础平台，这半年一直在使用另外一个商业版本XenServer，少对XCP有所关注，今天看了它的官方主页，XCP今年有一个新的版本发布，版本号是0.1.1，我去年使用XC…
数据库扩展表设计过程记录
这两天需要实现一个动态表单设计，面对着属性的不确定，要能够容纳不同的属性进来，之前也接触过这方面的设计，但是没有设计好，导致问题太多，这一次参考一些前辈们的经验后，再次尝试一番࿰…
Web前端(2)_块级标签
1 标题标签 <!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><title>块级标签</title>
</head>
<body><h1>标题标签</h1><h2>标题标签</h2><h3>标题标签<…
uniapp怎么把px转换成对应手机型号的rpx
首先获取系统手机屏幕的宽度系统信息的概念 | uni-app官网，然后根据公式转换 rpx 750*元素 B 在设计稿上的宽度为 多少px/手机屏幕的宽度 详见：CSS 支持 | uni-app官网
如下为把宽度为1px的转成对应手机型号的rpx uni.getSystemInfo({success(res) {co…
在Vs-Code中配置“@”路径提示的插件
文章目录前言一、下载Path Autocomplete二、找到settings.json2.1 方式一：通过命令面板2.2 方式二三、在settings.json中配置四、结果展示前言
在使用VS-Code打开VUE时，想使用语法从src根目录导入一个文件的路径，默认情况下是无法自动提示下…
Web前端vueDemo—实现天气预报功能（四）
系列文章目录
Web前端vueDemo—实现简单计数器功能（一）
Web前端vueDemo—实现图片切换功能（二）
Web前端vueDemo—实现记事本功能（三）
Web前端vueDemo—实现天气预报功能（四） 文章…
Js/使用js来改变图片的url
1.使用js的方式来改变url地址： $(#a1).attr("src","test1.jpg");这种方式来改变图片的url地址；而不是采用$(#a1).css(url,test1.jpg);的写法。转载于:https://www.cnblogs.com/9527-/p/10115285.html
前端性能优化-减少http请求，dns预解析，减少repaint和reflow
前端性能优化方法： 一 . 减少http请求 （1）通过合并图片，减少请求，俗称css sprites(css精灵)css sprites （2）lazyload懒加载，在需要的时候再加载 1.定义：懒加载也称为延迟…
H5移动端问题远程调试方法
weinrengrok
weinre实现远程代理，微信端用到https的需要ngrok代理
weinre使用比较简单，首先用npm安装weinre:
npm install -g weinre
启动服务监听端口：
weinre --boundHost 10.75.6.51 --httpPort 9999
浏览器打开服务地址…
IIS下设置跨域访问问题--Access-Control-Allow-Origin 站点跨域请求的问题
背景： 最近 开发中遇到新需求，把公司的OA系统迁移一套到小程序上面去 有些功能的信息是在小程序 查看 但是文件是在pc端上传的 例如：领导在外出办公 使用小程序查看xxxx.pdf文件 这个时候就遇到问题了， pc端的部署和小程序的部署…
Linux虚拟机上安装redis
1、检查安装依赖程序 yum install gcc-c
yum install -y tcl
yum install wget 2、获取安装文件 wget http://download.redis.io/releases/redis-4.0.6.tar.gz我用的版本是： redis-4.0.6.tar.gz3、解压文件 自己新建一个目录将redis解压到里面 tar -zxvf redis-…
【前端】input radio多选事件获取所有选中的id，radio样式优化可修改
获取选中radio的长度及各个值： $("#all_button").on(click, function() { obj document.getElementsByClassName("input_radio_checked"); str ""; for(i 0; i < obj.length; i) { str obj[i].id " "; //这里是数字…
DSBridge 与 JSBridge 的区别
最近新开源了一个新项目DSBridge，号称最好用的javascript bridge。笔者仔细对比了一下，DSBridge分分钟秒杀所有啊。 DSBridge的主要特点： DSBridge真正跨平台，官方同时支持ios和android。DSBridge支持同步调用。三端友好ÿ…
Web前端vueDemo—实现记事本功能（三）
系列文章目录
Web前端vueDemo—实现简单计数器功能（一）
Web前端vueDemo—实现图片切换功能（二）
Web前端vueDemo—实现记事本功能（三）
Web前端vueDemo—实现天气预报功能（四） 文章…
Backbone.js系列一 - Backbone.js初探
为什么80%的码农都做不了架构师？>>> 日期：2013-9-12 来源：GBin1.com JavaScript在web应用程序开发前端技术和后端技术的逻辑与运行一块占有越来越大的比重.为了帮助维护和循环访问前期逻辑和模块性，MVC模式在近几年…
WEB页面验证码自动识别并填充
2019独角兽企业重金招聘Python工程师标准>>> 现在许多页面在登陆的时候都需要根据验证码图片输入验证码，你是否经常碰到类似的想法：我能否自动识别该验证码并自动填充到对应的验证码输入框呢？ 在后续的描述中，我将一步…
CSS 3的世界很精彩
3.5 接触未来（二）—CSS 3的世界很精彩 层叠样式表（Cascading Style Sheets，CSS）的出现已经有13年时间了，目前已被广泛使用的CSS 2.1标准的出现也有11年了，CSS 2.1 在浏览器兼容性上也产生了针对…
【开源】jquery省市区插件
先来张效果图，演示地址：http://long-woo.github.io/jquery-city/ 1.动画效果使用的是animate.css 2.支持选择和键盘输入（中英文输入） 3.服务端返回的json格式 { "provinces": [ { "code": "1000", …
显示iframe的局部位置
下图为效果图： 原理：
设置iframe宽高足够使其不产生滚动条，通过定位移动需显示目标的位置
<!DOCTYPE html>
<html lang"en">
<head><meta charset"UTF-8"><meta http-equiv"X-UA-Com…
【jQuery】获取url参数及url加参数的方法
1、jquery 获取 url 很简单，代码如下：
window.location.href;其实只是用到了 javascript 的基础的 window 对象，并没有用 jquery 的知识。
2、jquery 获取 url 参数比较复杂，要用到正则表达式，所以学好 javascript 正…
el-table勾选列表项之后切换页面回来再反选操作
首先在el-table组件上设置:row-key属性
然后给:row-key添加一个事件
:row-key"getRowKey"
然后在methods方法中写入
getRowKey(row) { return row.id
}
然后再到el-table组件中找到设置type为selection那一项< el-table-column >
添加上
:reserve-sele…
详解CSS3属性前缀（转）
原文地址 CSS3的属性为什么要带前缀 使用过CSS3属性的同学都知道，CSS3属性都需要带各浏览器的前缀，甚至到现在，依然还有很多属性需要带前缀。这是为什么呢？ 我的理解是，浏览器厂商以前就一直在实施CSS3，但它…
人力资源中台项目（day09）
员工详情页创建和布局
目标：创建员工详情的主要布局页面和基本布局
详情页的基本布局和路由 建立详情页路由
{path: detail/:id, // query传参 动态路由传参component: () > import(/views/employees/detail),hidden: true, // 不在左侧菜单显示meta: {title:…
StringUtils用法+StringUtils详细介绍
org.apache.commons.lang.StringUtils中方法的操作对象是java.lang.String类型的对象，是JDK提供的String类型操作方法的补充，并且是null安全的(即如果输入参数String为null则不会抛出NullPointerException，而是做了相应处理，例如&…
转载：程序员，如何在工作中崭露头角？
文章作者 Yuriy Lopotun有着8年的IT工作经验，分别在4家不同的公司。在这期间有幸和一些程序员一起共事，他们都很特别：有的人在这个行业里取得了成功；有的人对自己的现状很满意，就一直在一家公司一个岗位上干了很多…
SVN协同开发工具随笔
协同开发工具(版本控制器) 目前使用最广泛的就是svn和git 主要作用：管理项目的版本，多人协同开发 svn 和 git 帮我们管理项目 svn：集中式 git：分布式
SVN 安装SVN 打开服务器： 注意事项：svn的服务器默认…
art-template整理
官网介绍：art-template是一个简单且超快速的模板引擎，可通过范围内预先声明的技术优化模板渲染速度，从而实现接近JavaScript极限的运行时性能。同时，它同时支持NodeJS和浏览器。在线速度测试。 理解 在使用js进行前端开放的时候&a…
Web前端vueDemo—实现图片切换功能（二）
系列文章目录
Web前端vueDemo—实现简单计数器功能（一）
Web前端vueDemo—实现图片切换功能（二）
Web前端vueDemo—实现记事本功能（三）
Web前端vueDemo—实现天气预报功能（四） 文章…
Linux下软件包管理之RPM初始化
Linux下软件包管理之RPM初始化 简单定义：rpm是linux下的一种包文件，现在用的全称叫RPM Package Manager,以前叫Redhat Package Manager。它是一种安装很方便的包，目前也有很多linux下的软件都以rpm格式发布。但它不是相当于…
Web前端vueDemo—实现简单计数器功能（一）
系列文章目录
Web前端vueDemo—实现简单计数器功能（一）
Web前端vueDemo—实现图片切换功能（二）
Web前端vueDemo—实现记事本功能（三）
Web前端vueDemo—实现天气预报功能（四） 文章…
使用 mybatis 自定义日期类型转换器
文章目录前言一、resources1.1 sqlMapConfig.xml1.2 log4j.properties1.3 userMapper.xml二、java结构2.1 dao2.2 handler2.3 pojo2.4 service三 数据表结构及测试前言
使用mybatis中的typeHandlers 实现自定义日期类型的转换器。 重点在2.2 handler中 一、resources 1.1 sqlM…
使用HandlerExceptionResolver处理spring异常
文章目录前言一、如何处理异常？二、解决异常2.1 使用自定义方式2.1.1 TestException2.1.2 springmvc.xml2.2 使用spring内部的异常处理器前言
使用spring解决异常的方式。 一、如何处理异常？
在spring中，处理异常的方式除了使用try catch自…
智能识别收货地址 javascript
欢迎加入前端交流群交流知识&&获取视频资料：749539640 地址： https://github.com/wzc570738205/smart_parse 转载于:https://www.cnblogs.com/wangzhichao/p/10131639.html
iTerm2 + ZSH 简风设置
iTerm2 ZSH 简风设置 iTerm2 设置 iTerm2 > Make iTerm2 Default Term iTerm2 > Preferences > Profiles General Working Directory > Reuse previous sessions directory
复制代码 Color Color Presets... > Solarized Dark
复制代码 Text Change Font &…
LYNC2013部署系列PART7：TMG部署
前言：本篇文章将介绍TMG的部署本系列的整个拓扑架构如下：TMG部署分为3部分：1．系统环境准备2．TMG安装3．初始化配置操作步骤：一、系统环境准备我们本次采用的是2008R2SP1系统，安装TMG2…
kvm和qemu交互处理io流程
1、IO虚拟化的分类 （1）全虚拟化：宿主机截获客户机对I/O设备的访问请求，然后通过软件模拟真实的硬件。这种方式对客户机而言非常透明，无需考虑底层硬件的情况，不需要修改操作系统。 QEMU模拟I/O的情况下&a…
前端Hack之XSS攻击个人学习笔记
简单概述 ** 此篇系本人两周来学习XSS的一份个人总结，实质上应该是一份笔记，方便自己日后重新回来复习，文中涉及到的文章我都会在末尾尽可能地添加上，此次总结是我在学习过程中所写，如有任何错误，敬…
如何去了解JavaScript引擎的工作原理
js:我们应该如何去了解JavaScript引擎的工作原理(转)http://www.nowamagic.net/librarys/veda/detail/1579 昨天收到一封来自深圳的一位前端童鞋的邮件，邮件内容如下（很抱歉，未经过他的允许，公开邮件内容，不过我相信其…
移动web端页面如何调用手机QQ？
手机web页面调用手机QQ实现在线聊天的效果方法一：html代码如下： <a href"javascript:;" onclick"chatQQ()">QQ咨询</a> js代码如下： <script>
function chatQQ(){
//其中1234567指的是QQ号码
window.l…
拜托！面试请不要再问我Spring Cloud底层原理[z]
[z]https://juejin.im/post/5be13b83f265da6116393fc7 拜托！面试请不要再问我Spring Cloud底层原理 欢迎关注微信公众号：石杉的架构笔记（id：shishan100） 每周一至五早8点半，精品技术文章准时送上࿰…
用户权限管理设计(1)
用户管理权限设计一直是大家讨论的热点，因为几乎涉及到每一个开发的业务系统。我找了很多很多的资料，大家的核心基本上都是一样的:基于角色管理. 用户，角色，模块，权限的相互组合，就可以形成一个强大的权限管…
项目选题报告 （基于云的胜利冲锋队）
作业要求 这个作业属于哪个课程软件工程1916-W(福州大学)这个作业要求在哪里团队作业第二次—项目选题报告团队名称基于云的胜利冲锋队项目名称云评：高校学生成绩综合评估及可视化分析平台这个作业的目标项目选题与分析答辩其他参考文献[1]邹欣.构建之法[M]团队阵容…
Django-form组件
Django-form组件 form组件的校验功能 views.py from django.shortcuts import render, HttpResponse# Create your views here.from django import forms
from django.forms import widgetsclass UserForm(forms.Form):name forms.CharField(min_length4,label用户名) # 必须用…
taro，h5小程序图片上传问题
今天使用uploadFile时的一个问题，在h5端正常，小程序上报错，如上如所示：上传图片路径有问题，这是需要把上传路径改为全拼 这时候h5会报错，解决办法就是区分h5和小程序
Django创建完全独立的APP
我们之前已经完成了项目的结构搭建，但是，在Django当中，我们强调的一个重要概念是app，比如Django自带的admin就是一个成功的app典范，那么我们应该如果整理自己的项目结构，才能让我们的app真正的独立出来&…
JavaScript文件下载 兼容所有浏览器 不可跨域
前端文件下载 兼容所有浏览器 download.js文件下载，几乎支持所有类型下载，详细内容参考官网 http://danml.com/download.html 引入文件 <script src//js.zapjs.com/js/download.js></script>
<script src//code.jquery.com/jquery-1.9.1.…
typescript 学习（二）
一 ，flow命令，类型注解（不是javscript标准语法）
添加flow，flow是弥补js的弱类型的缺点，可以添加注解
yarn add flow-bin --dev安装后执行 查看配置
yarn flow会生成一个folw文件，有这个文件我…
react项目npm start 失败的解决方法
有时，npm start上一秒还行，但是不知怎么就不行了，报错react-app-rewired start有问题，这时候你需要重新安装依赖 npm install
情人节，教大家使用CSS画出一朵玫瑰花。
情人节到了，给大家来一朵高端的玫瑰花。 在网上看到的一个canvas实现的玫瑰花，效果很好，但是代码被压缩过，也没有注释，看的云里雾里的。 今天我教大脚用CSS来实现一朵玫瑰花。 先看效果 首先我们画出一个花瓣 1、画出一…
前端学习笔记 查询贴
jq 复习常用 查询贴 https://www.cnblogs.com/baili-luoyun/p/10583352.html jq 复习 整理版(带索引)查询贴 https://www.cnblogs.com/baili-luoyun/p/10583357.html jq学习是整理的帖子(带示例) 一: https://www.cnblogs.com/baili-luoyun/p/10473518.html 二: https:/…
Web菜鸟教程 - Radis实现高性能数据库
Redis是用C语言开发的一个高性能键值对数据库，可用于数据缓存，主要用于处理大量数据的高访问负载。 也就是说，如果你对性能要求不高，不用Radis也是可以的。不过作为最自己写的程序有高要求的程序员，自然是要学一下的&a…
Vue 3 中定义组件常用方法
在Vue 3 中有多种定义组件的方法。从选项到组合再到类 API，情况大不相同
1、方式一：Options API
这是在 Vue 中声明组件的最常见方式。从版本 1 开始可用，您很可能已经熟悉它。一切都在对象内声明，数据在幕后由 Vue 响应。它不是…
如何在Vue表单处理中实现表单的条件渲染
在Vue开发中，我们经常会遇到需要根据某些条件来渲染表单的情况。这种情况下，我们需要灵活地根据条件来展示或隐藏一些表单字段。本文将介绍如何在Vue中实现表单的条件渲染，并提供了代码示例。
一、使用v-if指令实现简单的条件渲染 在Vue中&a…
web前端开发基础入门html5+css3+js学习笔记（一）
目录 1.第一个前端程序2.前端工具的选择与安装3.VSCode开发者工具快捷键4.HTML5简介与基础骨架4.1 HTML5的DOCTYPE声明4.2 HTML5基本骨架4.2.1 html标签4.2.2 head标签4.2.3 body标签4.2.4 title标签4.2.5 meta标签 5.标签之标题5.1 快捷键5.1 标题标签位置摆放 6.标签之段落、…
修改 el-select 背景图 样式
1. 原图------------效果图 2. css
/***********大的背景图***************/
.el-popper.is-pure {background: url(/src/assets/imgList/memuBG.png) no-repeat;border: none;background-size: 100% 100%;
}/*********选中行的字体***********/
.el-select-dropdown__item.s…
VUE iView框架Table及Render用法
Render用法
iView官网table用法： https://www.iviewui.com/view-ui-plus/component/form/table Render用法详解： https://blog.csdn.net/qq_43524744/article/details/107959098
vue3数组操作学习
Vue2.0、传统操作数组
var arr [1,2,3,4];
//如果想添加一个元素
arr.push(5); // 现在arr已经改变为[1,2,3,4,5]
//如果想取第一个个值,按照索引，或者自定义的
var index 1;
console.log(arr[index]) // 输出2Vue3操作数组
vue3里面的数组定义的响应式数据需要…
HTML Minifier - 灵活的在线 HTML 压缩工具
HTML Minifier 是一个高度可配置的，经过良好测试的，基于 JavaScript 的 HTML 在线压缩工具，用棉绒般的能力。在它的核心， Minifier 依赖于 John Resig 的 HTML 解析器。这个解析器能够处理非常复杂的文档，但是有时候会…
JavaScript 进阶 - 第4天
JavaScript 进阶 - 第4天笔记 文章目录 JavaScript 进阶 - 第4天笔记1 深浅拷贝1.1 浅拷贝1.2 深拷贝（面试）1.2.1 递归实现深拷贝1.2.2 js库lodash里面cloneDeep内部实现了深拷贝1.2.3 JSON序列化 2 异常处理2.1 throw 抛异常2.2 try ... catch 捕获异常…
天猫浏览型应用的CDN静态化架构演变（转）
转自：http://wbj0110.iteye.com/blog/2036613 在天猫双11活动中，商品详情、店铺等浏览型系统，通常会承受超出日常数倍甚至数十倍的流量冲击。随着历年来双11流量的大幅增加，每年这些浏览型系统都要面临容量评估、硬件扩容、性能优…
js中的简单数据类型和复杂数据类型
Js的数据类型可以分为简单数据类型和复杂数据类型 简单数据类型有5种，Number,String,Boolean,undefined,null 1.Number数字类型 ，在控制台显示颜色位蓝色 整数，浮点数，科学计数法 NaN是Number类型，但是NaN ! NaN 2.Str…
【uni-app从入门到实战】数据绑定、事件、生命周期
文章目录数据绑定事件生命周期应用生命周期页面生命周期数据绑定
<template><view><view>{{msg" uni-app"}}</view><view>{{11}}</view><view>{{flag?我是真的:我是假的}}</view><image :src"imageSrc&qu…
create-react-app的坑
情境
今天在创建一个reactts项目时，发现创建不了，提示版本低，常规npm install是无效的。 同事npm uninstall也无效
解决
使用which create-react-app查找cra的位置 找到之后使用rm -rf删除后重新安装
结果rm也无效，提示没有权…
学习js数据结构 | 栈
javascript语言实现基础的数据结构系列 ——01 栈 方法： push 传入一个或几个元素到栈顶pop 删除栈顶的一个元素peek 返回栈顶元素，不修改栈isEmpty 栈是否为空clear 清除所有元素size 栈的元素个数基于数组实现栈
/*** 栈* * 基于数组* * 方法&#x…
Layui之动态生成选项卡与用户CRUD
今天我来给大家分享一下，动态生成选项卡的案例
效果图
分享这个知识之前，我们先来了解一下什么是无限极分类？
无限级分类是一种分类技巧，例如部门组织，文章分类，学科分类等常用到无限级分类，…
想转行IT行业？这是我给你最真挚的建议
学什么语言，比穿什么衣服的问题更难，因为职业的背后，更多是抉择而不是选择，选错一件衣服可以重来，而选错一个职业所面对的结果，是非常让人痛苦的。 本文是我对你想转行IT行业前最真挚的建议。 任何事情&…
安装和启动json-server
安装json-server JSON-Server 是一个 Node 模块，运行 Express 服务器，你可以指定一个 json 文件作为 api 的数据源 npm i -g json-server 在json数据目录下打开命令行键入 json-server --watch data.json 根据出现的提示，在浏览器中复制进入…
前端面试经典题目（HTML+CSS）二
1、浏览器页面由哪三层构成，分别是什么，作用是什么？ 构成：结构层、表示层、行为层 分别是：HTML、CSS、JavaScript 作用：HTML实现页面结构，CSS完成页面的表现与风格，JavaScript实现一…
vue项目，子页面刷新404问题
翻车事故分析： 因需对项目整体优化，调整过程，采用了路由的history模式，本地项目运行，刷新子页面都是OK的。 部署到测试服务器，正常跳转都ok,但刷新子页面就会出现404，请求变成了get，…
jsp定义一个标签的步骤（基础）
1. 什么是标签 标记语言，是一种注释文本的语言，以便于计算机可以操作。很多与“ML”结尾的语言都是标记语言，比如：HTML，XML，XHTML，VML等等。 标记语言与其他语言一样，也需要运行它们…
前台向后台隐藏传参数
<inputtype"hidden"value 0 name"flag"id"flag" />上边的代码只要写在form里，在提交的时候就会一并提交到后台，在后台通过param[:flag]就能够取到转载于:https://blog.51cto.com/qihoushangshu/1412993
HTML元素隐藏和显示
在web前端开发过程中，经常会用到隐藏和显示元素的方法 总结：1.通过JS或Jquery控制 2.通过CSS样式控制 一、Js或jquery （jquery为例) 1.隐藏元素 使用hide()方法，如下图： 方法：hide() 作用: 隐藏显示的元素 …
(原创)解决.net 下使用uploadify，在火狐浏览器下的error 302
简单粗劣说下哈，通过uploadify中flash在火狐下上传，造成了erroe 302, 是因为其session丢失，并修改了其sessionID。 网上有很多案列，可并没有这么直接。感觉绕了点弯。 首先，本人用的是uploadify 3.2 一： 我…
程序员用HTML5给女朋友制作的3D相册
程序员给女朋友用HTML5制作的3D相册，使用鼠标拖拽，能看到3D旋转效果，点击相片，相片能放大，移近。程序员发挥自己的专长，这是那些不懂编程的人望尘莫及的。本相册使用了HTML5的画布技术，需要谷歌…
你需要知道的三个CSS技巧
2019独角兽企业重金招聘Python工程师标准>>> 各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3C Web标准的设备，以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的 CSS来创造更简洁&…
JavaScript为什么是单线程-JS异步与回调详解
JavaScript为什么是单线程
JavaScript 最初被设计为浏览器脚本语言，主要用途包括对页面的操作、与浏览器的交互、与用户的交互、页面逻辑处理等。如果将 JavaScript 设计为多线程，那当多个线程同时对同一个 DOM 节点进行操作时，线程间的同步问题会变得很复杂。
同步任务与…
也谈前端基础设施建设
克军昨天的分享不错：前端基础架构的实践和思考 从 2009 年起，也一直在想这些事。受克军启发，梳理成一张图： 几点说明： 将“架构”换成了“设施”，对应的英文是 Infrastructure. 感觉用“设施”更能精准表达…
警惕32位程序在MethodImplOptions.Synchronized在x64机器上的同步缺陷[z]
https://www.cnblogs.com/junchu25/archive/2012/08/10/2631422.html 上周四产品上线一切运行正常，做了一点小改动后周四晚上发布，周五大量用户反馈在访问页面时出现长时间等待响应。将4台Web前端的服务器重启，缓存服务器2台重启，…
![[Angular实战网易云]——8、路由守卫--resolve](https://img-blog.csdnimg.cn/20201117192524355.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bmdvb2RsdWNrNjY2,size_16,color_FFFFFF,t_70#pic_center)
[Angular实战网易云]——8、路由守卫--resolve
路由守卫
什么是路由守卫
字面理解，路由守卫就是保护路由的跳转。那为什么需要保护路由呢？实际场景中，会有很多不同的访问路径，分别控制不同的场景，就需要路由守卫。 该用户可能无权导航到目标组件。可能用户得先登录…
前端性能优化（三） 移动端浏览器前端优化策略
2019独角兽企业重金招聘Python工程师标准>>> 相对于桌面端浏览器，移动端Web浏览器上有一些较为明显的特点：设备屏幕较小、新特性兼容性较好、支持一些较新的HTML5和CSS3特性、需要与Native应用交互等。但移动端浏览器可用的CPU计算资源和网络…
素材预览及下载（文案复制，下载视频，下载图片，跳转授权页面）
素材预览及下载（文案复制，下载视频，下载图片，跳转授权页面） 截图 页面展示 未授权提示跳转授权 授权页面 文案复制成功 正在保存 保存成功弹窗 图片预览 代码片段链接https://developers.weixin.qq.com/s/37Zh6FmN72h9…
12个便于web设计及开发的在线工具
请不要低估这些小工具，他们极其的方便并且能节省很多的时间和工作，下面就是这些在线工具的列表，挑几款来试试吧。 我还是比较喜欢Ajax Load和Web 20 Badges Generator的，你们呢？ Favico 一个图标制作工具，很…
mysql存储的练习及vs2005调用（附函数表）
以前一直用的是MSSQL，现在公司突然要用Mysql数据库，感觉有点不适应毕竟语句有区别，所以今天特地找了个时间练习了下说明：我用的是EMS SQL Manager 2005 for MySQL管理器编辑代码的 CREATE PROCEDURE new_proc(IN bb INTEGER(11)) …
vue3 v-html中使用v-viewer
安装：npm install v-viewernext 在main.js中配置
import “viewerjs/dist/viewer.css”; import Viewer from “v-viewer”; app.use(Viewer, { Options: { inline: true, //默认值：false。启用内联模式。 button: true, //在查看器的右上角显示按钮。 …
css3的text（文本）
以下是一些使用 CSS3 文本样式属性的示例，以演示如何自定义文本的外观。你可以根据需要自行调整这些示例的值和属性： 改变字体 p { font-family: "Arial", sans-serif; } 这将改变段落文本的字体为 Arial。 字体大小和颜色: h1 { font-size: …
前端模板 artTemplate之辅助方法template.helper
var labelMap { onlinePayment:{ label:"在线支付", desc:"支持大部分储蓄卡、信用卡及第三方平台支付", name:"", href:"" }, cashOnDelivery:{ label:"货到付款", desc:"货到付款只支持POS机刷卡支付，不…
vue vuex模块化
简单介绍
state
//store.js
//存放数据state: {index:index in root store},
//组件内获取方式computed: {// 可以结合computed 使用index(){return this.$store.state.index}}mutations
mutations两个参数 第一个是默认参数state 第二个是传参payload,这里有一个异步同步的…
移动WEB开发之rem适配布局
rem适配布局
我们来看几个问题：
页面布局文字能否随着屏幕大小变化而变化？流式布局和flex布局主要针对于宽度布局，那高度如何设置？怎么样让屏幕发生变化的时候元素高度和宽度等比例缩放？
一、rem 基础
rem 单位
r…
Web APIs（二）--bom
一、BOM 概述
1.1 什么是 BOM
BOM Browser Object Model 浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性 BOM 缺乏标准，JavaScript…
Web APIs（一）--dom
一、Web API 基本认知 1、js基础和Web APIs两个阶段的关联性
1.1 js的组成 JS基础学习ECMAScript基位语法为后面作铺垫，Web APIs是JS的应用（dom和bom），大量使用Js基础语法做交互效果。
2、API 和 Web API
2.1 API
API(Applic…
“无限加载更多”带来的移动端性能瓶颈
引子 相信很多前端都遇到过这样的需求，在一个页面中预加载一个列表数据，当浏览器滚动到底部之后加载更多数据，然后循环往复这个操作。不知道大家有没有想过这个问题，设备的内存是有限的，而操作系统分配给每一个程序的内…
【学习笔记01】:hover为DIV添加鼠标悬停时改变颜色的效果
:hover所有主流浏览器都支持(IE6.0以下支持不好，以后再学习用Javascript来实现悬停效果) 这是一个绿色底白色Icon的搜索按钮 CSS部分： #top_search {background-color: #24890D;border: 16px solid #24890D;width: 16px;height: 16px;float: right;
} HT…
C#入门---2、C#装备知识（C#创建桌面程序的时候创建的是什么应用程序）
C#入门---2、C#装备知识（C#创建桌面程序的时候创建的是什么应用程序） 一、总结 一句话总结： WPF应用程序：来替代 WindowsFroms 来创建桌面应用程序 1、什么是控制台程序 Console Application？ 为 兼容MS（Mi…
ASP.NET MVC Ajax 伪造请求
1.前言 CSRF（Cross-site request forgery）跨站请求伪造，ASP.NET MVC 应用通过使用AJAX请求来提升用户体验，浏览器开发者工具可以一览众山小,就很容易伪造了请求对应用进行攻击,从而泄露核心数据,导致安全问题。微软自带AntiForger…
2018年1月1日 元旦快乐
新年新气象。 园刚学完前端设计，阅读招聘信息，发现有的招聘还要php,java基础。入门对我来说不是什么难事。转载于:https://www.cnblogs.com/phpfangzhan/p/8167051.html
数据库存储时间的几种方式
在平时的开发中，会在数据库中记录该条记录相关的操作时间，或业务上要用到的时间格式 正常使用中有以下三种类型： 1. 使用Timestamp，则会在数据库里存储：2017-12-21 07:20:01。在不同时区，显示的都是2017-12…
![2-[HTML]--介绍](https://www.luffycity.com/python-book/assets/chapter9/html/HTML_02.png)
2-[HTML]--介绍
1.HTML简介 HTML，全称是超文本标记语言（HyperText Markup Language），它是一种用于创建网页的标记语言。标记语言是一种将文本（Text）以及文本相关的其他信息结合起来，展现出关于文档结构和数据处…
react-project(二)
一、package.json中的配置 1.babel-plugin-import可以实现antd-mobile的按需加载 "babel-plugin-import": "^1.6.3""plugins": [["import",{"libraryName": "antd-mobile","style": "css"}],…
前端面试的一些常用知识
ES6的了解 新增模板字符串（为JavaScript提供了简单的字符串插值功能）、箭头函数（操作符左边为输入的参数，而右边则是进行的操作以及返回的值Inputs>outputs。）、for-of（用来遍历数据—例如数组中的值。&…
关于苹果内购的一些东西,废话不多 贴代码
//首先引入相关的头文件 #import <StoreKit/StoreKit.h> #import "SSKeychainC.h" //然后遵循两个代理 <SKPaymentTransactionObserver,SKProductsRequestDelegate> //开始的时候设置 // <SKPaymentTransactionObserver> 千万不要忘记绑定&#x…
图片上传到tomcat后突然消失
文章转载：http://blog.csdn.net/helloworld1993/article/details/47661759 调试上传用户头像时看不见的功夫上传的图片就不见了，看了这篇文章恍然大悟！！！以上是一字不差地原文 --------------------------------------…
thinkphp验证功能(部分)
一.静态验证 1.前端代码:常规 <form> 提交表单 代码:略 2.后台模板代码 <?php
namespace Home\Model;
use Think\Model;
class userModel extends Model{protected $_validate array(array("uid","require","用户名不能为空"),array…
ajaxfileupload.js上传文件兼容IE7及以上版本
要兼容IE789，要修改ajaxfileupload.js;要将此处的代码替换掉 if(window.ActiveXObject) { var io document.createElement(<iframe id" frameId " name" frameId " />); if(typeof uri boolean){ io.src javascript:false; } …
用css3实现各种图标效果（1）
公共样式 应该说现在绝大多数公司的项目前端都是一团乱，不仅仅是js写的没有任何框架而言，css同样也是如此，导致项目如果要升级或者说有新的变更维护起来就特别困难。 最近领导决定花大时间整理一下css样式，用他的一句话来说就是为…
Click Magick – 下一代点击跟踪和链接管理
Click Magick 是新一代的广告跟踪和链接管理系统，让每一个点击都能给你带去更多的利润。它是专门设计来跟踪所有类型的点击计费广告，包括从谷歌，必应和 Facebook 的 PPC 广告，就好像 LeadImpact 和 50onRed 网络的 CPV 广告&#…
解决浏览器保存密码自动填充问题
解决浏览器保存密码自动填充问题 问题描述 话说有一天，我如往常一样打开我的开发网站进行登录操作。浏览器很平常的在我们进行登录操作之后询问我是否需要记住密码，懒惰如我点击了记住密码。一切都很正常的进行着，没有什么异常发生。然而&…
JS BOM篇（一）window对象
Window对象
BOM的核心对象是window对象，它表示浏览器的一个实例。即是JavaScript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。 其主要有 ducoment，location，history，navigator等对象以及方法
全局作用…
JS 基础篇(十) cookie封装
cookie简单介绍
cookie的特点1.cookie一般有大小限制为4kb，
2.限制同一域名数量为50个
3.读取有域名限制
4.时效性cookie 使用//添加cookie
document.cookie “keyvalue”; // 一次写入一个键值对
//读取cookie
document.cookie //获得所有cookie 分号分割//exp…
spring junit单元测试
项目是有很多个功能块组成的，我们开发的时候，当我们开发出来一个功能，想要测试这个功能是否正确，不可能等到前端和后端全部写好了再进行测试，这样太浪费时间，有没有什么方法能直接测试后台的功能写的是否正…
如何解决ajax跨域问题（转）
由 于此前很少写前端的代码(哈哈，不合格的程序员啊)，最近项目中用到json作为系统间交互的手段，自然就伴随着众多ajax请求，随之而来的就是要解决 ajax的跨域问题。本篇将讲述一个小白从遇到跨域不知道是跨域问题，到知道…
微信公众号开发 ,redirect_uri域名还是与后台配置不一致
测试账号地址： https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?actionshowinfo&tsandbox/index https://mp.weixin.qq.com/debug/cgi-bin/sandbox?tsandbox/login 登录后进行设置： 测试账号信息： 接口配置信息 JS接口安全域名 网…
02-使用jsoup爬取网页内容
官网地址：jsoup: Java HTML parser, built for HTML editing, cleaning, scraping, and XSS safety
一、jsoup获取网页数据流程？
1. 导入jsoup的jar包https://mvnrepository.com/artifact/org.jsoup/jsoup/1.15.1
2.获取Document对象
3.获取Element对…
dom-to-image把HTML转成图片并通过ajax上传到服务器
[转载自 https://www.cnblogs.com/CTXXCH/p/6721893.html] 前端借助dom-to-image把HTML转成图片并通过ajax上传到服务器 之前接到了一个任务，把jsp中的table转成一个图片，保存在指定文件夹并显示在前端。 我的思路是：一、引用第三方js在前端把…
page-break-after: always打印时强制分页
page-break-before 元素在指定元素前添加分页符。
<div stylepage-break-after: always;></div>
<p stylepage-break-after: always;></p>https://www.runoob.com/cssref/pr-print-pagebb.html
![[Web 前端] 014 css 盒子模型](https://img2018.cnblogs.com/blog/1576387/201905/1576387-20190502112900487-2135041024.png)
[Web 前端] 014 css 盒子模型
1. 简介 元素在页面中显示成一个方块，类似一个盒子把元素叫做盒子，设置对应的样式分别为 盒子的边框(border)盒子内的内容和边框之间的间距(padding)盒子与盒子之间的间距(margin)盒子真实尺寸
盒子宽度 width padding左右 border左右
盒子高度 heig…
Python Web 开发之 JWT 简介
在之前的课程中,介绍过 Flask-Login 框架，它是基于 Session 和 Cookie 技术来实现用户授权和验证的，不过 Session 有很多的局限性，这一节介绍一种基于 token 的验证方式 —— JWT (JSON Web Token)，除了对 JWT 的概念讲解之外&…
VB超市配送运输管理系统设计与实现
摘要: 连锁经营从九十年代初进入中国市场以来，由于具有批量进货、集中配送、统一管理、统一价格的优点，表现出良好的发展势头。发展连锁业，配送中心的建设是关键。本文以我国某大型连锁超市的配送中心信息化管理为实际背景，介绍了连锁超市配送中心运输管理信息系统设计开发…
ruoyi 若依 前端vue npm install 运行vue前端
首次导入，需要先执行 npm install #进入到前端模块目录下 cd ruoyi-ui # 安装 npm install 启动后端项目 运行前端项目：运行成功后，会浏览器自动加载到前端首页（或者 浏览器访问打印的两个地址） # 运行 npm run dev 部…
爬虫破解：解决CSRF-Token反爬问题 - 上海市发展和改革委员会
标题：爬虫破解：解决CSRF-Token反爬问题 - 上海市发展和改革委员会
网址：https://fgw.sh.gov.cn/fgw-interaction-front/biz/projectApproval/home
MD5加密：ca7f5c978b1809d15a4b228198814253
需求文档
采集数据如下所示： 解决反爬思路
这里只提供解决思路，解决反爬，…
.net mvc 无法创建虚拟目录和无法启动IIS Express Web服务器指定的url无效 解决方法
.net mvc 无法创建虚拟目录
修改项目配置中web中的项目url时，提示无法创建虚拟目录，则把ip地址改为localhost再进行创建即可
无法启动IIS Express Web服务器指定的url无效 解决方法 不要勾选【覆盖应用程序根URL（U）】,或让【覆盖…
前端js调试如何复制console.log打印的对象或数组
在使用console.log()打印我们的内容时，时常需要将打印的内容复制粘贴使用，然而控制台打印出来的对象是经过格式化处理且直接选择粘贴会有格式问题，此时我们可以通过控制台的 copy() 方法来进行打印结果的复制，如图所示：…
1.SpringSecurity -快速入门、加密、基础授权
SpringSecurity简介 文章目录 SpringSecurity简介一、基本概念1.1 认证（Authentication）方式1.2 会话(Session)介绍1.3 授权(Authorization)介绍1.4 RBAC 二、SpringSecurity入门2.1 快速入门2.1.1 Maven坐标2.1.2 接口2.1.3 源码 2.2 配置文件配置用户名…
(vue)el-descriptions 描述列表无效
(vue)el-descriptions 描述列表无效 原因：element 的版本不够
解决：运行下面两个命令
npm uninstall element-ui //卸载之前安装的版本
npm i element-ui -S //重新安装解决参考：https://blog.csdn.net/weixin_59769148/article/details/1…
vue3实现el-card的body的样式穿透
:deep(.el-card .el-card__body){padding-top:20px!important;
}改el-card的body
将内容的padding变成上下左右都是20px
el-card默认是上面为15px,其他左右下都是20px 详解源码vue3的样式穿透scope-CSDN博客
protobuf传文件存入oracle
前台加载一个文件到打包到protobuf中： public static Intf_R upload_file(int iInsId, int iBizType, int iMenuType, string sFileName, string sRemark) { request_p_file_upload.Builder req new request_p_file_upload.Builder(); request_p_file_upload_p1.Bu…
WEB前端性能优化-如何提高页面加载速度
aaaaa：了解 ，aaaaa：重点，aaaaa：不懂 一、减少http请求 1）图片合并，使用map <img src"planets.jpg" border"0" usemap"#planetmap" alt"Planets" /&…
BUCK BOOST学习总结
首先对于我这种电源方面的小白来说 关于电源用的最多的就是线性稳压了 开关类的如 TI 的TPS系列 我是只知道应用电路而不知道具体原理的 但是长此以往也不是个办法 于是今天就带打家详细的来讲一下 BUCK BOOST电路的原理 先挂几个连接： 比较粗略的BUCK/BOOST电路…
前端 -----常用内置对象
07-常用内置对象 所谓内置对象就是ECMAScript提供出来的一些对象，我们知道对象都是有相应的属性和方法 数组Array 1.数组的创建方式 字面量方式创建（推荐大家使用这种方式，简单粗暴）var colors [red,color,yellow]; 使用构造函数…
JavaScript实现html页面转换成图片格式
本文提供三个JavaScript插件，并提供对应GitHub地址，自行查看使用方法： 1）dom-to-image：dom-to-image 2）html2canvas:html2canvas 3）rasterizeHTML.js：rasterizeHTML.js转载于:https:…
数仓之 数据埋点简单了解
主流埋点方式：
目前主流的埋点方式，有代码埋点（前端/后端），可视化埋点，全埋点三种。
代码埋点：是通过调用埋点SDK函数，在需要埋点的业务逻辑功能位置调用接口，上报埋点…
前端页面JS和CSS以及图片加载nginx报错：net::ERR_CONTENT_LENGTH_MISMATCH的解决与检查...
首先检查nginx权限 具体可参考地址https://www.cnblogs.com/hooly/p/9951748.html 或者百度其他方法 还有种情况，之前是可以用的，突然出现这种加载报错的情况，这就要检查服务的根目录储存是否满了，如果满了删掉一部分日志就可以了…
单页应用的优缺点及路由配置
单页应用的优缺点
优点：
无刷新体验,提升了用户体验；
完全的前端组件化，前端开发不再以页面为单位，更多地采用组件化的思想，代码结构和组织方式更加规范化，便于修改和调整；
API 共享，…
JS中var、let、const关键字区别
var、let、const的区别 var在函数、全局作用域中生效；let、const在块级作用域中生效。 var存在声明提升；let、const不存在声明提升 var声明的变量挂载在window对象上，而let、const不会 let、const存在暂时性死区的问题，且不能…
JS强制改变this指向的方法
call() ① 格式：函数名.call(p1, p2, p3…)； ② 参数p1：this想要指向的对象 ③ 参数p2之后：原来的实参依次往后错一位 apply() ① 格式：函数名.apply(p1, p2); ② 参数p1：this想要指向的对象 ③ 参数p2&a…
04-基础入门-WEB源码拓展
基础入门-WEB源码拓展 1、WEB源码拓展（1）关于web源码目录结构（2）关于 WEB 源码脚本类型（3）关于 WEB 源码应用分类 2、演示案例（1）asp、php等源码测试（2）平台识…
Vue中router-link标签的replace属性
<router-link replace to"/detail">跳转</router-link>**
标签中添加replace属性表示替换掉上一次的历史记录不添加replace，点击跳转默认是压栈操作，点击浏览器的前进和后退，可以回到之前点击过的路径
Vue.$nextTick()生命周期钩子
作用：在模板解析后调用指定的回调函数用途：当数据改变后，想对模板解析后的新DOM做一些操作案例：文本框显示时，获取焦点<template><div><button click"showInput()">点击显示文本框</bu…
vue的render函数
render()是渲染函数，直接将元素节点渲染到页面上，无需通过模板解析器解析
// main.js
import Vue from vue // 实际上引入的是vue.runtime.esm.js（不带模板解析器）
import App from ./App.vue
Vue.config.productionTip false…
Vue CLI脚手架及项目搭建
确保已经安装了node.jscmd中输入 npm install -g vue/cli 在cmd中输入 vue，出现下图所示表示安装成功 注意：如果回车之后显示vue不是内部命令或外部命令，去设置一下环境变量即可。复制vue所在目录的bin目录路径，粘贴到系统变量的…
CSS中关于文字的一些属性
font-size 【设置文字大小】 【取值：像素，一般为偶数，12、14、16、18…】 font-size: 14px;color 【设置文字颜色】 【取值：单词表示法、rgb三原色表示法、十六进制表示法】 color: red;font-weight 【设置文字粗细】 【取值】 …
Vue利用v-model获取不同类型表单数据的方式
文本框 【直接利用v-model获取输入框的值】<!-- username存储的是输入框中的字符串 -->
<input type"text" v-model"username">单选框 【需要给每个单选框设置唯一的value值，之后通过v-model获取被选中的那个value】<!-- sex属性…
Vue中的侦听器watch
侦听器：侦听属性或计算属性值的变化，可以做异步操作，比如setTimeout()。 实现侦听器的两种格式 ① 利用watch配置项 new Vue({el: #root,data: function () {return {count: 1}},watch: {count: { // 侦听count属性handler(newValue, oldVa…
Vue实例化对象挂载到元素上的方法
先声明一个容器：<div id“root” class“box”></div> el ① 值可以是CSS选择器（CSS选择器，不一定非要使用id，只要是选择器能匹配到对应的元素即可） new Vue({el: #root, // 一般使用这样的方式挂载
});
…
CSS利用边框实现三角形
<style>#box {width: 0;border: 30px solid transparent;border-left-color: red;}
</style>
<body><div id"box"></div>
</body>效果如下
CSS中background的属性说明
background-color 【设置背景颜色】 【颜色取值：单词表示法、rgb三原色表示法、十六进制表示法】 div {background-color: red; // 单词background-color: rgb(0, 0, 0); // rgbbackground-color: #FFFFFF; //十六进制
}background-image 【设置背景图片】 div {b…
CSS中选择器的优先级
!important > 行间样式 > id > class > 标签 > * > 继承
权重
!important：最大行间样式： 1000id：100class： 10标签： 1*：9继承：最小
注：!important 不能对继承的…
JS获取DOM元素节点的一些方法
DOM（Document Object Model）：文档对象模型
获取元素节点 通过id获取 document.getElementById(id);通过class获取 document.getElememtsByClassName(类名);通过标签名获取 document.getElementsByTagName(标签名);通过name属性获取 // 一般用…
JS操作BOM的一些方法
BOM（browser object model）：浏览器对象模型
系统对话框 alert()、confirm()、prompt()、open()属于window中的方法，均可在方法前面加window，不加也可 alert() 【弹出只有确定按钮的对话框】 window.alert("我是警…
Yahoo14条前端优化规则(Yslow)
1、Make Fewer HTTP Requests （尽可能减少http请求数） http请求是要开销的，减少请求数可以提高网页加载速度。常用的方法，合并css，js以及 Image maps和css sprites等。（css sprites是指只用将页面上的背景图…
nginx+tomcat集群配置(3)---获取真实客户端IP
前言: 在初步构建的nginxtomcat服务集群时, 发现webserver获取到的客户端ip都是同一个, 皆为作为反向代理服务的nginx所在的机器IP. 这不太符合我们的基本需求, 为将来的数据挖掘和分析带来了麻烦. 不过不用担心, 本文将简单介绍其背后的原因和原理, 以及具体的解决方案…
【转】web前端开发必知必会（面试、笔试可能用到）
http://blog.chinaunix.net/uid-27150200-id-3290090.html转载于:https://www.cnblogs.com/kenan9527/p/4572684.html
让浮动元素在一行显示
📝个人主页：爱吃炫迈 💌系列专栏：HTMLCSS 🧑💻座右铭：道阻且长，行则将至💗 <div class"wrap"><div class"item">1</div><di…
JS构造函数与class类中的封装、继承和多态
在es6之前没有引入class类，所以在这之前是用构造函数充当了类的概念 但是！！！es6又把类的概念给加回来了，所以以后就可以通过类的方式实现封装、继承和多态，写法更加的简便
构造函数
说明
通过new调用的函…
Vue Router的＜keep-alive＞
路由切换的时候，未展示的组件默认是被销毁了的，但有些时候不想让其销毁，可用<keep-alive>标签将<router-view>包裹起来
缓存组件案例<template><div><router-link to"/page1">跳转到页面1</rout…
vue3 vite gzip
1、首先前端项目里安装 vite-plugin-compression 插件
yarn add vite-plugin-compression
2、在 vite.config.js 中
import vue from vitejs/plugin-vue
import { defineConfig } from vite
import compressPlugin from vite-plugin-compressionexport default defineConf…
解决vue3中不能使用vue-simple-uploader
vue-simple-uploader本身是基于vue2的，直接npm i vue-simple-uploader -S下载下来版本的是0.7.6。在vue3中无法使用会报错。
解决：使用next安装接下来要发布的版本就会下载1.0.1版本，即可使用vue3
npm i vue-simple-uploadernext -S
注意&…
创建 Web 内容目录
创建 Web 内容目录 按照下方所述，创建一个名为 /home/curtis/ansible/webcontent.yml 的 playbook ： 该 playbook 在 dev 主机组中的受管节点上运行 创建符合下列要求的目录 /webdev ： 所有者为 webdev 组 具有常规权限：ownerread…
CSS中网格布局grid的一些常见属性
作用于父容器
作用于父容器解释取值grid-template-rows占据几行、每行的高像素、fr，用空格分开；repeat()grid-template-columns占据几列，每列的宽像素、fr，用空格分开；repeat()grid-template-areas划分区域grid-templ…
elmentui el-select下拉输入不清空已选值
下拉可创建条目，下拉框获取焦点输入时，已有值被清空
问题图： 处理后图： 方法一：
1. 为了在匹配不到数据时也保留其输入的值，可以用 filter-method 自定义筛选
2. el-select添加上filterable之后&#x…
面试最常问的数组转树，树转数组 c++ web框架paozhu实现
刚毕业同学，找工作常被问 二维数组转树，树转二维数组 需要支持无限层级实现，如果你了解这个语言那么实现起来还要一番思考
c web框架 paozhu使用 需要实现数据库表数据到前台菜单实现，就是这种功能 二维数组转树，树转…
全局sass变量配置
1. 安装插件
npm install sass-resources-loader --save-dev 2. vue.config.js文件配置
chainWebpack(config) { const oneOfsMap config.module.rule(scss).oneOfs.store oneOfsMap.forEach(item > { item .use(sass-resources-loader) .…
JavaScript编译原理
编译原理理解
几个概念：抽象的语法树（AST）、编译语言、分词拆解、JavaScript编译器（Compiler）、解释器（Interpreter）、JavaScript引擎、作用域
步骤：
1、分词，把代码分…
手动打war包进行部署测试
有的时候项目跑不起来但是又不知道tomcat问题还是其他问题，往往新建个项目，打成war进行部署。今天找到个好方法，手动打成war，然后进行部署测试。image.pngimage.png创建一个web应用:R:/test/myHome
test/myHome/WEB-INF/……
test…
SSM-easyui 添加多个tabs页面出现混乱
框架是springMVC 用easyui穿件tabs, 使用href创建两个tabs的话, 第一个里面的内容部分会进入第二个tab, 第二个里面的内容也会进入第一个
前端进阶Html+css10----定位的参照对象（高频面试题）
1.relative的参照对象 1）元素按照标准流进行排布； 2）定位参照对象是元素自己原来的位置，可以通过left、right、top、bottom来进行位置调整；
2.absolute（子绝父相） 1）元素脱离标准流…
【0基础入门Python Web笔记】四、python 之计算器的进阶之路
四、python 之计算器的进阶之路 往期导航越来越智能的加法计算器加减乘除计算器来点课程作业？更多实战项目可进入下方官网 往期导航
一、python 之基础语法、基础数据类型、复合数据类型及基本操作 二、python 之逻辑运算和制流程语句 三、python 之函数以及常用内…
C++，运算符重载——关系运算符练习
一、关系运算符重载 > > < < !
#include <iostream>
using namespace std;class Relates
{
private:int a;int b;
public:Relates() {}Relates(int a,int b):a(a),b(b) {}bool operator>(const Relates &R) const{if((a>R.a&&b>R.b) …
面试题-React(六)：React组件和生命周期
一、React组件
React组件简介： React组件是构建用户界面的基本单元。它们将界面拆分成独立、可重用的部分，使得代码更加模块化、可维护性更高。React组件可以是函数组件或类组件，它们接收输入的数据（称为props）并返回…
【vue3.0 使用组合式定义组件】
Vue3.0 中通过使用 setup 函数来定义组件。setup 函数接收两个参数，第一个参数是组件的 props，第二个参数是一个上下文对象，可以通过它访问到与组件相关的数据和方法。在 setup 函数中，我们可以使用 Vue3.0 提供的新特性 — 组合式…
当多条折线数据渲染在一个echarts里，这些折线的x轴数据是不统一的，处理方法
文档中series可以写成[[x轴值，y轴值],[x轴值，y轴值],[x轴值，y轴值]] 这种形式，
如果写成这样那么x轴会以series数组第一个子数组的x轴值的范围来定义，所以大家可以在给series赋值之前排个序，将子数组最多的…
TypeScript进阶知识之接口(接口定义、接口属性、可索引类型、接口表示函数类型、额外的属性检查、接口继承、接口与类型别名的区别)
系列文章目录
引入一：Typescript基础引入（基础类型、元组、枚举） 引入二：Typescript面向对象引入（接口、类、多态、重写、抽象类、访问修饰符） 第一章：Typescript基础知识（Typescri…
调用API来获取拼多多的商品数据的详细步骤和注意事项
本文旨在详细介绍如何调用API来获取拼多多的商品数据，并阐述相关的技术实现和注意事项。通过本文的阅读，读者将了解如何运用API技术从拼多多平台上获取商品信息，并具备一定的代码实现能力。
一、概述
在当今的数字化时代，API&am…
浏览器喜欢什么样的CSS
平时听到很多做前端的朋友问这样或者那样的问题，什么文字溢出的，图片错位的，背景显示不全的，边框显示不全的，鼠标放上去跳动的。。。等等等等其实这类问题基本上是CSS给浏览器的信息不够所致，说的更直白一点…
Linux系统管理员应该知道的20个系统监控工具（转）
原文：http://www.cyberciti.biz/tips/top-linux-monitoring-tools.html 翻译：飞哥 (http://hi.baidu.com/imlidapeng) 版权所有，尊重他人劳动成果，转载时请注明作者和原始出处及本声明。需要监控Linux服务器系统性能吗？…
打造博客园超级自定义界面
有部分网友提出想了解一下像我这样的高度订制化博客界面是如何做出来的。所以在这里给大家分享一下经验。定制博客界面的核心方法是通过引用我们自己上传的外部JS，使外部JS的代码能在当前博客页面上执行，从而用这个JS修改页面DOM结构（加入新的…
SSO里面的SAML和OIDC到底讲了啥
本文首发于我的博客 https://teobler.com 转载请注明出处 SSO是什么
在了解SSO是什么之前，我们需要搞清楚两个概念： Authentication & Authorization。
Authentication(又被称为AuthN，身份验证)，它指的是 the process of ve…
Webpack原理(3) — 核心概念
本文首发于我的个人博客: https://teobler.com 转载请注明出处 Entry
我们先来看一张图
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7XWHVFpq-1582879870653)(https://teobler-image.s3-us-west-1.amazonaws.com/webpack-entry.png)]
从这张图…
6、css学习6（表格）
1、指定CSS表格边框，使用border属性。
2、表格双边框是因为th/td有各自独立的边框。
3、boder-collapse设置表格边框是否被折叠成一个单一的边框。
4、width和height属性定义表格的宽度和高度。
5、text-align属性设置水平对齐方式。
6、vertic-align属性设置垂…
Webpack原理(2) — 加载原理
webpack的核心目的和功能就是打包JavaScript代码，在时间的推进过程中，其逐渐演化成了一个生态体系，成为前端打包代码和处理开发时候必不可少的一个工具。 本文首发于我的个人博客: https://teobler.com, 转载请注明出处， 文章中提…
Vue 组件之单文件组件
因为在前一篇讲了组件的相关知识点，所以这篇博客就不讲了，如果不知道的小伙伴先去看前一篇哟，这篇博客直接步入主题，讲单文件组件 单文件组件：一个文件中只包含有1个组件 每一个模块都有属于自己的 名字.vue 文件&…
前端传数组，后端怎么接收的问题
前端传数组，后端怎么接收的问题
js里数组和list的区分不是很明确？ 总结： 对于get方式，前端传数组，后端就只能用数组接收（对象中有这个数组也可以用对象接收），不能直接用list接收&am…
VUE3TS: Vue3+TS基础编码的学习总结【不定时更新】
前言
整理一下所知道的 Vue3 TS 的基础知识点【会不定时更新】。
一、理解
若还没看过 Vue3文档 或 TS搭配Vue3使用 的官方文档的童鞋，还是记得看看 官方文档
1. 静态类型、动态类型、强类型、弱类型
编译时就知道变量类型的是静态类型，运行时才知…
03-前端基础CSS-第一天
01-CSS层叠样式表导读
目标：
能够说出什么是CSS能够使用CSS基础选择器能够设置字体样式能够设置文本样式能够说出CSS的三种引入方式能够使用Chrome调试工具调试样式
目录：
1.CSS简介2.CSS基础选择器3.CSS字体属性4.CSS文本属性5.CSS引入方式6.综合案…
VUE：自定义实现日历表
简介
学习了一下关于如何自定义一个日历表。 参考文章：Vue写一个日历
具体实现
第一步：打开windows的日历
可以看到，有如下关键点（暂时忽略农历、节气、节日的备注信息）： ①年月的信息； ②…
element——switch接口成功后赋值打开开关
应用场景
基本用法使用v-model双向绑定值，进行开关控制 例子1:需求：
**点击switch，出弹窗，点击弹窗保存按钮调接口成功后再赋值（row.orderButtonValue“1”）打开switch开的状态变颜色。 在vue 中使用 :va…
Vue项目中app.js过大，导致web初始化加载过慢问题
1、删除多余不需要的库： npm uninstall xxx
如例如moment库文件是很大的可以直接放到index.html文件直接CDN引入
2、修改/config/index.js配置文件：将productionGzip设置为false 3、设置vue-router懒加载
懒加载配置： 非懒加载配置&…
elmentui el-cascader 级联选择器，搜索次数过多导致界面卡死
问题：
elmentui版本2.15.6
el-cascader控件不断进行搜索，选择，删除，大概30多次后，界面卡死崩溃 解决方案
.el-cascader-node 元素生成后移除aria-owns属性
在options加载完成后添加代码：
this.$nextTi…
前端组件库造轮子——Tree组件开发教程
前端组件库造轮子——Tree组件开发教程
前言
本系列旨在记录前端组件库开发经验，我们的组件库项目目前已在Github开源，下面是项目的部分组件。文章会详细介绍一些造组件库轮子的技巧并且最后会给出完整的演示demo。 文章旨在总结经验，开源分…
UDP和TCP的区别
UDP (User Datagram Protocol) 和 TCP (Transmission Control Protocol) 是两种常见的传输层协议。它们在设计和用途上有很大的区别，以下是它们的主要差异： 连接性: TCP: 是一个连接导向的协议。它首先需要建立连接，数据传输完毕后再终止连接…
页面上下左右滑动事件
1.下载插件
npm install vue-touchnext -S
2.main.js加入以下代码
import VueTouch from vue-touch
Vue.use(VueTouch, { name: v-touch })
VueTouch.config.swipe {
threshold: 50 //设置左右滑动的距离
}
3.完整代码
<template><div><v-touch swipe…
vue基础知识十二：双向数据绑定是什么
一、什么是双向绑定
我们先从单向绑定切入单向绑定非常简单，就是把Model绑定到View，当我们用JavaScript代码更新Model时，View就会自动更新双向绑定就很容易联想到了，在单向绑定的基础上，用户更新了View，Mo…
Cesium点击实体，修改参数实现实体的平移和旋转
primitives类型的实体（针对3DTileset）
//旋转let mx Cesium.Matrix3.fromRotationX(Cesium.Math.toRadians(Number(this.form.x)));let my Cesium.Matrix3.fromRotationY(Cesium.Math.toRadians(Number(this.form.y)));let mz Cesium.Matrix3.fromRo…
JS元素节点的一些属性和获取元素子节点的方法
节点的一些属性
属性名元素节点属性节点文本节点注释节点文档节点nodeType12389nodeName标签名属性名#textnodeValuenull属性值文本内容
获取子节点的一些方法
作用能获取到元素节点和文本节点只能获取到元素节点获取所有的子节点childNodeschildren获取第一个子节点firstChi…
vue中使用this.$refs获取不到子组件的方法，属性方法都为undefined的解决方法
问题描述
vue2中refs获取不到子组件中的方法？，而获取到的是undefined 原因及解决方案：
第一种、在循环中注册了很多个ref 因为注册了多个ref，获取是不能单单知识refs.xxx，需要使用数组和索引来获取具体一个组件refs[…
快速上手Vue开发：Prettier代码格式化配置详解
文章目录 一、简介二、配置 一、简介 Prettier，前端代码格式化工具。
二、配置
module.exports {// 指定最大换行长度，默认80printWidth: 130,// 指定缩进空格数，默认2tabWidth: 2,// 使用制表符而不是空格缩进行，默认falseuse…
详解vue-router中matcher的作用
理解vue-router中的matcher
在vue-router中每个定义好的路由都会被解析成一个对应的matcher类型(routeRecordMatcher),路由的增删改查都会通过matcher实现.
在createRouter中会通过createRouterMatcher创建一个matcher(RouterMatcher类型)createRouterMatcher接收两个参数:ro…
18.神奇导航菜单指示器
效果 源码
<!DOCTYPE html>
<html>
<head>
<title>Magic Menu Indicator | 03</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body><div class="navig…
Tauri 官方FS文档接口和尝试踩坑
这里先写上tauri官方fs的文档链接fs | Tauri Apps
这里说下我踩的坑，
在使用tauri fs之前，你需要确保在“tauri.conf.json”文件中允许列表中启用了fs：
在tauri.conf.json里面的tauri里面allowlist里添加下面代码，（…
py 项目上线 日志输出 logging
1 指定文件 example.log
import logging
logging.basicConfig(levellogging.INFO, format%(asctime)s %(levelname)s %(message)s, datefmt%Y-%m-%d %H:%M:%S,handlers[logging.FileHandler("example.log"),logging.StreamHandler()])
2 把print(sql)换成
logging…
【Vue】集成百度地图
Vue 集成 百度地图
1、获取百度地图 ak 密钥 2、登录网址 https://lbsyun.baidu.com/
3、注册百度地图开放平台账号，填写认证信息，并且创建应用
安装
npm install vue-baidu-map --savemain.js
import BaiduMap from vue-baidu-map;Vue.use(BaiduM…
VUE + electron 保存图片与读取
保存
// 保存到本地
saveLocal(base64Data, filePath) {// 检查是否存在images目录if (fs.existsSync("images")) {// 保存文件fs.writeFile(filePath, base64Data, "base64", (err) > {if (err) {console.log("报错：", err);} …
CSS判断手机暗黑模式
手机有个功能到了晚上会自动变成深色也就是暗黑模式.这种情况下网页会自动变颜色.如果想自由控制暗黑模式下的html样式的话,可以用如下方式: media (prefers-color-scheme: dark) {/*html, body {*//*filter: invert(1) hue-rotate(180deg);*//*}*/.maill{margin-left: 0;marg…
CSS变量之var()函数的应用——动态修改样式 root的使用
一、css变量
body {--foo: #7F593F;--urls: ./img/xxx.jpg;
}变量的名称可以用数字、汉字等，不能包含**$，[，^，(，%**等字符，变量的值也是可以使用各种属性值： 如： // 定义css变量
:r…
Vue 通过组件的ref获取元素的高度。
在 Vue 中，可以通过 ref 属性获取组件的 DOM 元素。获取 DOM 元素之后，可以通过 offsetHeight 属性获取元素的高度。以下是一个示例代码：
<template><div><div ref"myDiv">这是一个 div 元素</div><bu…
【简单教程】利用Net2FTP构建免费个人网盘，实现便捷的文件管理
文章目录 1.前言2. Net2FTP网站搭建2.1. Net2FTP下载和安装2.2. Net2FTP网页测试 3. cpolar内网穿透3.1.Cpolar云端设置3.2.Cpolar本地设置 4.公网访问测试5.结语 1.前言
文件传输可以说是互联网最主要的应用之一，特别是智能设备的大面积使用，无论是个人…
el-table表格动态设置最大高度 高度根据窗口可视高度大小改变自适应
由于表格内容过多，如果不给高度限制，每页100条数据的情况下，去操作底部的分页或者其他功能都需要划到数据最底部操作，用户体验性较差。解决方法是让表格一屏展示，超出部分滚动展示。 1.效果及思路图： 思路是…
vue 翻页选择导出
框架Vue2.15.14，后台是Aps.net core Api
<el-table ref"multipleTable" :data"tableData" tooltip-effect"light" style"width: 100%;text-align: center;"height"400" show-harder selection-change"h…
three.js——GUI的使用
GUI的使用 效果图1、导入gui2、创建一个GUI对象3、通过gui调用方法 name:按钮的名称 效果图 1、导入gui
// 导入ligui
import { GUI } from three/examples/jsm/libs/lil-gui.module.min.js2、创建一个GUI对象
const gui new GUI()3、通过gui调用方法 name:按钮的名称
// 创…
两种风格的纯CSS3加载动画
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8" /><meta name"viewport" content"widthdevice-width, initial-scale1.0" /><title>加载动画</title><style>.loader {w…
【element-ui】form表单动态修改rules校验项
在项目开发过程中，该页面有暂存和提交两个按钮，其中暂存和提交必填项校验不一样，此时需要动态增减必填项校验 ，解决方法如下：
增加rules校验项
this.$set(this.formRules,name,[{required:true,message:请输入名称,t…
uniapp-父向子组件传值失效解决方案
<template><view><!-- 我是子组件 newzujian--><view class"">{{value}}</view></view>
</template>
<script>export default {data(){return{value:} },methods:{gaibian(){this.value789}}}
</script>
…
什么是Fetch API？与传统的AJAX相比，有什么优势？
聚沙成塔每天进步一点点 ⭐ 专栏简介 前端入门之旅：探索Web开发的奇妙世界 欢迎来到前端入门之旅！感兴趣的可以订阅本专栏哦！这个专栏是为那些对Web开发感兴趣、刚刚踏入前端领域的朋友们量身打造的。无论你是完全的新手还是有一些基础的开发…
Chrome 115之后的版本，安装和使用chromedriver
在Python中使用selenium 时报如下错误： 1. 老版本chrome对应的chromedriver 下载地址：CNPM Binaries Mirror 2. 新版本chrome对应的chromedriver 下载地址：Chrome for Testing availability
CSS如何画出平行四边形
其实如果项目中有这样的画图 还是会用到的比如 看起来样子怪怪的 哈哈 但是确实可以完成一些需求哈哈哈
这个就要用到一个css3转换的一个 属性了 skew 让一个元素再平面上进行倾斜 div {width: 200px;height: 50px;background-color: #f00;transform: skew(20deg);margin: 100…
vue如何解决跨域？
在Vue中，可以通过以下几种方法来解决跨域问题： 1.代理服务器（Proxy Server）：这是最常用的解决跨域问题的方法之一。通过配置一个代理服务器，将前端的请求转发到后端API服务器，并在代理服务器上处…
AST反混淆实战|某国外混淆框架一小段混淆js还原分析
关注它，不迷路。 本文章中所有内容仅供学习交流，不可用于任何商业用途和非法用途，否则后果自负，如有侵权，请联系作者立即删除！ 1. 需求 我相信做币圈爬虫的兄弟，或多或少的见过类似下面的…
Vue中的数据分页与分页组件设计
Vue中的数据分页与分页组件设计
在前端开发中，数据分页是一个常见的需求，特别是当处理大量数据时。Vue作为一款流行的JavaScript框架，提供了强大的工具和生态系统来实现数据分页。本文将介绍如何在Vue中进行数据分页，以及如何设计…
2023年施工升降机司机(建筑特殊工种)证模拟考试题库及施工升降机司机(建筑特殊工种)理论考试试题
题库来源：安全生产模拟考试一点通公众号小程序
2023年施工升降机司机(建筑特殊工种)证模拟考试题库及施工升降机司机(建筑特殊工种)理论考试试题是由安全生产模拟考试一点通提供，施工升降机司机(建筑特殊工种)证模拟考试题库是根据施工升降机司机(建筑特…
vue+webpack关闭热更新
在vue.config.js中配置 devServer: {inline: false, // 关闭热更新，但只配置这一个无效hot: false, // Hot Module ReplacementliveReload: false, // 关闭文件变化后刷新页面}
第一节——vue安装+前端工程化
作者：尤雨溪 官网：简介 | Vue.js
脚手架文档 创建一个项目 | Vue CLI
一、概念（了解）
是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层&…
H5在WebView上开发小结
背景 来自我司业务方要求，需开发一款APP。但由于时间限制，只能采取套壳app方式，即原生app内嵌webview展示前端页面。本文主要记述JavaScript与原生app间通信，以及内嵌webview开发时，前端方面可能踩的一些坑。 技术架构…
method.isAnnotationPresent(Xxx.class)一直为null
package com.dj.springtest.aspect;import com.dj.springtest.annotation.RequireRoles;
import lombok.extern.slf4j.Slf4j;
import org.junit.Test;
import org.junit.runner.RunWith;
import org.springframework.beans.factory.annotation.Autowired;
import org.s…
推荐一款支持异步批量下载图片的chrome插件——图片助手(ImageAssistant) 批量图片下载器
https://chrome.google.com/webstore/detail/imageassistant-batch-imag/dbjbempljhcmhlfpfacalomonjpalpko/related?hlzh-CNhttps://chrome.google.com/webstore/detail/imageassistant-batch-imag/dbjbempljhcmhlfpfacalomonjpalpko/related?hlzh-CN 安装后直接点击 会根据…
Vue 项目进行 SEO 优化
SSR 服务器渲染 服务端渲染, 在服务端 html 页面节点, 已经解析创建完了, 浏览器直接拿到的是解析完成的页面解构
关于服务器渲染：Vue 官网介绍 ，对 Vue 版本有要求，对服务器也有一定要求，需要支持 nodejs 环境。
优势: 更好的 …
vue3检测是手机还是pc端，监测视图窗口变化
1.超小屏幕（手机） 768px以下 2.小屏设备（平板） 768px-992px 3.中等屏幕（旧式电脑） 992px-1200px 4.大屏设备（现代电脑） 1200px以上 <script setup name"welcome">
i…
css overflow-x: scroll 滚动不展示/隐藏滚动条 /如何滚动
overflow-x:scroll 实现滚动效果
.scroll{width: 300rpx;height: 100rpx;//超出部分隐藏overflow-x: hidden;//禁止换行white-space: nowrap;//显示滚动条overflow-x: scroll;
}
操作滚动条的伪类元素 ::-webkit-scrollbar — 整个滚动条.::-webkit-scrollbar-button — 滚动…
Vue驼峰与短横线分割命名中有哪些坑
目录
0.前言
驼峰和短横线分割命名注意事项
组件注册命名
父子组件数据传递时命名
父子组件函数传递 0.前言 Vue驼峰命名法指的是将变量以驼峰形式命名，例如 userName、userId 等，而短横线分隔符法则指的是用短横线分隔变量名，例如 user…
初学Vue（全家桶）-第n天（vue2）：关于v-bind=“$attrs“、v-bind=“$props“ 和v-on=“$listeners“的使用
初学vue
简介
v-bind"$props": 可以将父组件的所有props下发给它的子组件,子组件需要在其props:{} 中定义要接受的props。
v-bind"$attrs": 将调用组件时的组件标签上绑定的非props的属性(class和style除外)向下传递。在子组件中应当添加inheritAttrs: …
粤嵌实训医疗项目--day01（Vue+SpringBoot）
目录
一、创建工作空间及配置Maven环境
二、创建springboot项目整合web操作
三、http请求参数获取及登录页面访问操作
四、数据库设计、数据库创建及导入sql
五、使用mybatis-plus逆向工程生成代码【vaccinum】
六、JavaEE三层架构概念及user查询实现 七、mybatis-plus逆…
JS判断最后一个字符是不是@，如果是则删除
let str example;if (str.endsWith()) {str str.slice(0, -1); // 删除最后一个字符
}console.log(str); // 输出: example
uniapp-图片压缩(适配H5,APP)
uniapp本身是自带压缩图片的方式的，但是他只适用于APP，做不到多端的适配，如果只考虑app，就非常容易实现了。 使用uni.compressImage()这个API即可
compressImage(url) {return new Promise((reslove, reject) > {const tempFi…
此页面不能正确地重定向
这种是由于条件判断有误，程序不断的重定向到一个页面，而造成的死循环的情况
下面列举一个常出现的场景之一
1、使用过滤器实现登录验证错误处理
解释：当用户访问login.jsp进行登录的时候，这个时候请求会被Filter捕获࿰…
vue源码分析（六）——vnode 和 createElement的使用和作用
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 前言一、Vnode是什么？二、create-element.ts文件1.createElement 方法2. _createElement 方法（1）createEmptyVNode 方法…
鼠标指针cursor的多种状态
hand：是手型 pointer：也是手型，这里推荐使用这种，因为这可以在多种浏览器下使用。 crosshair：是十字型 text：是移动到文本上的那种效果 wait：是等待的那种效果 default：是默认效…
less和scss语法详解
比较好的博客文章：Less使用语法（详细）：https://blog.csdn.net/weixin_44646763/article/details/114193426 SCSS基本语法：https://www.jianshu.com/p/4efaac23cdb6
总结：我理解的点：
1、符号声…
Qt第六十五章：自定义菜单栏的隐藏、弹出
目录
一、效果图
二、qtDesigner
三、ui文件如下：
四、代码 一、效果图 二、qtDesigner
原理是利用属性动画来控制QFrame的minimumWidth属性。
①先拖出相应的控件 ②布局一下 ③填上一些样式 相关QSS
background-color: rgb(238, 242, 255);
border:2px sol…
前端面试题整理（1.0）
1.nextTick原理
Vue是异步执行Dom更新的，一旦观察到数据变化，Vue就会开启一个队列，然后把在同一个事件循环（event loop）当中观察到数据变化的Watcher推送到这个队列。如果这个Watcher被触发多次，智慧被推送…
修改el-date-picker宽度
<div style"width: 100%"><el-date-pickerstyle"width:100%"v-model"value"type"datetimerange"start-placeholder"开始日期"end-placeholder"结束日期":default-time"[12:00:00]"value-forma…
【JavaScript】script 标签的使用
script 标签
script 标签之间共享顶层对象。
<script>var a 1;
</script><script>console.log(a); // 1
</script>但是全局变量作用域的提升机制在这些边界中不适用：
<script>foo();
</script><script>function foo(…
逻辑(css3)_强制不换行
需求 如上图做一个跑马灯数据，时间、地点、姓名、提示文本字数都不是固定的。
逻辑思想
个人想法是给四个文本均设置宽度，不然会出现不能左对齐的现象。
此时四个文本均左对齐， 垂直排列样式也比较好看，但是出现一个缺点&#…
CSS3表格和表单样式
在传统网页中，表格主要用于网页布局，因此也成为网页编辑的主要工具；在标准化网页设计中，表格的主要功能是显示数据，也可适当辅助结构设计。本章主要介绍如何使用CSS控制表格和表单的显示效果，如表格和表单的…
uniapp开发浙政钉H5微应用埋点
具体可以查看官网，本文仅描述埋点的实现（我的项目是hBuilder新建的并非vue脚手架生成的，应该都是一样的） index.html
<script>(function (w, d, s, q, i) {w[q] w[q] || [];var f d.getElementsByTagName(s)[0], j d.c…
JavaScript系列之ES6默认导出与默认导入
文章の目录一、默认导出二、默认导入三、按需导出四、按需导入五、直接导入并执行模块代码写在最后一、默认导出
语法：
export default 默认导出的成员每个模块中，只允许使用唯一的一次 export default，否则会报错！ 二、默认导入…
BOM编程-open与close
<!DOCTYPE html> <html> <head> <meta charset"utf-8"> <title>BOM编程-open与close</title> </head> <body> <script> /* 1、BOM编程中&a…
【Python百日进阶-Web开发-Vue3】Day518 - Vue+ts后台项目5：用户列表
文章目录 一、获取用户列表的数据1.1 定义用户列表和角色列表的接口src/request/api.ts1.2 获取用户列表数据src/views/UserView.vue二、定义用户列表数据类型2.1 src/type/user.ts三、展示用户列表内容3.1 element-plus中的Select 选择器3.2 element-plus中的表格插槽3.3 展示…
分享112个HTML艺术时尚模板，总有一款适合您
分享112个HTML艺术时尚模板，总有一款适合您
112个HTML艺术时尚模板下载链接：https://pan.baidu.com/s/1D3-mfPOud-f3vy9yLl-bmw?pwdfph2 提取码：fph2
Python采集代码下载链接：采集代码.zip - 蓝奏云 时尚平面模特网站模板 潮…
浏览器有哪几种存储机制
存储
cookie，localStorage，sessionStorage，indexDB
特性cookielocalStoragesessionStorageindexDB数据生命周期一般由服务器生成，可以设置过期时间除非被清理，否则一直存在页面关闭就清理除非被清理，否则…
vite和esbuild/roolup的优缺点
esbuild
优点
基于go语言，go是纯机器码不使用 AST，优化了构建流程多线程并行
缺点
esbuild 没有提供 AST 的操作能力。所以一些通过 AST 处理代码的 babel-plugin 没有很好的方法过渡到 esbuild 中（比如babel-plugin-import）。…
小白学前端遇到的若干问题
开发框架：VUE3ElementUI
一、Element Plus之el-radio中label和:label的区别
1、示例(Vue2)
1、看Element官方文档(Vue3) 中radio是这么说的
方法1：【注意看！】这里的 label "1" 是代表 label 的值为字符串 1
<template>…
空值合并运算符（??）及其使用场景
空值合并操作符（??） 是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。
与逻辑或操作符（||） 不同，逻辑或操作符会在左侧操作数为…
karma的基础应用之与fis结合
一、介绍 1. karma是单元测试运行框架，可以集成jasmine断言库，也支持babel。 2.fis是百度前端团队开源推出的前端工程化管理工具。 二、karma的基础应用 1.karma的基础api： server：创建一个测试服务器 【可以是远程计算机】 runne…
Long型数据后端查询结果为null，返回前端显示-1，使用@JsonSerialize注解
使用场景
在开发中，我们将对象序列化为JSON传输给前端，有时候我们的某个或者某些字段需要特殊处理，比如我们有一个日期字段，我们希望当日期为NULL时给前端不返回NULL而返回为未完成等信息，或者我们有一些状态字段&…
Nginx配置web服务器及部署反向代理
Nginx配置web服务器及部署反向代理配置web服务器location语法部署反向代理代理转发配置web服务器
项目部署到linux上的静态文件代理给Nginx处理。当访问服务器IP时，可以自动返回静态文件主页。
主配置文件中server块对应的次配置include /etc/nginx/conf.d/*.conf…
【Typescript学习】使用 React 和 TypeScript 构建web应用（四）useReducer、扑街了的分区功能【完结了】
教程来自freecodeCamp：【英字】使用 React 和 TypeScript 构建应用程序 跟做，仅记录用 其他资料：https://www.freecodecamp.org/chinese/news/learn-typescript-beginners-guide/ 作者提供的源码https://github.com/piyush-eon/react-typescr…
filter及backdrop-filter属性详解
filter属性详解
filter 属性定义了元素(通常是<img>)的可视效果(例如：模糊与饱和度)。作用于元素本身 backdrop-filter属性可以让你为一个元素后面区域添加图形效果（如模糊或颜色偏移）。因为它适用于元素背后的所有元素，为…
解决小程序页面scroll-view块自身滑动问题
修改scroll-view的style样式 本来通过函数限制高度
style"margin-top:200rpx;"height: calc(100vh - 200rpx - env(safe-area-inset-bottom));会出现整个scroll-view块位置不固定滑动里面的内容后，自己本身在整个页面内上移，将样式改为&#…
React的生命周期详细讲解
什么是生命周期？ 所谓的React生命周期，就是指组件从被创建出来，到被使用，最后被销毁的这么一个过程。而在这个过程中，React提供了我们会自动执行的不同的钩子函数，我们称之为生命周期函数。**组件的生命周期…
【Python百日进阶-Web开发-Vue3】Day542 - Vue3 商城后台 02：Windi CSS 与 Vue Router4
文章目录 一、WindiCSS 初始1.1 WindiCSS 是什么？1.2 为什么选择 Windi CSS？1.3. 基础用法1.4 集成二、简单按钮2.1 设置背景色2.2 设置字体颜色和上下左右padding2.3 设置圆角2.4 鼠标悬浮，颜色加深2.5 鼠标划入动画2.6 设置阴影2.7 @apply 抽离class代码到 style 块中三、…
【前端工具】auto-mock约定式路由mock工具
winches/auto-mock github地址：https://github.com/winchesHe/auto-mock 约定式路由mock工具
⭐️ feature
✅ auto get mock route (自动获取mock路径)
✅ Hot Update 热更新支持（检测mock路径和配置文件）
🤖 easy to get pa…
typescript 的数据类型
boolean（布尔类型）
let flag: boolean true
// flag 333; // 错误
flag false //正确
number（数字类型）
let num: number 123
// num 333; // 错误
num 456 //正确进制表示
let hexLiteral: number 0xf00d // 十六进制 …
axios的get请求传入数组参数后端无法接收的问题
问题描述
在做项目时，需要把前端的数组通过axios的get请求发送到后端处理，于是像这样直接发送： axios.get(url,{params:{arr: update_arr}})这时在后端接收后报错说：没有 ‘arr’ 这个key：
arr request.GET[arr]
pr…
Vue2.0开发之——购物车案例-Goods组件封装-把购买数量传给counter组件(52)
一 概述
Goods组件中导入Counter组件设置Counter组件的数量 二 Goods组件中导入Counter组件
2.1 Goods组件中导入Counter组件
import Counter from "/components/Counter/Counter.vue";2.2 Goods组件中注册Counter组件
components:{Counter
}2.3 Goods组件中使用…
TypeScript 怎么去查找类型定义的？
TypeScript 怎么去查找类型定义的？类型文件分类第三方库的类型自定义类型结论类型文件分类
我们项目中的类型文件分为两种：一类是第三方库的类型，一类是在项目中的自定义类型。
第三方库的类型
（1）Jquery࿱…
【无标题】compose系列教程-4.相对布局ConstraintLayout的使用
相对布局在Compose中被称为ConstraintLayout，它可以让您以相对于其他元素的方式放置元素。
以下是使用ConstraintLayout实现相对布局的示例代码：
Composable fun ConstraintLayoutExample() { ConstraintLayout(modifier Modifier.fillMaxSize()…
0106 CSS技术
1.CSS技术
1.1CSS技术介绍
CSS是层叠样式表单，是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言
1.2CSS语法规则
选择器{属性：值}
选择器：浏览器根据“选择器”决定受CSS样式影响的HTML标…
【Python百日进阶-Web开发-Vue3】Day517 - Vue+ts后台项目4：商品列表
文章目录 一、商品列表的表单搜索1.1 定义商品列表接口 src/request/api.ts1.2 修改响应拦截data层数 src/request/index.ts1.3 element-plus适合的行内表单1.4 规范商品列表数据类型 src/type/goods.ts1.5 src/views/GoodsView.vue二、商品列表数据展示及分页处理2.1 element-…
chatgpt这么火？前端如何实现类似chatgpt的对话页面
📋 个人简介
💖 作者简介：大家好，我是阿牛，全栈领域优质创作者😜📝 个人主页：馆主阿牛🔥🎉 支持我：点赞👍收藏⭐️留言📝…
JdbcTemplate环境准备_java培训
JdbcTemplate
1、概述 为了使JDBC更加易于使用，Spring在JDBC API上定义了一个抽象层，以此建立一个JDBC存取框架。 作为Spring JDBC框架的核心，JDBC模板的设计目的是为不同类型的JDBC操作提供模板方法，通过这种方式，可…
HTML爱心代码 | 一起体验理工男的极致浪漫（电视剧男主同款）
写在前面 大家好，我是陈橘又青，今天中午刷微博，看到最近《点燃我温暖你》中男主角——理工男李峋的爱心代码撩到了无数人，于是把代码开源分享给大家。 文章目录写在前面运行示例完整代码保姆级运行教学添加背景图片修改爱心颜色运…
javascirpt中，什么是词法，什么是词法作用域
这里是编译原理相关的知识，代码的编译的过程一般分为
分词 和 词法分析 一行代码被分解（一般是空格）成多个单词这些单词一般就叫做词法单元，就是所谓的分词词法分析是按照特定规则生成一堆词法单元（分词）的…
GIS工具maptalks开发手册(二)03-02——示例之json格式添加绘制工具、渲染点、文字和多个面
GIS工具maptalks开发手册(二)03-02——示例之json格式添加绘制工具、渲染点、文字和多个面
layer参数——https://maptalks.org/maptalks.js/api/0.x/Layer.html
1、json格式渲染点和面
效果-json格式渲染点和面 代码
index.html
<!DOCTYPE html>
<html>
<…
＜ CSS小技巧：filter滤镜妙用＞
文章目录👉 前言👉 简述👉 基本语法及案例》语法简述》案例👉 拓展1. drop-shadow 更加智能的阴影效果2. 网页置灰3. 元素强调、高亮4.节省空间，提高网页加载速度👉 具体案例网页参考文献往期内容 …
【2023】【standard-products项目】中查找的问题与解决方案 （未完待续）
10、el-table 判断是多选操作还是单选操作
9、判断数组对象中是否包含某个指定值 需求：修改时数据回填el-select下拉数据，发现当前id在原数组里没有找到，就显示了id值，应该显示name名， 处理：当查找到id…
swiper插件实现轮播图
这是学习尚硅谷的尚品汇前台项目总结的项目经验。swiper插件实现轮播图[swiper官网](https://www.swiper.com.cn/usage/index.html)官网中给出了代码实例：做一个简要总结：（1）安装swiper（2）在需要使用轮播图…
react Hook使用笔记：当useEffect的依赖频繁变化时的优化方案
问题描述：
有时候我们的 effect 可能会使用一些频繁变化的值。而我们可能会忽略依赖列表中的state，但这通常会引起 Bug，例如：
function MyCounter() {const [count, setCount] useState(0);useEffect(() > {const id setIn…
vue-初级上手-vue概念-什么是vue-vue快速上手-学生上手vue-f
目录本文出处什么是vue？为什么选择它？轻量数据绑定插件化易于上手生态全面vue与其他框架区别angularJs(angular1)相同点不同点React相同点不同点如何上手安装（vue2）script标签ES Modulesnpm快速上手本文出处
本文总结于《vue.js权…
react组件化开发
项目实战中以组件化为主进行开发。创建两个子组件（A，B）import React, { Component } from "react";
class Leftbar extends Component {constructor(props) {super(props);this.state {};}render() {return (<><div>左…
【Web前端学习笔记】第二章 CSS常见使用方法
Web前端学习笔记
第二章 CSS常见使用方法 文章目录Web前端学习笔记前言一、在html页面中添加CSS样式代码二、选择器1.标签名选择器2.id选择器3.类选择器4.分组选择器5.属性选择器6.子孙后代选择器7.子元素选择器8.伪类选择器9.颜色赋值10.背景图片11.文本和字体相关样式12.元素…
Vue的模板语法(双大括号表达式、插值、v-bind 指令、v-on、指令缩写)
模板语法前言知识点1、双大括号表达式2、插值2.1 文本2.2 原始 HTML2.3 特性2.4 javascript 表达式3、指令3.1 参数3.2 动态参数3.3 修饰符4、指令缩写4.1 v-bind4.2 v-on前言 相信模板语法大家多少都有所接触，例如百度模板引擎、ejs 等等。同样 Vue.js 也使用了基于…
ES6应用实例，ES6快速上手
转载自：原文章链接 目录ES6 块级作用域 letES6 解构数组ES6 解构对象ES6 模板字符串ES6 判断字符串里是否包含其他字符串ES6 默认参数ES6 展开操作符ES6 剩余操作符ES6 函数名字ES6 箭头函数ES6 对象表达式ES6 对象属性名ES6 判断两个值是否相等ES6 复制对象ES6 设置…
前端环境搭建问题报错
1. npm i安装依赖的时候，报错node-sass版本不匹配，错误状态status 1。 node-sass4.12.0 postinstall: node scripts/build.js npm ERR! Exit status 1 Failed at the node-sass4.12.0 postinstall script. npm ERR! This is probably not a problem with…
系统分析师真题2020试卷相关概念二
结构化设计相关内容：
结构化设计是一种面向数据流的系统设计方法，它以数据流图和数据字典等文档为基础。数据流图从数据传递和加工的角度，以图形化方式来表达系统的逻辑功能、数据在系统内部的逻辑流向和逻辑变换过程，是结构化系统分析方法的主要表达工具及用于表示软件模…
可编辑div contentEditable=“true“ 设置光标至末尾
var el document.getElementById(‘phoneNumber’); //elel[0]; //jquery 对象转dom对象 el.focus(); if($.support.msie){ var range document.selection.createRange(); this.last range; range.moveToElementText(el); range.select(); document.selection.empty(); //取…
Vue2的基本内容（一）
一、插值语法
（1）用于解析标签体内容
（2）语法：{{}}，xxx会作为js表达式解析
二、数据绑定
（1）单向数据绑定
语法：v-bind:href "xxx" 或简写为 :href特点&a…
2023年CSS面试题集合
文章目录一、H5的新特性有哪些?二、CSS3的新特性有哪些?三、如何实现一个盒子水平垂直居中?方法一：利用定位（常用方法,推荐）方法二：利用 margin:auto;方法三：利用 display:table-cell方法四：利用 displa…
【前端学习】D5：CSS进阶
文章目录前言系列文章目录1 精灵图Sprites1.1 为什么需要精灵图？1.2 精灵图的使用2 字体图标iconfont2.1 字体图标的产生2.2 字体图标的优点2.3 字体文件格式2.4 字体图标的使用2.5 字体图标的引入2.6 字体图标的追加3 CSS三角3.1 普通三角3.2 案例4 CSS用户界面样式…
JS高级——数据类型
数据类型
基本类型
String: 任意字符串Number: 任意的数字boolean: true/falseundefined: undefinednull: null
对象类型
Object: 任意对象Function 一种特别的对象（可以执行）Array: 一种特别的对象
判断
typeof //不能区分数组与对象、null与obje…
Object.assign()
今天看了段前端代码 : // 加载数据方法 必须为 Promise 对象loadData: parameter > {return getAppPage(Object.assign(parameter, this.queryParam)).then((res) > {return res.data})}总结一下基本用法 Object.assign 方法用于对象的合并，将源对象ÿ…
【vue2】vue-router的详解
本文主要讲解vue-router的详细说明，如果在企业项目中实际可以参考我的另外一篇文章，链接放在本文的7.注意点章节
1.router-link
<router-link>支持用户在具有路由功能的应用中(点击)导航,可以在不重新加载页面的情况下更改 URL，处理 …
ref,reactive,toRef和toRefs
1.reactive reactive根据传入的对象，创建一个深度响应式对象。响应式对象属性值改动，不管层级多深，都会触发响应式。reactive只能给对象添加响应式，对于值类型，比如String,Number,Boolean,Symbol是不可以的不能通过…p…
Vue3之使用js实现动画
概述
动画的实现其实不仅可以使用CSS的方式实现，而且还可以使用js的方式实现，二者有啥区别呢？CSS更加注重动画的展现，性能更好，而js的方式性能稍微差点，但是可以在动画执行的每一个过程中做些额外的操作。…
Content type application/x-www-form-urlencoded；charset=UTF-8 not supported
问题描述:前端向后台发送ajax请求时,后台用map接收没有问题,将map换成dto接收时报此异常
解决办法:
$.ajax({type:post,url: $.getRootPath() /xxx/saveOrUpdate.do,contentType:application/json;charsetutf-8,data: JSON.stringify(formData),success: function (data) {i…
console的知识点避坑
console的知识点
问题起因:
前几日同事对树形数据进行处理,发现代码可以按照逻辑运行,但是console获取到的后端数据里,没有被处理的树形数据.
这里简单复现一下问题代码:
let res await getTreeMenuList()
console.log(res)
const { menuList } res.data
generatorRoutes…
vue面试题八股文简答大全 让你更加轻松的回答面试官的vue面试题
你对vue框架的理解？
Vue.js是一个流行的JavaScript框架，它使得构建复杂的交互式应用程序变得更容易。Vue.js基于MVVM模式设计，采用了响应式数据绑定和组件化的架构。在Vue.js中，数据绑定是非常重要的概念，它通过使用观…
3.23——3.26后半周总结
3.23 周四 3.24周五
学习各个视频编辑插件，尝试用于项目中
比如：1.Kaltura Video 2.vue-monaco 3.momaco-editor 4.videojs
全部都查了好多资料并且尝试代码实现，但是没有成功。 3.25周六 3.26周天 1.把github上的关于视频处理的开源源码都…
基于web网上订餐系统的设计与实现(论文+源码)_kaic
摘 要 电子网络的快速进步给传统的餐饮行业带来了很大的变化。目前借助商业平台推广商家品牌，增加营业额，并且餐饮行业可以专注于发展个性化、特色的服务。在互联网的推动下，传统流通领域呈现出良好的发展趋势，越来越多的传统行业…
【Python百日进阶-Web开发-Vue3】Day551 - Vue3 商城后台 11：vuex存储、前置导航守卫
文章目录 一、vuex存储用户信息1.1 `src/store/index.js`1.2 `src/views/login/login.vue`1.3 `src/views/index.vue`二、前置路由守卫2.1 vue-router中的导航守卫2.2 `src/router/beforeEach.js`一、vuex存储用户信息
1.1 src/store/index.js
import {ref, reactive, toRefs…
简要介绍一下vue3 setup语法糖
👋大家好，今天我们来聊一聊Vue3的setup语法糖。
Vue3中的setup语法糖是一种新的组件选项，它可以让我们更加方便地编写组件逻辑。它可以替代Vue2中的created、mounted等选项。
那么，Vue3的setup语法糖有哪些呢？下面我…
jenkins打包发布前端项目
1.配置前端nodejs打包环境
1.1安装nodejs插件 1.2配置jenkins nodejs环境 2.下载git插件(使用此插件配置通过gitlab标签拉取项目) 3.创建一个自由风格的发布项目 4.配置项目构建流程 4.1添加钉钉告警 4.2配置参数化构建 4.3配置源码管理为git拉取项目 4.4配置构建环境 4.5配置…
【前端之旅】Vue入门笔记
一名软件工程专业学生的前端之旅，记录自己对三件套（HTML、CSS、JavaScript）、Jquery、Ajax、Axios、Bootstrap、Node.js、Vue、小程序开发（Uniapp）以及各种UI组件库、前端框架的学习。
【前端之旅】Web基础与开发工具 【前端之旅】手把手教你安装VS Code并附上超实用插件…
Vue.js 2.0 过渡状态
Vue 的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效呢，比如：
数字和运算颜色的显示SVG 节点的位置元素的大小和其他的属性
所有的原始数字都被事先存储起来，可以直接转换到数字。做到这一步&…
如何搭建vue脚手架
项目创建# 使用 create-vue 脚手架创建项目 create-vue参考地址：GitHub - vuejs/create-vue: 🛠️ The recommended way to start a Vite-powered Vue project
步骤：
执行创建命令pnpm create vue
# or
npm init vuelatest
# or
yarn creat…
React实践---Class组件实现todoList
学完了react的基础知识，愁在没有项目练手，比较好的做法是去模仿其它网站开发。去模仿大型的网站又怕耗费的时间太多，所以我选择模仿比较简单的todoList，优点在于页面简单，不用耗费太多时间，而缺点恰是页面过…
vue3 :deep()的使用
文章目录前言一、:deep()是什么？:deep()是可以改变css解析时私有属性的样式常见使用场景: 如改变输入框的背景颜色使用:deep()修改背景颜色总结前言
对应前端小白来说，一看到:deep()这些模式的用法就不理解是啥意思，下面简单介绍一下:deep()…
npm 创建一个自己的npm仓库包
首先创建一个npm账号npm官网在vscode中创建一个文件用来放置方法(我以lib为例,我是在vue里边开发开写包,你们可以单独写不一定要写在vue中根据各自情况)初始化项目并设置包的参数设置npm源(让其代码映射到npm仓库)有些小伙伴可能本地的npm镜像源采用的是淘宝镜像源或者其它的&a…
用javascript和layui做一个前端防止重复提交的按钮难不难？
使用JavaScript和LayUI制作一个防止重复提交的按钮并不难。这里是一个简单的示例，演示了如何在前端实现防止重复提交的按钮： 首先，确保您的HTML页面包含LayUI的CSS和JavaScript引用。 在HTML文件中，添加一个表单和一个按钮&#…
Three.js教程：鼠标操作三维场景
推荐：将NSDT场景编辑器加入你3D工具链其他工具系列：NSDT简石数字孪生为了使用鼠标操作三维场景，可以借助three.js众多控件之一OrbitControls.js，可以在下载的three.js-master文件中找到(three.js-master\examples\js\controls)。 …
浅学一下JavaScript
一、JavaScript1.1 JavaScript简介JavaScript一种解释性脚本语言，是一种动态类型、弱类型、基于原型继承的语言，内置支持类型。 它的解释器被称为JavaScript引擎，作为浏览器的一部分，广泛用于客户端的脚本语言，用来给H…
20230415----重返学习-vue计算属性-watch监听器-vue过滤器-vue生命周期
day-050-fifty-20230415-vue计算属性-watch监听器-vue过滤器-vue生命周期
vue计算属性
computed 计算属性 可以计算的属性，写法是函数，使用时当做属性来使用，即类似于data中的值 函数运算后的结果（return）ÿ…
丁鹿学堂：前端进阶学习vue3最新教程之vue的单文件组件深入理解
在vue3中，template模版中的html代码，并不能直接在网页中执行，而是会在项目运行时，在浏览器中被编译为js 的函数去执行。
问题：在template模版中写html，体验很差，智能提示都不能用。
解决&…
JavaWeb开发 —— 前端工程化
目录
一、前后端分离开发 二、YApi 三、前端工程化
1. 环境准备：vue-cli
2. Vue项目创建 四、Vue项目开发流程 一、前后端分离开发
① 最早的前端开发就是实现页面，顶多再写写JS让页面可以有交互的特效。属于前后端未分离的时代。 早期前后端混合开…
Vue3 + TS4.8踩坑之配置husky问题env: sh\r: No such file or directory
一、基本情况：
硬件环境：MacOS 10.14.6
背景：用vue3官方npm init vuelatest初始化创建的vue3 ts4.8项目。
二、问题和解决方案：
问题1：git commit的时候提示：env: sh\r: No such file or directory
原…
【JavaScript速成之路】JavaScript内置对象--字符串对象
📃个人主页：「小杨」的csdn博客 🔥系列专栏：【JavaScript速成之路】 🐳希望大家多多支持🥰一起进步呀！ 文章目录前言字符串对象1，初识字符串对象2，据字符返回位置3&#…
vue父子组件之间的传参的几种方式
Props
这是最常用的一种方式。通过props选项，在父组件中传递数据给子组件。在子组件中使用props声明该属性，就可以访问到父组件传递过来的数据了。
在父组件中：<template><ChildComponent :message"hello"></Chil…
前端技术的miniui 和bootstartp
前端技术的miniui 和bootstartp 目录概述需求： 设计思路实现思路分析1.前端技术boostatrp2.miniui: 参考资料和推荐阅读 Survive by day and develop by night. talk for import biz , show your perfect code,full busy，skip hardness,make a better re…
在pdfjs的getDocument（）请求中添加自定义标头
代码如下：
var parameter {url: PREVIEW_URL"?id" docId,httpHeaders: { "X-Access-Token":localStorage.getItem(X-Access-Token)},withCredentials: true,
}
var loadingTask pdfjsLib.getDocument(parameters);
前端开发神器bootstrap介绍
想必刚开始学习前端的小伙伴在为设计优美的前端页面很苦恼吧，心中有好的比较不错的UI样式却无法绘制出来，学习呢又可能会有点困难，其实前端是很容易并不难学的，在前端设计上也有很多的开源库的，这些第三方的开源库已经…
GDOUCTF WEB
web
hate eat snake
游戏题找js，将判断语句删掉即可 ezweb
看源码找到/src路由，找到源码
import flaskapp flask.Flask(__name__)app.route(/, methods[GET])
def index():return flask.send_file(index.html)app.route(/src, methods[GET])
def so…
ActiveMQ使用(一):在JavaScript中使用stomp.js
ActiveMQ使用(一):在JavaScript中使用stomp.js
1. 环境准备
jQuery-1.10 下载地址:https://www.jsdelivr.com/package/npm/jquery-1.10.2?tabfilesstomp.js 2.3.3: 下载地址:https://www.jsdelivr.com/package/npm/stompjs
2. 相关代码
<!DOCTYPE html>
<html l…
JavaScript初识及基本语法详解
一，JavaScript简单了解1.什么是JavaScriptJavaScript简称JS，是较为流行的一种前端编程语言，是一种脚本语言，通过解释器运行，主要在客户端（浏览器）上运行，现在也可以基于node.js在服务…
fastCGI快速上手
fastCGI OVERVIEWfastCGI一、CGI二、fastCGI三、fastCGI使用1.fastCGI和spawn-fcgi安装2.nginx fastcgi（1）nginx的数据转发（2）spawn-fcgi启动（3）fastCGI进程处理3.fastCGI总结四、其他1.fastCGI环境变量2.…
burp插件jsEncrypter使用，爆破密码被自定义算法加密
暴力破解的时候，密码一般都是进行了加密
普通的base64、md5等编码，burp里面都有，如果是自定义的密码算法，我们该如何使用burp进行爆破呢？ webapp，关于密码学的一个简单靶场 抓包，被加密了。假…
浏览器基本操作之获取元素信息方法
获取元素大小element.size获取元素文本element.text获取元素属性值element.get_attribute(属性名)判断元素是否可见element.is_displayed()判断元素是否可用element.is_enabled()判断元素是否可见element.is_displayed()练习需求：打开注册A.html页面，完成…
Web服务和程序优化
压缩和优化页面Web服务和程序优化中，压缩和优化页面是一个重要的方面，可以大大提高网站的访问速度和用户体验。在这里，我们将详细讲述如何进行压缩和优化页面。压缩页面压缩页面是指将HTML、CSS、JS等文件进行压缩，减少它们的文件…
react-6 路由 - ts爆红解决 - 封装路由：：：
a) 安装路由库 5 版本的 //下载router
npm i react-router-dom5//下载去除 路径报错的插件
npm i --save-dev types/react-router-dom 开启配置 允许导入：tsx：因为项目是基于TS的 b) 相关组件
路由管理组件
BrowserRouter 使用 HTML5 历史记录 API…
uniapp-使用uni.$emit和this.$Router.push跳转传参
刚开始用uniapp，使用uni.$emit和this.$Router.push跳转传参。 有点懵，百度查完一起记录一下（参考好多就不单独放参考链接了）。 一、this.$router三种跳转方式： （1）this.$router.push //向 hist…
vue2项目PC端如何适配不同分辨率屏幕
项目构建：基于vue-cli3构建，使用postcss-px2rem px2rem-loader进行rem适配 实现原理：每次打包，webpack通过使用插件postcss-px2rem，帮我们自动将px单位转换成rem单位前方有坑：UI框架部分组件使用JavaScript…
setup，ref，reactive
初识setup
1.理解:Vue3.0中一个新的配置项，值为一个函数。
2.setup是所有Composition API(组合API)“表演的舞台”。
3.组件中所用到的:数据、方法等等，均要配置在setup中。
4.setup函数的两种返回值:
1.若返回一个对象，则对象中的属性、…
【TypeScript】03-TypeScript基本类型
TypeScript基本类型
在TypeScript中，基本类型是非常重要的一部分，下面我们将详细介绍TypeScript中的基本类型。
基本类型约束
在TypeScript中，可以使用基本类型来约束变量的类型。常见的基本类型有：
number：表示数…
Vue电商项目--vuex模块开发
vuex状态管理库
vuex是什么？
vuex是官方提供的一个插件，状态管理库，集中式管理项目中组件共有的数据。
切记，并不是全部的项目都需要Vuex,如果项目很小，完全不需要vuex,如果项目很大，组件很多࿰…
Web APIs三、DOM事件进阶
零、文章目录
文章地址
个人博客-CSDN地址：https://blog.csdn.net/liyou123456789个人博客-GiteePages：https://bluecusliyou.gitee.io/techlearn
代码仓库地址
Gitee：https://gitee.com/bluecusliyou/TechLearnGithub：https:…
js String常用方法
实例属性 length 用来获取字符串的度长(重点实例方法 split(分隔符) 用来将字符串拆分成数组(重点)
const str pink,red,orange;
const arr str.split(,);
console.log(arr);// [pink, red, orange]const str12023-3-13;
const str2str1.split(-);
console.log(str2);//[202…
Vue中 import ...与import{ }、import from ‘@路径‘ 与 import from ‘../路径‘
遇到的问题：
不带{ }以组件方式 引入后，用 组件名. 变量 的方式一直提示变量未定义的问题，改成直接 带{ }引入变量直接使用变量就不提示错误了，（不知道是不是我引入的包和他人不一样的原因...）࿰…
JS案例：前端Iframe及Worker通信解决思路
目录
前言
Iframe通信
Worker通信
实现思路
实现过程
MessageCenter类
IPC类
Server类
Client类
PeerToPeer
功能演示
基础功能
父子通信
兄弟通信
父子兄弟通信
其他功能
函数调用
索引标识
卸载页面
重置页面
批量执行
批量操作
总结 前言
在前端开发…
【Webpack】前端工程化与webpack
文章目录前端工程化1、小白眼中的前端开发 vs 实际的前端开发2、什么是前端工程化3、前端工程化的解决方案Webpack的基本使用1、什么是 webpack2、创建列表隔行变色项目3、在项目中安装webpack4、在项目中配置webpackWebpack中的插件1、webpack插件的作用2、webpack-dev -serve…
前端团队协同工作，如何保证质量
持续集成总论 传统软件的持续集成主要有以下措施。
daily build：每日构建，开发者每天提交代码到代码仓库，构建一个可运行的版本。
build verification test（BVT）：构建验证测试，每日构建版本出…
怎么编写前端监控工具
前端监控工具可以帮助开发人员了解页面的性能指标、用户行为和错误情况，从而更好地优化前端应用程序。本文将介绍如何编写一个基本的前端监控工具，并提供一些示例代码来说明其工作原理。
收集性能指标
收集页面性能指标是前端监控工具的主要任务之一。…
【Vue 基础】08-键盘事件
keydown：鼠标按下触发
keyup：鼠标按下再抬起触发 Vue中常用的按键别名有： 回车 > enter 删除 > delete (捕获“删除”和“退格”键) 退出 > esc 空格 > space 换行 > tab 上 > u…
06-HTML-列表标签
1、 <ul> 标签定义无序列表。 2、<ol> 标签定义有序列表。 属性值描述compactcompact HTML5 中不支持。HTML 4.01 中不赞成使用。 规定列表呈现的效果比正常情况更小巧。 reversedreversed规定列表顺序为降序。(9,8,7...)startnumber规定有序列表的起始值。type 1A…
npm 打包发布一个公用的组件包
1，首先创建一个需要发包发布的组件 2.3使用Vue插件模式 这一步是封装组件中的重点，用到了Vue提供的一个公开方法：install。这个方法会在你使用Vue.use(plugin)时被调用，这样使得我们的插件注册到了全局，在子组件的任何…
什么是Vue的响应式系统？如何使用它来管理数据？
嘿，你好呀！Vue的响应式系统听起来是不是很玄乎？其实呢，它就像一个看不见的助手，时刻关注着你的数据变化，一旦有风吹草动，它就会通知浏览器重新渲染你的页面。
这个系统背后的魔法就是Vue的响应…
vue-admin-template 后台模版初始化及问题汇总
参考：https://segmentfault.com/a/1190000023185109?sortvotes
问题一：Unsupported engine 后来经过分析，发现，element-ui 的版本依赖锁定是在一个叫做package-locak.json 中，并且找到了相关配置。
package-lock.js…
【browserify】一步步教你学会browserify
https://www.cnblogs.com/fsg6/p/13139627.html Browserify
browserify的官网是http://browserify.org/，他的用途是将前端用到的众多资源（css,img,js,…) 打包成一个js文件的技术。
比如在html中引用外部资源的时候，原来我们可能这样写 &l…
Vue 3.0 风格指南 2
#元素 attribute 的顺序推荐
元素 (包括组件) 的 attribute 应该有统一的顺序。
这是我们为组件选项推荐的默认顺序。它们被划分为几大类，所以你也能知道新添加的自定义 attribute 和指令应该放到哪里。 定义 (提供组件的选项) is列表渲染 (创建多个变化的相同元素…
vue单组件通过命令行运行预览
文章目录 Vue 单组件通过命令行运行并预览1. 搭建一个vue项目的几种方法1.1 单页面应用1.1.1 通过 vue/cli 脚手架搭建1.1.2 通过 vitelatest 前端构建工具搭建1.1.3 通过模板项目搭建1.1.4 使用最新版的 node 搭建 1.2 多页面应用（非vue组件形式）1.2.1 …
Javaweb中的Servlet 程序
Javaweb中的Servlet 程序前言一、什么是servlet程序？1.Servlet 的生命周期二、ServletConfig 类1.ServletConfig 类的三大作用三、ServletContext 类1、什么是 ServletContext?2、ServletContext 类的四个作用四、HTTP 协议1.什么是 HTTP 协议？2.请求的…
基于html+css的图展示57
准备项目
项目开发工具
Visual Studio Code 1.44.2 版本: 1.44.2 提交: ff915844119ce9485abfe8aa9076ec76b5300ddd 日期: 2020-04-16T16:36:23.138Z Electron: 7.1.11 Chrome: 78.0.3904.130 Node.js: 12.8.1 V8: 7.8.279.23-electron.0 OS: Windows_NT x64 10.0.19044
项目…
管理系统的实现_01
文章目录 技术介绍vue介绍及使用vue 入门案例vue基础语法v-text （替换 标签 里的内容）v-on (绑定事件，可以简化为@)v-bind (绑定属性，可以简化为 :属性名)v-for （对 对象（键值对形式）进行遍历 数组也是一种对象）v-model （作用于 标签元素的值 和 vue实例对象的data数据…
vb6 Webview2微软Edge Chromium内核执行JS取网页数据测速
微软Edge Chromium内核执行JS获取网页数据测试 ExcuteScript eval(document.body.innerHTML) from : https://www.163.com 采集的网页HTM字符串占用字节空间1.2MB
ExcuteScript回调事件中取得JS执行结果，用时 54 毫秒
其中JSON转字符13.5209毫秒
jSON数据长度: 增…
Vue中的事件修饰符
Vue中的事件修饰符: 1.prevent: 阻止默认事件 (常用) : 2.stop: 阻止事件冒泡 (常用) : 3.once: 事件只触发一次(常用) : 4.capture:使用事件的捕获模式: 5.self: 只有event.target是当前操作的元素是才触发事件; 6.passive:事件的默认行为立即执行，无需等待事件回调…
Web（二）-- 为Web项目配置Tomcat服务器（idea 2022版）
目录
1. 点击添加配置文件
2. 点击这个“+”，添加新配置
3. 选择“tomcat” -- 选择“本地”
react中的setState是异步的还是同步的
setState什么时候是同步 什么时候是异步
看下面的代码：
// 异步场景1
state{count:0
}componntDidMount(){this.setState({count:this.state.count 1},()>{consoloe.log(this.state.count) // 1})this.setState({count:this.state.count 1},()>{console.l…
MYSQL-数据库管理.3（用户管理及用户权限）
一、关系型数据库
数据结构 二维表格 库 -> 表 -> 列（字段）：用来描述对象的一个属性 行（记录）：用来描述一个对象的信息
二、非关系型数…
CSS 伪类选择器详解：为网页添加交互与美感
介绍 CSS 伪类选择器是一种非常有用的 CSS 选择器，它能够根据元素的状态、位置或其他属性来选择元素并应用样式。伪类选择器的语法为 :pseudo-class，其中 pseudo-class 是一个指示特定状态的关键字。以下是一些常见的伪类选择器：
选择器名称…
前端实现可拖拽课程表【纯HTML、CSS、JS】
前言
hello，今天实现点小动画，帮助学习理解Web api的拖拽效果，这里实现的是可拖拽的课程表！#
效果图 附：作者没钱去除水印，就这样看一下简单的看一下效果吧！
实现前言知识
这里我使用事件委…
常用的JavaScript保留小数方法
toFixed() 方法：该方法将数字转换为字符串，并返回一个按指定小数位数进行四舍五入的新字符串。示例代码如下： let num 3.1415926;
console.log(num.toFixed(2)); // 输出 3.14 toPrecision() 方法：该方法将数字转换为字符串&…
C 语言实现一个简单的 web 服务器
说到 web 服务器想必大多数人首先想到的协议是 http，那么 http 之下则是 tcp，本篇文章将通过 tcp 来实现一个简单的 web 服务器。
本篇文章将着重讲解如何实现，对于 http 与 tcp 的概念本篇将不过多讲解。
一、了解 Socket 及 web 服务工作…
创建vite+vue+electron项目
写在前面的废话 首先，这是一篇缝合文，我的目的就是想用vite、vue结合electron打包一个windows应用；其次，项目只是这三个工具的简单应用，目前还没有往里面添加其他内容。再次，项目过程中参考了google的多篇文…
Vue3-黑马（十二）
目录：
（1）vue3-router-图标的二次封装-jxl组件
（2）vue3-进阶-动态路由
（3）vue3-进阶-动态路由2 （1）vue3-router-图标的二次封装-jxl组件
以.vue结尾结尾的单文件组件…
JavaScript介绍
1.JavaScript是什么？
2.JavaScript书写位置？
3.JavaScript注释？
4.JavaScript结束符？
5.JavaScript输入和输出语法？
6.JavaScript字面量？
JavaScript学习权威网站：JavaScript | MDN (mozi…
egg3.0连接egg-mongoose操作数据库，删除一条数据、批量删除数据
删除一条数据
定义service
app\service\role.js async delItem() {const { ctx } this;let results;await ctx.model.Role.deleteOne({ name: test-S3 }).then(res > {console.log(results-del-success, res);results res?.deletedCount > 0;}).catch(err > {con…
CSS--移动web基础
01-移动 Web 基础
谷歌模拟器
模拟移动设备，方便查看页面效果 屏幕分辨率
分类：
物理分辨率：硬件分辨率（出厂设置）逻辑分辨率：软件 / 驱动设置
结论：制作网页参考 逻辑分辨率 视口
作用&a…
Promise是什么？
目录
Promise对象的特点
Promise.resolve()
Promise.reject()
Promise.try()
Promise.all()
Promise.race()
Promise.allSettled()
Promise.any()
区分： Promise是异步编程的一种解决方案，它就是一个容器，里面保存着某个未来才会结束…
vue中动态绑定class名称
class的动态绑定总结
一、使用方法
对象语法
使用对象语法可以根据条件动态地添加或删除 class。对象的属性名是 class 名称，属性值是布尔值，表示是否添加该 class。
<div :class"{ active: isActive, text-danger: hasError }"><…
远程桌面连接工具在哪里下载？
在市场上，有很多种不同的工具可用。一些远程桌面连接工具（如RayLink）具有高清流畅、操作简单和连接速度快的特点。而其他一些连接工具则更注重保护安全和数据保密性。不同的远程桌面连接工具各有特点，需要根据不同的需求进行选择。…
APP中有html5页面的时候，怎么进行元素定位
测试app的时候，我们知道可以通过UI Automator Viewer进行元素定位
但是很多app中都会内嵌h5页面，这个时候定位就会变成下图这样： 第一步： 在手机中打开当前app的h5界面，使用usb连接电脑后，
第二步&#x…
【前端之旅】nvm-Node版本管理工具
一名软件工程专业学生的前端之旅，记录自己对三件套（HTML、CSS、JavaScript）、Jquery、Ajax、Axios、Bootstrap、Node.js、Vue、小程序开发（Uniapp）以及各种UI组件库、前端框架的学习。
【前端之旅】Web基础与开发工具 【前端之旅】手把手教你安装VS Code并附上超实用插件…
写一个加载远程js的函数,function loadJSFn(sucCb,failCb){}, 要考虑到低端浏览器的兼容性；
function loadJSFn(url, sucCb, failCb) {var script document.createElement(script);script.type text/javascript;script.src url (url.indexOf(?) -1 ? ? : &) random Math.random();if (typeof sucCb function) {if (script.readyState){ // IEscript.onre…
【react 全家桶】高级指引（下）
本人大二学生一枚，热爱前端，欢迎来交流学习哦，一起来学习吧。 <专栏推荐> 🔥：js专栏
🔥：vue专栏
🔥：react专栏 文章目录 13【react高级指引（下&…
Win 10配置VPN代理时遇到的问题：500 Internal Privoxy Error
在启动某VPN客户端后，打开chrome浏览器时，页面提示以下错误：
500 Internal Privoxy Error Privoxy encountered an error while processing your request: Could not load template file no-server-data or one of its included components.…
什么是量词符？怎样理解量词符？
量词符用来设定某个模式出现的次数，通过使用量词符(?、、*、)能够完成某字符连续出现的匹配。具体如表所示。
上表中，“…”表示多次。为了更好地理解量词符的使用，下面我们以a字符为例进行演示，示例代码如下。
var reg /~a*…
「HTML和CSS入门指南」form 标签详解
什么是 form 标签？
在 HTML 中，form 标签用于创建包含一个或多个表单元素的表单。使用 form 标签可以帮助您收集和提交用户输入的数据，例如登录信息、搜索条件、反馈意见等。 form 标签的基本语法
以下是 form 标签的基本语法：
<form action="url" method=…
Flask连接MySQL
本文章涉及到Flask框架和HTML内容，相关知识可查看链接 HTML-form表单和提交_html form 提交_小梁今天敲代码了吗的博客-CSDN博客https://blog.csdn.net/weixin_43780415/article/details/130110722
前端引入和html标签_小梁今天敲代码了吗的博客-CSDN博客https://b…
后端程序员的前端必备【Vue】 -03 Vue属性绑定和事件绑定
Vue属性绑定和事件绑定 1 Vue属性绑定1.1 v-bind标签1.2 v-model标签1.3 案例 2 Vue事件绑定2.1 事件绑定2.2 参数传递2.2.1 使用JS函数传值2.2.2 使用dataset传值2.2.3 两者结合使用 2.3 事件修饰符2.4 按键修饰符2.5 系统修饰符2.6 练习 1 Vue属性绑定
1.1 v-bind标签 插值表…
fastadmin的模板中， ＜script id=“customformtpl“ type=“text/html“＞ 自定义模板代码如何使用 ？
在FastAdmin中，<script id"customformtpl" type"text/html"> 可以用于自定义表单模板。使用方法如下： 在FastAdmin后台管理系统的模板管理中，找到需要自定义表单模板的模型所使用的模板。 在模板中添加 <scrip…
泰裤辣，可以利用AI测测Vue知识的掌握程度。
以下是一些常见的Vue面试题： 可以先试着回答，以下是参考答案。 1. 什么是Vue，它的优点是什么？
Vue是一套用于构建用户界面的渐进式JavaScript框架，它以简洁的API和响应式数据绑定的特性来大大简化了前端开发过程。Vue…
HTML面试题：50道含答案和代码示例的练习题
HTML是什么？它的全称是什么？请用一句话简述HTML的作用。
答案：HTML是超文本标记语言。它用于创建网页，描述网页的结构和内容。
HTML中的标签是什么？请举例说明。
答案：标签是HTML中的元素，用…
uni-app之Cover-View组件详细使用教程
在 UniApp 中，Cover-View 组件是一种用于展示覆盖在页面上方的视图元素的组件。它可以用于创建各种遮罩、弹出层、悬浮按钮等效果，提供了更多自定义样式和交互的可能性。本教程将详细介绍 Cover-View 组件的用法和示例代码。
步骤1：创建一个…
【利用AI让知识体系化】前端开发学习了解业务架构
文章目录 I. 前端技术入门1.1 HTML/CSS/Javascript 简介1.2 前端框架 React/Vue/Angular 了解1.3 前端工具 Git/Webpack/npm/yarn 的使用1.4 前端调试和性能优化技巧 II. 开发综合应用2.1 工程化开发的全流程2.2 单页面应用 (SPA)2.3 数据交互和批量操作2.4 模块化和组件化开发…
ripro子主题全站美化二开版集成后台官方手册
安装使用：
操作前记得备份上次美化好的主题，不要上传后就着急打开网站。
1、把原宝塔原ripro删除，重新上传最新版解压。
2、上传美化包，解压。
3、打开网站登录后台找到外观–》主题–》选择ripro-子主题
4、看ripro主题设置最下方是否有二开功能，有，恭喜您。安装好…
ES6-Map()对象
Map是一个键值对的集合和Object类似，Object 结构提供了“字符串—值”的对应，Map 结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。Map做为构造函数，可以通过全局对象获取到需要通过new操作创建实例对象。
map与Objec…
7、深入掌握TS-声明文件
为什么要使用声明文件
如果文件使用ts编写，在编译成js时可以自动生成声明文件，并在发布的时候将.d.ts文件一起发布，我们无需编写声明文件当我们在ts文件中引入使用第三方库的类型或使用集成库时，比如axios库，es6库的M…
「HTML和CSS入门指南」tfoot 标签详解
什么是 tfoot 标签？ 在 HTML 中，tfoot 标签用于标识表格的页脚。使用 tfoot 标签可以帮助您提高表格的可读性和理解性。 tfoot 标签的基本语法
以下是 tfoot 标签的基本语法：
<table><thead><tr><th>姓名</th><th>年龄</th><…
a href=#与 a href=javascript:void(0) 的区别 打开新窗口链接的几种办法
a href#与 a hrefjavascript:void(0) 的区别 打开新窗口链接的几种办法 ＃包含了一个位置信息
默认的锚点是＃top 也就是网页的上端
而javascript:void(0) 仅仅表示一个死链接
这就是为什么有的时候页面很长浏览链接明明是＃可是
跳动到了页…
「HTML和CSS入门指南」nav 标签详解
什么是 nav 标签？ 在 HTML 中，nav 标签用于表示导航链接的区域。通常用于包含网站或页面的主要导航菜单。 nav 标签的基本语法
以下是 nav 标签的基本语法：
<nav><!-- 在这里放置您的内容 -->
</nav>请注意，…
wxWidget 界面布局参数
具体地 wxglade 参数：Position :当前控件在Sizer中所处的位置，数字越小越靠前。
proportion :这个属性现在在wxWidget中叫做，负责控制当前控件在当前Sizer中所占用的空间大小：如果取值为0时，当前控件多大࿰…
CSS基础学习--14 Position(定位)
一、定义
position属性指定了元素的定位类型 position 属性的五个值：
staticrelativefixedabsolutesticky
元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有…
【Python百日进阶-Web开发-Peewee】Day250 - Peewee 字段类型等
文章目录 七、模型和字段7.1 字段7.1.1 字段类型表7.1.2 字段初始化参数7.1.3 有些字段采用特殊参数……7.1.3 默认字段值 七、模型和字段
Model类、Field实例和模型实例都映射到数据库概念：
事物对应…Model classDatabase tableField instanceColumn on a table…
taskAffinity、launchMode 与 flag
1、官方文档 public static final int FLAG_ACTIVITY_CLEAR_TASK If set in an Intent passed to , this flag will cause any existing task that would be associated with the activity to be cleared before the activity is started. That is, the activity becomes the n…
html SpeechSynthesis文字转语音
web 页面使用speechSynthesis实现文字转语音
网页语音 API 的SpeechSynthesis 接口是语音服务的控制接口；它可以用于获取设备上关于可用的合成声音的信息，开始、暂停语音，或除此之外的其他命令。
属性 SpeechSynthesis 也从它的父接口继承属…
如何修改滚动条样式?
.bigbox{ /* 设置滚动条的样式 */ ::-webkit-scrollbar { width: 8px; height: 10px; background-color: #f5f5f5; } /*定义滚动条轨道 内阴影圆角*/ ::-webkit-scrollbar-track { background-color: #f5f5f5; } /*定义滑块 内阴影圆角*/ ::-webkit-scrollbar-thumb { borde…
Element 表格顽固型错位修复自定义指令
tableFit.js //修正el-table错位
export function tableFit(table) {const tableWrapper = table.querySelector(.el-table__body-wrapper)const tableBody = table.querySelector(.el-table__body)const colgroup = table.querySelector(colgroup)/*** (以下数值为滚动条高度，…
建立无需build的react单页面SPA框架
vue、react这种前端渲染的框架，比较适合做SPA。如果用ejs做SPA（Single Page Application），js代码控制好全局变量冲突不算严重，但dom元素用jquery操作会遇到很多的名称上的冲突（tag、id、name）。…
一文了解PWA——Progressive Web App
近年来，出现了一种新的应用开发模式——PWA（Progressive Web App，即渐进式Web应用）。今天就来为大家分享什么是PWA，以及它与小程序的区别、技术原理。 PWA的基本概念和技术原理
PWA是一种基于Web技术的应用开发模式&a…
Vue项目“vue-cil-service“不是内部命令也不是可运行的程序
如上图的错误 接下来就是解决方案，首先我们先检查有木有启动按钮， 有的话则直接在终端(下方运行旁边会有一个终端)输入npm-install，输入后他会运行， 等它运行完了后我们在启动一下，出现下图就代表没问题了 然后我们点击…
[js进阶]组件中批量引入svg的工具方法
批量引入svg方法
一个组件中要用到很多个svg图标，一次性引入。
/*** param: folder：文件夹名称，必须在assets目录下 req: require.context(path, false, /\.svg$/)* returns obj:{name:svg}* desc:使用方法：<img src{obj.na…
如何实现element ui中的表格全部数据分页排序
默认情况下， table表格设置了sortable是只能当前页， 数据进行排序的， 这显然是没有多大意义的 ，那么如何实现全部数据分页排序呢？
首先 ，把sortable 写成sortable“custom”
然后，在<el-ta…
「HTML和CSS入门指南」th 标签详解
什么是 th 标签？ 在 HTML 中，th 标签用于创建表格中的表头单元格。表头单元格通常用于标识每列中的数据，并且与普通单元格不同之处在于它们具有更强的语义含义。 th 标签的基本语法
以下是 th 标签的基本语法：
<table><thead><tr><th>姓名</t…
每日三问-前端（第十八期）
先来回顾一下上期的问题及答案： 2023年6月7日 1. 组件间通信是指在 Vue.js 中，不同组件之间进行数据或事件的传递和交互的过程。常用的组件通信方式包括： 父子组件通信：通过 props 属性将数据从父组件传递给子组件，子组…
Mock和Vite-plugin-Mock的区别是什么？
简介 我不知道大家和我是否有一样的疑问，之前Mock.js用的挺好，为啥又出现了一个vite-plugin-mock,而且这个插件还依赖于Mock.js.那么他的优势到底是什么呢？如果你也有这样的疑问，本文最后会给出答案解开这个谜底 前言
我之前已经…
项目中遇到的一些问题总结（八）
nacos如何支持消费者和服务端的高并发的读和写的“服务列表”？
copyOnWriter机制。某服务方拷贝一份“服务列表”并更新后，再替换服务注册中心的“服务列表”。客服端始终读取的是 “服务注册中心”的服务列表。
通俗的理解是当我们往一个容器添加元素…
基于html+css的图展示89
准备项目
项目开发工具
Visual Studio Code 1.44.2 版本: 1.44.2 提交: ff915844119ce9485abfe8aa9076ec76b5300ddd 日期: 2020-04-16T16:36:23.138Z Electron: 7.1.11 Chrome: 78.0.3904.130 Node.js: 12.8.1 V8: 7.8.279.23-electron.0 OS: Windows_NT x64 10.0.19044
项目…
15-创建Vue3.0工程
目录 1.使用 vue-cli 创建2.使用 vite 创建 1.使用 vue-cli 创建
官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create
## 查看vue/cli版本，确保vue/cli版本在4.5.0以上
vue --version
## 安装或者升级你的vue/cli
npm insta…
SpringBoot + Vue前后端分离项目实战 || 四：用户管理功能实现
系列文章： SpringBoot Vue前后端分离项目实战 || 一：Vue前端设计 SpringBoot Vue前后端分离项目实战 || 二：Spring Boot后端与数据库连接 SpringBoot Vue前后端分离项目实战 || 三：Spring Boot后端与Vue前端连接 文章目录 前端…
20-内存泄漏的几种情况
一、是什么
🥟🥟🥟内存泄漏（Memory leak）是在计算机科学中，由于疏忽或错误造成程序未能释放已经不再使用的内存
并非指内存在物理上的消失，而是应用程序分配某段内存后，由于设计错…
前端面试__谈谈你知道的DOM常见的操作（JavaScript）
目录
1. 什么是DOM
2. 有哪些操作
2.1 创建节点
2.1.1 createElement
2.1.2 createTextNode
2.1.3 createDocumentFragment
2.1.4 createAttribute
2.2 获取节点
2.2.1 querySelector
2.2.2 querySelectorAll
2.3 更新节点
2.3.1 innerHTML
2.3.2 innerText、text…
《架构之美》阅读笔记五
一个好的架构的形成不仅是架构师的功劳，还有团队的集体合作，主要因素：确实进行有意为之的前端设计；设计者有很好的素质和经验；在开发过程中，保持清晰的设计观点；授权团队负责软件的整体设计&…
访问PHP网页提示：将您重定向的次数过多,提示 301
访问PHP网页提示：将您重定向的次数过多,提示 301 chrome 浏览器 访问PHP网页提示：将您重定向的次数过多,提示 301
chrome 浏览器
去 chrome 浏览器设置，如下图 chrome://net-internals/#hsts
electron探索
windows上使用electron-builder打包
网络问题参考：electron-builder打包过程中报错——网络下载篇_wincodesign-2.6.0.7z_程序边界的博客-CSDN博客
linux上使用electron-builder打包
1. 需要的包因为网络问题下不下来
遇到fpm1.9.3-2.3.1-linux-x86在github上下…
Js进阶28-Axios专题
1. Axios 的特性
Axios 是一个基于 Promise 用于浏览器和 nodejs 的 HTTP 客户端，简单的理解就是 ajax 的封装。
特性：
(1) 从浏览器中创建 XMLHttpRequests；
(2) 从 node.js 创建 http 请求；
(3) 支持 Promise APIÿ…
入门级前端选手半路接手vue项目实录
1.编辑器使用的是Visual Studio Code 2.打开项目 3.node js官网下载并安装（会同时安装好npm） 4.ctrl ~唤起终端 5.npm i 安装nodejs的相关依赖 6.npm run dev npm run serve (二者使用看package.json scripts部分的配置)
JQuery-this的用法，获取当前点击元素的内容
<script>
$(document).ready(function(){$("p").click(function(){alert($(this).html());});
});
</script>
Excel导出时出现字符串转换为日期
在进行Excel导出时，有时会出现将‘12-1’等字符串转换为“12月1日”等日期格式，解决办法为只需要在改行字符串的前面加上“‘”即可转载于:https://www.cnblogs.com/zhangabo/p/4185080.html
vue-tsc --noEmit导致打包报TS类型错误
🐱 个人主页：不叫猫先生，公众号：前端舵手 🙋♂️ 作者简介：2022年度博客之星前端领域TOP 2，前端领域优质作者、阿里云专家博主，专注于前端各领域技术，共同学习共同进步…
(其他)小程序介绍和开发
转自CSDN: 本文会从小程序前端开发，小程序服务端开发及小程序的发布与审核三个方面来阐述小程序的开发流程。 一、小程序前端介绍及开发 小程序的开发涉及到前端开发和后端开发，前端指的是在手机上能看到的部分，主要负责页面的布局排版及展示…
JavaScript 中的 Promise：简化异步操作
介绍： 异步操作是 JavaScript 编程的基本部分，使我们能够处理可能需要时间才能完成的任务，例如进行 API 调用、从文件中读取或等待用户输入。在引入 Promises 之前，处理异步代码通常涉及复杂的嵌套回调，从而导致通常所…
vue：引用传递参数值，更改其中一个变量值,另一个变量值同步改变
vue 引用传递而不是值传递，两个变量指向的是同一个内存地址。 let data [测试1,测试2];this.typeList data;data.unshift(全部);console.log(this.typeList);//typeList 值为 [全部,测试1,测试2]可以使用以下2种办法避免该问题 解决办法1： let data r…
Vuejs中字符串判空处理--如何判断字符串是否为空或不为空
1、假设要判断的为变量a
2、判断a是否为空 if(typeof a undefined || a null || a ){ console.log("值为空的处理逻辑"); }else{ console.log("值不为空的处理逻辑"); } 3、 判断a是否不为空，加！即可 if(typeof a ! undefined |…
怎么将new Date（）生成的时间转换成想要的类似YYYY-MM-DD HH:mm:ss格式
思路：在方法fDate内要引入两个对像，一个是时间，一个是时间格式。然后在新建一个const用来保存传入的时间数据。然后使用for in循环将保存的各个时间段保存进format中，最后返回format生成你想要的时间格式
代码： funct…
css中flex布局的一些基本属性
flex最基本的是有主轴和坐标轴两个轴： 下面是如何控制下级盒子在主轴和交叉轴位置的属性：
flex-direction（弹性方向，控制主轴的方向）:row(主轴横向行)，column（主轴纵向列）
justify…
脚本之家 前端jQuery js 学习 网站
http://www.jb51.net/books/ http:// www.3wschool.com/转载于:https://www.cnblogs.com/longshanshan/p/6140287.html
杰·亚伯拉罕的产品营销35种策略完整版
我的一个好朋友，是一个非常著名的商业咨询家，他说几乎每一个创业者，他内心都是苦苦的挣扎，他不断的追问一个问题，这个问题就是：我是谁?能不能够达成我的目标?也就是说我雄心壮志有这个目标，但…
Javascript：js直接生成csv文件
记录下javascript生成csv文件
1、如果传入表头数据
// 生成excel，meta为表数据，data为传入数据，name为生成的文件名称
createExcel(meta, data, name) {// \n 表示一行的结束，,表示数据依次放在新的单元格let header "&qu…
HTML5 Canvas实现360度全景图
2019独角兽企业重金招聘Python工程师标准>>> 很多购物网站现在都支持360实物全景图像，可以360度任意选择查看样品，这样 对购买者来说是一个很好的消费体验，网上有很多这样的插件都是基于jQuery实现的 有收费的也有免费的ÿ…
spring boot 对某个接口进行次数限制，防刷。简易版。demo。
spring boot 对某个接口进行次数限制，防刷。简易版。demo。 一般的项目 如果没有做防刷 容易被人爆接口 或者就是说没有做token防刷过滤。 容易被人用正常的token刷接口。有些token非一次性。 用户登录之后生成token会有一个过期时间，但一般没有做频率检…
java后端项目中的简单文件操作（文件的增删改查）
一、文件的上传与获取的流程：
先来看下项目各部分在文件操作过程中各自的职责：
部分职责前端数据上传的入口；文件展示的窗口后端上传后文件在生成记录（文件id）并在数据库中写入记录；通过数据库中的记录&a…
[转]如何使得中文不被 json_encode 不编码成 unicode
http://blog.wpjam.com/m/json_encode-chinese/ php 自带的 json_encode 函数对数据进行编码时，中文都会变成 unicode，导致不可读，并且增加传输数据的大小，比如，对字符串“我爱水煮鱼”进行 json_encode 后，…
成为一名优秀的web前端工程师都需要做些什么？
程序设计之道无远弗届，御晨风而返。———— 杰佛瑞 詹姆士 我所遇到的前端程序员分两种： 第一种一直在问：如何学习前端？ 第二种总说：前端很简单，就那么一点东西。 我从没有听到有人问ÿ…
网站前端和后台性能优化26
开发灵巧的事件处理程序 Develop Smart Event Handlers tag：javascript 如果有太多的事件处理逻辑部署在DOM树的不同元素上，它们的频繁执行会拖慢页面的响应速度。而使用事件委托是一个好的解决方法。如果在一个Div中有10个按钮，与其在每个按…
Vue中 router 和 route 的区别
在Vue中，router和route是与路由相关的两个概念，它们有不同的含义和作用。 Router（路由器）：router是Vue Router库中的核心概念，它是用于管理和控制应用程序中的路由的对象。router实例负责定义应用程序的路由…
Vue Cli 脚手架安装
Vue Cli 脚手架安装
首先，改一下仓库地址，使用下面的命令cnpm淘宝镜像加速
npm install cnpm -g --registryhttps://registry.npm.taobao.org下载安装 vue 脚手架
npm install -g vue/cli查看 vue cli 脚手架是否安装成功，如果输入命令出现…
vue后台项目菜单路由不匹配或者路径错误，添加默认404页面的方法
在项目中的 router路由配置文件夹中
index.js文件配置: children: [// 配置 无路由404页{path: "/:pathMatch(.*)*",redirect: "/",},{path: "/:catchAll(.*)",name: "NotFound",component: () > import("/components/notFou…
vue3+ts项目01-项目创建
vite
官方文档
创建项目
yarn create vite启动项目 pinia vue-router等添加后续再写，欢迎持续关注~~
介绍一下tokens
“Tokens” 是一个计算机科学和自然语言处理领域常用的术语，通常用于表示文本中的最小单位。在这个上下文中，我将解释一下 “tokens” 的含义以及它们在不同领域中的用途： 自然语言处理 (NLP): 在自然语言处理中，“token” 是指文…
Vue前端的一些表格组件的思考
当我们需要在前端中展示一些表格内容时，我们往往使用Vue的table来实现
1. 原生态实现
<template><div><table class"no-gap-table"><thead><tr><th class"styled-header" colspan"4">Column1&…
Vue3使用Echarts导致tooltip失效
版本 vue3.2.47 echarts5.4.1 使用响应式对象存储 echarts 实例，导致 tooltip 功能失效；
原因：Vue3 使用 proxy 对象代理，而 echarts 则使用了大量的全等（）, 对比失败从而导致了bug。
解决方法࿱…
微信开发之一键创建标签的技术实现
简要描述：
添加标签
请求URL：
http://域名地址/addContactLabel
请求方式：
POST
请求头Headers：
Content-Type：application/jsonAuthorization：login接口返回
参数：
参数名必选类型说明…
【会员管理系统】篇二之项目搭建、初始化、安装第三方库
一、项目搭建
1.全局安装vue-cli
npm install -g vue/cli查看版本信息
vue -V
2.创建项目
vue create 项目名称 回车 回车
剩余选择如下 之后等待项目创建
最后npm run serve 二、初始化配置
1.更改标题
打开public下的index，将title标签里的改成想要设置的…
【css】z-index与层叠上下文
z-index属性用来设置元素的堆叠顺序，使用z-index有一个大的前提：z-index所作用元素的样式列表中必须有position属性并且属性值为absolute、relative或fixed中的一个，否则z-index无效。
层叠上下文
MDN讲解 我们给元素设置的z-index都是有一…
Vue.js和TypeScript：如何完美结合
🌷🍁 博主猫头虎（🐅🐾）带您 Go to New World✨🍁 🦄 博客首页——🐅🐾猫头虎的博客🎐 🐳 《面试题大全专栏》 🦕 文章图文…
springboot 配置文件加载顺序
SpringBoot中配置文件的加载顺序是怎样的? 优先级从高到低，高优先级的配置覆盖低优先级的配置，所有配置会形成互补配置。
1.命令行参数。所有的配置都可以在命令行上进行指定;
2.Java系统属性(System.getProperties0) ;
3.操作系统环境变量
4.jar包外…
关于NGINX路由方式部署多个前端服务实践
server {listen 80;listen 443 ssl;server_name www.baidu.top; #域名ssl_certificate /etc/nginx/conf/8673725_www.baidu.top.pem;ssl_certificate_key /etc/nginx/conf/8673725_www.baidu.top.key;ssl_session_cache shared:SSL:1m;ssl_session_timeout 5m…
恒合仓库 - 仓库管理系统搭建
仓库管理系统搭建 文章目录 仓库管理系统搭建一、项目介绍1.1 项目描述1.2 技术选型1.3 模块划分 二、搭建前端环境三、搭建后端环境3.1 创建springboot项目 - 划分包层次3.2 导入依赖3.3 启动类配置3.4.配置文件配置 一、项目介绍
1.1 项目描述
项目搭球为满足日益扩大的仓库…
二、iMove-cli 本地开发模式
引言：iMove cli肩负着落库逻辑代码的重要责任，本文主要介绍本地开发模式下cli的工作。 书接上文，iMove主要由3个包组成：cli、compile-code、core，此外还有一个插件库plugin-store，这个后续文章再出…
【Vue】VUE常用的几种import引入方式
VUE常用的几种import引入方式
1、什么是组件
都说Vue是组件化开发，确实有道理，别说按钮输入框这种组件了，就连每个页面，从本质来看也是一个个组件，所以目标很明确，拿来就能用，有一定使用规范和…
前端第二课，HTML,alt,title,width/heigh，border,＜a＞超链接,target,tr,td,th
目录 一、title: 💛
二、alt💙
三、width/heigh💜
四、border ❤️
五、超链接💚
六、target 💗
七、tr💕
八、td💘
九、th💞
十、rowspan 一、title: 💛 快…
css的gap设置元素之间的间隔
在felx布局中可以使用gap来设置元素之间的间隔；
.box{width: 800px;height: auto;border: 1px solid green;display: flex;flex-wrap: wrap;gap: 100px;
} .inner{width: 200px;height: 200px;background-color: skyblue;
}
<div class"box"><…
No168.精选前端面试题，享受每天的挑战和学习
🤍 前端开发工程师（主业）、技术博主（副业）、已过CET6 🍨 阿珊和她的猫_CSDN个人主页 🕠 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》 🍚 蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入…
vue3如何写全局样式
1.新建全局样式文件kanno.scss
在src/assets/style文件夹中新建kanno.scss
.is-required {.el-input__wrapper {box-sizing: border-box;background: rgba(255, 196, 59, 0.1);}.el-input__wrapper:hover {// border: 1px solid #3592FF;}
}.kanno{width: 200px;height: 200p…
vueday01——使用属性绑定+ref属性定位获取id
1.属性绑定（Attribute 绑定）
第一种写法
<div v-bind:id"refValue"> content </div>
第二种写法（省略掉v-bind）
<div :id"refValue"> content </div>
2.代码展示
<template…
luffy项目首页搭建、django项目依赖
首页搭建
Header组件
<template><div class"header"><div class"slogan"><p>老男孩IT教育 | 帮助有志向的年轻人通过努力学习获得体面的工作和生活</p></div><div class"nav"><ul class"le…
本地存储之sessionStorage和localStorage的用法
本地存储的特性：数据存储在用户浏览器中 设置、读取方便 刷新不丢失等。 window.sessionStorage
生命周期：关闭浏览器窗口同一窗口下数据可共享以键值对的形式存储使用存储数据：
sessionStorage.setItem(key, value) 获取数据：…
js获取referrer中的参数
var _typeForm null;
$(document).ready(function () {var curUrl document.location.href;//当前urlif (/MSIE (\d\.\d);/.test(navigator.userAgent) || /MSIE(\d\.\d);/.test(navigator.userAgent)) {//IE情况下var referLink document.createElement(a);referLink.href …
小程序开发手记-列表页开发
小程序开发手记-列表页开发 QQ 1285575001 Wechat M010527 技术交流 QQ群599020441 纪年科技aming #1 列表分析 view 分割
JSON日期时间的处理
什么是 JSON ？ JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）JSON 是轻量级的文本数据交换格式JSON 独立于语言 *JSON 具有自我描述性，更易理解* JSON 使用 JavaScript 语法来描述数据对象，但是 JSO…
VUE面试题汇总（六）
往期点这里：↓ VUE面试题汇总（一） VUE面试题汇总（二） VUE面试题汇总（三） VUE面试题汇总（四） VUE面试题汇总（五） 51. 如何编译 template 模板&…
Vue组件基本概念、基本语法、使用方式、组件属性介绍与案例
组件的概念
组件封装的是完整的页面功能（包括了html、css、js）
组件是自定义标签，vue提供方法让程序员自定义标签，对页面进行模块化
Vue的组件就是一个Vue对象，组件的配置项没有el属性 组件的使用
定义组件 let 组…
vue2.x自定义v-loading指令
（vue3.x自定义v-loading思路类似）
directive.js
import Loading from ./loading;
import Vue from vue;
const loadingDirective {inserted(el, binding){const loading Vue.extend(Loading);el.instance new loading({el: document.createElement(…
2018前端开发五大趋势
1. Vue.js 就在两年前，很难想象Vue.js能够忍受迅猛发展的React系统的竞争。经过深思熟虑且久经时间考验的Angular是一回事，但是Vue ......我们没想到这个 开发 环境成为前端技术工具列表中的佼佼者。 对于那些不熟悉Vue的读者，让我们简要介绍…
京东三级列表页持续架构优化—前端优化实践
在持续开发一个核心系统过程中，除了满足业务需求外，还应该考虑系统未来的架构，追求极致的系统的可用性、高性能和稳定性。这个过程是一个长期积累和重构的过程。 每个应用都要满足自己特定的需求，因为商业条件、应用场景、用户期望…
最近很火的图片遮罩层展示页面的实现【前端开发技能必备系列】
以新建的遮罩层显示大图片越来越受到主流网站的认可和重视，现在QQ空间和人人网两大社区都采用了此种方法来展示照片。这种展示照片的方式确实很实用：不用重新打开窗口；点击空白区域自动关闭；背景半透明，突出主题。 我也…
Edge---微软浏览器-兼容性问题-解决办法（详细）
图片现象： 快捷键：winR （进入管理员命令窗口） 输入：regedit （进入注册表编辑器） 点击文件夹：HKEY_LOCAL_MACHINE 找到这个路径的文件项：HKEY_LOCAL_MACHINE\SOFTWARE…
【CSS】全局滚动条样式设置
直接在 App.vue 全局文件下设置滚动条样式：
::-webkit-scrollbar {width: 5px;position: absolute;
}
::-webkit-scrollbar-thumb {background: #1890ff;
}
::-webkit-scrollbar-track {background: #ddd;
}
第三章 内存管理 十三、页面置换算法（最佳置换算法、先进先出置换算法、最近最久未使用置换算法、时钟置换算法、改进型的时钟置换算法）
目录
一、定义
二、分类
1、最佳置换算法 / 最远置换算法（OPT，Optimal):
1.1、定义：
1.2、例子：
2、先进先出置换算法(FIFO）:
2.1、定义：
2.2、实现方法：
2.3、例子：
3、最…
学习前端的学习路线：
学习前端的学习路线1、HTMLCSS的静态布局，我好想没有见过几个人学不会这个，很简单，主要差别在于同一个页面，每个人用的时间不同而已，熟练就好。2. JavaScript的学习，不用说想必大家应该清楚JavaScript的重要…
【Edabit 算法 ★☆☆☆☆☆】 Less Than 100?
【Edabit 算法 ★☆☆☆☆☆】 Less Than 100?
language_fundamentals math validation
Instructions Given two numbers, return true if the sum of both numbers is less than 100. Otherwise return false. Examples
lessThan100(22, 15) // true
// 22 15 37lessTha…
【Edabit 算法 ★☆☆☆☆☆】 Return Something to Me!
【Edabit 算法 ★☆☆☆☆☆】 Return Something to Me!
strings language_fundamentals
Instructions Write a function that returns the string "something" joined with a space " " and the given argument a. Examples
giveMeSomething(“is bett…
标准盒子模型,与怪异盒子模型详解
目录
简介：
1. 标准盒子模型
2. 怪异盒子模型
3. 标准盒子模型与怪异盒子模型的差异
4. 如何设置盒子模型
5. 怪异盒子模型在实际开发中的应用
6. 总结 简介：
盒子模型是前端开发中的一个基本概念，它定义了Web页面上的每个元素&#…
匿名函数中undefined形参疑问
为什么80%的码农都做不了架构师？>>> 唉，基本功不扎实，昨天在微博上问了个问题，就匿名函数中undefined形参，不知道是干什么用的。 经常看到这样的匿名函数代码： ;(function ( $, window, docu…
基于nodejs+vue 中小学课程辅导系统
目 录 摘 要 I ABSTRACT II 目 录 II 第1章 绪论 1 1.1背景及意义 1 1.2 国内外研究概况 1 1.3 研究的内容 1 第2章 相关技术 3 2.1 nodejs简介 4 2.2 express框架介绍 6 2.4 MySQL数据库 4 第3章 系统分析 5 3.1 需求分析 5 3.2 系统可行性分析 5 3.2.1技术可行性：…
vue3在浏览器段展示海康监控视频
一、需求
需要在浏览器点击查看海康的监控视频
二、最后成果展示 插件下载地址：https://download.csdn.net/download/xm_w_xm/87995593
三、思路和方法
3.1 首先安装插件，可以在上面的地址中下载安装，建立一个dom
<div id"playW…
彻底解决安装babel后不能查看版本号问题
使用npm install --global babel-cli安装babel-cli 后查看版本号报错
PS D:\Project\VS\babledemo> babel --version
babel : 无法加载文件 D:\Environment\nodejs\node_global\babel.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/…
vue重修之路由【上】
文章目录 单页应用程序: SPA - Single Page Application路由简介Vue Reouter简介VueRouter的使用（52）组件的存放目录问题组件分类存放目录 路由的封装抽离 单页应用程序: SPA - Single Page Application 单页面应用(SPA): 所有功能在 一个html页面 上 单…
Element Plus el-form表单自定义插槽如何使用
//正常无插槽表单<el-form :model"form" label-width"120px"><el-form-item label"Activity name"><el-input v-model"form.name" /></el-form-item></el-form>//带插槽表单//适用二次封装的form组件&l…
DOM4J解析.XML文件
<?xml version"1.0" encoding"utf-8" ?>
<books><book id"SN123123413241"><name>java编程思想</name><author>华仔</author><price>9.9</price></book><book id"SN1234…
【vue3】组件间通讯
1.上级传给下级
父级组件：
<ReqTab ref"crontabRef" hide"openCronfalse" fill"crontabFill" :expression"expression" :method"method" ></ReqTab>
函数中赋值： 子组件： …
Django中Form的Textarea字段
开始以为是这个样子： [python] view plaincopy class BlogForm(forms.Form): title forms.CharField(required True) content forms.Textarea() 查看文档发现是： [python] view plaincopy from django import forms class BlogForm…
为什么需要 Virtual Dom？
众所周知，操作 DOM 是很耗费性能的一件事情，既然如此，我们可以考虑通过 JS 对象来模拟 DOM 对象，毕竟操作 JS 对象比操作 DOM 省时的多。
举个例子
// 假设这里模拟一个 ul，其中包含了 5 个 li
;[1, 2, 3, 4, 5][// …
PlotlyJs主要配置
以下是Plotly.js中常用的必要属性及其说明： data：图表的数据，通常是一个数组，包括x轴和y轴的坐标值、图表类型等。不同类型的图表需要不同的数据格式。例如，柱状图的数据格式为一个包含x和y轴数据的对象数组࿰…
canvas常用的几种重叠绘图设置globalCompositeOperation
globalCompositeOperation描述了2个图形交叉的时候是什么样子，它的值有很多，这里就盗一张很经典的图：
我们来看一个source-in的例子吧：
<!DOCTYPE html>
<html lang"en"><head><meta charset&q…
html+css实现一个响应式管理平台架构模板
文本将会带你使用htmlcss实现一个响应式的管理平台架构模板，目前来说市面上的管理平台架构模板大同小异，文本的知识点都会符合场景所需。 目录
1、管理平台的架构内容
2、顶部的布局
3、下半部分布局
4、左侧菜单区域实现
5、右侧主体区域实现
…
js判断 数组中是否存在形同元素
上例子
flag true; //假设不重复；
let arr [{ settingName: 渠道客户订单, settingCode: A1 },{ settingName: 户订单, settingCode: A1 },];for(let i 0;i < arr.length-1;i){ //循环开始元素 for(let j i 1;j < arr.length;j){ //循环后续所有元素 …
JS初步了解闭包(含实践)
闭包的概念： 一个函数对周围状态的引用捆绑在一起，内层函数中访问到其外层函数的作用域 简单理解： 闭包内层函数 外层函数的变量 闭包的作用：封闭数据，提供操作，外部也可以访问函数内部的变量 闭包基本格式…
微信小程序之判断目标元素是否在可视区域内
1、获取可使用窗口高度
const { windowHeight } wx.getSystemInfoSync()2、添加目标元素布局位置查询请求
const query wx.createSelectorQuery()
query.select(#myElement).boundingClientRect()3、判断元素是否在可视区域内
// windowHeight top（目标元素刚…
GET http://localhost:8080/***.png net::ERR_BLOCKED_BY_CLIENT 无法加载图片
扩展程序引起的,将有问题的网站加入白名单,我的是广告拦截插件"ADGUARD"关掉就可以了
vscode插件Todo Tree配置
简介
Todo Tree是vscode中一款可以在侧边栏记录TODO注释（也可以配置其他的注释）并且可以高亮注释行的很优秀的插件，现在介绍一下它的一些配置，以下是我的vscode中的配置（CtrlShiftP然后输入setting找到setting.json&a…
Vue组件的生命周期怎么只执行一次
📒博客首页：酸狗的博客🍋 🎉欢迎关注🔎点赞👍收藏⭐️留言📝 💖热爱前端学习，期待一起交流！✨ 🙏作者水平很有限，如果发现错误&#x…
CSS图片文字排版03
实现思路
主要技术主要使用CSS属性visibility: hidden;将p标签文字隐藏起来，再通过：hover选择器来改变类card的高度，将p标签文字visibility: visible;显示出来。为了更好理解，没有将CSS和HTML分离，需要的话࿰…
Thymeleaf + Vue组件化开发
Thymeleaf 搭配 Vue 完成组件化开发前言一、vue21.引入静态文件2.声明组件二、语法搭配使用vue方法调用th数据前言
提示：thymeleaf 固然好，但是 vue 也少不了：
可能 vue 用习惯了之后大部分玩家之后使用脚手架，vuecli vite来实现…
登陆注册开发过程注意点
需求理解相关：
修改手机号和注销不一样：修改手机号是将个人信息迁移，即搬家，只是把唯一标识（家改变）；注销是把数据清除，即家没了，里面的所有东西都没了。
交互ÿ…
前端系列十二：Vue3较Vue2的变化
变化一：
is属性仅限于用在component标签上，以前Vue2时v-is可以写在标签里面, 最终写在 .component("row"，{ props:["data"], template: "<tr><td>{{this.data}}</td></tr>" …
JS-BOM----顶级对象window的操作（二）
this指向问题
this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，一般情况下this的最终指向的是那个调用它的对象。 全局作用域或者普通函数中this指向全局对象window（注意定时器里面的this指向window&…
canvas生成海报toDataUrl报错，解决方案
微信公众号H5页面，生成带参数二维码海报的思路。
一、生成带参数二维码 使用插件phpqrcode，这个功能在之前的文章中有记录。不在赘述。
二、生成canvas画布 先将海报内容通过cavans画出来。再将canvas图片利用toDataUrl转换为Base64编码。然后…
前端系列十：Vue3较Vue2变化
一： 新特性 Composition API
特点： 可以更好的逻辑复用和代码组织，初始化方式变了，在main.js里实例获取方式变成函数 :
以前Vue2是new一个构造函数 createApp(App) 变成了工厂函数，直接获取，直接挂载
以…
Nodejs八、Yarn
零、文章目录
Nodejs八、Yarn
1、介绍
Yarn是一个用于管理JavaScript包依赖关系的工具。它是由Facebook开发并开源的，旨在解决npm（Node Package Manager）的一些性能和安全性问题。Yarn提供了更快速、可靠的依赖项安装过程，并通…
【js】vue获取document.getElementById(a)为null
需求
在菜单A页面点击某个元素携带id跳转到B详情页面，B页面获取该id元素的offsetTop, 并自动滚动到该元素处
问题
跳转到B详情页面, 在mounted获取到document.getElementById(a)为null, 因为整个详情页面是从后端获取来渲染的数据, 因此此时dom元素还未渲染出来,…
v-model的修饰符
1.lazy修饰符
输入框失去光标跳动，即失焦状态，或者敲击回车时，输入框的值才动态绑定，以此减少过度频繁的绑定 <div id"app">
<!-- 1.lazy--><input type"text" v-model.lazy"message&q…
聊一聊，我对DDD的关键理解
作者：闵大为 阿里业务平台解决方案团队 当我们在学习DDD的过程中，感觉学而不得的时候，可能会问：我们还要学么？这的确引人深思。本文基于工作经验，尝试谈谈对DDD的一些理解。 一、序 《阿甘正传》中…
vue3和vue2 v-model 和sync语法糖区别
1.先直接看下 v3咋写的 1.子组件的写法和v2是一样的 2.update事件后面跟上传递的属性名 3.第二个参数是 传的值 <template><div><button click"$emit(update:num,num1)">子组件修改:{{num}}</button></div>
</template><scri…
网站虚拟主机的流量为什么会受限制？
虚拟主机流量限制是指网站所在的虚拟主机提供商对网站流量的限制，网站的流量超出限制的话将会受到一定影响，从而影响网站的正常运行。那么网站虚拟主机流量为什么会受限制?本文将详细介绍。 一、虚拟主机流量限制的主要原因 1、虚拟主机提供商设置的流量…
react路由 - react-router-dom
react路由
现代的前端应用大多都是 SPA（单页应用程序），也就是只有一个 HTML 页面的应用程序。因为它的用户体验更好、对服务器的压力更小，所以更受欢迎。为了有效的使用单个页面来管理原来多页面的功能，前端路由应运而…
黑马】后台管理183-
一、添加时间线组件时间线组件在element2.6.0的版本中才可以找到项目中用到的插件早于时间线插件发布的，所以需要用到素材中的，timeline 和timeline-item复制到\code\shop-hou\src\plugins\1,在element.js中导入timeline等组件import Timeline from ./ti…
js中，封装一个判断所有数据类型的方法getType，入参为任意变量，返回值为该参数类型的字符串形式
js中，封装一个判断所有数据类型的方法getType，入参为任意变量，返回值为该参数类型的字符串形式
1、封装方法 基本数据类型，包括：undefined/null/string/number/boolean。 typeof 对null值进行判断时，返回的…
『Javascript基础重点』10.包装类
目录1. 背景知识2. 引用类型对象的特殊之处3. 引用类型对象不能与基本数据类型直接比较4. 拓展问题：基本类型变量能不能添加方法和属性？总结欢迎关注 『Javascript基础重点』 专栏，持续更新中 欢迎关注 『Javascript基础重点』 专栏ÿ…
TypeScript 构造函数中解构参数属性
TypeScript 构造函数中解构参数属性
parameter properties 是一个挺方便的功能，对于不少 JS 的对象来说，构造函数基本是这样的用法：
class Example {constructor(param1, param2) {this.param1 param1;this.param2 param2;// ...}
}如果构…
前端面试题 —— HTML
目录 一、src 和 href 的区别
二、对 HTML 语义化的理解
三、DOCTYPE(⽂档类型) 的作⽤
四、script 标签中 defer 和 async 的区别
五、常⽤的 meta 标签有哪些？
六、HTML5 有哪些更新
八、行内元素有哪些？块级元素有哪些？ 空(void)元素…
前端实现网站悼念【灰色效果】几行代码轻松解决
博主介绍
📢点击下列内容可跳转对应的界面，查看更多精彩内容！ 🍎主页：水香木鱼 🍍专栏：CSS3 文章目录 简介：这是一篇有关【前端实现网站悼念【灰色效果】几行代码轻松搞定】的文章&…
小实例js实现飞机游戏简单入门
需求： 背景 飞机[坐标 长度 图片路径]敌机[坐标 长度 图片路径]子弹[坐标 长度 图片路径] 运动 飞机 y轴不断减小敌机 y轴不断增大子弹 y轴不断增小 需求： 当 子弹的top值在敌机范围内 子弹从子弹数组中移除 敌机从敌机数组移除 同时也要从doc节点上移…
前端系列八：Vue3项目中定义全局方法遇到的问题
步骤一：
在src文件夹下，自己定义一个文件夹，再建一个公共文件例如：api.ts,在里面定义 export default{ install: (app: any, options: any) > {
下面这段代码是在Vue3里定义公共方法的$api公共方法名
app.config.globalProp…
onmouseenter与mouseover的区别
// mouseenter 和 mouseover的区别var box1 document.getElementById(box1);var i 0;// 触发子元素的mouseover，会冒泡到父元素上// box1.onmouseover function () {// i;// console.log(i);// }// // 此事件不触发事件冒泡box1.onmouseenter function () …
js删除浏览器url参数
let url window.location.hrefif (url.indexOf(?) ! -1) {url url.replace(/(\?|#)[^"]*/, )window.history.pushState({}, 0, url)}
好用又强大的开源建站工具，配合上不同的模板与插件，可以很好地帮助你构建你心中的理想站点
作为一款强大易用的开源建站工具，配合上不同的模板与插件，可以很好地帮助你构建你心中的理想站点。它可以是你公司的官方网站，可以是你的个人博客，也可以是团队共享的知识库，甚至可以是一个论坛、一个商城。
控制台
控制台是一个 Halo 站点的后台管理系统，只有具有权限…
![Joomla! 1.5框架结构简述 [转]](https://p-blog.csdn.net/images/p_blog_csdn_net/CrazyJeff_Liu/EntryImages/20090402/JoomlaArchitecture0.png)
Joomla! 1.5框架结构简述 [转]
一个软件的框架结构是为软件系统的可重用性而设计的。这是对于某一特定类型软件中抽象类及其实例间合作集的一种表述。软件框架可以是一个面向对象的设计，虽然设计不一定必须是面向对象而实现的，但通常是面向对象的。一个软件框架可能以包含支持程序、代…
el-tree子节点半选，父节点全选，数据回显时子节点部分选中，父节点都全选中
//后台返回数据
//data.menuIds
//格式
//[1,2,3]
const selfthis
self.$nextTick(() > {const arr []data.menuIds.forEach(f > {if (!self.$refs.menuListTree.getNode(f).childNodes || !self.$refs.menuListTree.getNode(f).childNodes.length) {arr.push(f)}})self…
前端系列七：在Vue3+TS+Vite插件的初始化项目模块报错的问题
细节问题：
当我们使用Vite创建Vue3项目时，项目创建完成时，在script里有 setup lang"ts" 因为export default 是JS的导出模式，这个时候没有把script里的setup lang"ts" 去掉就 会报模块错误问题
![[JavaStript学习记录] 对象的继承](https://img-blog.csdnimg.cn/20210808191657146.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MzkxNTQ0,size_16,color_FFFFFF,t_70)
[JavaStript学习记录] 对象的继承
---- 本系列仅为个人学习总结,基于阮一峰大佬的《>>JavaScript 教程<<》---
目录
一.原型对象
prototypep属性 Constructor属性
二.instanceof 运算符
注意:instanceof只能用于对象，不适用原始类型的值
三.构造函数的继承
第一步:
第二步:
另…
前端系列六：Vue3项目中遇到的原型方法问题
Vue3项目中引入插件报错问题：
Cannot read properties of undefined (reading $api) 无法读取未定义的属性（读取“$api”）
思路：
先去查一下Vue3在原型上写法是否有改变； Vue3在原型上定型方法已经跟Vue2不同&#…
vue 样式class多选、单选，vue多选，vue单选
1.这里通过for循环列出数据，绑定需要写样式的className：原有className‘shop-checked’；选中classNameis-shop-checked
<span v-for"(itemIn,index)in data" class"shop-checked-parcel" click"onShopChecked(i…
【Vue】创建 Vue 实例与对象配置、容器与实例的关系、插值延伸和 Vue 开发工具的初步使用
创建 Vue 实例
引入 Vue 注意在 Head 中
<script type"text/javascript" src"./vue.js"></script>另一个 javascript 中创建 Vue 实例，注意在 Body 尾部
<script type"text/javascript">const x new Vue()
<…
Vue分页控件报错 “pagerCount“
报错信息：[Vue warn]: Invalid prop: custom validator check failed for prop “pagerCount”.
<template><div class"pagination"><el-paginationsmallbackground:layout"layout":total"total":current-page"…
在项目中遇到的关于form表单的问题
前言
以下内容都是基于element Plus 和 vue3
一个form-item校验两个下拉框
有时候不可避免会遇到需要一个form-item校验两个下拉框的情况，比如： 这种情况下传统的校验已经无法实现，需要通过form表单提供的自定义校验来实现。以上面的必填…
学习JavaScript基础
JavaScript基础
JavaScript简介 什么是javascript? JS是一种脚本, 动态, 弱类型语言. 基于在网页上实现复杂功能而产生的语言. 虽然JS做为开发web页面的脚本语言而出名. 但是如今已被用到了很多非浏览器环境当中, 比如NodeJS, Apache, Electron, Frida. 动态语言意味着JS不需…
「知其所以然」前端技术原理
文章目录 前言一、Ajax原理二、Jsonp原理三、Cors原理四、Axios原理五、Webpack原理前言
前端技术原理。 一、Ajax原理
【1】浏览器通过Javascript的方式，将数据通过xhr对象传递到服务器 【2】浏览器处理其他逻辑 【3】xhr向服务器接请求数据 【4】 服务器将请求结果返回给x…
加油站会员管理小程序实战开发教程13
我们上一篇讲解了会员注册的功能，本篇我们介绍一下会员开卡的功能。
会员注册之后，可以进行开卡的动作。一个会员可以有多张会员卡，在微搭中用来描述这种一对多的关系的，我们用关联关系来表达。
登录微搭的控制台，点击数据模型，点击新建数据模型 输入数据源的名称会员卡…
华为OD机试题 - 数据分类（JavaScript）| 代码+思路+重要知识点
最近更新的博客
华为OD机试题 - 字符串加密（JavaScript） 华为OD机试题 - 字母消消乐（JavaScript） 华为OD机试题 - 字母计数（JavaScript） 华为OD机试题 - 整数分解（JavaScript） 华为OD机试题 - 单词反转（JavaScript）
使用说明
参加华为od机试，一定要注意不要完全背…
我的周刊（第080期）
我的信息周刊，记录这周我看到的有价值的信息，主要针对计算机领域，内容主题极大程度被我个人喜好主导。这个项目核心目的在于记录让自己有印象的信息做一个留存以及共享。🎯 项目stable-diffusion-webui-docker[1]基于 Docker 的一…
vue中的$forceUpdate()、$set()
$forceUpdate()
迫使vue实例重新（rander）渲染虚拟dom，注意并不是重新加载组件。 结合vue的生命周期，调用 $forceupdate 后只会触发beforeupdate和updated这两个钩子函数，不会触发其他的钩子函数。它仅仅影响实例本身和…
怎么获取lazada商品详情
很多电商系统，如返利系统、ERP、OMS软件等，需要通过商品API接口获取商品详情信息，来满足业务场景需要。具体包括：商品的标题、价格、SKU、主图、评价等维度信息。 重点优化了抓取速度、及抓取稳定性，接口REST方式进行调…
记一次Nodejs减低npm版本的踩坑日记
使用了npm install -g npm6.4.1指令之后，把npm版本减低了，让后悲催的就来了。 由于npm 6.4.1 已经过时，导致运行npm时出现 npm does not support Node.js v18.14.2 版本不兼容问题 升级npm版本，npm install -g npmlatest 没用还是…
【数组】JavaScript 全栈体系（六）
JavaScript 基础
第十章 循环-for
一、for循环基本使用
实现循环的 3 要素
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><…
![[SM2/SM3 ]加解密/加解签,部分记录](https://img-blog.csdnimg.cn/80dc9a52d5e74839bf663fe9587ac05a.jpeg)
[SM2/SM3 ]加解密/加解签,部分记录
最近哥们问起SM2签名,发来一张图 一开始看不懂… 后来找到了js的库
npm install -save sm-crypto这里直接说理解吧 sm2的加签, 会调用 let sigValueHex sm2.doSignature(msg,privateKey)sm2的解签, 会调用 sm2.doSignature(msg,sigValueHex,publicKey)复杂一点的加签 解签, 就…
技术官方文档中的代码是用什么展示的？代码高亮插件总结
****内容预警****菜鸟教程***大佬绕道我们经常看到各种技术官方文档，有很多代码展示的区域，用于我们复制粘贴代码，比如vue 的官网当我们需要自己实现这么一个网站的时候，我就开始手忙脚乱，这到底是咋实现的？…
vue 预览 word
最近做的项目要求实现预览word, pdf，png等文件功能，pdf以及png都很简单，轻松百度搞定，但是word预览研究了好久，所以特此记录分享。前端实现预览word分为两种，一种是上传前预览（也就是前端使用in…
JS 根据某一属性值合并两个数组
假设我们有两个对象数组，其中第一个包含一些带有用户ID和用户名的对象。
该数组包含带有用户ID和用户地址的对象。
数组是- const arr1 [{"id":"123","name":"name 1"},{"id":"456","name&quo…
ArkTS语法（声明式UI）
页面级变量的状态管理
装饰器装饰内容说明State基本数据类型，类，数组修饰的状态数据被修改时会触发组件的build方法进行UI界面更新。Prop基本数据类型修改后的状态数据用于在父组件和子组件之间建立单向数据依赖关系。修改父组件关联数据时，…
RightCapital 第一轮面试题
现在我们就马上开始吧！
答案在文末
JavaScript 是一门单线程的静态类型语言（单选题） 正确 错误
在 JavaScript 中下面哪种类型的值是不可变的（immutable）（单选题） Object Symbol Array Date …
Vue基本指令：v-on,v-if,v-mode
目录 Vue基本指令
1、v-text指令：设置标签的文本值
2、v-html指令：设置标签的innerHTML
3、v-on指令：为元素绑定事件
4、v-on:传参
5、v-show指令：根据真假切换元素的显示状态
6、v-if指令：根据表达式的真假切换…
前端学习资源罗列（转）
学习站点资源Adobe出的，Adobe其实是html5非常忠实的拥抱者。官方社区有非常多的html5资源 http://beta.theexpressiveweb.com/can i use，非常好，谁用谁知道 http://caniuse.com/前端观察站，腾讯的前端技术，挺有含金量 …
前端系列四：Typescript中遇到多个any影响性能解决方案
第一种方案：
可以在项目创建初期去tsconfig.json里去配置："noImplicitThis": true 这样可以当表达式值为any类型的时候,生成一个错误
第二种方案：
let xj: unknow 小新 let b: string xj as string
unknown(不知道是什么类型…
【通俗易懂 系列1】JavaScript 对象 Object.keys() Object.defineProperty() 用法
目录
1. 简单一句话先解释：
1.1 Object.keys() 有什么作用？
1.2 Object.defineProperty() 有什么作用？
2. 详细介绍
2.1 Object.keys()
2.2 Object.defineProperty()
value 修改旧的属性值
value 增加新属性 设置值
writable 修改新…
ES6新特性及其用法
Es6是什么:ES6是ECMAScript 6的缩写简称，是javascript的核心语法，它是ECMAScript的第6个版本.2015 年 6 月，ECMAScript 6 正式通过，成为国际标准 1.说出至少5个ES6的新特性，并简述它们的作用。（简答题&…
nginx下载、部署VUE文件
nginx下载、部署VUE文件前言一、nginx安装及配置1.安装必需插件1.1、安装gcc1.2、pcre、pcre-devel安装1.3、zlib安装1.4、安装openssl2、nginx安装2.1、下载nginx安装包2.2、解压压缩包2.3、到解压目录下2.4、安装目录2.5、nginx的配置文件2.6、启动nginx服务2.7、查看是否启动…
前端系列三：Vite和Webpack区别及Vite特点总结
Vite启动同一项目时速度要优于Webpack
如果使用Webpack保存内容时它会再去编译，再告诉编译时间，会有编译时间的问题，随着项目越来越大 编译时间缺点会越来越明显
Vite改变内容时会告诉你热更新了速度超越秒级
同一代码量级，Web…
vue2跨域问题解决[前端方法]
vue2跨域问题解决[前端方法] 前端项目中常见的跨域报错如下： Access to XMLHttpRequest at https://xxx.com/ms/ from origin http://10.23.30.135:8080 has been blocked by CORS policy: No Access-Control-Allow-Origin header is present on the requested reso…
SpringMVC工作流程描述
向服务器发送HTTP请求，请求被前端控制器 DispatcherServlet 捕获。 DispatcherServlet 根据 <servlet-name>-servlet.xml 中的配置对请求的URL进行解析，得到请求资源标识符（URI）。 然后根据该URI，调用 HandlerM…
@RequestMapping
1.RequestMapping简单介绍
它可以将请求和处理请求的控制器方法关联起来，建立映射关系。
它可以标识类也可以标识方法。
2.RequestMapping的属性
（1）value属性
它的属性值是一个字符串数组，表示请求映射能够匹配多个请求地址…
canvas判断画笔是否铺满区域
判断画布形状是否填满和百分比 <body>
<canvas id"myCanvas" width"300" height"150" style"border:1px solid #d3d3d3;">
</canvas>
<script>
var cdocument.getElementById("myCanvas");
var ctx…
我心中的TOP1编程语言—JavaScript
作为一名研发工程师（程序员），平时工作中肯定会接触或了解很多编程语言。每个人都会有自己工作中常用的语言，也会有偏爱的一些编程语言。而我心中的最爱，毫无疑问，就是 JavaScript。
个人认为，一…
第一个springmvc程序
1.新建web应用
2.加入依赖（例如springmvc框架，servlet依赖）
3.声明springmvc核心对象DispatcherServlet
<servlet><servlet-name>springmvc</servlet-name><servlet-class>org.springframework.web.servlet.Dispa…
按需加载（code spliting）
前言：项目加载的时候，不加载全部代码，只加载对应路由需要的组件，属于前端优化范畴。原理：利用打包工具将代码拆分成chunk，然后动态创建script标签，并将src属性指向对应的chunk的路径即可。因为要…
箭头函数引申知识：arguments，伪数组转数组，super
1.arguments:
是一个函数参数的类数组对象。
比如：
function sum(a, b) {console.log(arguments); // [a, b] > [1,2];console.log(arguments[0]); // a > 1;console.log(arguments.length); // [a,b] 的长度 > 2return a b;
}
sum(1,2);
2.那么类数…
Element-ui表单校验数字失效
一、表单校验只能为数字无效 此时可以看到，输入内容是数字。但是还是检测出不符合规则。 这时需要给v-model加上修饰符 v-model.number即可
看看20万程序员怎么评论：为什么国内高校没有开设web前端的课程？
今天和大家讨论这个问题：个人觉得，现阶段高校不偏重前端教育的原因主要有下面几方面。1. Web前端本身的原因：Web前端是一个非常新的方向，也是朝阳方向，这就决定了Web前端目前不是一个稳定的方向。所以学校很难给出一套…
Vue大型项目之分模块运行/打包
最近写的小项目比较多，而且都是差不太多的，每个项目创建个工程，多少有点不好维护，所以决定把他们放在一个项目下，以vue-cli3为例，实现多系统集成下的分模块打包。分模块打包方式多种多样，可以适…
父子组件传参的三种方法
先准备子组件页面 准备父组件页面并引用子组件 父子组件传值 1.props/emit2.emit 2.emit2.parent/chifdren 3.$ref
1.props/$emit方法演示
props 父传子 emit 子传父 父组件用监听自定义事件
2.$parent/chifdren方法演示
原理通过this.$parent/chifdren获取父/子里面d…
vue项目进行前端埋点，记录页面停留时间
数据埋点在现在的项目开发中都是不较比常见的，尤其是在电商公司，数据的统计分析尤为重要，通过数据分析可以提升用户的购买体验，方便运营和产品调整销售策略等等。埋点就是网站分析的一种常用的数据采集方法。 目前主流埋点方案
代…
就用vue-cli先试着做，可以。为什么 computed这个这里这样不对？
<template><div class"hello">我是哈蜜瓜<h1>{{ msg }}</h1><div>counter: {{ counter }}</div></div>
</template><script>
export default {name: HelloWorld,props: {msg: String},data() {return {counte…
Lync Server外部访问系列PART3：准备反向代理
前面的两个PART我们完成了边缘服务器的搭建，虽然只有两篇文章但大家应该还是能够看出来边缘服务器的内容不少，特别是证书那一块。如果在部署过程中，如果有什么问题的话欢迎随时与我交流，这一篇文章中我将主要和大家分享准备反向代…
常见的浏览器兼容问题
所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效…
vue+ant使用vue-amap 高德地图点击选点和搜索联动
1.npm安装
npm install vue-amap --save2.在main.js文件中进行全局引用
//vue-amap地图插件
import VueAMap from "vue-amap";
Vue.use(VueAMap)
VueAMap.initAMapApiLoader({key: "--------------",//高德开放平台申请的key值plugin: ["AMap.Autoc…
何崚谈阿里巴巴前端性能优化最佳实践
概要 阿里巴巴中文站架构师兼B2B网站优化领域负责人何崚在采访中分享前端优化的一些经验，针对难点问题的一些解决方案，在Web I/O优化、应用调优、前端调优与后端调优配合的团队合作等方面分享了实际经验，在应用与数据库之间构建统一数据服务层…
Localstorage、sessionStorage、cookie 的区别
看到很多小伙伴还在一直搜索这知识点，今天罗列整理一下分享给大家。 共同点：都是保存在浏览器端、且同源的 区别： 1、cookie 数据始终在同源的 http 请求中携带（即使不需要），即 cookie 在浏览器和服务 器间…
常见的数据埋点方式介绍
首先我们要先了解数据埋点，到底有什么用处？ 1、对设计师而言 根据埋点统计出页面元素的点击，页面按钮的点击转化，有助于在后续中作进一步视觉调优。 2、对产品/运营/推广而言 可作为产品/运营/推广当次产品功能/运营活动/渠道推广…
JavaScript ES6代理的实际用例
元编程是一种强大的技术，使你能够编写可以创建其他程序的程序。ES6借助代理和许多类似功能，使在JavaScript中利用元编程变得更加容易。ES6 Proxy（代理） 有助于重新定义对象的基本操作，从而为各种可能性打开了大门。
本…
10+个很酷的Vue.js组件，模板和demo示例
微信搜索【前端全栈开发者】关注这个脱发、摆摊、卖货、持续学习的程序员的公众号，第一时间阅读最新文章，会优先两天发表新文章。关注即可大礼包，送某网精品视频课程网盘资料，准能为你节省不少钱！ 众所周知，…
什么是纯函数，JavaScript函数式编程的基础概念
纯函数是所有函数式编程语言中使用的概念，这是一个非常重要的概念，因为它是函数式编程的基础，它允许你创建简单和复杂的组合模式。
纯函数背后的数学术语我就不说了，我直接说说说它们是什么以及它们的样子。 你可以确定满足以下条…
边框(border)边距(margin)和间隙(padding)属性的区别
边框属性(border)：用来设定一个元素的边线。边距属性(margin)：用来设置一个元素所占空间的边缘到相邻元素之间的距离。间隙属性(padding)：用来设置元素内容到元素边界的距离。这三个属性都属于CSS中box类型的属性。 ①margin:是外间距,paddin…
JavaScript实现点击按钮直接打印
很多网站都有此功能，当浏览到底部时都会有一个打印按钮，点击打印按钮就可以完成打印功能，功能非常不错，人性化，下面通过本文给大家介绍JavaScript实现点击按钮就打印的代码，需要的朋友参考下很多网站都有此…
Concise - 面向对象的，一致的前端开发框架
在当今世界，有许多前端开发的框架。那么，为什么还要再造一个框架呢？Concise 建立的目的是使你有很多的开箱即用的选项，让你能够方便的搭建移动友好的网站和 Web 应用程序。另外还包括一个简单的网格系统，开发人员可以使…
错误：网络请求错误:request:fail -2
错误原因：SSL证书配置错误
在配置SSL证书时，pem文件有两段密钥，需要将两段密钥全部复制粘贴。如果缺少后面一段，就会出现：网络请求错误:request:fail -2。解决方法：将两段密钥全部复制，然后重启…
前端未来的发展前景如何？
从疫情暴发到现在，各行各业都开始线上办公，而线上工作就需要有前端后端
从电脑到手机，再到可穿戴设备等一切移动终端都需要有交互式来驱动。 从VR看房、VR装修、AI机器人到手机厂商的智慧大屏都需要前端技术的支持。 如果说以前Web 应用更多…
弄了一个项目试手，输入姓名和插值实现了，想输入房号，没能实现
.vue
<template><div><p>姓名：<input v-model"nameapp"/></p><p>我的名字是：{{ nameapp }}</p><p>房号：</p><van-picker title"标题" :columns"columns…
JS判断对象是否为空的方法大全
JS判断对象是否为空的方法大全
1.将json对象转化为json字符串，再判断该字符串是否为"{}"
var data {};
var b (JSON.stringify(data) "{}");
alert(b);//true2.for in 循环判断
var obj {};var b function() {for(var key in obj) {ret…
移动web开发———第三天
一、响应式开发1、响应式布局， 就是一个网站能够兼容多个终端。 2、响应式开发的原理CSS3中的Media Query（媒介查询，and之后一定要加空格media screen and (min-width: 768px) and (max-width: 992px) {}; 通过查询screen的宽度来指定某个宽度…
如何在Shadow DOM/Web组件中覆盖CSS
Web组件（Web Components）的主要目的之一是提供封装——能够隐藏HTML标记结构和CSS样式，并与页面上的其他代码分离，这样不同的部分就不会冲突，通过这种方式，这样代码就可以保持漂亮和干净。
影子DOM&#x…
如何使用装饰器模式极大地增强fetch()
1. fetch()很好，但你想要更好的
fetch() API使你可以在Web应用程序中执行网络请求。
fetch() 的用法很直接：调用 fetch(/movies.json’) 来启动请求，请求完成后，你将获得一个Response对象，你可以从中提取数据。
这是…
使用RoughViz可视化Vue.js中的草绘图表
介绍
图表是数据的图形表示，用于使数据集更易于阅读，并且易于区分各部分。虽然大多数用户习惯于看到简洁而正式的图表，但一些用户更喜欢看到手绘或素描的图表，这就是roughViz的用武之地。
roughViz是一个基于D3.js和Rough.js的J…
如何在WebStorm中获得对数据库工具和SQL的支持
微信搜索【前端全栈开发者】关注这个脱发、摆摊、卖货、持续学习的程序员，第一时间阅读最新文章，会优先两天发表新文章。关注即可大礼包，准能为你节省不少钱！ 你可能已经知道，其他JetBrains IDE（例如PhpSto…
WebStorm 2020.3抢先体验计划现已开放
微信搜索【前端全栈开发者】关注这个脱发、摆摊、卖货、持续学习的程序员的，第一时间阅读最新文章，会优先两天发表新文章。关注即可大礼包，准能为你节省不少钱！ WebStorm团队今天开始启动WebStorm 2020.3的抢先体验计划࿰…
CSS_都有什么长度单位，每一种单位都有其特定的意义和用途
px：像素（Pixel），是指屏幕上的一个点，是最常用的单位。1px表示屏幕上的一个物理像素点。em：相对长度单位，表示相对于当前元素的字体大小。当使用em作为长度单位时，其值是相对于该元素…
如何破解来自私有云的安全挑战
导读：私有云作为一种新模式给企业的信息化发展带来了巨大的变革，是 IT 行业的发展趋势之一。它为业务部门提供统一服务，不仅包括计算资源、存储资源、网络资源，还包括安全资源，如身份认证、病毒查杀、***检测、行为审计等。在企业私有云环境下，不同业务系统的安全需求差异…
前端如何进行页面优化_如何优化前端页面
优化前端页面
1 .前期准备
1.1 首页命名为index.html / index.htm / index.php等。
1.2 需要制作404页面。
1.3 文件夹结构合理。
1.4 命名使用英文且有语义性的单词，并提供参考文档。
2 .结构
2.1 文件头部分
2.1.1 需要提供文档声明
2.1.2 设置utf-8的编…
el-tabs的:lazy=“true“延时加载问题
文章目录1 问题产生原因2 使用tab-pane自带的:lazy"true"延时加载3 使用v-if"activeName item.valueCode"解决2中的问题4 柳暗花明又一村1 问题产生原因
项目中遇到一个需求，在一个tabs下面有三个tab-pane，且每个tab-pane列表及查…
浏览器自带回退前进数据消失问题
1 问题描述
有两个页面：1，总体展示页；2，点击1中的某一个按钮，如查看详情等进入的页面。点击查看详情进入页面2，然后按浏览器回退按钮，则会返回页面1，此时再按前进按钮跳转到页面2时…
vue2进阶篇：安装路由
命令：npm i vue-router3 注意点1：2022年2月7日以后，vue-router的默认版本，为4版本。 其中vue-router4，只能用在vue3中 而vue-router3，只能用在vue2中。 如果把vue-router4强行安装到vue2中，会报…
前端文章- 收藏集 - 掘金
GitHub 上学习前端开发的资料（不定期更新） - 前端 - 掘金GitHub 上学习前端开发的资料（不定期更新）... JS 进阶篇: 这可能是关于闭包最好的一篇文章 - 前端 - 掘金原谅我把标题起的像搞个大新闻的样子~ 每次下午打完球之后&#x…
基于CMS的组件复用实践
目前前端项目大多基于Vue、React、Angular等框架来实现，这一类框架都有一个明显的特点：基于模块化以及组件化思维。所以，开发者在使用上述框架时，实际上是在写一个一个的组件，并且组件与组件之间呈嵌套的形式。当一个项…
php+ajax+js模板引擎art-template相关笔记（一）
1.封装的ajaxGet、ajaxPost、ajaxTool方法优化成只用一个参数，这个参数就是json对象，这样的好处在于不会因为传递的参数的位置有变化，导致参数使用的时候出现错误，因为你只传递了一个json对象，里面的属性位置怎么改变都…
【吃透Js】深入学习浅拷贝和深拷贝
一、JavaScript数据类型原始类型对象类型二、原始类型和对象类型的区别1.原始类型2.引用类型3.复制4.比较5.值传递三、浅拷贝概念实现方法四、深拷贝概念五、浅拷贝、深拷贝和赋值的区别浅拷贝和赋值六、小结想要真正搞明白深浅拷贝，你必须要熟练掌握赋值、对象在内…
Web前端：四大Web应用开发趋势和技术
就像其他行业一样，web应用程序开发每年都会经历巨大的变化。就像人们说的，变化是技术中唯一不变的东西。因此，我们这里有一些你可以期待的市场变化。Web应用开发趋势和技术1.市场对聊天机器人和人工智能寄予厚望已经说过很多次，也…
Vue2.0开发之——购物车案例-axios请求列表数据(45)
一 概述
项目导入axios HTTP 库axios请求数据列表将请求到的数据转存到data中 二 项目导入axios HTTP 库
2.1 axios介绍
Axios是一个基于promise 的 HTTP 库，可以用在浏览器和 node.js中
2.2 axios项目地址
https://www.npmjs.com/package/axios
2.3 axios安装…
【13种css选择器】学css选择器，这一篇就够了
举例形象让你学会，不搞官方话css所有的选择器相邻兄弟选择器后续兄弟选择器后代选择器子代选择器并集选择器(多重选择器)属性选择器伪类选择器伪元素选择器class选择器（类选择器）id选择器*选择器（通配符选择器）标签选择…
JavaScript 高级实例集合
文章目录JavaScript 高级实例集合创建一个欢迎 cookie简单的计时另一个简单的计时在一个无穷循环中的计时事件带有停止按钮的无穷循环中的计时事件使用计时事件制作的钟表创建对象的实例创建用于对象的模板JavaScript 高级实例集合 创建一个欢迎 cookie
源码
<!DOCTYPE ht…
常见的http响应头
1）Cache-Control（对应请求中的Cache-Control）
Cache-Control:private 默认为private 响应只能够作为私有的缓存，不能再用户间共享 Cache-Control:public 浏览器和缓存服务器都可以缓存页面信息。 Cache-Control:must-revalidate …
示范Node.js实现JSON Web Token（JWT）的代码教程与范例
目录 0.Node.js和JWT
1.为什么需要会话管理
2.session和cookies
3.jwt的定义
4.jwt的原理
5.jwt的认证流程
6.jwt的数据结构
7.jwt使用方式
8.在koa项目中使用
9.原理的实现
10.jwt的优缺点 0.Node.js和JWT
当涉及到Web开发和服务器端编程时，Node.js是一…
js-DOM03-事件
事件（Event） - 事件对象 - 当响应函数被调用时，浏览器每次都会将一个事件对象作为实参传递进响应函数中， 这个事件对象中封装了当前事件的相关信息，比如：鼠标的坐标，键盘的按键…
掌握TypeScript：10个最佳实践提高代码质量
TypeScript 是一种强类型的 JavaScript 超集，提供了很多优秀的工具和语言特性，可以帮助开发者提高代码质量和开发效率。在本文中，我们将介绍 10 个 TypeScript 最佳实践，帮助初级和中级的 Web 前端开发工程师更好地使用 TypeScrip…
OpenLayers 开源的Web GIS引擎
介绍：开源的Web GIS引擎，使用了JavaScript、最新的HTML5技术及CSS技术，支持dom，canvas和webgl三种渲染方式。除了支持网页端，还支持移动端。在地图数据源方面，支持各种类型的瓦片地图，既支持在线…
【Vue全家桶】细说slot
【Vue全家桶】细说slot 文章目录【Vue全家桶】细说slot前言一、认识插槽Slot1.1 插槽的基本使用二、插槽的使用2.1 默认内容2.2 剧名插槽2.3 作用域插槽前言 我们已经了解到组件能够接收任意类型的 JavaScript 值作为 props，但组件要如何接收模板内容呢？…
canvas实现图片缩放+涂鸦
这两天有人问了上面这个标题的问题，老实说，我一个后端程序员，感觉还是有一点难度的，主要是好多东西都忘记了。正好星期天了，抽时间弄一个简单的实现出来，正好也能写一篇博客了。
效果演示 分析
创建一个缓…
uniapp上实现左右关联滚动
先看效果： 代码：
<template><view class"container"><!-- 左侧fixed导航区域 --><view class"left"><viewv-for"item in leftList":key"item.id"class"left_item":class…
【SpringMVC】10—其他概念
⭐⭐⭐⭐⭐⭐ Github主页👉https://github.com/A-BigTree 笔记链接👉https://github.com/A-BigTree/Code_Learning ⭐⭐⭐⭐⭐⭐
如果可以，麻烦各位看官顺手点个star~😊
如果文章对你有所帮助，可以点赞👍…
Vue3 核心模块源码解析(下)
【Vue3 核心模块源码解析(中)】讲到了 Vue3 的部分精简源码，初始化流程、如何初始化、ref、reactive 等实现逻辑，篇幅太长影响大家阅读。所以会在 【下】中对 【中】【上】篇进行补充，重点会从源码的角度学习一下 Vue3 是如何使用 最大上升子…
day01：DOM操作
目录一、四个常用事件二、点击切换图片效果（简单版）三、事件三要素四、js的分离写法五、点击按钮获取标签内容六、根据标签名获取多个元素七、根据标签名修改元素内容一、四个常用事件
点击：
html:<button onclick"dj()">点…
Cookie 和 Session的工作机制
一、概念
1.Cookie是个啥？ 浏览器提供的持久化存储数据的机制2.Cookie从哪里来？ Cookie是从服务器返回给浏览器的，服务器代码中由程序员决定要把啥样的信息保存到客户端这边；3.Cookie到哪里去？ Cookie会在后续浏览器访…
MarkDown设置上下标
上标：$a^{2-5}$
下标：$a_{n-1}$显示：结果 上标：a2−5a^{2-5}a2−5 下标：an−1a_{n-1}an−1
如果上下标中需要多个显示，需要用{}括起来，否则就像下面一样
上标：$a^2-5$
下标&…
Vue 3.0 attribute强制行为
信息
这是一个低级的内部 API 更改，不会影响大多数开发人员。 #概览
下面是对这些变化的高层次总结： 删除枚举 attribute 的内部概念，并将这些 attribute 视为普通的非布尔 attribute重大改变：如果值为布尔值，则不再…
20230317----重返学习-js盒子模型-getBoundingClientRect-图片懒加载
day-029-twenty-nine-20230317-js盒子模型-getBoundingClientRect-图片懒加载
js盒子模型 JavaScript盒子模型的13个属性 offsetParent: 当前DOM元素中设置了定位的最近直系祖先级DOM元素 或者最近的table元素,最近的td元素,最近的th元素,最近的body元素。offsetParent不一定是…
【TS中的面向对象】
TS中的面向对象面向对象是程序中一个非常重要的思想，它被很多同学理解成了一个比较难，比较深奥的问题，其实不然。面向对象很简单，简而言之就是程序之中所有的操作都需要通过对象来完成。操作浏览器要使用window对象操作网页要使用…
JS 设计模式 - 怎么让你的代码提示一个档次
设计模式是我们在解决一些问题的时候 ，针对特定的问题给出的简介并且优化的处理方案
这篇文章说提及到的 JavaScript 设计模式将围绕着封装方法类来展开叙述
构造器模式
构造器模式本质就是我们平常在编码中常用的封装方法，重复利用构造函数
// 这是…
三层架构开发中容易犯的错误
三层开发中容易犯的错误 今天看了这边文章 感触很深 回头看看自己生成的三层架构代码 发现自己犯了架构性的大错误，我当时考虑三层架构也明白每层所需的工作 但是在用生成器生成三层后 发现如果以后要扩展方法 需要在业务逻辑层（下文简称BLLÿ…
_ViewStart.cshtml介绍
介绍 MVC中执行任何一个视图之前都要先执行Views文件夹下的 _ViewStart.cshtml 视图的内容 Controller中方法必须以return View()来返回视图才先执行_ViewStart.cshtml 如图
public ActionResult Index()
{return View(); //会先加载_ViewStart.cshtml//return PartialView…
前端页面布局中float的那些事
写页面布局的过程中，浮动是大家经常用的属性。在好多的排版布局中都是用的的浮动比如说下面这些地方都是应用到了浮动。 在我学习浮动的时候可是熬坏了脑筋，在这里我分享一下我对浮动这块知识的总结。 一、浮动的定义 使元素脱离文档流，按照指…
CSS：7个你可能不认识的单位
2019独角兽企业重金招聘Python工程师标准>>> 众所周知，当使用CSS技术的时候，很容被一些奇异问题给困住。而当我们面对新的问题时，这会让我们处于非常不利的位置。 但是，伴随着Web的发展，新的解决方案也在慢…
一次跨域的坑Faild to load response data: No resourse with given identifier found
有一个导出接口，前后端都没有动过，之前也测试过没有问题。上到测试环境后，测试环境加了证书，报错了。
先是后端小朋友和我说了这个问题： 浏览器控制台打印信息(聊天记录中那张图)：然后我问他操作了哪个页面…
Vue中app实例对象的几种写法
1.传统方法（练习 小DEMO中用的这种） <script type"text/ecmascript">var appnew Vue({el:"#app",data:{message:"hello world"}})</script> 2.带有返回值的方法（实际项目中大多用的这种࿰…
【JS第35期】BOM-location对象
location对象即是window对象的属性，也是document对象的属性。 location属性 属性描述hash返回url的hash, 如果没有则返回空字符串host返回服务器名称和端口号hostname返回不带端口号的服务器名称href返回当前加载页面的完整urlpathname返回url中的目录或文件名port返…
node.js应用脚手架：koa2、sequelize、mysql
自制了一个 nodejs 应用的脚手架。 基于 koa2 的，所以需要保证 node 环境至少为 7.6.0 吸取了以前的踩坑教训，添加了守护进程，确保应用不会因为异常导致网站直接挂掉（使用了 forever） model 层使用了 sequelize …
前端Vue自定义勾选协议组件 可用于登录 注册等场景
前端Vue自定义勾选协议组件， 可用于登录 注册等场景， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id13299
效果图如下： # cc-protocolBox
#### 使用方法
使用方法
<!-- agree：是…
新浪爱问免积分下载---
2019独角兽企业重金招聘Python工程师标准>>> 打开chrome 进入一个下载页面 鼠标移动到立即下载 图片 可以看到 下载接口是 downishare(xxx) xxx是所需要的积分， 因此在javascript控制台输入 downishare(0) 可以下载。 这个积分检测完全是前端进行的~~ …
echarts柱状图鼠标移入柱子突然消失了
这个是个比较坑的问题 我之前这样写的
series: [{barWidth:20,name: 部门,type: bar,data: ydata,color: rgba(69,114,167)
}]其中color: rgba(69,114,167)是不规范的 要写成color: ‘rgba(69,114,167,1)’ 简单说 就是如果你用的RGB 那就要在后面写明透明度 简单说 就是后面…
WEB前端打印使用记录
一、window.print();
1、使用记录 printTable(){//获取body页面内容const bdhtml window.document.body.innerHTML;//根据ID获取打印范围内容const jubuData document.querySelector(#printcontent).innerHTML;//将打印内容赋给window bodywindow.document.body.innerHTML …
Vue Slot (四种方式：超详细)
slot（插槽）的概念是把外层的内容塞进子元件的指定位置里。跟插槽的字面意思一样，前提是：有插口才能插。子元件需要开一个插口（slot），才可以在外层元件把内容塞进子元件里。
slot（插槽） 可分为四种： slot（插槽）Named slot（具名插槽）Scoped slot（作用域插槽）Dyn…
css总结7（定位）
目录
定位
前言：
position可选值
方位可选值
按文本流归纳
定位布局
前言：
定位布局的思量
定位transform
定位calc(express) 定位
前言： (1) 定位通过position(static、relative、fixed、absolute、stickly)选项和方位(left,rig…
多美商城实战-01-引入REST Framework
1. 引入Django REST framework
在本章中，我们要大家介绍为什么学习Django REST framework,它能帮助我们做哪些事情。 课程思路: 我们从分析现在流行的前后端分离Web应用模式说起，然后介绍如何设计REST API,通过使用Django来实 现一个REST API为例，明确后端开发REST API要做…
python web基础到实战（1）-flask(1)
目录概述依赖项可选依赖项greenlet虚拟环境创建环境激活环境安装flask概述
Flask是一个使用 Python 编写的轻量级 Web 应用框架。其 WSGI 工具箱采用 Werkzeug ，模板引擎则使用 Jinja2 。Flask使用 BSD 授权。 Flask也被称为 “microframework” ，因为它…
HTML5 ＜del＞ 标签、HTML5 ＜dd＞ 标签
HTML5 <del> 标签 实例
一段带有已删除部分和新插入部分的文本：
<p>My favorite color is <del>blue</del> <ins>red</ins>!</p> 尝试一下 浏览器支持 所有主流浏览器都支持 <del> 标签。 标签定义及使用说明
…
class05：事件处理
目录一、事件处理1. v-on绑定事件2. this获取data数据3. 事件传参4. 事件修饰符5. 按键修饰符一、事件处理
1. v-on绑定事件
v-on:事件名 “事件函数”，简写：事件名“事件函数”
事件函数 > 配置对象的methods对象里面
例1：
<div …
Vue实现动态路由，请求服务端菜单数据，封装并添加到Vue前端路由中
1、什么是动态路由？
动态路由，动态即不是写死的，是可变的。我们可以根据自己不同的需求加载不同的路由，做到不同的实现及页面的渲染。动态的路由存储可分为两种，一种是将路由存储到前端。另一种则是将路由存储到数据库…
JS事件循环机制（event loop）之宏任务/微任务
📝个人主页：爱吃炫迈 💌系列专栏：JavaScript 🧑💻座右铭：点个赞，点个关注吧！💗 文章目录一 学习事件循环之前首先我们要知道两点：二 JavaScript…
Vue.js事件修饰符及v-model双向数据绑定
目录
一、事件修饰符
（1）.stop阻止事件冒泡
（2）.prevent阻止默认事件
（3）.capture事件捕获模式
（4）.self自身触发事件
（5）.once事件只触发一次
二、v-…
css优先级和async/await
css的六大优先级
第一优先级：无条件优先的属性只需要在属性后面使用**！important**。它会覆盖页面内任何位置定义的元素样式。ie6不支持该属性。第二优先级：在html中给元素标签加style，即内联样式。该方法会造成css难以管理&…
Vue 源码解析：深入响应式原理
作者：滴滴公共前端团队 - 黄轶 本文来自《Vue.js 权威指南》源码篇的一个章节，现在分享出来给大家 Vue.js 最显著的功能就是响应式系统，它是一个典型的 MVVM 框架，模型（Model）只是普通的 JavaScript 对象&a…
从Toast到Pagination: 如何优雅地写组件
作者：孙辉，美团金融前端团队成员。15年毕业加入美团，相信技术，更相信技术只是大千世界里知识的一种，个人博客: sunyuhui.com 最近在做的新业务（PC端）里面，自己写了几个组件ÿ…
Node.js+MongoDB对于RestfulApi中用户token认证实践
2019独角兽企业重金招聘Python工程师标准>>> 技术栈 使用Node.js上的Express框架进行我们的路由设计，Mongoose来与Mongodb数据库连接交互，使用Postman对我们设计的Api进行调试，快动起手来吧！ 关于RESTful API 网上已经…
购物车Demo,前端使用AngularJS,后端使用ASP.NET Web API(2)--前端，以及前后端Session
chsakell分享了前端使用AngularJS,后端使用ASP.NET Web API的购物车案例，非常精彩，这里这里记录下对此项目的理解。 文章：http://chsakell.com/2015/01/31/angularjs-feat-web-api/http://chsakell.com/2015/03/07/angularjs-feat-web-api-en…
Java学习01 (第一遍)
java se - 桌面 java ee - 网页 Jdk :Jre 区别Jdk-开发环境必要Jre-运行环境需要Jdk包含Jre，安装完Jdk就可以了 Javac Demo1.java-Javac 编译源代码（前端编译），生成Demo1.class，java字节码文件Java Demo1-Java 运行Dem…
JS高级--作用域、作用域链、闭包、原型、原型链、new关键字的作用等纯理论 （面试向）
作用域
作用域用于定义变量所处位置、限定变量的可用范围。 作用域类别： 全局作用域：window对象。 函数作用域：function内部。 块级作用域：一对大括号 条件语句 循环语句等 。 脚本作用域：用let和const在script标签中…
【特别推荐】几款极好的 JavaScript 下拉列表插件
表单元素让人爱恨交加。作为网页最重要的组成部分，表单几乎无处不在，从简单的邮件订阅、登陆注册到复杂的需要多页填写的信息提交功能，表单都让开发者花费了大量的时间和精力去处理，以期实现好用又漂亮的表单功能。这篇文章分享几…
前端页面量矢量图尺寸工具
最熟悉的是photoshop，还有一些很实用的工具，比如： http://www.fancynode.com.cn/pxcook/home http://www.getmarkman.com/
Spring MVC 入门
1、准备开发环境和运行环境： ☆开发工具：eclipse ☆运行环境：tomcat6.0.20 ☆工程：动态web工程（springmvc-chapter2） ☆spring框架下载： spring-framework-3.1.1.RELEASE-with-docs.zip ☆依赖j…
SweetAlert 2
官网链接
SweetAlert2 官网链接
准备阶段 CDN js 如果该 链接 时间久远了 , 可以在官网去找找最新的 可以把 js 复制出来 自己新建一个文件 然后 引用到 html 中 引用:<script src"https://cdn.jsdelivr.net/npm/sweetalert28"></script>
1. 带有 确…
js怎么监听一类标签的点击事件
如： <a datatype"a1"></a> 获取方式： $(document).on("click", "a[datatypea1]", function(event){}); 转载于:https://www.cnblogs.com/jiao-/p/11251634.html
你知道吗？Web的26项基本概念和技术
这是我在网上看到一篇不错的文章，拿出来与大家分享一下；希望有所帮助 作者: 小鱼 来源: 前端里 发布时间: 2014-08-01 22:56 阅读: 10477 次 推荐: 51 原文链接 [收藏] Web开发是比较费神的，需要掌握很多很多的东西，特别…
React学习日记：React Router路由
前言
前些天在使用路由时，因为一时疏忽，将Route组件打成Router，报了错：The prop history is marked as required in Router, but its value is undefined. in Router。当时以为是版本的问题，找了半天解决方案也无济于…
【技巧篇】解决悬浮的header、footer遮挡内容的处理技巧
引言 在现在的前端页面中，尤其是移动端，经常会需要将<header>或者是<footer>模块悬浮出来，跟随页面的滑动保持定位在页面的最上方或者是最下方，如下图所示。 “回复主题”模块，就是跟随页面的浮动一直悬…
七、动画 - 缩放scale
目录：
详解练习 一、详解 通过一个例子来详细了解它的属性。 需求：有一个div 盒子元素，当鼠标移动到这个方框盒子上的时候，他开始放大。 实现： <style>.box{width: 100px;height: 100px;margin: 100px auto;b…
ES6语法总结--下篇（进阶篇 ES6~ES11）
迭代器（for...of遍历） 为不同的数据结构提供统一的访问接口
对象的Prototype属性中存在Symbol(Symbol.iterator)属性 则就可以使用for…of遍历（of前面的变量存储的是键值） for…of适用于：Array Arguments Set Map Str…
异步解决方案----Promise与Await
前言 异步编程模式在前端开发过程中，显得越来越重要。从最开始的XHR到封装后的Ajax都在试图解决异步编程过程中的问题。随着ES6新标准的到来，处理异步数据流又有了新的方案。我们都知道，在传统的ajax请求中，当异步请求之间的数据存…
Vue使用OAuth2简化模式登录
1. OAuth2简化模式概述 OAuth2是一个基于令牌的安全框架，主要使用在第三方认证登录场景，关于OAuth2的相关知识可以参考——理解OAuth 2.0，这里暂不详细介绍。 这里简单介绍一下简化模式，简化模式，可以通过客户端名…
08-Vue创建脚手架
安装之前
出现下载缓慢一定要配置npm淘宝镜像：npm config set registry https://registry.npm.taobao.org
1.全局安装vue/cli;使用命令：npm install -g vue/cli 2.到自己创建好的目录下创建项目;使用命令：vue create xxxx 3.启动;使用命令&…
前端 使用 crypto-js 对数据进行对称加密
From: https://www.cnblogs.com/CyLee/p/7216988.html 传送门： # crypto-js github
https://github.com/brix/crypto-js demo1: // 加载核心加密库
var CryptoJS require("crypto-js");
// 加载des算法
var tripledes require("crypto-js/tripled…
Vue3入门级别笔记-适用于入门
前言：Vue3快速上手 1.Vue3简介
2020年9月18日，发布Vue.js3.0版本，代号：One Plece（海贼王）
2.Vue3带来了什么
性能升级
打包大小减少41%，初次渲染快55%，更新渲染快133%内存减少45…
项目开发过程中实际遇到的几个问题处理
1、今天开发环境运行的时候出现下面问题
The project cannot be built until build path errors are resolved.
出现报错情况，之前也没有遇到过。
根据字面意思“在解决生成路径的错误之前，无法生成项目”，也就是说项目的路径位置配置错误…
连接 AI，NebulaGraph Python ORM 项目 Carina 简化 Web 开发
作者：Steam & Hao 本文整理自社区第 7 期会议中 13‘21″ 到 44’11″ 的 Python ORM 的分享，视频见 https://www.bilibili.com/video/BV1s8411N7Cw 在做业务开发时，NebulaGraph Python ORM 项目作者：Sword Elucidator&#x…
面试官：讲讲vue中的指令、参数、修饰符
指令（Directive）
在 Vue 中，指令（Directive）是一种特殊的 HTML 属性，它们的值被绑定到 Vue 实例的数据上，并且在数据发生改变时，它们会自动更新视图。指令以 v- 开头，后…
编写TypeScript并运行TypeScript程序（弄不出来）
在线编写并运行TypeScript
www.typescr
在代码编写完成之后，点击“Run”按钮即可运行生成的JavaScript代码。 TypeScript配置项：
“Config”（设置）标签页提供了用于配置TypeScript编译器的可视化工具。
Target：用于…
【前端老赵的CSS简明教程】10-1 CSS预处理器和使用方法
大家好，欢迎来到本期前端课程。我是前端老赵，今天的课程将讲解CSS预处理器的概念和使用方法，希望能够帮助大家更好地进行前端开发。 CSS预处理器是什么？
CSS预处理器是一种将类似CSS的语言转换为CSS的工具。它们提供了许多额外的功能，如变量、嵌套、混入、函数等等。这些…
vue3+TS的项目记录一
vue3TS的项目记录一一、defineStore() & pinia 是什么东西学习过程一：上网搜索学习过程二：看书二、组合式API1. import { defineComponent, reactive, ref } from vue2.import { useRouter } from vue-router三、InstanceType四、interface 怎么使用…
javaEE 初阶 — CSS 的 基本语法 与 引入方式
文章目录1. 基本语法规范2. 三种引入方式1. 基本语法规范 CSS 的基本语法规范是由 选择器 和 若干个声明 组成的。 选择器选中一个元素之后，这些属性都是针对于这个元素展开的。 先来看一个没有 CSS 的效果。
<body><p>这是一个段落</p>
</bo…
vue3项目使用样式穿透修改elementUI默认样式
一、样式模块化
在css单文件中，我们在style标签中写组件的样式，可以看到，一般style标签都会带上一个scoped属性，这样可以实现及时不同组件选择器一样，但是样式互不干扰。 看一个例子，我们在两个组件中都定…
vue3 ref 和 reactive 区别
前言
最近学习cloud项目，前端使用到 vue3 ts 等技术，在写需求过程中遇到响应式数据问题，经百度查找相关笔记，在此记录一下，在实战中成长吧。
问题
出现的问题：定义一个默认数组并且 for 循环展示&#…
常见经典动效实现总结（老虎机、打字机、纸牌翻转等等）
一、老虎机🎰抽奖
效果图： 实现思路：
1、将老虎机图片放置好之后，在要滚动的区域等宽的按照需要划分积分区域，设置position：absolute，如下图，再将最重要显示的区域（即…
vue实现好看的相册、图片网站
目录
一、效果图
1.项目访问地址
2.画虫官方效果图：
3.作者实现的效果图：
二、代码实现
1.项目结构截图
2.路由配置代码：
3. 头部底部主页面内容显示容器的代码
4.首页，即标签页的代码
三、项目启动说明
四、总结 一、…
30个与众不同的国外优秀网站设计案例
当你开始设计网站的时候，脑海中应该有一个丰富的配色方案和字体方案。这个网络竞争激烈的时代，如何吸引用户到你的网站是非常有挑战是一件事。从设计角度来说，精美的有创意的网站能吸引住用户并让用户记住你的网站。因此，今天这篇…
Android 悬浮窗、悬浮球开发
Android 悬浮窗、悬浮球开发 原文:Android 悬浮窗、悬浮球开发1、权限管理 直接看我另外一篇博客吧，传送门： https://my.oschina.net/u/1462828/blog/1933162 2、Base类BaseSuspend import android.content.Context;
import android.graphics.PixelForma…
spring boot(二)：web综合开发
上篇文章介绍了Spring boot初级教程：spring boot(一)：入门篇，方便大家快速入门、了解实践Spring boot特性；本篇文章接着上篇内容继续为大家介绍spring boot的其它特性（有些未必是spring boot体系桟的功能，但…
如何成为一名卓越的前端工程师
译自 Philip Walton 的博客 看过之后非常有感触，很多观点都是自己长期非常坚持和认同的，所以翻译出来分享给更多的前端同学！ 最近我收到一封读者来信让我陷入了思考，信是这么写的： Hi Philip，您是否介意我问…
vue3—elementPlus如何单独修改页面中的某个下拉框样式
可能有人还不知道elementPlus官网，附上elementPlus官网Select 选择器 | Element Plus
一个问题纠结了好久，要求一个页面中的某些下拉框样式改变，而不改变其他的下拉框样式，无论怎样修改都会有样式覆盖，导致所有的下拉…
Vue.js之render函数基础
刚才翻了一下博客，才发现，距离自己写的第一篇Vue的博客vue.js之绑定class和style(2016-10-30)已经过去一年零两天。这一年里，自己从船厂的普通技术员，成为了一个微型不靠谱创业公司的普通码农。发过一次烧，搬了两次家&…
B/S WEB项目大文件上传下载解决方案
前言：因自己负责的项目(jetty内嵌启动的SpringMvc)中需要实现文件上传，而自己对java文件上传这一块未接触过，且对 Http 协议较模糊，故这次采用渐进的方式来学习文件上传的原理与实践。该博客重在实践。 一. Http协议原理简介 HTT…
ckeditor粘贴word文档图片的控件
百度ueditor新增的将word内容导入到富文本编辑框的功能怎么没有啊,...
ueditor实现word文档的导入和下载功能的方法：1、UEditor没有提供word的导入功能，只能说是粘贴复制。
2、方案：用poi来提供word导入，思路是将word转换为html…
Echarts自定义legend图例
legend: {icon: rect, // 形状itemHeight: 4, // 高度itemWidth: 18, // 宽度itemGap: 15, //设置图例的间距......
},
效果：
html和CSS基础学习（三）
1：定义列表
标签为<dl>表示定义列表
<dl> <dt></dt> <dd></dd> </dl>
dt 标签表示内容定义 dd表示对定义内容的描述例如
<dl> <dt>XXX</dt> <dd>小美女</dd> </dl…
vue中使用eslintrc.js配置文件
1.eslintrc.js放在项目最外层 2.package.json
"scripts": {"lint": "eslint --fix --ext .js,.vue src"},
（3）前端项目AngularJS的第三部分总结
为什么80%的码农都做不了架构师？>>> 现在出现了一个问题，我先摆出来：一个Price对象的getPriceUnderway方法，只会返回一个对象或者null，在测试函数内部的数据，没问题；但是在另一个Co…
Shiro框架-史上详解
Shiro
1.权限管理概述
2.Shiro权限框架 2.1 概念 2.2 Apache Shiro 与Spring Security区别
3.Shiro认证 3.1 基于ini认证 3.2 自定义Realm --认证
4.Shiro授权 4.1 基于ini授权 4.2 自定义realm – 授权
5.项目集成shiro 认证-授权注意点 5.1 认证 5.2 授权 5.3 注解Requi…
ScrollUp – 超轻量的可定制的回到顶部 jQuery 插件
ScrollUp 是一款轻量的 jQuery 插件，用于实现定制的滚动到顶部（Scroll To Top）功能。ScrollUp 可以通过 CSS 完全定制，这使得它能够非常简单到集成到你的项目中。官方提供了 Tap、Pill、Llink、Image 五种风格，可以根…
js封装时间，星期，年月日
js封装时间，星期，年月日每一次项目都会有时间，或者年月日的展示，每次都是去翻之前写过的项目再拿过来用。终于，自己把自己的懒怕了，准备把封装过的工具，空闲的时候，都记录下来&#…
如何测试本地是否能够正常访问云服务器的 Web 端口
在windows环境下打开DOS命令行 使用telnet命令。例如 telnet www.baidu.com 80 插播一条小知识：DOS下清屏的命令是cls。 首先很不幸，出现了【telnet 不是内部或外部命令,也不是可运行的程序 或批处理文件。】这个错误。 这是因为Win7默认没有安装telnet功…
vue中当图片地址无效的时候,显示默认图片的方法
vue中当图片地址无效的时候,显示默认图片的方法
代码
<template slot-scope"scope"><img style"width:100px;height:80px;border:none;" :src"scope.row.questionUrl" error"imgError(scope.row)" >
</template>…
js更改字符串的颜色
js更改字符串的颜色
代码：
<template><div class"dm"><!-- 无缝滚动效果 --><div class"marquee-wrap"><ul class"marquee-list" :class"{animate-up: animateUp}"><li v-for"(it…
MySQL 视图（详解）
文章目录
一，视图概念 使用视图的原因 二，创建视图 （1）基本语法（2）创建基于单表的视图 【实例 1】【实例 2】 （3）创建基于多表的视图 【实例 3】 （4）查询视图…
文章p标签css首行缩进text-indent后，图片img怎么设置不缩进解决办法
文章p标签css首行缩进text-indent后，图片img怎么设置不缩进解决办法 段落前面空两个字的距离，不要再使用空格了。应该使用首行缩进text-indent。 text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。 p{text-indent: 2em; /…
javaEE进阶 - Spring 更简单的读取和存储对象 - 细节狂魔
文章目录
前言1、存储 Bean 对象 1.1、前置工作：配置扫描路径（重要）1.2、简单的将 bean 存储到容器 1、使用 5 大类注解实现将 bean 存储到 容器 Controller 注解 思考一个问题 ServiceRepositoryConfigurationComponent问题一：为…
【状态机】谈谈自我经验和应用场景
前言 状态机在计算机领域中出现比较多，最近在做DM对话管理的时候，就有有限状态图的概念，又呼应了之前在钛动学到的一些状态机概念，当时状态机在整个公司纵横，但我不知道能灵活运用的人有多少。 FMS 有限状态机 先谈&am…
前端之：传统的DOM是如何渲染的?
a.纯后端渲染:页面发送请求，后端服务器中将数据拼成完整DOM树，并转换成一个字节流作为HTTP Response的body返回给浏览器。优点在于 返回的HTTP Response是包含着全部页面内容，可以让用户更加快捷的看到页面的主体部分。也方便了网站的seo&…
2021阿里技术官重磅推出“Java进阶必备宝典” 5大专题 6000字解析
前言
作为一名Java方向的程序员，打好夯实的基础是非常重要的，现在大厂面试对于程序员基础知识的掌握考察也越来越严格，虽然说现在技术更新比较快，但基础扎实才能够更深入的去理解每一个知识技术点。
关于Java程序员如何筑基&…
后端给你1W条数据,怎么保证前端在渲染的时候页面不会卡
document.createDocumentFragment() 用来创建一个虚拟的节点对象，节点对象不属于文档树。 当需要添加多个DOM元素时，可以先把DOM添加到这个虚拟节点中。然后再统一将虚拟节点添加到页面，这会减少页面渲染DOM的次数。
window.requestAnimatio…
HTML5程序员需要掌握哪些技能
现在参加HTML5培训的人很多，但是能学到什么东西还有很多的小伙伴不是很清楚，本篇文章就带读者看一下一名专业的HTML5程序员需要掌握哪些技能。 1、开发语言 HTML发展历史有二十多年，历经多次版本更新，HTML5和CSS3的出现又是一次革…
input上传图片并预览
首先说一下input 大家都知道上传文件，图片是通过input 的file进行上传的。 1. 首先是样式 大家都知道input在HTML的代码为 <input type"file">；在页面的样式是不可以更改的，如下图 但是最为一个投机取巧的前端，一…
JS中for循环的经典案例:正三角和倒三角
核心:外循环表示行数,内循环表示列数
效果: 代码: // 打印正三角形for (let i 1; i < 5; i) {//外循环表示行for (let j 1; j < i; j) {//内循环表示列document.write(🌟)}document.write(</br>)}// 打印倒三角形for (let i 1; i < 5; i) {//外循…
JSON字符串和JavaScript对象
JSON
JavaScript Object Notation 翻译叫做JavaScript对象标记 文章目录JSON1 对象和字符串2 对象和字符串转换1 对象和字符串
看花括号外边有没有引号 有：json字符串 ｛键：值｝ 无：JavaScript对象 ｛属性名…
正则表达式（2）-- 括号总结，预定义类，替换
1. 括号总结
大括号 ：量词符，里面表示重复次数中括号 ：字符集合，匹配方括号中的任意字符小括号 ：表示优先级
可以在线测试：https://c.runoob.com/ 菜鸟工具
2. 预定义类
预定义类指的是某些常见模式的简…
关于文件读取 FileReader
readAsDataURL 是一个异步的方法，需要通过监听事件的方式获取文件的读取结果 项目实战 博客 中对应的代码: var file document.querySelector(#file)var preview document.querySelector(#preview)// 当用户选择完文件以后file.onchange function() {// 1.创建文…
原生JavaScript练习题 09-返回首屏功能
效果如下： 完整代码：
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" c…
ES elasticsearch-analysis-dynamic-synonym连接数据库动态更新synonym近义词
前言 在很多搜索场景中，我们希望能够搜索出填写词的近义词的商品。例如在商品搜索中，我填写“瓠瓜”，希望能够搜索出“西葫芦”，但“西葫芦”商品名称因不含有“瓠瓜”无法搜索出来。 此时就需要将“瓠瓜”解析成“瓠瓜”…
JS 中深拷贝的几种爱恨情仇
页面开发中，经常会碰到需要对数据进行某些处理操作，又不想影响原先的数据，所会经常将数据进行拷贝，当然这里指的是深拷贝。 深拷贝和浅拷贝的区别？ 深拷贝通通俗点来讲呢，其实就是不管当前要操作的数据层级…
Vue的DOM异步更新
DOM的更新是异步的，这就意味着，并不是你修改了数据，其对应的真实的DOM就会立马完成更新。
Vue的官方文档是这样说的： 可能你还没有注意到，Vue 在更新 DOM 时是异步执行的。只要侦听到数据变化，Vue 将开启一…
Vue CLI 浏览器兼容性
Vue CLI 浏览器兼容性 browserslist
你会发现有 package.json 文件里的 browserslist 字段 (或一个单独的 .browserslistrc 文件)，指定了项目的目标浏览器的范围。这个值会被 babel/preset-env 和 Autoprefixer 用来确定需要转译的 JavaScript 特性和需要添加的 CS…
SSM整合(二) | 表现层数据封装格式及封装步骤
文章目录 表现层数据封装数据返回格式数据封装 表现层数据封装
数据返回格式
表现层数据封装是什么意思呢? 我们根据目前做的增删改查功能来看看目前返回数据的格式存在哪些问题 增删改的数据返回格式如下: true查询单条数据的返回格式如下: {"id": 1,"type&…
JavaWeb—vue（具体使用包含案例）
目录
1.Vue组件库Element
1.1Element介绍
1.2 Element组件
1.2.1 Table表格
1.2.2 Pagination分页
1.2.3 Dialog对话框
1.2.4 Form表单
1.3案例
1.3.1案例分析
1.3.2代码实现
2.Vue路由
2.1 路由介绍
2.2 路由入门 1.Vue组件库Element
1.1Element介绍 ElementUI就…
掌握 Python 接口自动化测试理论，深度解读测试框架源码
目录：导读
引言
一、什么是接口测试、为什么要做接口测试
1、什么是接口测试
2、为什么要做接口测试
二、接口测试的流程
1、接口测试的流程
2、为什么要写测试用例
3、接口测试设计要点
三、python接口自动化-requests的应用
1、requests简介
2、reques…
vue实现鼠标移入移出事件+解决鼠标事件没有反应
鼠标移入移出事件代码
<div mouseenter"onMouseOver(item)" mouseleave"onMouseOut"></div>
methods
methods:{// 鼠标移入onMouseOver(item){console.log(item, 鼠标进来了);},// 鼠标移出onMouseOut(){console.log(鼠标出去了);},
},
这…
vue23 插件使用汇总
1. 拖拽sortablejs
https://www.cnblogs.com/wq2333/p/16816660.html
解决：使用sortablejs库对el-table设置拖拽，但拖拽一直不生效。_qq_38969618的博客-CSDN博客 2. postcss-px-to-viewport-8-plugin
1.安装安装postcss-px-to-viewpor…
【前端js的事件循环原理】
前端js的事件循环原理
浏览器的进程模型
何为进程?
程序运行需要自己的专属内存空间，这个空间简单地理解为进程 每个应用至少有一个进程，进程之间相互独立，即使要通信也需要双方同意
何为线程
有了进程后，就可以运行程序的代…
005：Mapbox GL添加全屏显示功能
第005个 点击查看专栏目录 本示例的目的是介绍演示如何在vue+mapbox中添加全屏显示功能 。
直接复制下面的 vue+mapbox源代码，操作2分钟即可运行实现效果 文章目录 示例效果配置方式示例源代码（共60行）相关API参考：专栏目标示例效果 配置方式
1）查看基础设置：https://…
传统网站开发Node实战 --1. 1补充： 模板文件外链静态资源问题
看一下下图中静态资源的引用路径： 那么，这个路径是相对于谁的呢？ 模板文件中的相对路径是相对于浏览器地址栏中的请求路径 看上图，浏览器会把请求路径的最后一部分，即login，认为不是路径，而是路…
在 Express中配置使用 art-template 模板引擎 --- express-art-template
1. 模板引擎
为了使 art-template模板引擎能够更好地和Express框架配合，模板引擎在原art-template模板引擎的基础上封装了 express-art-template
安装
使用 npm install art-template express-art-template 命令进行安装
配置
// 配置使用 art-template 模板引…
pubsubjs介绍以及基本使用方法介绍
什么是PubSubJS？
PubSubJS 是一个用 JavaScript 编写的基于主题的 发布/订阅库。 PubSubJS 有同步解耦，所以主题是异步发布的。这有助于使您的程序保持可预测性，因为在消费者处理主题时，主题的发起者不会被阻止。
主要特点&…
VUE+H5跨组件元素拖拽并传递数据；拖拽结束自动计算布局；以及如何配合element的可拖拽tree使用
VUEH5跨组件元素拖拽并传递数据；拖拽结束自动计算布局；以及如何配合element的可拖拽tree使用
1.vueH5实现跨组件拖拽与数据传递思路：
（1）可拖拽组件元素的dragstart事件中，将相关数据暂存在vuexÿ…
css transition回调
css transition回调
需求
需要在一个css css transition执行完毕之后执行一个回调的方法。
解决
可以用window.addEventListener(‘transitionend’);监听到transition执行完毕。
存在的问题
当前页面中所有的transition执行完毕后都会触发该监听，使用的时候需…
ESP8266与网络服务器实时通讯
目前，所有已呈现的通信都是基于请求响应方法的，其中一个实体正在发送请求，另一实体正在发送回响应。 但是在某些情况下，您需要ESP8266模块与服务器之间的实时通信，而不仅仅是事务。
实时通讯协议
ESP8266流数据
要从…
pageadmin网站制作 如何修改和管理网站模板
在使用pageadmin CMS 的同时，遇到问题可以参考官网帮助中心。1、网站模板目录地址/templates目录， 2、点击展开后，每个目录就是一个网站模板， 前端设计师制作的新版本都可以放到这个目录下，模板的开发请参考模板制作教…
vue输入错误路由时，重定向到指定路由
↓↓↓↓↓↓↓↓↓↓
import Vue from vue;
import Router from vue-router;
Vue.use(Router);export default new Router({routes: [{ path: *, redirect: /personal },//访问意料之外的路由时重定向到/personal{path: /personal,name: personal,component: Template}]
});
VUEX的使用：储存/调用用户信息
VUEX储存登陆用户的信息，方便在需要的模块调用： 1.项目结构 在src文件夹下创建store文件夹，包含actions.js、getter.js、index.js、mutation.js 2.代码 （1）index.js
import Vue from vue;
import Vuex from vuex;
im…
uni-app--》如何制作一个APP并使用？
🏍️作者简介：大家好，我是亦世凡华、渴望知识储备自己的一名在校大学生 🛵个人主页：亦世凡华、 🛺系列专栏：uni-app 🚲座右铭：人生亦可燃烧，亦可腐败…
深入理解Vue的响应式原理
Vue的响应式
用过Vue这个框架的人应该都知道，数据驱动是Vue框架的核心，数据双向绑定是它的一大特色，根据官方的解释，我们可以比较清晰地去知道响应式的简单原理。
Vue2的响应式原理
当你把一个普通的 JavaScript 对象传入 Vue …
【JSP学习笔记】2.JSP 结构、生命周期及语法
前言
本章介绍JSP的结构、生命周期及语法。
JSP 结构
网络服务器需要一个 JSP 引擎，也就是一个容器来处理 JSP 页面。容器负责截获对 JSP 页面的请求。本教程使用内嵌 JSP 容器的 Apache 来支持 JSP 开发。
JSP 容器与 Web 服务器协同合作，为JSP的正…
vue3的props和defineProps
文章目录 1. Props 声明1.1 props用字符串数组来声明Blog.vueBlogPost.vue 1.2 props使用对象来声明Blog.vueBlogPost.vue 2. 传递 prop 的细节2.1 Prop 名字格式2.1 静态Prop & 动态 Prop静态prop动态prop示例Blog.vueBlogPost.vue 2.3 传递不同的值类型NumberBooleanArra…
HTML中的图片标签，真的如你认为的那么简单吗？
今天讨论一个很有意思的话题： HTML 中的图片真的那么简单吗？
HTML 中的图片
<img>：图像嵌入元素
MDN Web Docs 地址：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/img
在一开始时，Web 仅有文…
【laytpl使用】
laytpl 是什么
laytpl 是一款轻量的 JavaScript 模板引擎，它在字符解析上有着比较出色的表现。它是 layui 框架中的一个模块，模块加载名称为 laytpl 1。
laytpl 模板可与数据共存，这意味着可直接在模板中处理逻辑。你可以将模板存储在页面或…
从零开始，一步步学习微前端
1.介绍
1.1 为什么需要微前端 当我们开发大型的前端应用时，通常需要将应用拆分成多个子应用进行开发和维护。这时候微前端就显得尤为重要。微前端是一种架构模式，它将前端应用程序拆分成多个更小的、相对独立的部分，每个部分都可以独立开发、…
Vue3-黑马（十一）
目录：
（1）vue3-router-布局和菜单
（2）vue3-进阶-router-图标二次封装-单文件组件
（3）vue3-进阶-router-图标的二次封装-函数式组件 （1）vue3-router-布局和菜单
主页做…
ECharts 横向柱状图自动滚动
核心代码
const seriesList [120, 200, 150, 80, 70, 110, 130, 120, 200, 150, 120, 200];
const xAxisList [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
const dataZoomEndValue 6; // 数据窗口范围的结束数值(一次性展示几个)
dataZoom: [{show: false, // 是否显示滑动…
左右icon切换中间图片逻辑
大致逻辑：
初始化时判断length，当图片只有一张时，隐藏左右箭头；当图片为最后一张，隐藏右箭头；*当图片为倒数第二张，点击右箭头时，索引加1并隐藏右箭头；当图片为第一张&a…
小程序封装网络请求和拦截器
1. 前言 今天和合作伙伴对接代码的时候，打开压缩包，发现项目有很大的问题，项目里根本没有登录验证请求封装拦截器这些东西，在开发小程序时，无疑想要维护还是比较麻烦的，实际上我们通常需要封装网络请求和拦…
npm发布包教程（四）：迭代
一个npm包发布之后，我们难免会修改一些bug，或者增改一些功能，这就涉及到对npm包的迭代。本篇文章就npm迭代涉及到一些知识点进行介绍。 本次演示以《npm发布包教程（二）：发布包》中发布的包为基础。
npm包的…
mockjs基础及项目使用
Mock介绍 Mock.js 是一款模拟数据生成器，旨在帮助前端攻城师独立于后端进行开发，帮助编写单元测试。提供了以下模拟功能： 1. 根据数据模板生成模拟数据 2. 模拟 Ajax 请求，生成并返回模拟数据 3. 基于 HTML 模板生成模拟数据 以上…
Vue之new Blob() 文件流下载不同类型的文件
在 Vue 项目实际开发过程中，经常需要对各种各样的类型进行下载，因为我不是前端出生，就自己在网上学习最后使用到自己的项目当中，代码冗余等低级错误还请多多指导。我发现用 Blob 二进制进行文件下载的比较多，我就采用了…
前端工程化：express服务端开发
目录 1、express基本使用1. 安装依赖2. 创建服务3. 启动服务 2、express中间件和异常1. 中间件分3种2. 异常捕获有3种 3、https服务和静态服务1. https服务2. 静态服务 1、express基本使用
1. 安装依赖
npm i -S express
2. 创建服务
// 创建express服务分三步// 1. 创建实…
PDF.js源码使用总结
1、官网地址
pdf.js官网（http://mozilla.github.io/pdf.js/）
pdf.js源码（https://github.com/mozilla/pdf.js） 版本选择：点击Tags 2、选择对应版本zip包下载、解压 在进行npm install之前
(注意：node.js…
ts定义对象类型Record＜string, any＞；和object、Object的区别
Record
Record 是 TS 内置的一个高级类型，是通过映射类型的语法来生成索引类型的：
type Record<K extends string | number | symbol, T> { [P in K]: T;
}
比如传入 a | b 作为 key，1 作为 value，就可以生成这样索引类…
P1042 [NOIP2003 普及组] 乒乓球
题目背景
国际乒联现在主席沙拉拉自从上任以来就立志于推行一系列改革，以推动乒乓球运动在全球的普及。其中 1111 分制改革引起了很大的争议，有一部分球员因为无法适应新规则只能选择退役。华华就是其中一位，他退役之后走上了乒乓球研究工作…
基于JS简单甘特图（IT枫斗者）
基于JS简单甘特图
基于JS简单甘特图
先来看一下效果吧，这里的需求是从早上的5点为开始时间，到第二天到凌晨5点
前期准备
其实网上有很多甘特图的实现方式，但是他们都只能具象到天，不能具体到某个时间点，而且每一个…
antd form 表单组件是如何实现的
Antd Form 是一个高阶组件，它的实现方式基于 React 的 Context 和 Higher-Order Component (HOC)。
Antd Form 将 Form 表单组件与数据状态管理（双向绑定）解耦，通过高阶组件的方式将 Form 表单组件与表单数据关联起来，…
JavaScript键盘事件
目录
一、keydown：按下键盘上的任意键时触发。
二、keyup：释放键盘上的任意键时触发。
三、keypress：在按下并释放能够产生字符的键时触发（不包括功能键等）。
四、input：在文本输入框或可编辑元素的内容…
前端异常监控和容灾：保障应用程序稳定性和可用性
前端异常监控和容灾是保证网站和应用程序稳定运行的重要措施。在前端开发过程中，可能会出现各种各样的异常情况，如代码错误、网络超时、页面加载缓慢等。这些异常情况会导致用户体验变差，甚至造成网站或应用程序的崩溃。因此，为了…
236：vue+openlayers输入经纬度坐标，校验并在地图上标记点，enter提交
第236个 点击查看专栏目录 本示例的目的是介绍演示如何在vue+openlayers中输入坐标点，在地图上显示点图形。这里面校验了输入的经纬度坐标，同时使用了@keyup.enter.native来做提交处理。
直接复制下面的 vue+openlayers源代码，操作2分钟即可运行实现效果 文章目录 示例效果…
为什么要去了解javascript的底层？
为什么要去了解javascript的底层？ JavaScript底层有哪些东西？JavaScript的基本数据类型JavaScript的变量和作用域JavaScript的函数和闭包JavaScript的对象和原型JavaScript的事件和异步编程 运行机制 JavaScript底层有哪些东西？
JavaScript的…
js截取字符串 记录日常开发中的小搜索
在 JavaScript 中，可以使用 substring() 和 substr() 方法来截取字符串。
substring(startIndex [, endIndex]) 方法用于从字符串中提取子字符串。
startIndex 参数是必需的，表示要截取的子字符串的起始位置。endIndex 参数是可选的，表示要…
前端-html字符转义
遇到个问题，前台展示的时候，像"<"、">"、"&"等字符，都展示成了"<"、">"、"&"等的转义字符。
修复起来还挺简单。主要想马一下这个实现方案。
1.入库…
JavaScript中对象的定义、引用和复制
JavaScript是一种广泛使用的脚本语言，其设计理念是面向对象的范式。在JavaScript中，对象就是一系列属性的集合，每个属性包含一个名称和一个值。属性的值可以是基本数据类型、对象类型或函数类型，这些类型的值相互之间有着不同的特…
【react全家桶】生命周期
文章目录04 【生命周期】1.简介2.初始化阶段2.1 constructor2.2 componentWillMount（即将废弃）2.3 static getDerivedStateFromProps（新钩子）2.4 render2.5 componentDidMount2.6 初始化阶段总结3.更新阶段3.1 componentWillRecei…
JavaScript中的性能优化
JavaScript是一种高级编程语言，广泛应用于前端开发中，其灵活性和互动性使得其成为现代Web应用程序的必要组成部分。然而，随着网页和应用程序的复杂性不断增加，JavaScript的性能问题也变得越来越突出。因此，在Web应用程…
CSS布局基础（传统布局小结）
传统布局小结 传统布局方式标准流浮动流定位伪类元素CSS应用对象应用到自身应用到其他元素 传统布局方式
传统布局采用 标准流 浮动流 定位的方式实现布局效果，也就是通常所说的 DIV CSS 布局。
标准流
标准流中的元素在 页面默认的 维度，块级元素…
浏览器安全之CSRF跨站请求伪造
基本概念
跨站请求伪造（Cross-site request forgery）简称CSRF，尽管与跨站脚本漏洞名称相近，但它与跨站脚本漏洞不同。XSS利用站点内的信任用户，而CSRF则通过伪装来自受信任用户的请求来利用受信任的网站。
CSRF和反射…
Vue——透传 Attributes
目录 Attributes 继承
对 class 和 style 的合并
v-on 监听器继承
深层组件继承
禁用 Attributes 继承
多根节点的 Attributes 继承
在 JavaScript 中访问透传 Attributes Attributes 继承
“透传 attribute”指的是传递给一个组件，却没有被…
vue项目无法运行报错 error:0308010C:digital envelope routines::unsupported
文章目录 问题原因解决方法方法一方法二 问题
运行vue项目，报错 error:0308010C:digital envelope routines::unsupported
原因
网上查了一下，大体原因就是node版本不对，node版本太高 也有说我没有使用 Node JS 的 LTS（长期支…
Vue3(Vite) 通过 prism.js 实现代码高亮并实现Mac风格
prismjs漂亮的代码语法高亮插件 极致易用：引用 prism.css 和 prism.js，使用合适的 HTML5 标签（code.language-xxxx），搞定！天生伶俐：语言的 CSS 类是可继承的，所以你只需定义一次就能…
赶毕业设计遇到的问题|3
3.登录页面是Vue，首页是html，怎么实现与Vue数据互通呢
解决方案：在登录页面，登录成功，就把用户信息存放到LocalStorage里面，就是存放到浏览器存储，html页面这样就可以直接拿到登录用户的数据。…
前端响应超时、API-server 服务内存不足...碰见这类 DolphinScheduler 资源中心相关问题怎么办？...
作者 | 刘森 卡特加特 大数据工程师 Apache DolphinScheduler Contributor 最近，有些用户小伙伴反映在使用 Apache DolphinScheduler 资源中心时会遇到问题，社区小伙伴整理了一些常见问题，希望帮大家解决燃眉之急。 [WARN] 2023-04-25 03:02…
【Unity之c#专题篇】—核心章题单实践
👨💻个人主页：元宇宙-秩沅
👨💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅!
👨💻 本文由 秩沅 原创
👨💻 收录于专栏：uni…
5月7日 2H55min｜5月8日8H50min｜时间轴复盘｜14:00～14:30
5月8日 todo list list4 40min ✅ ｜实际上用了50+50 list6 40min ✅ ｜实际上用了30+60 阅读+听力连做 100min ✅ 口语 day01 ✅ 口语 day02 口语 day03
14.setup.attrs
学习要点： 1.attrs 本节课我们来要了解一下 Vue3.x 中的 setup()下 context 的 attrs 用法； 一．attrs 1. 在 setup()函数中，第二个参数可以解构出三个属性：attrs、slots、emit； 2. 首先，context…
前端实现消息推送、即时通信、SSE、WebSocket、http简介
信息推送
服务端主动向客户端推送消息，使客户端能够即时接收到信息。
场景
页面接收到点赞，消息提醒聊天功能弹幕功能实时更新数据功能 实现即时通讯方式 短轮询
浏览器（客户端）每隔一段时间向服务器发送http请求，…
什么是EMI？和EMS与EMC有什么区别？
什么是EMI？和EMS与EMC有什么区别？
在电气干扰领域有许多英文缩写。这里所提EMI(Electro MagneTIc Interference)直译是电磁干扰。这是合成词,我们应该分别考虑“电磁”和“干扰”。 所谓“干扰”,指设备受到干扰后性能降低以及对设备产生干扰的干扰源这…
06. 响应设置和重定向
学习要点： 1.响应设置 2.重定向 本节课我们来开始进入学习响应设置，和跳转重定向。 一．响应设置 1. 路由和控制器处理完业务都会返回一个发送到浏览器的响应：return； 2. 比如字符串会直接输出，而数组则会输…
每日算法（第二十七期）
先来回顾一下上期的问题及答案： 「有效的括号」（Valid Parentheses）。 题目描述： 给定一个只包含字符 (，)，{，}，[ 和 ] 的字符串 s，判断字符串是否有效。 有效字符串需满足…
PHP流行框架的报错页面，你见过那些？
在PHP开发过程中，使用框架能够帮助我们更快速、高效地完成项目开发。但是，即使使用了框架，我们还是难免会遇到各种报错。而当我们在开发阶段或调试过程中遇到报错时，框架提供的错误页面可以给我们带来很大的帮助。PHP常用的流行框…
html实现经典赛车小游戏
文章目录 1.设计来源1.1 主界面 2.效果和源码2.1 动态效果2.2 源代码 源码下载 作者：xcLeigh 文章地址：https://blog.csdn.net/weixin_43151418/article/details/130580123 html实现经典赛车小游戏源码 html实现经典赛车小游戏源码，1.通过键盘…
用JS实现虚拟列表（IT枫斗者）
用JS实现虚拟列表
简介 当一个列表需要渲染大量数据的时候是非常耗时的，而且在列表滚动的过程中会出现卡顿的现象。即使用上懒加载解决了列表初始化时渲染过慢的问题，但是每次拉取下一页数据的时候都会造成列表的重新渲染。随着拉取的数据越来越多&…
【html基础】单选和多选input设置标签的方式
<input type"radio/checkbox">设置标签的方式：- 简洁版：不加label标签，直接<input>yyy，其中yyy是标签，下同- 进阶版：<label><input>yyy</label>- 最终版ÿ…
CSS:文字渐变色/文字任意方向渐变色/图片纹理文字等效果
直接上代码： 纵向渐变文字： <p class"tt">嗷嗷嗷嗷嗷</p>/******************************************/<style>.tt{background-image: linear-gradient(red,green);//背景色渐变，默认从上到下-webkit-backgroun…
（带效果动图）H5在详细页点返回，返回时列表页停留在原来的位置
前言
有了vue以后，我H5都是用vue写了，然后使用vant(轻量、可靠的移动端 Vue 组件库)布局，一个网页就特别容易的完成了，然后就是要优化网页。在工作中，H5主要被用来内嵌进移动端（ios、小程序、安卓)&#x…
前端解决跨域问题的8种方案（最新最全）
原文：http://www.cnblogs.com/JChen666/p/3399951.html 1.同源策略如下： URL说明是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.jshttp://www.a.com/script/b.js同一域名下不同文件夹允许http://www.a.c…
百度前端技术学院2015JavaScript基础部分-BOM
5.1 任务描述 实现以下函数 // 判断是否为IE浏览器，返回-1或者版本号
function isIE() {// your implement
}// 设置cookie
function setCookie(cookieName, cookieValue, expiredays) {// your implement
}// 获取cookie值
function getCookie(cookieName) {// you…
校招内推-阿里巴巴前端-四面面试经历
原文链接：http://www.nowcoder.com/discuss/1889 匆匆找了某湿兄内了个推，才过两天就收到面试通知了，好吧首先是第一面。 其实也没什么可说的，一面主要问基础，二面才进入项目实习之类的探讨，三面两者都有吧…
gulp4在前端工程化中的应用
前言 博主最近准备开发一个UI组件库，遇到了一个难题，博主希望单独打包组件样式scss文件，而不是与组件一起用webpack打包。调研发现gulp可以解决这个问题，于是，研究了下gulp4在前端工程化中的应用。 1.简介 gulp是一种基…
关于ext-js 中的自定义校验
项目中遇到了前端校验，我们采用的是用vType来创建可以复用的校验器： 需求：校验IPv32 为了创建可以复用的校验器，我们使用了Vtype，定义如下： // Custom Vtype for ip address Ext.apply(Ext.form.field.VTyp…
Exchange 2013部署系列之(六)配置邮件流和客户端访问
Exchange 2013部署系列之(六) 配置邮件流和客户端访问前面篇章我们完成了 Microsoft Exchange Server 2013 的部署，我们需要继续配置为邮件流和客户端访问配置 Exchange Server 2013。 如果未执行这些附加的步骤，您无法将邮件发送到 Internet 和外部客户…
关于笔记本的CPU和显卡性能比较[转]
笔记本各型号CPU性能比较: T20X0系列T2X50系列T2X00系列低压版酷睿T5X00系列低压版酷睿2*T7X00系列T7700T7600T7500T7400T7300T2700T7200T2600T2500T5600L5600T7100T2450T5300L7500T2350T2400L2500T5500L7400T5470T2130T2250T2300L2400T5200L7300T2080T2050L7200T5250T2060L230…
Node.js使用jszip实现打包zip压缩包
一、前言 最近有这样的一个需求，需要把两个同名的.mtl文件和.obj文件打包成一个同名的.zip压缩包。刚开始文件不多的时候，只有几个，或者十几个，甚至二三十个的时候，还能勉强接受手动修改，但是随着项目的进展…
负载均衡集群解决方案 （二）Nginx
Nginx是一个免费的，开源的，高性能的服务器和反向代理服务器软件，同时它也可以为IMAP和POP3服务器代理，以其高性能，稳定性，丰富的功能，结构简单，低资源消耗的特性换来广大运维者所喜爱…
前端特效【第04期】|果汁混合效果-下
2019独角兽企业重金招聘Python工程师标准>>> 往期回顾 在上一期的【前端特效】☜里，我们已经把果汁混合的效果里面的圆形菜单做好了，如果你错过了上篇文章今天我们要讨论的是杯子里面的液体生成问题 先来回顾下咱们的果汁混合效果吧 果汁混合…
java 工作流项目源码 SSM 框架 Activiti-master springmvc 集成web在线流程设计器
即时通讯：支持好友，群组，发图片、文件，消息声音提醒，离线消息，保留聊天记录 （即时聊天功能支持手机端，详情下面有截图） 工作流模块------------------------------------…
解决前后端工程师协同工作的问题
前后端工程师工作协同工作主要环节在于数据交互与业务流程控制。 在数据交互方面遇到这种情况，前后端工程师一开始没有沟通好数据交互格式，因为后端做得快，已经写完接口，出了接口文档，而前端工程师在开发的时候使用了一…
女网友吐槽程序员眼光高, 要钱要颜, 阿里网易程序员最现实
现在程序员无疑是一个高薪岗位，在如今互联网时代，一个技术型人才在社会上真的太吃香了，现在很多知名互联网公司员工的待遇也是十分优渥，但是有一个尴尬的问题是很多程序员人是单身。 就有一位女网友发帖吐槽：感觉现在的…
把zabbix图形整合至运维平台
今天把运维平台加上图形功能，就是把zabbix的图片整合到CMDB平台；当然要是想要非常美观的显示图形的话也是不要建议这样做；参考了好几篇博客之后，自己也写篇总结文档：主要思路是：1、找到zabbix图片对应的url…
使用ajax请求，模态框调用并更改密码
前端页面 <a href"javascript:void(0);" οnclick"changPassword()"> <i class"ace-icon fa fa-cog"></i> 修改密码 </a> <script type"text/javascript"> //打开模态框 function ch…
cesium 加载shp格式的白模建筑
ceisum加载shp格式的建筑。有两种思路，目前推荐第二种。 方法一：将shp格式转换为geojson格式，然后采用cesium提供的接口加载到ceisum中。 严重缺陷：在面对大场景问题，即数据量较大时，非常容易卡死、崩溃 方…
Vue：ref和this.$refs的使用
官方文档的定义： ref 被用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的 $refs 对象进行注册。如果在普通的DOM元素上使用，引用信息就是元素; 如果用在子组件上，引用信息就是组件实例。 昨天遇到这样一个问题，产品要在…
亲历H5移动端游戏微信支付接入及那些坑（四）——参考文档
写完三篇后，我觉得微信支付的文档确实比较乱，所以在此做一个整理汇总 支付流程相关文档 一下文档已经按照接入顺序排列，请依次参考阅读 微信公众号网页授权两种access_token区别，获取用户openid方式 微信支付前端JSSDK接入 微信内…
推荐一个很好用的知识管理的软件Wiz
互联网的信息浩如烟海，繁杂，我们可以很方便的获得我们所要的信息，然后这些信息的收藏管理却出现了问题 以前我总是已页面保存的方式保存在本机上，这样就出现了2个问题 1.公司电脑和家里电脑保存内容不一致，而且我家里和…
【异常解决】浏览器无法访问此网站ERR_UNSAFE_PORT/网页可能无法连接，或者它已永久性地移动到了新网址问题解决方案
浏览器无法访问此网站ERR_UNSAFE_PORT问题解决方案 一、问题描述二、问题原因三、解决方案3.1 方案1修改服务器访问端口号（推荐）3.2 方案2修改浏览器设置3.2.1 Chrome浏览器3.2.2 Firefox浏览器3.2.3 Edge浏览器 一、问题描述
访问某一个特定的网址之后…
解决报错‘cross-env‘ is not recognized as an internal...
目录
一、问题
1.1 问题描述
二、解决
2.1 解决
2.2 其它启动报错问题 一、问题
1.1 问题描述
今天在安装Ant Design Pro的后，执行 yarn start 时意外报错
cross-env is not recognized as an internal or external comman
报错后自然项目也就无法启动&…
import()动态导入
动态导入
是JavaScript ES2019中新增的语法特性，它可以通过将代码按需导入，从而实现更加高效的加载方式。动态导入允许用户在运行时动态地加载模块，这是ES6中静态导入所无法实现的。
在实际运用当中，我们可以通过导入语法结合We…
国开电大《WEB开发基础》形考任务【答案】实验1-5：电商网站前端页面内容编写
国开电大《WEB开发基础》形考任务1 国开电大《WEB开发基础》形考任务1 国开电大《WEB开发基础》形考任务3 国开电大《WEB开发基础》形考任务4 国开电大《WEB开发基础》形考任务5 作业答案 联系QQ:1603277115
【目标】根据素材中的设计图，编写网站首页，查…
html 前端笔记常用样式和方法
目录
textarea宽高固定
Js获取文本框中鼠标选中文本
Js设置鼠标选中文本
Js追加/清空表格
自定义CheckBox 颜色
多选框选中和反选操作多次后attr()不生效
JS转Json
选择器 textarea宽高固定 style"resize: vertical" resize: vertical 宽固定none 宽高固定bo…
Js进阶25-ES6 新增1
1. let 和 const
let 和 const 是 ES6 新增的2个声明符，let 用于声明变量，const 用于声明常量。
{var a 10;let b 20;const c 30;//常量:不能被修改的量c 40; //Uncaught TypeError:Assignment to constant variable.(未捕获的类型错误:赋值给常…
axios二次封装（GET,POST,PUT,DELETE）用到 项目里面，直接复制,注意路径问题
安装 npm install axios; // 安装axios 引入 一般在项目的src目录中，新建一个utils文件夹，然后在里面新建一个http.js文件,http.js文件用来封装我们的axios, /*这里是http.js*//*** axios封装* 请求拦截、响应拦截、错误统一处理*/
import axios fro…
API 接口设计规范
概述
这篇文章分享 API 接口设计规范，目的是提供给研发人员做参考。
规范是死的，人是活的，希望自己定的规范，不要被打脸。
路由命名规范
动作前缀备注获取getget{XXX}获取getget{XXX}List新增addadd{XXX}修改updateupdate{XXX…
（Ⅱ）NexT主题的优化定制修改指南
写在前面 (1) 什么是 Hexo：官网传送门 (2) Hexo 官网：Hexo.io (3) Hexo 主题的选择： 官网：Themes | HexoGitHub：Themes hexojs知乎：有哪些好看的 Hexo 主题？本人使用的版本为： node…
前端测试：e2e测试
为什么进行测试
你是否有以下烦恼： 当你加班加点完成一个功能后，提交给测试部，立马返回几个bug 当你修改完bug后，并检查了好几遍，确保无误后，提交给测试部，有返回几个bug ……
对于以上情境…
教你实现图片的点击缩放和移动
教你实现图片的点击缩放和移动
为了方案的通用性，这回使用基本的htmljs进行操作，vue和react使用方法类似，几乎不需要进行什么语法转换操作，注意一下点击事件在自己框架里的写法即可
随便来写一个简单的页面：
<ht…
Django之路——3 Django的路由层
django不得不说是个很强大的框架，当前端给了我们一堆网页的时候，我们在考虑怎么去让这些页面与调用视图的函数配对的时候，而django则给我们提供了强大路由分发功能，让我们不在花时间浪费在这些事情上面，有更多的时间来…
MVC 下 JsonResult 的使用方法（JsonRequestBehavior.AllowGet）
MVC 默认 Request 方式为 Post。 actionpublic JsonResult GetPersonInfo(){var person new{Name "张三",Age 22,Sex "男"};return Json(person);} 或者 public JsonResult GetPersonInfo(){return Json (new{Name "张三",Age 22,Sex &qu…
vue点击盒子一步一步滚动
vue点击盒子一步一步滚动 HTML <div class"course_detail"><div class"arrow" v-if"index 0" click"step"></div><div class"lightArrow" v-else click"step"></div><div clas…
nuxt打包后文件过大的优化
在使用nuxt.js来做项目的时候，遇到了加载缓慢的问题。解决思路如下
1、大文件拆分
2、文件压缩
大文件拆分
通过nuxt build --analyze或者nuxt build -a命令来启用
在package.json中 添加–analyze，然后执行npm run build 打包后如下：
…
Anguarjs Error: $injector:modulerr Module Error Unknown provider: $routeProvider问题的处理
将angularjs1.0.7版升级到1.2.29版时，调试提示：
Error: $injector:modulerr Module Error Unknown provider: $routeProvider
是因为升级版本后，angular.js文件不再提供ng-Route模块，如果想要继续使用$routeProvider࿰…
Vuex的数据状态持久化工具vuex-persistedstate
vuex的可以进行全局的数据管理,但是一刷新就清空了,这很不友好,当然我们可以把vuex的数据状态存储在本地,但每次操作又很麻烦,所以强烈推荐大家使用插件vuex-persistedstate
安装
npm install vuex-persistedstate --save
vuex-persistedstate默认是将数据存储在localStorag…
Mobile first! Wijmo 5 + Ionic Framework之：费用跟踪 App
费用跟踪应用采用了Wijmo5和Ionic Framework创建，目的是构建一个hybird app。 我们基于《Mobile first! Wijmo 5 Ionic Framework之：Hello World！》的环境，将在本教程中完成费用跟踪App的构建。下面的代码结构是本教程完成要达到…
React 的基本使用
最近在学习 React ，慢慢记录中~~✌🏻
效果: 步骤：
一、React 脚手架的使用
1、初始化项目
npx create-react-app 项目名称
2、进入项目
cd 项目名称
3、启动项目
npm start 或 yarn start
二、在脚手架中使用React
1、在 src 下 in…
VUE 2X MVVM模型 ③
目录 文章有误请指正，如果觉得对你有用，请点三连一波，蟹蟹支持✨ V u e j s Vuejs Vuejs M V V M MVVM MVVM模型Data与El的2种写法总结 文章有误请指正，如果觉得对你有用，请点三连一波，蟹蟹支持✨ ⡖⠒⠒⠒…
基于Java+Swing实现记事本-完美版
基于JavaSwing实现记事本-完美版 一、系统介绍二、功能展示1.主页2.文件功能3.编辑功能4.格式--功能5.查看功能 三、系统实现1. Fontv.java 四、其它1.其他系统实现2.获取源码 一、系统介绍
1.主页 2.文件功能 3.编辑功能 4.格式–功能 5.查看功能
二、功能展示
1.主页 2.文…
端午佳节|展望现代科技下的传统佳节
目录
引言
一、利用代码传承端午节文化
1. 编写端午节的相关小程序或网页应用
2. 开发端午节主题的应用程序或游戏
二、科技让传统更便捷
1. 线上购物与送礼
2. 线上分享与互动
结语： 引言
加入CSDN已经是6个端午的年头了。今年端午正好是第6年，…
typeScript（类篇）
介绍
传统的JavaScript程序使用函数和基于原型的继承来创建可重用的组件，但对于熟悉使用面向对象方式的程序员来讲就有些棘手，因为他们用的是基于类的继承并且对象是由类构建出来的。 从ECMAScript 2015，也就是ECMAScript 6开始，…
29.无穷大动画特效
效果 (源码网盘地址在最后) 关注公众号《大迁世界》，查看更多视频教程！
源码
index.html
<!doctype html>
<html>
<head><meta charset="utf-8"><title>CSS Infinity Dots Animation Effects</title><link rel="st…
vue3—ref使用
导入ref对象
<script>
import {ref} from vue
</script>声明 2-1 全局使用setup
<script setup>
import {ref} from vue
const count ref(0)
</script>2-2 局部使用setup
<script>
import {ref} from vue
export default {name: App,setup()…
10个可视化 CSS 工具， 快速生成 CSS 片段
作者： Jatin Sharma 译者：前端小智 来源：dev 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。 本文 GitHub https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面试完整考点…
typeScript的枚举
目录
1. 枚举
手动赋值
常数项和计算所得项
常数枚举 外部枚举 1. 枚举
枚举（Enum）类型用于取值被限定在一定范围内的场景，比如一周只能有七天，颜色限定为红绿蓝等。
枚举使用 enum 关键字来定义：
enum Days {…
基于Metronic的Bootstrap开发框架经验总结（1）-框架总览及菜单模块的处理
最近一直很多事情，博客停下来好久没写了，整理下思路，把最近研究的基于Metronic的Bootstrap开发框架进行经验的总结出来和大家分享下，同时也记录自己对Bootstrap开发的学习研究的点点滴滴，希望在开一个《基于MVC4EasyUI…
运用webkit绘制渲染页面原理解决iscroll4闪动的问题
Posted by unbug on Sep 19, 2012 in CSS3, Mobile Web App, OPOA | 1 comment 已经有不少前端同行抱怨iScroll4的各种问题，我个人并不赞同将这些问题归咎于iScroll4,因为iScroll4进无论是touch事件的捕获，还是使用transform来处理滚动，以及将…
手把手教你为 React 添加双向数据绑定（一）
0. Something To Say 该系列文章计划中一共有三篇，在这三篇文章里我将手把手教大家使用 Babel 为 React 实现双向数据绑定。在这系列文章你将： 了解一些非常基本的编译原理中的概念了解 JS 编译的过程与原理学会如何编写 babel-plugin学会如何修改 JS AS…
Bootstrap开发之——Bootstrap安装及使用(02)
一 概述
Bootstrap下载npm安装bootstrap并使用(vue中使用)bootstrap通过本地lib导入并使用(html)bootstrap通过cdn导入并使用(html) 二 Bootstrap下载
2.1 Bootstrap下载(v3.x版本为例)
在Bootstrap中文官网，点击顶部的入门标签，在如下图页面点击下载…
基于 SpringBoot+Vue 的家政服务管理平台
1. 背景
本系统主要是设计出家政服务管理平台，基于B/S构架，后台数据库采用了Mysql，可以使数据的查询和存储变得更加有效，可以确保家政服务管理的工作能够正常、高效的进行，从而提高工作的效率。总体的研究内容如下&am…
Vue Router的详细解读之手把手教学篇（二）
八、导航守卫
1.全局前置守卫
可以使用 router.beforeEach 注册一个全局前置守卫：
//全局前置路由守卫，常用于用户登录状态判定
router.beforeEach((to,from,next)>{//to.将要前往的目标路由，可以获取参数已经进行数据处理，…
语法降级与Polyfill：消灭低版本浏览器兼容问题
提到前端编译工具链方面，可能大家最新想到的是诸如babel/preset-env、core-js、regenerator-runtime等工具。不过，我们今天要讲的是官方的 Vite 插件vitejs/plugin-legacy，以及如何将这些底层的工具链接入到 Vite 中，并实现开箱即…
vue中嵌入iframe有白边问题
方案一
1. 代码
<iframesrc"../../../../static/onDutyDisposal/index.html"class"dashboard-container"style"width: 100%; height: 100%;dispaly:block;"frameborder"0"scrolling"no"border"0"></if…
六级备考28天｜CET-6｜听力第三讲｜篇章的做题方法与练习法｜2022年6月考题9-11题｜16:15-17:15
目录
1. 笔记
2. 听力原文复现
(9)问题9
(10)问题10
(11)问题11 08:00开始播放 两/三个选项大面积同时出现了听力中一句话，一般排除这两/三个选项
1. 笔记 2. 听力原文复现
(9)问题9
-What have researchers done for the first time in history?
The re…
13-2-CSS3-渐变色、2D转换、3D转换
一、渐变色
CSS渐变色（Gradient）是指在元素背景中使用两种或多种不同的颜色进行过渡，超过两个颜色可以形成更为细腻的渐变效果。常见的CSS渐变色有线性渐变和径向渐变。
1. 线性渐变：Linear Gradients 向下/向上/向左/向右/对角…
每日三问-前端（第六期）
2023年5月20日 先回归一下昨天的问题及答案 1.问题：解释一下什么是事件委托（Event Delegation）？ 答案：事件委托是一种利用事件冒泡的机制，将事件处理程序绑定到父元素上，而不是绑定到每个子元素…
xhs-xs webmsxywx分析
近期又更新了，先是改了x-s生成，然后又加上了a1校验。
后面可能会全参校验，比如再加上gid、deviceId、profileData、x-s-common、smidV2之类。
估计以后不能写xhs了，大家且看且珍惜吧。之前相关的文章都被下架了
危！…
字符串的转换toString()和String()方法的使用和区别
null和undefined没有toString()方法,如果你不确定一个值是null还是undefined就使用String() const str123 str.toString() String(str)
web开发前景怎么样，CSS标准文档流与脱离文档流
零基础学web前端开发要怎么去学?
首先要学习的就是基础知识：html、css和JavaScript。HTML是内容，CSS是表现，JavaScript是行为。前端开发的门槛其实非常低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是…
你需要知道的解决跨域的方案
今天我们再来分享一下关于跨域的问题，虽然之前也有分享过，但是解决方案不太全，且最近在面试的过程中，跨域是一个经典问题，所以我们需要知道其中的原理。 什么是跨域
跨域是浏览器的同源策略导致的。
什么是同源策略呢…
详解NodeJs流之一
如果你对NodeJs系列感兴趣，欢迎关注微信公众号：前端神盾局或 github NodeJs系列文章 流从早先的unix初出茅庐，在过去的几十年的时间里，它被证明是一种可依赖的编程方式，它可以将一个大型的系统拆成一些很小的部分&…
禁用浏览器的兼容模式
1、只能暂时缓解 在head标签中加入 <!--告诉浏览器优先极速模式--><meta http-equiv"X-UA-Compatible" content"IEedge" /><meta name"renderer" content"webkit|ie-comp|ie-stand"> 2、实际上这样并不能解决 360的…
swagger 指定字段不显示到文档里
Swagger UI 隐藏指定接口类或方法 - 宁静致远 - CSDN博客https://blog.csdn.net/lqh4188/article/details/53538201 swagger 指定字段不显示到文档里 - 帆帆爱苹果 - CSDN博客https://blog.csdn.net/mengxiangxingdong/article/details/82713008 Swagger使用文档 - 不能说的秘密…
全栈工程师学习Linux技术的忠告
随着科技的普及，Linux作为最受欢迎的服务端操作系统，无人不知，无人不晓。当今，不论是服务器搭建，还是客户端开发，Linux系统的基础技能对全栈来说都是必备的，而了解如下几个问题可以更好的帮助你…
移动终端前端开发概述
1 移动终端开发背景 1.全球移动端设备将会超过人口总数。2.移动端上网时间超过pc端上网时间。3.平板电脑、电子阅读器、智能电视和手机等设备每天下载数以百万计的应用 。总结：面对这种挑战。让头脑与目光保持一定的前瞻性是非常重要的。要想使自己的产品在占有率及…
JavaScript第四章 表达式与操作符
第四章 表达式与操作符
本章讲述js表达式和用于构建各种表达式的操作符.表达式是一个可以被求值并产生一个值的js短语.
直接嵌入在程序中的常量是最简单的表达式,变量名也是简单的表达式,可以求值为之前赋给他的值a10.
复杂表达式由简单表达式构成.比如,数组访问表达式由一个…
XenServer 7.0性能提升之存储: 更低的I/O延迟
本文翻译自：http://xenserver.org/discuss-virtualization/virtualization-blog/entry/dundee-tapdisk3-polling.html 在XenServer 7.0版本中，我们实现了若干性能和扩展性的显著提升。本文是介绍这一系列提升的第一篇文章。 首先是关于存储I/O性能提升。…
line-height，vertical-align及图片居中对齐问题根源解析
关于图片居中对齐的问题，进入前端行业虽然有一段时间了，以为自己懂了，可是实际上还是一知半解，找了一些博客来看了一下，但是感觉讲的有点碎，看完还是一知半解。 查阅了一下《css权威指南》，结合…
[Vue] 36.Composition API: Setup函数的使用
一、setup函数
setup函数在实例被完全初始化之前执行，有两个参数(props:当前组件接收的外部组件传过来的值，context：上下文)setup最后一定要有return值，导出的内容可在模板里直接使用，但setup中不能调用实例上的方法&…
[Vue] 31.混入与自定义指令：编写自定义指令（2）
一、自定义指令绑值 实现输入框的样式距页面顶部指定像素
定义一个全局指令pos：binding变量可以接收元素传过来的值
app.directive(pos, {mounted(el, binding) {el.style.top (binding.value px)}})元素使用自定义指令：
const app Vue.createApp(…
node.js module初步理解
在开发一个复杂的应用程序的时候，我们需要把各个功能拆分、封装到不同的文件，在需要的时候引用该文件。没人会写一个几万行代码的文件，这样在可读性、复用性和维护性上都很差，几乎所有的编程语言都有自己的模块组织方式࿰…
前端自学路线图突围秘籍，超全最新
一、为什么从Java入门？
前端至少会一门正统的语言，比如：JAVA、NET等等。那我们为什么不选java呢，只要能够接触到互联网就离不开Java，我们大部分人看到的都是使用Java编程过后的互联网成品，而Java就相当于原…
VUE NProgress 全局设置
安装插件
npm install --save nprogress
mainjs引用
//页面加载进度条
import NProgress from nprogress
import nprogress/nprogress.css
// 简单配置
NProgress.inc(0.2)
NProgress.configure({ easing: ease, speed: 500, showSpinner: false })Vue.prototype.NProgressN…
VUE实现登录和登出
新增保存token的帮助类 // 跨域认证信息 header 名
const authorizationKey Authorization//获取认证信息
function getAuthorization(token) {return sessionStorage.getItem(authorizationKey);
}
//设置认证信息
function setAuthorization(token) {sessionStorage.setItem…
JS读取Less中的变量值
LESS
//插件默认主题变量这些变量必须在themejs里面定义好
primary-color: #1890ff; // 全局主色
//自定义样式
header-item-hover-color:blue;//头部项浮动颜色
header-back-color:#1890ff;//头部底色// 导出变量
:export {primaryColor: primary-color;
}
main引用
//全局…
echarts使用（4）k线图/箱线图
在vue框架中，下面将展示如何使用echarts画k线图
假如我们有数据，
x[1,2,3,4,5,6]
y[1,2,3,4,5,6]
z[1,2,3,4,5,6]
a[1,2,3,4,5,6]
我们需要实现它们对应的k线图var chartDom document.getElementById("echarts_xyza_k");
var myChart echar…
SpringMVC执行流程及工作原理
图解SpringMVC执行流程: SpringMVC执行流程SpringMVC执行流程:1.用户发送请求至前端控制器DispatcherServlet2.DispatcherServlet收到请求调用处理器映射器HandlerMapping。3.处理器映射器根据请求url找到具体的处理器，生成处理器执行链HandlerExecutionChain(包括处…
前端见微知著工具篇：Grunt实现自动化
转载说明 本篇文章为转载文章，来源为【前端福利】用grunt搭建自动化的web前端开发环境-完整教程，之所以转载，是因为本文写的太详细了，我很想自己来写，但是发现跳不出这篇文章的圈子，因为写的详尽࿰…
element-ui el-input 验证只能输入数字和小数点
要在 Element UI 的 el-input 组件中使用正则表达式验证只能输入数字和小数点，可以通过监听 @input 事件，在事件处理函数中使用正则表达式进行验证。示例如下：
<template><el-input v-model="inputValue" @input="handleInput"></el-in…
javascript函数式编程-------概念基础部分（闭包）
闭包
闭包是一种机制，通过私有上下文来保护当中的私有变量；保护：当前上下文中的变量与其他上下文中的变量互不干扰 保存：保存当前上下文中的数据（堆内存），被当前上下文以外的上下文中的变量所引…
Beta阶段第一次冲刺
Beta阶段第一次冲刺 以后严格按照Git标准来，组员有上传Git的才有贡献分没有的为0 代码签入图 1.part1 -站立式会议照片2.part2 -项目燃尽图3.part3 -项目进展 1.正在进行中-- 1.点击进入app正常显示之前新建好的listview2.下拉刷新可以从后端得到listview3.后端要完…
ajax _ 初学版
目录
1. 认识前后端交互
2. 认识 ajax
3. ajax 的 步骤
4. ajax 的异步问题
5. 前后端交互的请求方式 ( method/type )
GET 和 POST 的区别 : ( 面试题 )
6. 发送一个带有参数的 GET 请求
7. 发送一个带有参数的 POST 请求
8. 总结
9. 扩展 : 状态码
10. 图例 : 1. …
ES5 和 ES6新增
目录
1. ES6 - 定义变量
2. ES6 - 模板字符串
3. ES6 - 箭头函数
4. ES6 - 函数参数默认值
5. ES6 - 解构赋值 面试案例 :
6. ES6 - 扩展运算符
7. ES6 - 对象简写语法
8. ES6 - 模块化开发
9. ES6 - 类语法
10. 图例 : ECMAScript 发展过程中的一个版本 > 官方:…
gulp 打包 _ 最新 - 完整版
2021年 8 月份 更新版
目录
1. 认识 gulp
2. gulp 打包项目的工作流程
3. gulp 使用前的准备工作
4. gulp 第三方包的常用方法
5. 配置打包任务
1. 配置打包 css 的任务
2. 配置打包 sass 的任务
最新版打包 sass 任务总结 :
3. 配置打包 js 的任务
打包 js 任务总…
“输入错误: 没有文件扩展“.js”的脚本引擎。”的解决方法
在电脑上，利用cscript 来生成文件报错“输入错误: 没有文件扩展“.js”的脚本引擎。”
解决方法 ：cmd窗口下要执行
assoc .jsJSFile
regsvr32 %systemroot%\system32\jscript.dll 然后再运行，就恢复正常了，原解决方法
Javascr…
阿里云前端周刊 - 第 17 期
推荐 1. Styled-Components 实战 http://www.ruanyifeng.com/blog/2017/07/neural-network.html Styled-Components 是由 Max Stoiber 与 Glen Maddern 创建的新的 CSS-in-JS 工具库，能够帮你组织 React 或者 React Native 项目中的样式声明。本文则着眼于介绍 Styl…
接口中接口（嵌套接口）
今天看Map接口中定义了一个内部接口 interface Entry<K,V>，产生了一个疑问，为啥接口中又定义了一个接口，不直接都写在一个接口里. 本人的理解是Map是由若干个（k，v）--Entry组合在一起的集合࿰…
iframe多层级页面调用父子兄弟祖孙页面方法
2023-06-01 时隔很久的更新，我是万万没想到我在这被卡了好久。当然也百度了很多方法，但是用在实战里面就是不行，最后功能终于实现了，必须记录一下。 一、需求
页面本身由许多iframe组成，因为是动态渲染的所以不能添加…
前端js实现将数组某一项符合条件的对象，放到首位
哈喽 大家好啊
在日常前端开发需求中，总是会遇到开发数组，将某一项对象值，放到首位，让用户更好的去选择，比如省会城市优先等
我做的案例是需要将地区中的四川放到首位
以下是我的代码： 简单说明下思路&a…
DataLeap的全链路智能监控报警实践（二）：概念介绍
更多技术交流、求职机会，欢迎关注字节跳动数据平台微信公众号，回复【1】进入官方交流群 概念介绍 基线监控 根据监控规则和任务运行情况，DataLeap的基线监控能够决策是否报警、何时报警、如何报警以及给谁报警。它保障的是任务整体产出链路&a…
五十一、form组件，钩子函数，cookie,session,
django form 组件 注册功能 1.渲染前端标签获取用户输入 》》》》》》 渲染标签 2.获取用户输入船体到后端校验 》》》》》》 校验数据 3.校验未通过展示错误信息 》》》》》》》》 展示信息校验数据（前后端都可以） 校验前端后端都…
【图表】echart
文章目录 概述基础概念属性使用简单入门使用柱状图的中间显示数据 来源 概述
ECharts是一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。ECharts最初由百度团队开源，并于2…
仿网易云音乐的播放进度条
仿网易云音乐的播放进度条，有三种状态：播放、暂停和拖动，只是实现了动画和主要的交互逻辑，其他细节（如暂停音乐的播放等）还需要自己完善： DKPlayerBar 是继承于UIControl的，如果想获…
前端面试 -- HTML5 CSS3
语义化的理解 在写HTML页面结构时所用的标签有意义，头部用head、主体用main、底部用foot… 怎么判断页面是否语义化了？—>把css去掉。如果能够清晰的看出来页面结构，显示内容较为正常 为什么要选择语义化？ ①让HTML结构更加清晰…
JavaScript基础语法之 || 和 ？？
|| 的语法作用 使用 || 的时候，当第一个值为非0非null非’‘非undefined的时候，优先取第一个值，而当第一个值是0或’或null或undefined的时候，则优先取第二个参数的值。
console.log(null || 1) //输出 1 console…
VUE L 条件列表渲染 ⑧
目录 文章有误请指正，如果觉得对你有用，请点三连一波，蟹蟹支持✨ V u e j s Vuejs Vuejs条件渲染列表渲染 基本列表 Key的原理 列表过滤 列表排序 列表更新小问题 监测数据改变的原理~对象 V u e S e t VueSet VueSet的…
This relative module was not found:* ./svg in ./src/icons/index.js 报错解决
只需要在icons文件下建一个svg文件夹即可。
解决前端设计window高分屏缩放导致截图工具量出来的尺寸和实际设计尺寸不一致的问题
在前端学习过程中,我们可能经常"借鉴"一些其他网站的设计,但是坑爹的window对高分屏的适配一直不太完美,为了更好的显示效果我们必须设置缩放 但是这样一来的话,我们在网站页面用测量工具测量的结果就会变得不准确,是放大后的数值 测量结果: 一个100像素的块正好变…
No8.精选前端面试题，享受每天的挑战和学习
文章目录 对 CSS 盒模型的理解ES6中将非数组转换为数组的几种方法详细讲解下csrf和xss1. CSRF（跨站请求伪造）2. XSS（跨站脚本攻击） 说一下闭包，概念，应用场景和注意事项new一个对象，js做了什么 …
安全应急响应中心总结
一、动画 https://security.jj.cn/ 提交按钮动画 效果描述： 鼠标浮动过去，新背景色从中心向四周扩散。 实现原理： 元素a作为初始背景， b元素为新背景，c为背景上的字体，z-index最大，确保字体始终…
一道CVTE前端二面笔试题
题目：给你一个数组，输出数组中出现次数第n多的数字; 比如：[1,1,1,2,2,2,3,3,4,4,5,5,6,6,7]; 1---3次 2---3次 3---2次 4---2次 5---2次 6---2次 7---1次 假设要求输出第1多的：1,2 第3多：7 有兴趣的，可以做…
java 获取请求的完整url地址
2019独角兽企业重金招聘Python工程师标准>>> 1 String urlrequest.getRequestURL()"?"request.getQueryString(); 获取域名：如：http://www.test.com/ StringBuffer url request.getRequestURL();
String tempContextUrl url.…
HTML-表格、表单标签
目录 表格标签
表单标签 表单项标签 表格标签
场景：在网页中以表格（行、列）形式整齐展示数据，如班级表标签
标签描述属性/备注<table>定义表格整体，可以包裹多个<tr>border:规定表格边框的宽度width&am…
日常开发常用网站(持续更新……)
必备的JS调试技巧汇总： http://www.jb51.net/article/88891.htmjquery的 $.each() 方法 ： http://www.cnblogs.com/xiaojinhe2/archive/2011/10/12/2208740.html处理中文乱码问题：http://jingyan.baidu.com/article/c85b7a6463dfb1003bac95e0…
郭宇：Airpub - 纯前端博客引擎实践
2019独角兽企业重金招聘Python工程师标准>>> 郭宇：Airpub - 纯前端博客引擎实践 在 Airpub 的设计与编写过程中，遇到许多问题，例如前端的鉴权体系，前端模块化的开发，Angular.js 代码组织，主题机…
在Vue文件中提示Parsing error: No Babel config file detected for xxx
问题 解决办法
错误信息：
在package.json中 使用 requireConfigFile: false 禁用配置文件检查。
英语还是很重要啊
![[大二上][Vue3]Ｖｕｅ３基本概述](https://img-blog.csdnimg.cn/73703d985be843ef8b2de669b3c7d81c.png)
[大二上][Vue3]Ｖｕｅ３基本概述
1. Vue3可以(加不加都可以)没有根标签, 也就是说不用放在 <div>中 2. 什么是vite?
新一代前端构建工具
优点: 1) 开发环境中，无需打包操作, 可以快速的冷启动 2) 轻量快速的热重载 3) 真正的按需编译，不再等待整个应用编译完成 3. Vue2与Vu…
![[暑假]三种export暴露方式](https://img-blog.csdnimg.cn/f27f8e8ab11f45fba8597b8ba71dab17.png)
为什么需要 Active Directory 任务委派
组织越大，将 Active Directory 职责委派给帮助台的需求就越大。随着组织不断扩大其办公室，管理员很难管理所有用户。在这种情况下，可以通过为每个位置委派角色来分配负载，但使用标准 AD 工具或 PowerShell 并不容易做到这一点。 A…
Html漂亮的table样式模板
模板案例： table样式：
<style scoped>
table{border-collapse: collapse;margin: 0 auto;text-align: center;
}
table td, table th{border: 1px solid #cad9ea;color: #666;height: 30px;
}
table thead th{background-color: #CCE8EB;width: 1…
[暑假]vue项目Error: Cannot find module ‘xxx’类报错的解决方法
vue项目Error: Cannot find module ‘xxx’类报错的解决方法
版权声明：本文为CSDN博主「loveLifeLoveCoding」的原创文章. 这是小卓转载的这位大佬的文章~ 现发现只要是报错 Error: Cannot find module ‘xxx’（例如 Error: Cannot find module ‘webp…
![[暑假]解决：在 VSCode 中如何设置默认的浏览器为Chrome](https://img-blog.csdnimg.cn/2f201a89d0884fdcb3a3e4253ab37b55.png)
银行业DevOps状态：来自DOES 2018伦敦大会的报告
\关键要点\\DevOps开始在整个企业中扩散，因为来自跨职能团队的技术专家和业务人员越来越多地通过跨价值流的方式一起完成工作。\\tCI/CD几乎已经成型，尽管银行在这方面的既定实践仍然处在扩散过程中。\\t银行正在认真考虑项目管理办公室和项目组合管理职…
django之分页,纯python代码
Django中分页 py文件代码 """
自定义分页组件
可以返回分页的数据和分页的HTML代码
"""
from django.http import QueryDictclass Pagination(object):def __init__(self, current_page, total_count, url_prefix, query_dictQueryDict(mutableT…
10月30笔试题总结
今天，第一次跑了校招，参加了两场宣讲会及笔试。早上的笔试，考了三道题。第一道是逻辑题：36匹马赛跑，跑道同时只能容许6匹马。而且36匹马速度不同，但是每次跑的速度恒定。 问跑多少次可以选出第一࿰…
阿里云远程仓库环境安装
记录一些基本的命令： 一、apt-get，是一条linux命令，适用于deb包管理式的操作系统（例如Ubuntu系统），主要用于自动从互联网的软件仓库中搜索、安装、升级、卸载软件或操作系统。
// 常用命令：
ap…
【测试】【20110422】
题目 2010年辽宁OI选拔赛 题目一、洪水 我们知道，全球变暖使得海平面上升。OI小岛的岛主请OIer们解答水位达到多高时，该岛将会变成两个或更多的岛。 输入文件“flood.in” 给出小岛的高度网格数据：文件第一行为两个不超过100的正整数n和m&…
桌面虚拟化之呼叫中心语音应用
有市场统计数据显示，今天国内的呼叫中心市场已经超过30万以上的坐席，也许你对这个数字表现得不理解，但是相信你一定会认同：呼叫中心已经无处不在，并且关系到你我生活方方面面，如10086，银行卡&am…
Dva引入antd报错 Module not found: Can‘t resolve ‘antd/es/button/style/css‘ in 项目路径
Dva中根本不需要单独引入antd/es/button/style/css .webpackrc中写的够明白了
这个其实是个版本问题 最新的antd可能存在一些语法兼容的问题
在终端执行
npm uninstall antd将原来的依赖给他干掉 然后执行
npm install antd^4.24.2 --save然后再次运行项目 这个问题就解决…
微信应用号开发必备技能都在这里了啦！
转载博客：http://89029.blog.51cto.com/79029/1855910 “微信应用号”就像平地里炸响的一声春雷，在互联网圈内炸开了锅，小代码小程序即将成为主流，H5迎来了自己的第二春。废话少说，关于微信应用号开发技能，…
JavaScript 获取时间戳的5种方法
文章目录 1.Date.parse(new Date())2.Math.round(new Date())3.(new Date()).valueOf()4.new Date().getTime()5.new Date() 1.Date.parse(new Date())
const timestamp Date.parse(new Date());
console.log(timestamp);
//输出 1591669256000 13位2.Math.round(new Date(…
Vue拦截器报错Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘code‘)
如果出现Vue拦截器报错Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘code’)。
那么，很可能是因为你修改了你的拦截器却没有重启你的前端服务器的原因。重启一下就可以啦。
MySQL配置文件参数详解
#*** client options 相关选项 ***#
#以下选项会被MySQL客户端应用读取。注意只有MySQL附带的客户端应用程序保证可以读取这段内容。如果你想你自己的MySQL应用程序获取这些值。需要在MySQL客户端库初始化的时候指定这些选项。
[client]
port 3306
socket /usr/local/mysql/…
wtforms快速使用和源码分析(基于flask)
wtforms 和django的form组件大同小异，下面给出一个应用举例以便快速查询。 开始使用 1 from flask import Flask, render_template, request, redirect2 3 from wtforms import Form4 5 from wtforms.fields import core6 from wtforms.fields import html57 from w…
Aras前端的一些知识
top.aras包含了aras前端大部分的API /*
* uiShowItem
* 打开物体视窗
* parameters:
* 1) itemTypeName - may be empty string if item is in client cache
* 2) itemID - obligatory
* 3) viewMode - tab view or openFile
* if not specified …
vueRouter回顾
关于vueRouter的两种路由模式
“history” 模式使用正常的 URL 格式，例如 https://example.com/path。“hash” 模式将路由信息添加到 URL 的哈希部分（#）后面，例如 https://example.com/#/path。
1、history模式：没有…
将树莓派转身为强大的Web服务器：使用Nginx和cpolar实现远程访问
文章目录 1. Nginx安装2. 安装cpolar3.配置域名访问Nginx4. 固定域名访问5. 配置静态站点 安装 Nginx（发音为“engine-x”）可以将您的树莓派变成一个强大的 Web 服务器，可以用于托管网站或 Web 应用程序。相比其他 Web 服务器，Ngi…
Android音视频剪辑器自定义View实战！
Android音视频剪辑器自定义View实战！ - 掘金
/*** Created by zhouxuming on 2023/3/30** descr 音视频剪辑器*/
public class AudioViewEditor extends View {//进度文本显示格式-数字格式public static final int HINT_FORMAT_NUMBER 0;//进度文本显示格式-时间…
【CTF-web】备份是个好习惯（查找备份文件、双写绕过、md5加密绕过）
题目链接：https://ctf.bugku.com/challenges/detail/id/83.html 经过扫描可以找到index.php.bak备份文件，下载下来后打开发现是index.php的原代码，如下图所示。 由代码可知我们要绕过md5加密，两数如果满足科学计数法的形式的话&a…
Webpack和Parcel详解
构建工具和打包器是在开发过程中帮助组织、优化和打包项目的工具。它们可以处理依赖管理、资源优化、代码转换等任务，从而使开发流程更高效。以下是关于构建工具和打包器的一些指导：
**Webpack：** Webpack 是一个功能强大的模块打包器&#…
vue : 无法加载文件 F:\nodejs\vue.ps1，因为在此系统上禁止运行脚本。
报错信息如下 在使用Windows PowerShell输入指令查看版本时或者用脚手架创建vue项目时都有可能报错，报错信息如下：vue : 无法加载文件 F:\nodejs\vue.ps1，因为在此系统上禁止运行脚本
解决方案：
原因：因为Windows Po…
Web和云开发，Rust会起飞？
Web和云开发，Rust会起飞？
一、前言
二、大厂偏爱，Rust的未来
三、Rust做Web的雄心
四、有必要换Rust做Web？
1.效率和性能
2.可靠性和可维护性
五、Rust先苦后甜
六、用Rust前的几个问题
七、开发界的强者
一、前言
去年…
学习Vue：测试与调试
在Vue.js开发过程中，测试与调试是确保代码质量和稳定性的重要环节。本文将介绍单元测试与集成测试的概念，以及如何使用Vue Devtools进行调试。同时，也会分享一些常见问题的排查与解决方法，帮助您更好地进行测试和调试工作。 单元测…
常用的请求 Content-Type 类型
application/json：用于发送 JSON 格式的数据，常用于 RESTful API 请求中。 application/x-www-form-urlencoded：在 POST 请求中以 URL 编码(key-value 对)的方式发送表单数据。 multipart/form-data：用于同时上传文件和其他表单…
什么是React中的Portals？它们有哪些应用场景，如何实现Portals？
1、什么是React中的Portals？它们有哪些应用场景，如何实现Portals？
React中的Portals（端口）是一种允许组件从父组件渲染到另一个位置的技术。这使得你可以在父组件的DOM中创建子组件，而不需要在父组件的DOM…
《资安人》：迈向成功SOC之路
近日，台湾的《资安人》上发表了一篇文章——《迈向成功的SOC之路》，现转载至此，以飨读者。【作者：王榮信 -11/08/2010】在現代虛擬世界中，造成資訊安全事件的來源為病毒、蠕蟲或木馬，不變的安全事件來源就是…
为什么使用webpack?
2019独角兽企业重金招聘Python工程师标准>>> 什么是WebPack，为什么要使用它？ 注：一、摘要说明(会不定期更新)： A：这里是webpack1.0，2.0请移步这里(已经配置好的简单脚手架) https://github.com/…
Cesium快速上手8-AppearanceMaterial
Cesium快速上手8-Appearance&Materialhttp://localhost:8080/Apps/Sandcastle/index.html?srcdevelopment%2FPolyline%20Color.html&labelDevelopment http://localhost:8080/Apps/Sandcastle/index.html?srcMaterials.html
function applyImageMaterial(primitiv…
CTFHub XSS DOM反射 WriteUp
前言：本文需要注册一个xss平台，以接收xss反弹回来的数据，请自己在互联网上寻找合适的xss平台 1. 构造闭合语句
根据题目提示，判断网站存在DOM xss漏洞
查看页面源代码，发现关键位置，其中CTFHub is very n…
前端ps常用的小技巧
一些很简单的例子，知道的就当看乐子。 1、T 是文字的 可以从矢量图中查看文字的大小 字体 颜色，具体就是T 选择一段文字，点确定，点击属性栏最后一个可以看详细信息。又字体，行高，颜色。如果要选取字体 尽…
Lync Server 2010详解系列4：Lync监控服务器的部署
Lync Server 2010详解系列4：Lync监控服务器的部署 导语： 前一篇中我们介绍了Lync Server服务器的部署。本篇我们将介绍Lync Server监控服务器的部署。大家如果在部署的过程中遇到什么问题可以和我一起讨论，能够和大家一起详细的分享关于Lync的…
npm使用中遇到的问题记录
1、全局安装了某个应用，安装成功，但是找不到**
eg：npm install -g lerna 安装成功了 lerna init -i 的时候直接报错 lerna 不是内部或者外部命令，也不是可运行的程序或批处理文件
原因： 安装mode时候自带的npm默认全…
Java对字符串加密并返回星号※
If you dont look back, youll never know I waiting for you behind you. Java对字符串加密并返回星号※ PasswordUtils这个加密工具类是在Ranger项目的源码中发现的，它是一个安全管理框架，普通的加密需求应该用它的加密工具类就OK了； 首先&…
HTTP请求中token、cookie、session有什么区别
cookie
HTTP无状态的，每次请求都要携带cookie,以帮助识别身份服务端也可以向客户端set-cookie,cookie大小4kb默认有跨域限制：不可跨域共享，不可跨域传递cookie（可通过设置withCredential跨域传递cookie）
cookie本地存…
附录5-黑马头条案例
目录
1 效果
2 组件库vant
2.1 安装
2.2 配置
2.3 项目中的使用
2.3.1 引用
2.3.2 tabbar 底部切换
2.3.3 navbar 顶部标题
2.3.4 van-list 上拉触底更新
2.3.5 van-pull-refresh 下拉更新
2.3.6 v-cell
2.3.7 van-icon
2.3.8 自定义风格
3 保持滚…
全栈工程师职业发展指南
目录
什么是全栈工程师
全栈工程师的任务和职责
全栈工程师的平均薪资是多少
如何成为一名软件工程师——全栈工程师所需的技能
学习互联网和 web 基础知识
学习前端 web 开发基础知识
学习 Git 和 GitHub
学习一个前端库和框架
学习后端 web 开发
学习数据库管理系统…
React学习笔记九-高阶函数与函数柯里化
此文章是本人在学习React的时候，写下的学习笔记，在此纪录和分享。此为第九篇，主要介绍高阶函数与函数柯里化。
高阶函数，和函数的柯里化，是学习react的拓展，方便以后优化代码，更好的学习react。…
打包配置技巧，网址动态增加后缀，不需前端重新打包
业务场景：1.测试环境网页地址为https://xxx/#/，但是部署的环境，网页地址为https:域名/pc/#/。多了’/pc’后缀 。打包一份正常的前端包，测试完成后还要打一份带后缀的前端包，一次还好，次数多了内容重复、效…
Vue-如何设置提示和警告的弹出框
案例1:
const handleDelete (index, row) > {if (!isEmptyList(row.children)) {ElMessageBox.confirm(该分类下存在子分类，不可删除！, 提示, {type: warning,confirmButtonText: 确认});return;}const id row.groupId;selectResource(id).then(re…
根据一个坐标点获取距离3公里最大、最小的经度和维度
getCoordinateRange(lat, lng) {let that this;const distance 3; // 3公里const radLatitude that.degreesToRadians(lat);const radLongitude that.degreesToRadians(lng);const radDistance distance / 6371;// 计算圆的边界经纬度const minLatitude radLatitude - r…
vue element ui admin 权限控制菜单
1.首先需要把动态路由放到 asyncRoutes 2.需要拿到登录时候的用户类型（看项目需求，我是需要拿到type是1的情况展示 图一的路由） 3.然后到这个文件夹下面 4.找到actions 去根据自己的需求去判断路由的显示（res.includes）…
vue sm2 加密解密 pako解压 笔记
utils/ crypto.js
import { sm2 } from sm-crypto;
import { Base64 } from js-base64;
import {PUBLICKEY,PRIVATEKEY} from ./key.js
import pako from pako//加密
export function doEncrypt(msgString) {let msg msgStringif (typeof msgString ! string) {msg JSON.str…
前端（小程序）项目Aes.js/Md5.js加密的处理方法
做项目中需要对前端数据加密传输这个时候需要用到前端加密的算法主要是：Aes.js,Md5.js 一.Vue项目用到的aes.js加密。 1.直接在index.html引入aes.js或者在npm install 安装。 2.加密代码要放在Vue项目的assets目录这样build的时候可以压缩，在浏览器上不…
【建议】强烈推荐ES6函数自由传参的写法，针对方法体的可扩展性很有帮助
let fun({a,b,c}{a:1,b:2,c:3})>{console.log(a);console.log(b);console.log(c);
} 接下来我们即可自由传参，需要什么就传递什么 以上写法非常适用于需求变更的情况下自由传递参数，而且形参的数量、传参先后顺序可以根据业务自由搭配，非常…
后端码农谈前端（CSS篇）第六课：盒子模型
元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。 提示：背景应用于由内容和内边距、边框组成的区域。 一…
9.2.2 .net framework下的MVC 控件的封装（下）
控件封装的部分说明 可能有人觉得应该前后端分离，我也承认这是应该的方向，我们也在考虑使用ng2等简化前端。但是，我们封装控件还是因为如下原因综合考虑的： 我们这是个框架，上面支撑了许多个应用，包含几百…
jquery鼠标悬停事件hover()
在JQuery中提供了.hover()事件，hover的第一个参数（匿名方法）表示mouseenter，第二个参数表示mouseleave，即表示可以为hover传递两个参数。如下代码所示：
$( "li" ).hover(//为li绑定了鼠标进入和…
前端 使用 aes 加密 和解密
1.安装：
npm i aes-js2.代码
/*** 工具类：加密服务*/
const aesjs require(aes-js)/*** aes 加密*/
export const aesEncrypt (data) > {var key [11, 23, 32, 43, 45, 46, 67, 8, 9, 10, 11, 12, 13, 14, 15, 16]var text JSON.stringify(data…
Vue电商系统后台API接口
项目演示入口 >
1. 电商管理后台 API 接口文档
1.1. API V1 接口说明
接口基准地址：http://127.0.0.1:8888/api/private/v1/服务端已开启 CORS 跨域支持API V1 认证统一使用 Token 认证需要授权的 API ，必须在请求头中使用 Authorization 字段提供…
Chrome 开发者工具的官方文档及其他前端语言开发文档
以下全部为英文文档： Chrome 开发者工具的文档： https://developers.google.com/chrome-d...JavaScript 文档，语言核心部分可以看 ECMA 规范，非常晦涩：ecma-international.org/publicat...我一般看 Mozilla 的…
C#代码在后台动态执行前台脚本的几种方法
在C#代码中经常需要动态的在前台页面执行javascript脚本，一般主要用到三种方法：Response.Write;RegisterStartupScript和RegisterClientScriptBlock，之前对三者的区别一直没仔细研究，今天是第一次写博客，就先说说他们吧…
Linux上安装npm最新版
首先, npm是随同NodeJS一起安装的包管理工具,基本信息:
1. NPM(Node Package Manager,即node包管理器), 是用Javascript编写, 最初由Isaac Z. Schlueter开发.它会随着node.js一起安装.用户可以通过npm把自己设计的模块分发到registry上, 也可以用npm从registry上下载并安装指定…
让一个元素浮在最上层【反转思维】
一般我们让一个元素在最上层使用
z-index:xxxxx; // xxx 越大就越上层但有时候设置z-index:999999999999999999999999999;依旧无效
z-index: 9999999999999999999999999999 !important;如果依旧无效，不妨设置最上层的那个元素的 z-index:-1;
面试官:你能回答这两个简单的问题吗
有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。 本文 GitHub https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面试完整考点、资料以及我的系列文章。 背景
这是我的朋友在最近一次面试中被问到的两个问题…
关于腾讯云学生服务器搭建个人网站——配置web开发环境详细步骤
最近突然想整个服务器玩玩，百度了一下发现腾讯云学生服务器，完成学生认证之后一个月最低只要十块钱就能玩起来，于是就买了一个，折腾了一天，算是在服务器上搭建好了基本web开发环境（tomcat和jdk）…
前端工程师的知识体系
初级工程师对浏览器兼容性的了解对HTML/SCC/javascript语法和原理的理解对编辑器和插件的熟悉程度对调试工具的了解程度对版本管理软件的熟悉和应用经验对前端库、框架的使用标准和规范 中级工程师对代码质量和代码规范的理解对javascript单元测试的熟悉对性能优化的应用和理解…
前端开发者必去的10个国外网站
2019独角兽企业重金招聘Python工程师标准>>> Web开发者目前主要分为前端和后端，本文收集的10个国外网站主要针对网站前端开发，里面包括浏览器兼容性检测、JS脚本下载、CSS小工具，网页测试、PHP与MYSQL等。都很实用 对我们这些Web开…
238：vue+openlayers绘制扩展，弓形、曲线、扇形、双箭头、进攻方向...
第238个 点击查看专栏目录 本示例的目的是介绍演示如何在vue+openlayers中利用ol-plot插件进行绘制图形扩展，可以绘制弓形、弧形、标志旗、战斗进攻图形等等。
直接复制下面的 vue+openlayers源代码，操作2分钟即可运行实现效果； 注意如果OpenStreetMap无法加载，请加载其他…
#vue#获取浏览器视窗，动态修改div高度（附源码）
<template>
<div class"nav"><div class"nav_list" :style"{height: height px}"></div>
</div>
</template><script>
export default {data () {return {//获取浏览器可视区域高度（包含滚…
HTML标签语义化，内含福利
前言
又逢金三银四，拿到大厂的offer一直是程序员朋友的一个目标，我是如何拿到大厂offer的呢，今天给大家分享我拿到大厂offer的利器，前端核心知识面试宝典，内容囊括Html、CSS、Javascript、Vue、HTTP、浏览器面试题\数…
兼容各大浏览器导出Excel
// 下载模板downloadModel() {this.$http({url: this.$http.adornUrl("/prod/category/template"),method: "get",responseType: "blob", // 解决文件下载乱码问题}).then(({ data }) > {var blob new Blob([data], {type: "applicatio…
#vue# @click=“”实现点击切换不同的图片
一、需求：
鼠标点击图片时，显示另一张图片，再次点击，显示原来的图片
二、效果：
原先的图片： 点击以后，切换另外一张图片： 再次点击，换为之前的图片： 三、步…
#微信小程序# 在小程序里面退出退出小程序（navigator以及API--wx.exitMiniProgram）
需求：
在微信小程序里面，点击“取消”字样即可退出小程序，返回微信聊天界面
效果： 步骤：
方法一：
直接使用uni-app的组件——navigator，修改参数open-type"exit" target"min…
JavaScript笔记——快速了解 ES6 新增数组方法，开箱即用（含案例）
文章目录 📋前言🎯Array.from()🎯Array.of()🎯Array.find()🎯Array.findIndex()🎯Array.includes()🎯Array.flat()🎯Array.flatMap()🎯Array.every()🎯Array.…
Vue项目中swiper轮播active图片居中并放大
项目中用的是vue-awesome-swiper，vue-awesome-swiper是基于swiper 4.0的。所以参数参考swiper 4.0。
使用场景如下 要求左右切换时每次只移动一个图片，中间的图片始终放大，其他图片有不透明度。
解决思路
在官方文档中，active…
网易七鱼（杭州）招聘前端
【关于我们】 网易七鱼 一款立足细分行业第一，深化大数据营销的企业服务SaaS全智能云商服系统。通过应用人工智能、机器学习技术实现预判问题，逻辑识别，引导用户来提升企业客服工作效率、降低管理成本，提高智能营销能力࿰…
plugins 插件
## 插件：功能：用于增强Vue1. 本质包含install方法的一个对象，install的第一个参数是Vue，第二个的参数是插件使用者传递的数据2. 定义插件：对象.install function(){//添加全局过滤器Vue.filter(....)//添加全局指令Vu…
chrome无感切换代理IP
chrome.proxy.settings.set({ value: { "mode": "system" }, scope: regular },function () { });
// 在页面加载完成后注入JavaScript
// chrome.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) {
// if (changeInfo.status complet…
负载均衡故障排错指南(7) - 案例分析：你真得懂会话保持吗？
会话保持是负载均衡的一个基本功能，也是我们在很多负载均衡项目实施中经常遇到的一个功能。为了确保与某个客户相关的所有应用请求能够由同一台服务器进行处理，我们需要在负载均衡上启用会话保持（Session Persistence）功能&#x…
Java面试常见知识点总结(二)
2019独角兽企业重金招聘Python工程师标准>>> Java面试常见知识点总结(二) 11.构造方法(构造器): 构造方法是一种特殊的方法，具有以下特点。 (1) 构造方法的方法名必须与类名相同。 (2) 构造方法没有返回类型，也不能定义为void&#x…
Vue 知识点：子组件调用父组件的方法
this.$parent.event()：
提示：在子组件中通过this.$parent.event()来调用父组件的方法 - 父组件<template><div><child></child></div>
</template>
<script>import child from ./components/dam/child;expor…
Vue知识点：组件之间的通信
父子组件传值（props/$emit） ：
- 父组件 A 通过 props 的方式向子组件 B 传递，B to A 通过在 B 组件中 $emit,A 组件中 v-on 的方式实现。1. 父组件向子组件传值 （父组件 > 子组件）- 父组件<templat…
解决：用nvm成功安装nodejs，却无法使用nvm和node命令
问题 一个前端朋友，用Macbook pro成功安装nvm以及node环境，系统查询不到 $ nvm
$ -bash: nvm: command not found $ node
$ -bash: node: command not found 解决方法 编辑 ~/.bash_profile文件，添加 export NVM_DIR~/.nvm
source ~/.nvm/nv…
javascript进阶之AJAX
AJAX 一 AJAX预备知识：json进阶 1.1 什么是JSON？ JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。JSON是用字符串来表示Javascript对象； 请大家记住一句话：json字符串就是js对象的一种表现形式(字符串的形式) 既然…
vue 详情页返回列表页面时保持列表的位置状态不变
方法一： 1.在router.js里面（即路由文件中），此时模式为 history const router new VueRouter({ mode: history, routes, scrollBehavior (to, from, savedPosition) { if (savedPosition) { return savedPosition } else { if (fr…
表结构定义优化的专题报告
专题描述阅读Ecbil项目的数据库表结构定义，发现存在普遍共性的不合理地方，整理成专题报告供研发团队和DBA团队优化，及辅佐今后的表结构定义设计。问题提出1示例表结构定义：2id BIGINT(20) UNSIGNED NOT NULL,PRIMARY KEY (id)3dep…
angularjs 字段排序 多字段排序
我们用angularjs {{}}，ng-model循环绑定数组或对象的内容的时候，有时候会用到排序，有时候可能会有多个字段排序 具体要用到过滤 数据的展现，可以通过ng-repeat实现。当网页解析到ng-repeat的时候，会为每一个数组中的元…
前端每日一题：关于水平居中
请实现个层，里面有张图片，每次层显示图片都在当前窗口水平垂直居中，图片位置始终在窗口中间，上下滚动不受影响 ----------------------------------------------以下为两位同仁的回答------------------------------------------…
《Web前端开发精品课 HTML与CSS进阶教程》——2.4 表格语义化
本节书摘来自异步社区《Web前端开发精品课 HTML与CSS进阶教程》一书中的第2章，第2.4节，作者： 莫振杰 更多章节内容可以访问云栖社区“异步社区”公众号查看。 2.4 表格语义化 不少初学者看了《Web前端开发精品课HTML和CSS基础教程》…
使用thymeleaf 进行函数传参数 数字类型过长导致出现数据不一致
一开始没有感觉到后来接口测试的时候出现了问题 解决： 使用转义字符把数据类型转换为字符串类型 （字符串类型就不存在 转换问题）
<a href"javascript:void(0)" th:onclick"delComment(\${comment.coid}\);"></…
【译】前端开发者的基本要求
原文链接：http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/ 本文在github上的链接：https://github.com/chyingp/blog/issues/1 备注：第一次翻译技术文章，标题都纠结了好久不知道肿么翻译，如…
WEB引用百度地图页面自适应后获取的点位不正确处理
页面自适应采用 transform: "scale()"方式，
获取当前页面的分辨率获取当前页面的长宽和设计的页面的长宽的倍数采用scale将长宽按倍数进行放大缩小 let w $(window).width();let h $(window).height();let ratioX w / 1920;let ratioY h / 108…
开源web框架django知识总结（二十二）
开源web框架django知识总结（二十二）
支付 提示： 如果用户选择的支付方式是 “支付宝” ，在点击《去支付》时对接支付宝的支付系统。 支付宝介绍 支付宝开放平台入口 https://open.alipay.com/platform/home.htm
1.使用手机上的…
50幅非常精美的世界各地风光摄影作品欣赏（中篇）
风光摄影，是以展现自然风光之美为主要创作题材的原创作品，从摄影术诞生那天起，风光摄影就独占鳌头。风光摄影是广受人们喜爱的题材，它给人带来美的享受最全面，从作者发现美开始到拍摄，直到与读者见面欣赏的…
京东门详一码多端探索与实践 | 京东云技术团队
本文主要讲述京东门详业务在支撑过程中遇到的困境，面对问题我们在效率提升、质量保障等方向的探索和实践，在此将实践过程中问题解决的思路和方案与大家一起分享，也希望能给大家带来一些新的启发
一、背景
1.1、京东门详介绍
1.1.1、京东门…
UserControl的客户端脚本控制。
编写用户控件的时候，经常也要用到javascript脚本处理页面的一些元素。比如输入的验证等等。可UserControl控件不同于一般的aspx页面，直接可以用document.all("控件ID")就可以得到页在元素。因为UserControl上面的控件在页面生成HTML代码时&…
前端开拓者：Vue组件的探索与征服之旅
目录 引言组件的定义组件的组合实践出真知总结 引言 Vue 是一款流行的 JavaScript 框架，被广泛应用于 Web 前端开发中。它的灵活性和易用性使得 Vue 成为许多前端开拓者追逐的目标。在 Vue 中，组件是开发者们进行 Web 界面构建的基本单元，本文…
前端小tip（1）：使用css将图片遮罩并在遮罩上显示内容，并添加动画缓入
效果图 如图，当鼠标悬浮在图片上时，显示遮罩并展示具体内容 全部代码
<!DOCTYPE html>
<html lang"zh-cn"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEe…
JavaScript 的内置对象
目录
一、Number
1. isFinite()
2. isInteger()
3. isNaN()
4. parseFloat()
5. parseInt()
二、String
1. indexOf()
2. replace()
3. search()
4. concat()
5. split()
6. slice()
7. substr()
8. substring()
9. includes()
三、Array
1. join()
2. pus…
四个map方法的使用：mapState、mapGetters、mapActions、mapMutations
1. mapState方法：用于帮助映射state中的数据为计算属性
computed:{//借助mapState生成计算属性，从state中读取数据(对象写法)...mapState({sum:sum,school:school,subject:
对后端返回的 html 标签不识别的解决办法
问题：后端返回的数据中包含了 html 标签（比如：<br/>)，展现到页面的时候无法正确识别转化，解决：比如：<span dangerouslySetInnerHTML{{__html: data //后端返回的数据}}></span…
FullCalendar插件的使用
下载安装：
提示：下载安装请查看FullCalendar官网文档：https://fullcalendar.io/docs/vue 安装适配的vue，我使用的是vue2，根据文档提示下载：
npm install --save fullcalendar/vue fullcalendar/core安装所…
React Redux 中间件思想遇见 Web Worker 的灵感（附demo）
写在最前 原文首发于作者的知乎专栏：React Redux 中间件思想遇见 Web Worker 的灵感（附demo），感兴趣的同学可以知乎关注，进行交流。 熟悉 React 技术栈的同学，想必对 Redux 数据流框架并不陌生。其倡导的单…
OpenDoc - 前端简历评级标准
OpenDoc我们将团队内部的部分文档经过编辑共享出来，主要出于以下考虑：我们希望有志于加入团队的朋友能得到同等的信息，做好相应的准备团队的工作经验与方法的分享和技术分享一样是有价值的听取同行们的改进建议整体介绍从工作意向、工作经历、…
css3兼容性问题归纳
Android2.3的overflow问题 在android2.3及以下系统版本的浏览器不支持overflow：scroll / auto，即在页面元素里面的内容如果超过了父元素或祖先元素的高度是无法滚动的，可以通过css3的transform来实现滚动，代表作：iscro…
学习Vue：表单输入验证与提示
用户输入和表单处理是构建交互性强大的应用程序的关键部分。在开发过程中，表单输入的验证和提示是确保用户提供的数据是准确和有效的重要步骤。在本文中，我们将深入探讨表单输入验证的重要性以及如何通过 Vue.js 来实现验证和提示。 表单验证的常见方法 …
web在线编辑器（vue版）
目录 前言一、monaco-editor1、源码2、体积优化 二、ace-editor？1、源码2、体积优化 总结 前言
提示：这里可以添加本文要记录的大概内容：
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多…
Harmony OS教程学习笔记
基础知识
1.如何修改程序启动的第一个页面？ 不想使用创建的默认的页面，这时需要修改启动页面，修改的地方在EntryAbility文件中的onWindowStageCreate方法中。
onWindowStageCreate(windowStage: window.WindowStage) {// Main window is cr…
js错误类型与错误信息统一收集
错误类型
Error
代码运行时的错误，除了 Error 这个对象，一些内置 错误类 在异常时返回，如SyntaxError、 EvalError 、 RangeError 、 ReferenceError 、 TypeError 等，具体信息Error
Script error
跨域脚本，为了防…
在发布npm包之前，通过yalc调试
yalc作用
模拟npm install安装自己写的npm包，安装到本地项目，进行测试
注意： 该方式只适合普通的npm包，对于那种全局包(如:cli工具)并不适合
NPM: yalc
常用操作
查看所有命令 yalc help查看yalc仓库所在目录: yalc dir 输出…
winform学习之（二） 工具箱的介绍
可视化界面组件统称为控件。在System.Windows.Forms.Control命名空间。 【Button 控件】Windows 窗体 Button 控件允许用户通过单击来执行操作。当该按钮被单击时，它看起来像是被按下，然后被释放。每当用户单击按钮时，即调用 Click 事件处理程…
使用Python基于OpenCV的图像油画特效
算法步骤： 1、获取图像的灰度图片 2、设计一个小方框(4x4/8x8 /10x10等)，统计每个小方框的像素值 3、将0-255的灰度值划分成几个等级，并把第二步处理的结果映射到所设置的各个等级中，并计数 4、找到每个方框中灰度等级最多的所有的…
从后端到前端之Vue（二）写个tab试试水
上一篇写了一下table，然后要写什么呢？当然是tab了。动态创建一个tab，里面放一个table，这样一个后台管理的基本功能（之一）就出来了。 好吧，这里其实只是试试水，感受一下vue的数据驱动…
网络安全日记之暗月DIV+CSS
其实并不知道为什么学网络安全要学CSS，我以为会看CSS代码就足够，虽然慢但是遇到以后可以直接百度搜索现学现用，但是我看暗月的教程是从最基础讲解的，先是HTML，在是CSS，又是数据库。所以我也来吧，…
每日一记======Django笔记 2012.08.23
表单：django对用户通过表单提交的数据进行访问，有效性检查，以及其他处理。 从Request对象中获取数据-----> from django.http import HttpResponsedef hello(request):return HttpResponse("Hello world") view函数的第一个参数…
vue基础 - 08 （插槽slot）
写在components文件夹中
App.vue中引入使用，放在插槽中的数据，应该放在无意义的template标签中 ， template如果没有指定插槽名，则为默认插槽
标签slot代表插槽，相当于占位符，真正运行时会替换成 template…
Vue初始搭建与基础知识
Vue初始搭建与基础知识–潘登同学的前端笔记 文章目录Vue初始搭建与基础知识--潘登同学的前端笔记搭建Vue环境Vue的基础知识模板语法插值指令缩写计算属性和侦听器计算属性计算属性缓存 vs 方法侦听器Class 与 Style 绑定绑定 HTML Class条件渲染v-if在 元素上使用 v-if 条件渲…
Node Sass version 7.0.3 is incompatible with ^4.0.0.
npm uninstall --save node-sasscnpm install sass1.26.5或
cnpm install sass1.26.5
[译] JavaScript 线性代数：使用 ThreeJS 制作线性变换动画
原文地址：Linear Algebra with JavaScript: Animating Linear Transformations with ThreeJS原文作者：Rodion Chachura译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m…译者：lsvih校对者：lgh75…
Flask 中接收 web 端 JSON 的小例子
同学做 Android 前端，想往 Flask 上传 json 数据，然而我并不会QAQ，然后自己查阅了一些资料，将实现的例子记录在这里 Flask 中的 app.py 文件 from flask import Flask, render_template, request
import jsonapp Flask(__name__)…
MySQL数据库复制概念及数据库架构不断扩展方案
MySQL Replication 系统扩展的方式： scale up：向上扩展，垂直扩展 使用更高性能的硬件来扩展 scale out：向外扩展，水平扩展 提供更多的节点来提供更多的访问需求 复制：水平扩展的一种方案 如果构建一个…
summernote富文本编辑器
官网：https://summernote.org/ 它的特点： 开源使用Bootstrap 3.xx到4.xx轻量级（js css：100Kb）智能用户交互适用于所有主要浏览器： Safari，Chrome，Firefox，Opera…
vue写购物车点击加减数量，计步器组件
1.可以直接复制代码使用，count.vue组件代码
<template><div class"count"><span class"reduce" click"reduce"></span><input type"number" v-model"num" change"change"…
EasyExcel 实现多个Sheet页导出
1 Maven依赖 <dependency><groupId>com.alibaba</groupId><artifactId>easyexcel</artifactId><version>2.1.6</version></dependency>
2 实现代码 /*** 导出多个sheet页数据** param response*/GetMapping("/exportMul…
Typora自定义主题
Typora主题调制 文章目录Typora主题调制主题文件自定义主题文件样式修改字体加入背景图片主题文件
偏好设置中打开主题文件夹
一般在C:\Users\<用户名>\AppData\Roaming\Typora\themes\这个目录下面 这里面有用的就是一坨css层叠样式表文件,其他的文件夹是下载的,只需要…
前端学习笔记--23/5~27/5《JavaScript高级程序设计》阅读心得
先总结一下这一周，本来的计划是强化JavaScript的。所以制定的目标是读《JavaScript高级程序设计》的。但是其中穿插了很多我对构建网页的学习。 并且这个周发生了两件非常严重的事情。一件事情是我跟男朋友说学得好辛苦的时候，他劝我还是放弃好了。 我那…
尚硅谷Vue脚手架（天禹老师主讲）的笔记
这是尚硅谷Vue脚手架（天禹老师主讲）的笔记 文章目录这是尚硅谷Vue脚手架（天禹老师主讲）的笔记脚手架文件结构关于不同版本的Vuevue.config.js配置文件ref属性props配置项mixin(混入)插件scoped样式总结TodoList案例webStorage组件…
threejs的控制器 立方体空间 基本控制器+惯性控制+飞行控制
threejs的控制器 立方体空间 基本控制器惯性控制飞行控制
import React, {Component} from react;
import * as THREE from "three";
import {OrbitControls} from "three/examples/jsm/controls/OrbitControls";
// import {reflect} from "three/e…
前端系列二十六：异常处理
全局异常处理：
示例： function test1() { try { console.log(test1) test2( ) } catch ( error ) { console.log( catch in test1, error ) } } …
前端系列二十四：git 远程仓库命令
克隆拉远程仓库内容：
git clone 远程仓库地址
抓取命令：
git fetch 意思就是 将仓库的更新都抓取到本地，不会进行合并 拉取命令：
git pull 意思就是将远程仓库的修改拉取到本地进行自动合并
推送命令:
git push
远程代…
6月22日项目CodeReview问题及总结
后台代码部分1. 枚举类的使用：当定义的某个字段有多种状态值或表示值时，可以创建一个枚举类将所有状态表示出来，并供其他使用到该字段的方法统一调用。枚举类定义可参考 /banking-dbbp-product-comp/src/main/java/com/vivebest/banking/dbbp…
nodejs的事件循环1
JavaScript的学习零散而庞杂，因此很多时候我们学到了一些东西，但是却没办法感受到自己的进步，甚至过了不久，就把学到的东西给忘了。为了解决自己的这个困扰，在学习的过程中，我一直试图在寻找一条核心的线索…
身份证号的严谨判断精确到队后一位
1.身份证号最后一位的计算逻辑
身份证号码最后一位计算方法：
1、将前面的身份证号码17位数分别乘以不同的系数。
从第一位到第十七位的系数分别为：7－9－10－5－8－4－2－1&a…
threejs的环境光+点光源+平行光源+球面光 以及hepler理解+阴影()
阴影(光castShadow,物体castShadow,接受receiveShadow+render 的shadowMap.enabled=true)
light.castShadow=true
box.castShadow = true;
box.receiveShadow=true
this.renderer.shadowMap.enabled=trueimport React
分布式监控系统Zabbix-3.0.3-完整安装记录（2）-添加mysql监控
Zabbix3.0 Server以后就自带了MySQL插件来监控mysql数据库的模板，只需要配置好agent客户端，然后在web端给主机增加模板就行了。 以下是公司线上的zabbix3.0环境下添加mysql监控操作记录： Zabbix_agent客户端操作1）首先在客户端的m…
请求 - axios
实际应用示例 前端不需要做统一的接口防重 前端无法通过判断接口是否返回来释放按钮（因为可以手动刷新页面，将导致刷新前请求丢失）后端对接口做了防重通过增加时间戳避免IE9的get请求缓存问题 axios.interceptors.request.use(function (resp…
WEB渗透测试-安全白帽子修炼
1 第一步(理论篇)-① 2016 蠕虫 特洛伊木马(Trojan Horse) 被控端TCP 反向连接
webshell 后门脚本 获取网站 最高权限 EXP：全称 Exploit ，中文 利用 ，指利用系统漏洞进行攻击的动作。利用工具 POC：全称 Proof of Concept &…
循环动态渲染img标签
<img :src"require(../../assets/images/apply/vl.icon)" alt"">listInfo: [{icon: buKa.png,type: 补卡,id: 1},{icon: xiuJia.png,type: 休假,id: 2},{icon: xiaoJia.png,type: 销假,id: 3},{icon: jiaBan.png,type: 加班,id: 4},{icon: yuanCheng…
Web渗透测试-实战 方法 思路 总结
尽可能的搜集目标的信息
端口信息DNS信息员工邮箱
信息搜集的分类
1、主动式信息搜集（可获取到的信息较多，但易被目标发现） 2、通过直接发起与被测目标网络之间的互动来获取相关信息，如通过Nmap扫描目标系统。 3、被动式信息搜…
Web渗透测试-Xss跨站脚本攻击(Cross Site Scripting)
Xss跨站脚本攻击Xss通用明文 &&表单劫持跨站脚本攻击漏洞概念，漏洞原理和危害，掌握反射型、存储型XSS漏洞利用方法web安全工程师-03-XSS漏洞原理与利用第一章：XSS基础1.1 XSS介绍与原理~11.2 存储型XSS实战1.3 反射型XSS实战1.4 DOM型…
vue2，使用element中的Upload 上传文件，自定义上传http-request上传，上传附件支持多选，多个文件只发送一次请求，代码里有注释
复制直接使用，组件根据multiple是否多选来返回附件内容，支持多选就返回数据附件，则返回一个附件对象。
//uploadFiles.vue<template><div><el-uploadclass"avatar-uploader"action"#":accept"accep…
SAP SQL/CDS新功能货币汇率转换CURRENCY_CONVERSION( p1 = a1, p2 = a2, … )
1. 示例
PARAMETERS: p_waers TYPE mseg-waers OBLIGATORY DEFAULT USD.SELECT SUM( currency_conversion( amount a~hsl, "转换的金额source_currency b~isocd, "源货币target_currency p_waers, "目标货币exchange_rate_dat…
Mobx在非react组件中修改数据，在ts/js中修改数据实现响应式更新
我们都之前在封装mobx作为数据存储的时候，使用到了useContext作为包裹，将store变成了一个hooks使用，封装代码:
import React from react
import UserInfo from ./user
import Setting from ./seting
import NoteStore from ./noteclass Stor…
后端开发有哪几种语言？ - 易智编译EaseEditing
后端开发是构建应用程序的一部分，负责处理服务器端的逻辑、数据库交互和数据处理。有许多编程语言可用于后端开发，以下是一些常见的后端开发语言：
Java： Java是一种广泛使用的面向对象编程语言，具有强大的跨平台能力。…
vue项目中 package.json 详解
在 Vue 项目中，package.json 是一个重要的配置文件，它包含了项目的名称、版本、作者、依赖等信息。下面是一份详细的 Vue 项目 package.json 配置说明： 1.name：项目的名称，用于标识项目，例如：&q…
Vue2向Vue3过度核心技术生命周期
目录 1 Vue生命周期2 Vue生命周期钩子3 生命周期钩子小案例1.1 在created中发送数据1.2 在mounted中获取焦点 4 案例-小黑记账清单4.1 需求图示：4.2 需求分析3.思路分析4.代码准备 1 Vue生命周期 思考：什么时候可以发送初始化渲染请求？&#…
vue3自定义指令防止表单重复提交
可以设置在某个事件段内不允许重复提交；或者点击提交后设置提交flag，flag为true则不能再次提交
<template><div><h1>防止表单重复提交</h1><button click"submitForm" v-throttle>提交</button></di…
用js如何实现将手机号中间的几位数字变成****
今天，我们要实现一个很常见并且简单的功能：将手机号中间的几位数变成****
这个功能其实很常见，比如我们微信的账号安全里面显示的手机号、掘金的账号设置里面显示的手机号、支付宝里面的证件号码、各大银行的App卡号…还有很多有关系到我们私…
【ES6】Getter和Setter
JavaScript中的getter和setter方法可以用于访问和修改对象的属性。这些方法可以通过使用对象字面量或Object.defineProperty()方法来定义。
以下是使用getter和setter方法的示例：
<!DOCTYPE html>
<script>const cart {_wheels: 4,get wheels(){retu…
antdesign Vue table - 换行
表头换行
customHeaderCell: () > {return {style: {whiteSpace: pre-wrap,},};
},
列表换行 customCell:() > {return {style: {wordWrap:break-word,wordBreak:break-all,whiteSpace:normal,minHeight:50px,// width:150,}}
}
css学习7（盒子模型）
1、盒子模型图： Margin(外边距) - 清除边框外的区域，外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域，内边距是透明的。Content(内容) - 盒子的内容，显示文本和图像。 <!DO…
逆向破解——对称编码加密算法Java解密
encrypt_bypassBase64DES 数据加密标准口令加密PBEAES加密算法简介算法原理1.密钥2.填充算法流程1.字节替换2.行移位3.列混淆4.轮钥密加5.扩展密钥RSASHA密码学应用这些知识 怎么办 就跟大学 高数 线代 概论 似的 先背下来吧然后日苍穹 开屠龙技 用base64 编码算法Base64 对称密…
【javascript】javascript字符串函数 总结
目录
charAt()
concat()
indexOf()
substring()
replace()
toLowerCase()
toUpperCase()
split()
trim()
startsWith()
endsWith()
includes() charAt()
作用：返回指定位置的字符。
const str "Hello";
const char str.charAt(1);
consol…
Creator 3.x 资源加密方案！支持Web与原生
引言：在10月29日 Cocos Star Meeings 上海站上，羽毛先生分享了 3.x 资源加密与自定义一键打包相关方案，本文为分享内容的文字版。资源加密是保障项目安全的重要一环。本次和大家分享一个资源加密与解密的完整方案，能够支持多平台的…
VUE面试题汇总（五）
往期点这里：↓ VUE面试题汇总（一） VUE面试题汇总（二） VUE面试题汇总（三） VUE面试题汇总（四） 41. vue的双向绑定的原理，和angular的对比
参考答案：…
使HTML 5数字输入仅接受整数
原文：https://blog.zhangbing.site/2021/03/03/making-html-5-numeric-inputs-only-accept-integers/ 这两年我看到很多关于这方面的文章和帖子，这的确是一个非常方便的东西。但是，太多的实现还是有漏洞，残缺不全的实现࿰…
CSS 第1练 搜索
1、搜索 效果： <!DOCTYPE HTML>
<html>
<head><meta charset"gbk" /><title></title><style>* { margin: 0px; padding: 0px; font-size: 12px; }.btn_search_all { background-color: #2d58b9; border: solid…
前端为什么要组件化开发？
文章目录什么是前端模块化，组件化，工程化？为什么要组件化？组件化和模块化的区别插槽组件传值组件库结语什么是前端模块化，组件化，工程化？ 前端模块化：
可以理解为一组自定义业务的抽…
Node.js之网络小爬虫
使用JavaScript在前端访问跨域页面常常用到Ajax，后端Node.js抓取网页信息就容易得多。 下面是一个最简单的例子，抓取我的博客主页信息，显示首页博客标题。 1 var http require(http)2 var cheerio require(cheerio)3 4 var url http://www…
JavaScript 之 节流和防抖
1、节流和防抖的作用
节流和防抖都是作用于函数的，是为了限制函数的执行频率。在实际开发中，有一部分事件函数可能会被频繁触发，例如窗口的 resize、scroll 等事件，以及js动画事件，如果短时间内大量触发这些事件函…
前端文件下载（解决a标签多次下载只成功一次）
项目中文件下载功能，通过点击事件创建a标签形式下载：
const downloadFileA document.createElement("a");
downloadFileA.href URL.createObjectURL(blob);
downloadFileA.download fileName
downloadFileA.style.display "none&quo…
前端需要理解的 JavaScript 知识
1 关于JavaScript
JavaScript（JS）是单线程的、基于原型的、弱类型的、动态类型的、轻量的、支持面向对象/命令式/声明式编程的、头等函数的、多范式的、解释性（直译式或即时编译）的、也可在非浏览器环境下使用的动态脚本语言。Ja…
记录帖子-开发过程中遇到的问题和感悟记录
记录帖子1:2023年08月25日结束开发
前端规范
1.关于计算属性
计算属性关联的变量不可以过多，同时要保证关联的变量在代码中的变换次数不可过多 例如这段代码的this.options内部数据变化过多，导致计算属性调用次数过多导致页面卡顿
2.关于自定义v-mod…
Markdown扩展语法练习
Markdown 入门指南Markdown 基本语法Markdown 扩展语法Markdown 基本语法练习Markdown 基本语法练习 代码
<h2 id"table">表格</h2>| Syntax | Description |
| --- | --- |
| Header | Title |
| Paragraph | Text |### 对齐| Syntax | Description | …
前端面试话术集锦第一篇
🚗前端面试集锦目录 💖前端面试话术集锦第一篇💖 💖前端面试话术集锦第二篇💖 文章目录 1. 前端需要注意哪些SEO2. \<img>的title和alt有什么区别3. HTTP的⼏种请求⽅法⽤途4. 从浏览器地址栏输⼊url到显示⻚⾯的步骤5. 如何进⾏⽹站性能优化6. HTTP状态码及其…
ctfshow 红包题
前言：
最近一直在搞java很少刷题，看见ctfshow的活动赶紧来复现一波~
ctfshow 红包挑战7
<?php
highlight_file(__FILE__);
error_reporting(2);
extract($_GET);
ini_set($name,$value);
system("ls ".filter($_GET[1]).""
)…
typescript和javascript的区别之处
TypeScript和JavaScript都是流行的编程语言，它们都被广泛应用于Web开发。虽然它们有很多相似之处，但它们之间也有一些显著的区别。在本文中，我们将详细介绍TypeScript和JavaScript之间的区别。
1. 类型系统
TypeScript是一种类型安全的语言…
CSS实现白天/夜晚模式切换
目录 功能介绍
示例
原理
代码
优化
总结 功能介绍 在网页设计和用户体验中，模式切换功能是一种常见的需求。模式切换可以为用户提供不同的界面外观和布局方案，以适应其个人偏好或特定环境。在这篇博客中，我们将探索如何使用纯CSS实现一…
2023第七届蓝帽杯 初赛 web LovePHP
LovePHP
直接给了源码。 network查看到，PHP版本是7.4.33 题目要求我们GET一个my_secret.flag参数，根据PHP字符串解析特性，PHP需要将所有参数转换为有效的变量名，因此在解析查询字符串时，它会做两件事：
删…
【ag-grid-vue】列定义（Updating Column Definitions）
列定义一节解释了如何配置列。可以在初始设置列之后更改列的配置。本节介绍如何更新列定义。 添加和删除列
可以通过更新提供给网格的列定义列表来添加和删除列。当设置新列时，网格将与当前列进行比较，并计算出哪些列是旧的(要删除)、哪些列是新的(创建…
Linux 中的 cron 命令及示例
cron是一个软件实用程序，由类似 Linux 的操作系统提供，可以在预定时间自动执行计划任务。它是一个守护进程，作为后台进程运行，并在触发某个事件或条件时在预定义的时间执行指定的操作，而无需用户干预。频繁处理重复的任务对于系统管理员来说是一项令人生畏的任务，因此他可…
jquery设置图片可手动拖拽
JQuery是一款流行的JavaScript框架，可以轻松实现网页交互效果。而其中一种常见效果是图片手动拖拽。以下是设置图片手动拖拽的JQuery代码。
$(document).ready(function() {
var isDragging false;
var mousePos { x: 0, y: 0 };
var elemPos { x: 0, y: 0 };
v…
1：Web开发入门-Java Web
目录1.1 什么是Web应用程序1.2 B/S架构1.3 静态Web与动态Web1.4 Java EE介绍1.5 Java EE架构与组件1.6 Java EE中的容器1.7 XML介绍1.8 XML与HTML的区别1.9 XML的实现1.1 什么是Web应用程序 在Sun的Java Servlet规范中，对Java Web应用作了这样定义：“Jav…
剑指offer day17 排序（中等）
day17题目：剑指 Offer 40. 最小的k个数、剑指 Offer 41. 数据流中的中位数
知识点：数组、设计、排序、双指针，难度为简单、困难
学习计划链接：「剑指 Offer」 - 学习计划
题目知识点难度剑指 Offer 40. 最小的k个数数组、分治、…
Internet学习记录：互联网概述
互联网概述互联网网络？Internet?计算机网络InternetInternet的起源和发展ARPAnet发明Web互联网的两大标准组织IETFw3cWeb2.0Web3.0Web NG ?互联网
代表一种新的经济形态，即充分发挥互联网在生产要素配置中的优化和集成作用， 将互联网的创新…
对vue中nextTick原理的粗略理解
这是官网nextTick部分相关的文档~ 点我：Vue-nextTick 点我：异步更新队列
用法：在下次 DOM 更新循环结束之后执行延迟回调（即回调函数将在 DOM 更新完成后被调用）。在修改数据之后立即使用这个方法，获取更新…
Servlet与HTTP介绍学习
http介绍:http是一套规范，一种网络数据交互的标准协议，不同的语言，不同的数据想要实现合理的数据交互(例如：浏览器和服务器数据交互)，就得按照他所规定的协议来，这样就会形成标准的(大家都认识的)数据交互。…
SpringBoot thymeleaf模板页面没提示，SpringBoot thymeleaf模板插件安装
SpringBoot thymeleaf模板插件安装 SpringBoot thymeleaf模板Html页面没提示 SpringBoot thymeleaf模板页面没提示 SpringBoot thymeleaf插件下载 ©Copyright 蕃薯耀 2018年3月27日 http://www.cnblogs.com/fanshuyao/ 附件下载地址见：http://fanshuyao.itey…
JS中将对象转化为数组
一、通过for循环把一个对象变为 1 个数组 let obj {name: aaa,height: 190,sex: man,};let objNew [];for (let i in obj) {objNew.push({ [i]: obj[i] })}console.log(objNew,objNew);let test {livenessDetection: {amout: [1, 2, 3, 4, 5, 5],num: [2.3, 4.5, 2, 6, 2, 1…
Zabbix监控Mysql数据库性能
在之前的博文里面写过如何通过Zabbix监控mysql主从同步是否OK,mysql从库是否有延时（Seconds_Behind_Master）主库，当mysql主从有异常时通过Email或者SMS通知DBA和系统人员。除此之外，Zabbix还可以监控mysql slow queries,mysql ver…
AjaxPro常见的问题
最近新的项目中有使用到AjaxPro，使用ajaxpro本身不难，只需要注意几个地方；但这一次的使用中突然不能与后台交互，于是纠结了十几分钟，才发现了问题。 言归正传：使用AjaxPro首先需要引用AjaxPro程序集。 第二…
【校招VIP】前端计算机网络之UDP相关
考点介绍 UDP是一个简单的面向消息的传输层协议，尽管UDP提供标头和有效负载的完整性验证（通过校验和），但它不保证向上层协议提供消息传递，并且UDP层在发送后不会保留UDP 消息的状态。因此，UDP有时被称为不可…
【前端】CSS技巧与样式优化
目录 一、前言二、精灵图1、什么是精灵图2、为什么需要精灵图3、精灵图的使用①、创建CSS精灵图的步骤1）、选择合适的图标2）、合并图片3）、设置背景定位 ②、优化CSS精灵图的技巧1）、维护方便2）、考虑Retina屏幕3&…
＜el-form＞标签与＜el-col＞之间的套用导致点击无效的问题
编写简单的<el-form>表单时，可以使用<el-col>用来进行布局，让相关的组件放在同一行。但是今天使用时发现有两个问题：
<el-row> <el-col> </el-col>
</el-row>
①如果用上以上这样的格式，布…
content生成自定义图标的方式是什么？
animate.css是一个跨浏览器的CSS3动画库，它内置了很多经典的CSS3动画。使用起来很方便。下面我们通过例子讲解如何使用自定义类名和animate.css库实现动画效果。
(1)从animate.css官方网站获取animate.css文件，保存到chapter04目录中。
(2)创建C:\vue\…
Vue的map()方法和filter()方法的使用
map()
map()：方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值
案例：
const data res.map(item > item.id);
const data res.map(item > return item.id);
const data res.map(item > { name: item.name, id…
vue中的Computed和watch区别即使用方法、场景
一、Computed
在Vue.js，computed 是一个非常有用的属性，它允许声明计算属性，这些属性会根据其依赖的数据进行自动更新，而无需手动触发。computed 属性常用于根据现有的响应式数据进行计算，以生成派生的数据࿰…
第一个react应用程序并添加样式
编写第一个react应用程序
将目录下的文件、src文件夹、public文件夹清空，项目根目录下新建一个文件index.js 在文件中写入以下代码
import React from react
import ReactDOM from react-dom
ReactDOM.render(<h1>欢迎进入React的世界</h1>,document.…
搭建个人博客Linux + WordPress
这篇文章主要介绍如何搭建个人网站，环境是Linux WordPress。
前面我是搞了个个人网站，不过呢，现在访问不了了。域名过期后，我没及时重新买，然后原先的域名，不知道被哪位兄弟给买走了。
分下面这么几步&a…
“深入理解事件处理器、表单综合案例和组件通信“
目录 引言1. Vue的事件处理器2. Vue的表单综合案例3. Vue的组件通信总结 引言
Vue.js是一款流行的JavaScript框架，广泛应用于现代Web开发中。在Vue的世界里，事件处理器、表单综合案例和组件通信是三个重要的主题。本文将深入探讨这些主题，并…
JavaScript中的`async`和`await`关键字的作用
聚沙成塔每天进步一点点 ⭐ 专栏简介⭐ async关键字⭐ await 关键字3. 错误处理 ⭐ 写在最后 ⭐ 专栏简介 前端入门之旅：探索Web开发的奇妙世界 记得点击上方或者右侧链接订阅本专栏哦 几何带你启航前端之旅
欢迎来到前端入门之旅！这个专栏是为那些对We…
for forin forof forEach map区别
一、总结
相同点：都是串行遍历。不同点：
二、for of循环
设计目的：遍历所有数据结构的统一方法。原理：会调用数据结构的Symbol.iterator方法。 只要数据结构定义了Symbol.iterator属性，就能用for of遍历它的成员。…
前端系列二十三：git配置公钥和开发中分支使用原则与流程
生成SSH公钥：
打开git 在git里输入命令: ssh-keygen -t rsa 不断回车即可 获取公钥可以不用去文件里复制 只需输入命令： cat ~/.ssh/id_rsa.pub 再把显示的内容全部复制，打开例如码云找到设置里的SSH…
关于HTML条件注释你可能不知道的一些事儿
关于HTML条件注释你可能不知道的一些事儿 http://www.veryhuo.com 烈火网 2012-07-28 投递稿件最近经常看到类似这样的HTML代码片段，很多前端开发人员应该都熟悉： 1 <!--[if lt IE 7]> <html class"ie6"> <![endif]-->…
前端系列二十二：git 解决冲突
当两个分支修改了同一文件同一行时,这个时候就需要手动解决冲突,解决代码冲突如下：
1.处理文件中冲突的地方 <<<<<HEAD 代表当前分支上修改的内容 count 1 count2 dev上修改的内容 >>>>&…
js使用魔数判断图片类型(可在线运行)
codepen在线运行
https://codepen.io/youngboyvip/pen/qByzWex
talk is cheap show you the code const readBuffer (file) > {return new Promise((resolve, reject) > {const reader new FileReader()reader.onload () > {resolve(reader.result)};reader.oner…
【React Hooks优化】减少重复渲染
文章目录前言一、为什么要进行优化？React的默认渲染行为二、使用memo/useMemo缓存组件1.memo2.useMemo2.useCallback总结前言
事情发生在一个下午，我需要用React hooks写一个定时器，因为useEffect每次执行都会使组件重新渲染一次，…
除了阿里的iconfont图标库，还有这10个开源SVG图标库
微信搜索【前端全栈开发者】关注这个脱发、摆摊、卖货、持续学习的程序员的公众号，第一时间阅读最新文章，会优先两天发表新文章。关注即可大礼包，送某网精品视频课程网盘资料，准能为你节省不少钱！ 在国内，我…
Vue3中的Vue Router初探
对于大多数单页应用程序而言，管理路由是一项必不可少的功能。随着新版本的Vue Router处于Alpha阶段，我们已经可以开始查看下一个版本的Vue中它是如何工作的。
Vue3中的许多更改都会稍微改变我们访问插件和库的方式，其中包括Vue Router。我们…
基于crypoto 前端AES加密解密
npm下载并引用crypoto 为其建立一个独立的js文件
import CryptoJS from crypto-jsfunction getAesString(data, pkey, piv) { //加密var key CryptoJS.enc.Utf8.parse(pkey);var iv CryptoJS.enc.Utf8.parse(piv);var encrypted CryptoJS.AES.encrypt(data, key, {iv: iv,m…
框架：SpringBoot 数据库：MySql 前端：JS 后端读取数据库中时间并返回到前端是时间戳...
经历： SSM框架下实体类中有Date类型属性，将数据返回到前端，结果显示的是时间戳 解决方案是在Date类型属性上加上：JsonFormat（patternyyyy-MM-dd HH:mm:ss,timezoneGMT8）即可解决 后来在SpringBoot框架下又遇…
TypeScript 对象的简单使用和操作包含number对象等
TypeScript 对象一、TypeScript 对象二、TypeScript Number对象三、TypeScript String对象一、TypeScript 对象
1.对象是包含一组键值对的实例
let oneObj { key1: "1", key2: "2", key3:["content1", "content2"]
}2.TypeScript…
Object.keys循环遍历对象的key值求和
今天开发遇到了个这样的需求 整理一下
let array [{pricesetNprice: 50,pricesetPrefprice: 90,pricesetRefrice: 0,pricesetType: ,productareaName: null,refundFlag: 0,sendgoodsBatch1: 111,sendgoodsBatch2: 222,sendgoodsBatch3: 333,......},]我想计算数组里面所有包含…
使用GitHub Pages和GitHub Actions部署React应用
介绍
我最近用Create React App starter模板创建了一个网站来演示我开发的一个npm包。我认为使用GitHub页面部署这个站点是非常简单的，然而，我错了。经过反复试验，我设法解决了这个问题。本文的目的是重新创建该场景，并带领您完成…
Spring @Valid @Validated实现验证的方法
小编给大家分享一下Spring Valid Validated实现验证的方法，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
对于属性的验证有如下一些注…
将ECharts图表保存为图片并发送至服务端
1、获取图片的base64值
Function：echartsInstance. getDataURL
(opts: {// 导出的格式，可选 png, jpg, svg// 注意：png, jpg 只有在 canvas 渲染器的时候可使用，svg 只有在使用 svg 渲染器的时候可用type?: string,// 导出的图…
Java中线程顺序执行解析
这篇文章给大家介绍Java中线程顺序执行解析，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。
线程的执行顺序是不确定的 调用Thread的start()方法启动线程时，线程的执行顺序是不确定的。也就是说，…
仅仅打开了1个页面，为什么有4个进程？
1. 历史浏览器是单进程的，会有很多问题：不稳定、不流畅和不安全，容易造成崩溃
2. 随着时代的发展，浏览器进入多进程时代
目前的多进程架构如下 浏览器进程。主要负责界面显示、用户交互、子进程管理，同时提供存储等功…
CSS新增的:where和:is伪类函数是什么？
来自博客：https://blog.zhangbing.site/2021/04/14/css-where-is-pseudo-class-functions/ 什么是 :is 与 :where？
:is() 和 :where() 都是伪类函数，可以帮助缩短和停止创建选择器时的重复。它们都接受选择器的参数数组（id&#…
在Vue.js中加载字体的最佳做法
博客原文：https://blog.zhangbing.site/2021/04/07/best-practices-for-loading-fonts-in-vue/ 添加字体不应该对性能产生负面影响。在本文中，我们将探讨在 Vue 应用程序中加载字体的最佳实践。
正确声明font-face的字体
确保正确声明字体是加载字体的…
你可能不知道的10个CSS新功能（2021版）
多年来，CSS已经超越了背景颜色、边框、文本样式、边距和盒模型。现代CSS能够提供一系列的功能，而在过去，您需要JavaScript或变通方法来实现这些功能。
为了庆祝它在2021年取得的成就，在这篇文章中，我们想看看一些你可…
vue3-admin-element安装
1、直接点此链接进入下载
https://gitee.com/hu-snail/vue3-admin-element-template
2、下载完毕之后是个压缩包，解压 然后直接可以运行到vscode或HBuilder中
3、下载依赖：我使用的npm下载
npm i
npm i serve启动
运行：npm run serve
…
echarts的双向柱形图的legend图例不显示的原因是，sereies里的数据，没有写name属性，必须要写，图例才会出现
echarts柱状图 双柱状图基本用法_echarts双柱状图_崽崽有点笨的博客-CSDN博客
js数组转字符串（3种方法）
一、Array 对象的数组与字符串相互转换方法：
数组方法说明toString()将数组转换成一个字符串toLocalString()把数组转换成本地约定的字符串join()将数组元素连接起来，构建成一个字符串
二、示例
示例1：toString() 方法（数组—&…
JAVA-中国矿业大学作业-编写程序，将字符串“你好，欢迎来到JAVA世界”对其中的“java“进行截取，输出截取字母和它在字符串中的位置
public class 欢迎来到JAVA世界 {public static void main(String []args){String s1"你好，欢迎来到JAVA世界";int lens1.length();System.out.println(String.valueOf(len));int startIndex s1.indexOf("JAVA");int endIndex startIndex &q…
ElMessageBox.prompt 点击确认校验成功后关闭
ElMessageBox.prompt(, 验证取货码, {inputPattern: /^.{1,20}$/,inputErrorMessage: 请输入取货码,inputPlaceholder: 请输入取货码,beforeClose: (action, instance, done) > {if (action confirm) {if (instance.inputValue) {let flag false;if (flag) {done()} else …
新版HBuilderX在uni_modules创建搜索search组件
1、创建自定义组件 my-search 新版HBuilder没有了 component 文件夹，但是有 uni_modules 文件夹，用来创建组件： 右键 uni_modules 文件夹，点击 新建uni_modules创建在弹出框，填写组件名字，例如：…
CSS3常用的新功能总结
CSS3常用的新功能包括圆角、阴渐变、2D变换、3D旋转、动画、viewpor和媒体查询。
圆角、阴影
border-redius
对一个元素实现圆角效果，是通过border-redius完成的。属性为两种方式：
一个属性值，表示设置所有四个角的半径为相同值ÿ…
SpringMVC之CRUD（直接让你迅速完成部署）
一、项目创建 首先创建一个基于maven的项目部署，如果有些插件没有的话可以参考mybatis入门Idea搭建 二、配置依赖导入 依赖导入 1、pom.xml 需要根据自己的文件来进行导入，并不是原本照着导入 <project xmlns"http://maven.apache.org/POM/4.0.0…
day27--AJAX(bootstrap之modal,toast；接口文档的一些用法；AJAX原理)
目录
Bootstrap之Modal：
显示和隐藏方法
通过自定义属性：
使用JS来控制弹框：
Bootstrap之Toast：
接口文档一些用法：
删除图书：
图片上传：
图片上传步骤：
修改头像…
Composition Api 与 Options Api 有什么区别？
Vue 3.0采用的Composition API与Vue 2.x使用的Options API在编写Vue组件时有一些区别。
区别： 组织代码的方式不同： Options API：按照选项进行组织，将数据、计算属性、方法等声明在一个对象中。Composition API：按照逻…
CSS小技巧之单标签loader
本文翻译自 How to create a CSS-only loader with one element，作者： Temani Afif， 略有删改。 loader组件是网站的重要组成部分。它可以用在许多地方，我们需要显示的内容正在加载中。这样的组件需要尽可能简单，在这篇…
Vue-3.2自定义创建项目
基于VueCli自定义创建项目架子 选择第三个 空格选中，再空格取消 选择vue2 其实就是mode模式，之后再去修改就可以，history和hash 选择less 无分号规范（标准化），目前最流行的 将配置文件放在单独的文件中 是否…
vue3后台管理框架之API接口统一管理
在开发项目的时候,接口可能很多需要统一管理。在src目录下去创建api文件夹去统一管理项目的接口；
参数请参考mock中的模拟接口 //统一管理咱们项目用户相关的接口import request from @/utils/requestimport type { loginForm, loginResponseData, userInfoReponseData } fro…
将一个数组赋值给一个空数组
let a []
let b [1,2,3]
a [...b]如果有多层
let a []
let b [{"gradeId": 1,"gradeName": "一年级","classData": [{"classId": 1,"className": "一班"}]},{"gradeId": 2,"gradeN…
vue 中 axios 的安装及使用
vue 中 axios 的安装及使用 1. axios 安装2. axios使用 1. axios 安装
首先，打开当前的项目终端，输入
npm install axios --save-dev验证是否安装成功，检查项目根目录下的 package.json,其中的 devDependencies 里面会多出一个axios及其版本…
vue3+element下拉多选框组件
<!-- 下拉多选 -->
<template><div class"select-checked"><el-select v-model"selected" :class"{ all: optionsAll, hidden: selectedOptions.data.length < 2 }" multipleplaceholder"请选择" :popper-app…
Vue中作用域插槽的简单使用
效果： 公共组件： <template><div class"colorTimeTemplate"><div>123</div><div class"colorTimeTemplate-upload"><slot name"uploadBox"></slot>&l…
【css】margin：auot什么情况下失效
margin：auto只对块级元素有效果，并且在正常文档流margin：automargin：0 auto，css默认在正常文档流里面margin-top和margin-bottom是0
为什么margin: auto能实现水平居中，而垂直居中不行？ 一般子…
LinearLayout:线性布局 水平布局 垂直布局
1.LinearLayout:线性布局，水平布局，垂直布局；
Weight:权重
2.TableLayout表格布局
TableRow:添加控件表示表格行列，几个TableRow就几行。
Column:在哪列
4.帧布局FrameLayout
5.运用表格布局显示一个计算器页面：…
HTML基础标签 CSS选择器 JavaScript基础语法 WebAPI_ 页面设计 HTTP协议
第 1 题（简答题）
题目名称：
编写博客, 总结 HTML 中的常用标签用法
题目内容：
编写博客, 总结 HTML 中的常用标签用法
第 2 题（简答题）
题目名称：
image 标签的 alt 和 title 属性有什么…
白捡一个存储型XSS
本文由掌控安全学院 - 杳若 投稿
起因
利用fofa搜索时发现
org"China Education and Research Network Center" && body"/register"
任意用户注册
在找到该CMS的时候发现存在任意用户注册的情况
http://xxxx.edu.cn/student/Register.ashx
…
＜el-select＞ 当绑定的值在选项中不存在时，不显示其对象的key
若要实现在 el-select 组件中当绑定的值在选项中不存在时，不显示其对象的 key，可以使用 slot-scope 和 v-if 来进行判断。
首先，在 el-select 中添加一个 slot-scope，来访问选项对象和当前选中的值：
<el-select v…
NSBezierPath绘制圆角矩形的圆角不够圆滑？
在Macos应用开发过程中，使用OC语言编码，效果是：圆角的线宽 比 边框的 大或者浓。
经过大量查询，发现：如果圆角矩形宽高和View的宽高一样大，就导致圆角矩形的边框线有一半在View外面而被裁剪。
调整后的…
JavaScript实现系统级别的取色器、EyeDropper、try、catch、finally
文章目录 效果图htmlJavaScript关键代码EyeDroppertry...catch颜色值相减(色差)的传送门 效果图 html
<div class"d_f fd_c ai_c"><button id"idBtn" class"cursor_pointer">开始取色</button><div id"idBox" c…
elementui el-dialog 动态生成多个，点击按钮打开对应的 dialog
业务场景：
根据后端返回的数据，动态生成表单，返回的数据中会有表单字段的类型，如果单选、多选、富文本，其它的属性还好说，重点说在富文本，因为我想通过 dialog 弹窗的方式，进行富文…
截取字符串 substr lastIndexOf
效果图
代码 item.content.substr(item.content.lastIndexOf(/) 1, item.content.length - item.content.lastIndexOf(/))
就可以得到
关于ElementUI之首页导航与左侧菜单实现
目录 一.Mock
1.1.什么是Mock.js 1.2.特点
1.3.安装与配置
1.3.1. 安装mock.js
1.3.2.引入mock.js
1.4.mockjs使用
1.4.1.定义测试数据文件
1.4.2.mock拦截Ajax请求
1.4.3.界面代码优化
二.总线
2.1.是什么
2.2.前期准备
2.3.配置组件与路由关系
2.3.1. 配置组件 …
总结 - 组件通用封装思路（组件封装）
组件封装： 1. 不变； 2. 变：①prop ②slot插槽 详细总结在文末。
---------------------------------------------------------------------------------------------------
问题：结构相似，内容不同 --》 可以用组…
前端实现页面通过canvas添加全屏水印
写在前面，博主是个在北京打拼的码农，从事前端工作5年了，做过十多个大大小小不同类型的项目，最近心血来潮在这儿写点东西，欢迎大家多多指教。 对于文章中出现的任何错误请大家批评指出，一定及时修改。有任何…
GIS前端编程 地图常用操作
GIS前端编程 地图常用操作 地图背景设置地图定位地图级数控制获取显示参数 地图操作是WebGIS应用的基本功能，如缩放、移动等操作。在实际WebGIS应用中，地图操作方式多种多样。下面主要介绍以下几种地图操作：地图背景设置、地图定位、地图级数…
VUE 开发知识个人记录
以下内容是本人在开发过程中实际验证过的一些固定写法，记录下来，方便自己后续开发过程中直接拷贝粘贴。
1、div 设置宽度自适应文本内容：设置 div 节点的 class 为下面 auto-adjust-text-width
.auto-adjust-text-width {display: inline-b…
vue的由来、vue教程和M-V-VM架构思想、vue的使用、nodejs
vue
vue的由来 vue教程和M-V-VM架构思想 vue的使用 nodejs vue的由来
# 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览…
使用vite+npm封装组件库并发布到npm仓库
组件库背景：使用elementplusvue封装了一个通过表单组件。通过JSX对el-form下的el-input和el-button等表单进行统一封装，最后达到，通过数据即可一键生成页面表单的功能。
1.使用vite创建vue项目 npm create vitelatest elementplus-auto-form…
新老手必备的34种JavaScript简写优化技术
开发者的生活总是在学习新的东西，跟上变化不应该比现在更难，我的动机是介绍所有JavaScript的最佳实践，比如简写功能，作为一个前端开发者，我们必须知道，让我们的生活在2021年变得更轻松。
你可能做了很长时…
【前端优化】超详细!带你体验常用的前端优化手段
文章目录前言一、图片懒加载原因判断是否进入可视区方案一: clientHeight、scrollTop 和 offsetTop方案二：getBoundingClientRect二、防抖与节流三、路由和组件懒加载原因使用实例路由懒加载:组件懒加载四、图片预加载原因五、使用前端缓存强缓存协商缓存六、减少回…
【前端怪谈】两个行内块元素之间的间距问题
文章目录前言一、问题描述二、解决方式1.使用浮动2.清除行内块元素之间的空格和换行符3.父元素设置font-size:03.父元素设置word-spacing总结前言
相信行内块元素,也就是display:inline-block的元素大家并不少见,不知道大家有没有发现一个问题,就是当两个行内块元素在同一行并…
web前端学习的几个阶段
学习web前端，首先，好的学习方法很重要，另外，知道要学习哪些阶段也是必不可少。以下分析web前端学习的6大阶段，相信对于刚刚接触前端的新手来说会有很大的帮助。 第一阶段：Web页面制作 整体目标：…
安装Visual Studio 2008出错的问题:Pre/Post/Install() failed...HRESULT -2147023293
前端时间下载了微软的VS2008试用版，一直没有安装，上星期五想装一个玩玩。我的操作系统是XP Pro SP3，也是上个星期刚安装的，没有装多少东西，也就是装了Symantec AntiVirus，Office2007等几个常见软件。安装VS…
JavaScript中的运行时间统计方法
在开发中，我们经常需要对代码的执行时间进行统计和分析。JavaScript 提供了多种方法来测量代码的运行时间，本文将介绍使用 Date 对象、console.time() 和 performance.now() 来实现这个目标。
使用 Date 对象进行运行时间统计
Date 对象是 JavaScript …
webuploader如何判断是否上传的是空文件？
在beforeFileQueued事件中可以判断：
// 当有文件被添加进队列的时候
uploader.on( beforeFileQueued, function( file ) {if(file.size 0){alert("请不要上传空文件");}
});
怎么修改antd默认样式
一、组件中使用className：
<TablerowKey"id"loading{store.isFetching}dataSource{data}pagination{false}className"fileManagerTable"scroll{{ y: 600 }}><Table.Columntitle"名称"dataIndex"name"key"na…
解决ts报错TSError: ⨯ Unable to compile TypeScript
出问题的代码：
let xx: number[]
let yy {"x": xx}
报错细节：TS2454: Variable xx is used before being assigned.
解决
方式1：修改代码
let xx: number[] []
let yy {"x": xx}
方式2：修改配置
给…
JSPatch – 动态更新iOS APP
博文转载至 http://blog.cnbang.net/works/2767/ JSPatch是最近业余做的项目，只需在项目中引入极小的引擎，就可以使用JavaScript调用任何Objective-C的原生接口，获得脚本语言的能力：动态更新APP，替换项目原生代码修复b…
vue使用img标签:src属性动态引入资源路径的方法
vue版本号：3.2.13 vue中<img src"" />标签静态引入图片资源
<template><!-- <router-view/> --><!-- 静态引入图片资源 --><img src"./assets/logo.png" alt"">
</template><style la…
TypeScript入门基础
1.TypeScript安装
安装
npm install -g typescript检测ts是否安装成功
tsc -v第一个ts文件
新建一个文件夹用vscode打开并创建一个ts文件 因为浏览器不支持ts和es6语法，所以需要有一个编译的过程将ts转换成es5语法
设置自动编译
新建一个文件夹testinit并在…
企业级NginxWeb服务优化实战（上）
企业级NginxWeb服务优化实战（上） 1. Nginx基本安全优化 1.1 调整参数隐藏Nginx软件版本号信息 一般来说，软件的漏洞都和版本有关，这个很像汽车的缺陷，同一批次的要有问题就都有问题，别的批次可能就都是好的…
HTML、CSS（补充知识点）
1.超链接与锚点
1.a标签代表超级链接 2.通过href属性指定要跳转的目的链接或者锚点 设置href"#"，代表跳转到页面最顶部 通过设置的id，跳转到指定id的位置 3.通过target属性指定是否要在新窗口中打开目的链接， target"_self&q…
Controller方法层POST请求方式代码形参接收不到问题
文章目录场景说明第一种情况：针对ContentType：aplication/json;第二种情况：针对ContentType：application/x-www-form-urlencoded;场景
ContentType：application/x-www-form-urlencoded的请求方式后端形参对象接收不到…
meta的作用和原理
转自meta标签的作用和原理
meta的标签的使用是我在前端学习中曾经困惑过一段时间的问题。一方面不是很了解meta标签的用途，另一方面是对于meta标签里的属性和值不是懂，也不知道从哪里冒出来的，所以这篇文章专门整理下meta标签，一个…
vue中下载生成的海报
先下载插件 npm install html2canvas --save 页面引用 import html2canvas from "html2canvas"; 页面 <div style"text-align: center; padding: 20px 0" ref"imageWrapper"> <div v-if"posterList.response">{{ posterLi…
记录：uniapp中的uni-datetime-picker 在ios设备被遮盖覆盖的问题
偶然发现苹果手机上这个picker弹出来的时候，自己写的组件竟然覆盖在了这个picker的上面，遮挡住了picker，不是全部遮挡，是遮挡一部分。以为是z-index层级的问题，找问题找bug找了一上午，最后发现：…
rest framework 解析器，渲染器
解析器 解析器的作用 解析器的作用就是服务端接收客户端传过来的数据，把数据解析成自己可以处理的数据。本质就是对请求体中的数据进行解析。 请求体相关字段： Accept：指定了接收的数据类型ContentType：指定了传递的数据类型解析器…
Vue2 slot 内容展示为 undefind 解决办法。
相关相关 issues ：https://github.com/vuejs/vue/issues/12153 一、产生原因 要注意 vue 与 vue-template-compiler 版本一致，主要原因是 vue 中 renderSlot 方法 调整，在 v2.6.13 版本，renderSlot 第二个参数支持 函数类型&#…
谈谈常见H5制作方法——视频与CSS3
本文在H5动效的常见制作手法的基础上，对相印的H5动效制作手法进行了扩展和整理，并结合案例谈谈怎么将其做得生动。 视频类 1、体验案例 视频类h5可以带给用户动效逼真，流畅的体验。虽然说制作视频的难度较大，但是瑕不掩瑜…
从零开始学 Web 之 DOM（二）对样式的操作，获取元素的方式
大家好，这里是「 Daotin的梦呓 」从零开始学 Web 系列教程。此文首发于「 Daotin的梦呓 」公众号，欢迎大家订阅关注。在这里我会从 Web 前端零基础开始，一步步学习 Web 相关的知识点，期间也会分享一些好玩的项目。现在就让我们一起…
web前端 参考资料
2019独角兽企业重金招聘Python工程师标准>>> http://www.css88.com/ 转载于:https://my.oschina.net/u/1266171/blog/699263
走向核心的探索 — V8引擎初探
前言 这段时间在写编译原理的课设，对于编译器的实现算是入了个门，着就激起了我心中的一个本源问题，JavaScript的引擎到底是什么样子的，V8直接导致了Node.js时代，JavaScript能做的事情越来越多。作为一个出色的JavaScri…
vue 弹框中包含avue-curd /el-table第一次点击样式正常 再次点击表格序号列和其他列错位
1.首先这里点击时获取接口数据需要等数据返回之后再打开弹框 2.给表格使用v-if 参数就是和弹框的参数一样 弹框显示再重新渲染表格就OK了
vue3+elementPlus ElMessageBox消息框取消按钮位置调整
要求所有的ElMessageBox消息弹出框的取消按钮放在右边，如图 代码如下
<script lang"ts" setup>
import { ElMessageBox } from element-plus
const btnHandle () >{ElMessageBox.confirm(确定要删除该人员吗？,提示,{cancelButtonCl…
VUE3中defineExpose的使用方法
使用 <script setup> 的组件是默认关闭的——即通过模板引用或者 $parent 链获取到的组件的公开实例，不会暴露任何在 <script setup> 中声明的绑定。
可以通过 defineExpose 编译器宏来显式指定在 <script setup> 组件中要暴露出去的属性 官网传…
SpringMVC实战crud增删改查
一.公共页面的跳转
1.编写页面跳转控制类
package com.YU.web;import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;/*** author YU* create …
【深入探讨】JavaScript多线程编程：理论、实践与优化
引言
在前端开发领域，随着技术的不断发展，多线程编程变得越来越重要。JavaScript作为前端开发的主导语言，对多线程的支持虽然有限，但通过一些技术和工具，我们仍然可以在JavaScript中实现多线程编程，从而优…
前端el-select 单选和多选
el-select单选
<el-form-item label"部门名称" prop"departId"><el-select v-model"dataForm.departId" placeholder"请选择" clearable:style{ "width": "100%" } :multiple"false" filtera…
测开 | Vue速查知识点
文章目录 Vue知识1. Vue 概述2. Vue 代码格式3. Vue 指令3.1 v-bind & v-model3.2 v-on3.3 v-if和v-show3.4 v-for 4. 生命周期 Vue知识
1. Vue 概述 简介： Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他…
点击router-link时候会发生什么？
当你点击链接或按钮时，将会导航到 User 组件，就会显示相应的用户 ID。
这里说一下执行流程，当点击一个 router-link 时，Vue Router会执行以下流程：
1）点击事件触发: 当你点击 router-link 组件时…
Vue2 和 Vue3 响应式上有什么区别？
Vue2 使用的是 Object.defineProperty() 来实现的响应式，它需要递归的对所有的属性进行拦截，重写 getter 和 setter 函数。
而且只能劫持已有的属性，对于新增属性和删除属性是拦截不到的，必须额外通过 $set、 $delete 这些 API 来…
前端文件下载实现方法
前端下载文件
// 文件路径
const url "https://mk-sit-1251517970.cos.ap-guangzhou.myqcloud.com/120184854663673856/aigc/image/aigc/image/image_175250240796018688.JPG"
// 下载方法
fetch(url).then(res > res.blob()).then(blobData > {const downloa…
使用FabricJS创建Image对象的JSON表示
本篇文章介绍一下如何创建图像的 JSON 表示形式 使用 FabricJS 的对象。我们可以通过创建一个实例来创建一个 Image 对象 织物.图像。由于它是FabricJS的基本元素之一，我们也可以轻松地 通过应用角度、不透明度等属性来自定义它。为了创建 JSON Image 对象的表示&am…
State management（状态管理）
State management https://en.wikipedia.org/wiki/State_management UI控件的状态管理， 例如按钮的灰化、只读、显示隐藏等。 特殊地一个控件的状态依赖其它控件的状态。 补充：对于控件的依赖不仅仅来自于其它的控件， 也可能来自于后台数据的…
什么是MVC架构模式
MVC(Model-View-Controller)架构模式是一种软件设计模式，用于将用户界面，数据模型和控制器分离开来。 模型(Model)：表示应用程序的数据和业务逻辑。视图(View)：表示数据如何呈现给用户。控制器(Controller)：负责在模型…
百度搜索下拉提示框实现
最近在做百度IFE前端技术学院的题,然后有一题就是模拟百度搜索智能提示。题目是开源的，稍后给出地址。 因为博主没学过后端啊，欲哭无泪，所以不能实现后端模糊搜索，那如果前端ajax纯粹请求一份同样的数据，效果就不好。 …
IPFS星际文件系统
IPFS星际文件系统(InterPlanetary File System)是去中心化文件系统,本文介绍IPFS节点软件系统安装,环境搭建等简介入门教程，及学习如何使用ipfs-api和Node.js访问IPFS网络。 一、ipfs节点安装与使用 1.1下载节点软件 到官网下载windows版的ipfs节点软件：…
记一次消息总线的打造
虽说消息队列的用法很简单：PUB/SUB, PRODUCER/CONSUMER，不过真做起来还真麻烦。 先说下原始需求： Web前端发送命令消息，后端Consumer处理，然后前端得到结果需要支持Windows服务很快，下图就出来了࿱…
帮我写一个discuz幻灯片切换的效果代码，完整版的
好的，我会尽力帮助你。首先，你需要准备一些图片，并将它们的地址存储在一个数组中。然后，使用 setInterval() 函数设置一个定时器，每隔一段时间就切换一张图片。 以下是完整的代码： // 图片地址数组
var ima…
vue单页应用中 返回列表记住上次滚动位置、keep-alive缓存之后更新列表数据 那点事...
实践场景需求产品列表中，滚动到一定位置的时候，点击查看产品信息，后退之后，需要回到原先的滚动位置，这是常见的需求所有页面均在router-view中，暂时使用了keep-alive来缓存所有页面，所以进入不同…
记录一次项目代码迁移过程
前因：已有项目缺少测试工具，需引入vue-cli 自带的测试工具：单元测试（karmamocha），E2E测试（Nightwatch），故而需要进行代码迁移。 思路：不重复的代码文件&#…
Uniapp忽略版本SDK更新
// 在manifest.json的app-plus配置
"compatible" : {// 忽略版本更新"ignoreVersion" : true
},
谈谈JS中的函数劫持
说到劫持，第一反应可能是什么不好的东西。函数劫持并不邪恶，关键是看使用的人。虽然这个概念在前端领域使用较少，但是在安全领域、自定义业务等场景下还是有一定的使用价值的。所以，这一篇文章将会和大家一起去了解一下JS中的函数…
作用域链–JS基础核心之一
JS中的作用域，大家都知道的，分为全局作用域和局部作用域，没有块级作用域，听起来其实很简单的，可是作用域是否能够有深入的了解，对于JS代码逻辑的编写成功率，BUG的解决能力，以及是否能…
js参数中有带，（逗号）的时候如何解决
2019独角兽企业重金招聘Python工程师标准>>> function update(oppId,offIds){window.location.href contextPath"/discount/toDiscountShow?oppId"oppId"&offIds"offIds;
} offIds：“10005，10006” "<a hr…
第三章 内存管理 六、基本分页存储管理
目录 一、定义
二、例子
三、总结 一、定义
基本分页存储管理是一种操作系统的存储管理技术。在基本分页存储管理中，物理内存被划分成固定大小的块，称为页面（Page），而程序代码和数据被分成相同大小的块，…
Vue3 模糊搜索筛选
Vue3 模糊搜索筛选
环境： vue3 tselement plus 目标： 输入框输入内容，对展示的列表进行模糊搜索筛选匹配的内容。 代码如下：
<div style"margin-top: 50px"><el-input v-model"valueInput" size&…
css盒子模型（框模型）属性
一、概述
盒模型又叫框模型，包含了五个用来描述盒子位置、尺寸的属性，分别是宽度 width、高度 height、内边距padding、 边框 border、外边距 margin。
这五个属性可以通过 CSS 来设置，用来控制 HTML 元素的位置和尺寸。盒模型是 Web 开发中…
一天一个前端面试题 之 Ts
题目：请解释一下 TypeScript 是什么，并列举一些 TypeScript 的优势和特性。 TypeScript 是一种由微软开发的开源编程语言，是 JavaScript 的超集，添加了类型系统和一些新的语言特性。TypeScript 可以被编译为纯 JavaScript 代码&am…
前端try和catch
为什么要使用try catch 使用try...catch语句是为了处理和管理可能会在程序运行过程中发生的异常或错误情况。以下是一些使用try...catch的主要原因： 错误处理：在开发过程中，无法避免地会出现各种错误，如网络请求失败、数据解析错误…
vue基础知识十：Vue中组件和插件有什么区别？
一、组件是什么
回顾以前对组件的定义：
组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式，在Vue中每一个.vue文件都可以视为一个组件
组件的优势
降低整个系统的耦合度，在保持接口不…
echarts和v-chart柱状图颜色渐变
echarts柱状图颜色渐变
series: [{type: bar,barWidth: 10,stack: total,data: this.seriesData,itemStyle: {normal: {color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{offset: 0,color: #4d76ff}, {offset: 1,color: #80aaff}]),}},}
],
v-chart柱状图颜色渐变 {…
uni-table多选获取当前行数据 - - -亲测有效
废话不多说，直接上代码 因为全选的时候,只能返回当前的索引,所有要处理一下 代码如下:
selectionChange(e) {let arrList [] // 选择的行数据let selectedIndexs [] // 选择的下标数组selectedIndexs e.detail.index// 将数组中的值，作为table表格数…
Nginx配置微服务避免actuator暴露
微服务一般在扫漏洞的情况下，需要屏蔽actuator健康检查 # 避免actuator暴露 if ($request_uri ~ "/actuator") { return 403; }
三级分类部分三级目录无法加载，后端接口能在前端返回所有数据
项目场景：
实现ElementUI中三级分类的功能，发现没有前端三级目录的二级目录可以新建三级目录，数据库中也有数据，但是无法在前端显示！后端的接口没有返回数据库的数据。 问题描述
提示：这里描述项目中遇到…
MARKDOWN 文档图片编码嵌入方案
#1 写在前面
开始写这篇文章时，标题怎么定困扰我良久，缘于不晓得如何给接下来要做的事定个简单明了的标题：在📱终端只能纯文本交互的前提下，优雅展示 markdown 文档中的图片。这也许比问题本身还要棘手😄。…
JS实现防抖（Debounce）和节流（Throttle）
防抖（Debounce）和节流（Throttle）是用于限制函数调用频率的两种常用技术，可以帮助你控制事件处理函数的执行次数。下面分别是防抖和节流函数的实现示例。
防抖函数（Debounce）
防抖函数意味着当…