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), //十六位十六进制数作为密…