前端开发常用技术工具网址导航汇总

这个是之前github看到过的一篇前端开发网址总结，涵盖前端开发所有常用的相关技术和插件工具汇总，

以后找前端相关学习资料不用到处找，收藏这一个就可以了，觉得很不错现在分享给大家。

1.1 HTML/CSS/JavaScript

地址	标签	说明
MDN 文档手册	html/css/js	很全很有用的查询网站。
W3C官网	html/css/js	W3C官方，不解释。
html中文网-css教程手册	css	快速查询css属性及基本使用。
canvas速查手册	canvas	一目了然canvas的api方法。
VML 参考手册	VML(IE)	*微软开发的在低端IE上运行的“SVG”。
ES6入门（阮一峰）	ES6	使用频率最高的ECMAScript6文档。
ECMA International(6) China	ES6	ECMAScript6官方文档，部分中文翻译。
ECMA International(6)	ES6	ECMAScript6官方文档。
ECMA6 features	ES6	通俗易懂的ECMAScript6特性demos。
TypeScript中文文档	typescript	TypeScript官网文档。
Typescript Handbook	typescript	TypeScript使用手册。
Web API Reference	html5	HTML5 web API查询，如摄像头/地理位置。
Safari HTML Ref查询	html	Safari webview的HTML标签查询，某些ios特殊的属性或表现可以查这个。
Web Assembly中文网	wasm	Web Assembly(wasm)中文网。
Dart中文网	dart	dart语言中文网。

1.2 兼容/查询

地址	标签	说明
can i use	--	使用频率最高的兼容支持查询网站。
ES兼容查询	js	ECMAScript兼容查询。
IOS字体支持查询	ios font	IOS系统自带字体查询。
Web安全色查询	web color	为了尽量让用户看到色彩相同的网页,请尽量使用216色的web安全色。
浏览器份额统计	browser	百度统计的市面上浏览器份额，（要Flash，Chrome不一定能看）。

1.3 CSS工具

1.3.1 预处理

地址	标签	说明
less文档	less	易上手的CSS预处理工具。
sass 文档	sass	热门的CSS预处理工具。
stylus 文档	stylus	功能丰富的CSS预处理工具。
stylus 文档(张旭鑫)	stylus	stylus中文文档。

1.3.2 后处理

地址	标签	说明
postcss 文档	postcss	被广泛运用的CSS后处理工具。
github-postcss	postcss	post插件库中心。
github-autoprefixer	autoprefixer	自动补充浏CSS前缀的后处理工具。
cssnano官网	cssnano	CSS优化和分解插件。
postcss-plugin-px2rem	px2rem	将px单位转为rem单位的工具。
postcss-px-to-viewport	px2vw	将px单位转为vw单位的工具。
cssnext官网	cssnext	让今天的我们写着明天的CSS特性。

1.3.3 样式库/模块

地址	标签	说明
30s-of-code(css)	30s-of-code(css)	常用CSS样式模块集合，30s of code系列。
animate.css	bulma.css	CSS3动画库。
Hover.css	Hover.css	PC鼠标hover交互动画库。
bulma.css	bulma.css	一款轻量级的CSS UI库。
cardinal.css	cardinal.css	一款移动优先的less库。
bootflat.css	bootflat.css	一款扁平化风格scss库，基于BootStrap3.3。
corpus.css	corpus.css	一款scss集合库。
weui	weui	微信风格的样式库，腾讯。
materialize.css	materializecss	Material风格的响应式前端样式框架。
mui.css	MUI	Material风格的轻量级前端样式框架。
Metro UI	Metro UI	一款流行的响应式前端样式框架，React版。
NES.css	NES.css	游戏机风格的前端样式框架。
paper.css	paper.css	手绘风格的前端样式框架。
css3 icon	css3 icon	纯CSS实现的图标。
Bootstrap 文档	bootstrap	红极一时的前端样式框架。
layui 文档	layui	一款采用自身模块规范编写的前端 UI 框架。
fontawesome	fontawesome	字体图标库。
iconfont	iconfont	字体图标库，阿里。
normalize	normalize	相对较优的CSS reset替代方案。
Tailwind官网	tailwind	模块化的UI库。

1.3.4 其他

地址	标签	说明
css tricks	css tricks	包括布局、图标、动画等CSS技巧。
BEM	bem	BEM写法规范。
ACSS	acss	Atomic CSS，一种模块化写法规范。
IT.css	itcss	IT CSS，一种组件化写法规范。
CSS modules	css-modules	一种CSS样式模块化的解决方案。
css in js	css-in-js	用写js的方式生成css样式。
Moo-CSS	moo-css	一种CSS写法方案。

1.4 JS插件/库

1.4.1 库

地址	标签	说明
jQuery api	jQuery	红极一时的js库。
Zepto api	Zepto	移动端使用的轻量级“jQuery”。
city.js	city	全国行政区划分数据文件。
phaser.js	phaser	2D游戏前端库。
fabric.js	fabricjs	有名的svg和canvas相互转换的封装库。
babylon.js	babylonjs	有名的3D游戏/视频框架。
stdlib	stdlib	js的数学增强库。
immutable-js	immutable	生产环境js的List, Stack, Map, OrderedMap, Set, OrderedSet以及Record数据结构支持，通常用于ReactJs。
GCanvas	gcanvas	轻量的跨平台图形引擎（web/weex/react-native），阿里。
Rough.js官网	roughjs	一个有意思的canvas绘图库（画出的图形具有手绘风格）。

1.4.2 数据工具

地址	标签	说明
LoDash	lodash	广为人知的函数式工具库。
ramda	ramda	广为人知的函数式工具库。
UnderscoreJS	underscorejs	红极一时的函数式工具库。
StreamJs	streamjs	一款js数据的操作工具。
BaconJs	baconjs	也是一款js数据的操作工具。
MomentJs	momentjs	一款日期格式化的工具（2020开始停止维护）。
DayJs	dayjs	一款日期格式化的工具，MomentJS的替代品。
numbro	numbrojs	一款多国语言的数字转化工具。
accounting.js	accounting.js	数字，金钱的格式化工具。
money.js	money.js	金钱的汇率转换工具。

1.4.3 请求、cookie和缓存

地址	标签	说明
axios	axios	高频使用的ajax库。
fetch	fetch	Fetch API的兼容polyfill。
jsonp	jsonp	不用多说，实现jsonp。（axios没有封装jsonp）
URI.js	uri	URI解析操作的工具。
StoreJs	storage	storage的封装库，兼容IE6。
js-cookie	js-cookie	cookie的封装库。
Dexie.js	Dexie.js	IndexedDB的封装库。
localForage.js	localForage	基于IndexedDB、WebSQL、localStorage的离线存储库，Mozilla。
basket.js	basket.js	利用localStorage来缓存script和css资源。

1.4.4 插件

地址	标签	说明
swiper.js	swiper	轮播插件。
nanobar.js	nanobar	绚丽的进度条展示插件，IE7+。
sweetalert	sweetalert.js	还算库的PC alert展示插件。
bowserjs	bowserjs	通过ua做的浏览器探测插件。
clipboard.js	clipboardjs	剪贴板控制插件。
Qrcode-generator	grcode-generator	二维码生成工具。
html2canvas	html2canvas	html转为图片（canvas），即实现网页截图。
Pen Editor	Pen Editor	web的文本编辑工具。
cleave.js	cleave.js	一款好用的input输入控制插件。
autosize.js	autosize.js	一款好用的</code>高度自适应工具。</td> </tr> <tr> <td>FileSaver.js</td> <td><code>FileSaver.js</code></td> <td>网页端字符/图片/文件另存为插件。</td> </tr> <tr> <td>FileAPI.js</td> <td><code>FileAPI</code></td> <td>控制文件上传的插件。</td> </tr> <tr> <td>shake.js</td> <td><code>shake.js</code></td> <td>移动端摇晃震动监听插件。</td> </tr> <tr> <td>Tippy.js</td> <td><code>tippy.js</code></td> <td>好用的气泡组件，有React版。</td> </tr> <tr> <td>algolia</td> <td><code>algolia</code></td> <td>好用的搜索集成方案。</td> </tr> </tbody> </table> <p>视/音频</p> <table> <thead> <tr> <th>地址</th> <th>标签</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>mediaelement.js</td> <td><code>mediaelementjs</code></td> <td>一款视频控制插件。</td> </tr> <tr> <td>video.js</td> <td><code>videojs</code></td> <td>一款视频控制插件。</td> </tr> <tr> <td>flv.js</td> <td><code>flvjs</code></td> <td>一款无需flash的flv播放插件。</td> </tr> <tr> <td>howler.js</td> <td><code>howlerjs</code></td> <td>视、音频控制插件。</td> </tr> <tr> <td>jplayer</td> <td><code>jplayer</code></td> <td>jQuery的视、音频控制插件。</td> </tr> <tr> <td>audio5.js</td> <td><code>audio5js</code></td> <td>一款音频控制插件。</td> </tr> </tbody> </table> <p>图片</p> <table> <thead> <tr> <th>地址</th> <th>标签</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>caman.js</td> <td><code>camanjs</code></td> <td>一款web图片处理插件。</td> </tr> <tr> <td>Sharp</td> <td><code>sharp</code></td> <td>一款大图片处理工具。</td> </tr> </tbody> </table> <p>字符串</p> <table> <thead> <tr> <th>地址</th> <th>标签</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>Voca.js</td> <td><code>vocajs</code></td> <td>字符串的驼峰/修饰/填充/截断/转义/大小写更改等等。</td> </tr> <tr> <td>anchorme.js</td> <td><code>anchormejs</code></td> <td>自动将文本中的链接/URL/电子邮件转化为可点击的锚点链接。</td> </tr> <tr> <td>String.js</td> <td><code>stringjs</code></td> <td>字符串的截取删除等操作库（很久没维护了）。</td> </tr> </tbody> </table> <p>1.4.5 工具</p> <table> <thead> <tr> <th>地址</th> <th>标签</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>md5.js</td> <td><code>md5</code></td> <td>md5加密。</td> </tr> <tr> <td>requirejs 文档</td> <td><code>requirejs</code></td> <td>js模块化工具。</td> </tr> <tr> <td>seajs 文档</td> <td><code>seajs</code></td> <td>js模块化工具。</td> </tr> <tr> <td>Browserify 文档</td> <td><code>browserify</code></td> <td>浏览器端使用类似于 node 的 require() 方式。</td> </tr> <tr> <td>validate.js</td> <td><code>validate.js</code></td> <td>form表单校验工具。</td> </tr> <tr> <td>validator.js</td> <td><code>validator.js</code></td> <td>有名的内容校验工具，比如邮箱验证、数值验证等。</td> </tr> <tr> <td>RxJS中文官网</td> <td><code>RxJS</code></td> <td>ReactiveX编程理念的js异步编程库。</td> </tr> <tr> <td>Bcrypt</td> <td><code>bcrypt</code></td> <td>用于密码散列处理的库。</td> </tr> <tr> <td>Faker</td> <td><code>faker</code></td> <td>用于在浏览器/Nodejs中生成假数据。</td> </tr> <tr> <td>Joi官网</td> <td><code>joi</code></td> <td>面向js的强大schema描述语言与数据验证器。</td> </tr> </tbody> </table> <p>1.4.6 数据可视化(图表)</p> <table> <thead> <tr> <th>地址</th> <th>标签</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>highcharts</td> <td><code>highcharts</code></td> <td>效果、兼容最好（ie6+）的可视化库，可惜企业要收费。</td> </tr> <tr> <td>echarts</td> <td><code>echarts</code></td> <td>国内最全面的可视化库。</td> </tr> <tr> <td>d3</td> <td><code>d3</code></td> <td>不直接输出图形，输出开发功能的svg工具。</td> </tr> <tr> <td>Chartjs</td> <td><code>chartjs</code></td> <td>模块化可视化库。</td> </tr> <tr> <td>antv</td> <td><code>G2/F2</code></td> <td>包括pc/移动的可视化库，蚂蚁。</td> </tr> <tr> <td>FundCharts</td> <td><code>fundcharts</code></td> <td>本人的跨端轻量可视化库。</td> </tr> <tr> <td>ThreeJs文档</td> <td><code>threejs/webGL</code></td> <td>3D建模工具</td> </tr> <tr> <td>scene.js</td> <td><code>scenejs</code></td> <td>WebGL 3D基础库。</td> </tr> <tr> <td>Snap.svg</td> <td><code>snap</code></td> <td>一款svg操作库。</td> </tr> <tr> <td>pixi.js</td> <td><code>pixijs</code></td> <td>2D WebGL渲染引擎。</td> </tr> <tr> <td>svg-3d-builder</td> <td><code>svg-3d-builder</code></td> <td>3D SVG渲染引擎。</td> </tr> <tr> <td>jsplumb</td> <td><code>jsplumb</code></td> <td>一款好用的流程图可视化库。</td> </tr> <tr> <td>cytoscapejs</td> <td><code>cytoscape</code></td> <td>一款好用的关系图谱可视化库。</td> </tr> <tr> <td>Mermaid</td> <td><code>mermaid</code></td> <td>一款好用的流程图生成可视化库。</td> </tr> </tbody> </table> <p>1.4.6 数据可视化(地图)</p> <table> <thead> <tr> <th>地址</th> <th>标签</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>cesiumjs</td> <td><code>Cesium.js</code></td> <td>一款开源的3D城市建模库。</td> </tr> <tr> <td>Kartograph</td> <td><code>Kartograph.js</code></td> <td>一款普通的2D SVG城市数据展示库，IE7+。</td> </tr> <tr> <td>leafletjs</td> <td><code>Leaflet.js</code></td> <td>一款移动优先的地图展示插件。</td> </tr> </tbody> </table> <p>1.4.7 h5动画</p> <table> <thead> <tr> <th>地址</th> <th>标签</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>Bounce.js</td> <td><code>BounceJS</code></td> <td>牛啤的CSS3动画创建工具。</td> </tr> <tr> <td>animateplus.js</td> <td><code>Animateplus</code></td> <td>仅3k的动画工具。</td> </tr> <tr> <td>Anime.js</td> <td><code>animejs</code></td> <td>轻量级js动画库。</td> </tr> <tr> <td>svg.js</td> <td><code>svgjs</code></td> <td>轻量的svg操作/动画库。</td> </tr> <tr> <td>snapsvg</td> <td><code>Snap.svg</code></td> <td>一款有名的svg操作/动画库。</td> </tr> <tr> <td>lottie</td> <td><code>lottie</code></td> <td>web/原生/小程序的跨端动效方案。</td> </tr> <tr> <td>EaselJS</td> <td><code>easeljs</code></td> <td>canvas动画操作库，CreateJS四剑客之一。</td> </tr> <tr> <td>TweenJS</td> <td><code>tweenjs</code></td> <td>动画曲线（ease/linear…）操作库，CreateJS四剑客之一。</td> </tr> <tr> <td>SoundJS</td> <td><code>soundjs</code></td> <td>音频控制库，CreateJS四剑客之一。</td> </tr> <tr> <td>PreloadJS</td> <td><code>preload</code></td> <td>资源预加载库，CreateJS四剑客之一。</td> </tr> </tbody> </table> <p>1.4.8 移动端手势</p> <table> <thead> <tr> <th>地址</th> <th>标签</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>AlloyFinger.js</td> <td><code>AlloyFinger</code></td> <td>增加移动端的各种手势事件。</td> </tr> <tr> <td>hammer.js</td> <td><code>hammerjs</code></td> <td>手势封装库，取消了移动端click的300ms延迟。</td> </tr> <tr> <td>interact.js</td> <td><code>interactjs</code></td> <td>使用JavaScript实现拖放、缩放和多点触控手势。</td> </tr> </tbody> </table> <p>1.4.9 加载</p> <table> <thead> <tr> <th>地址</th> <th>标签</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>aload.js</td> <td><code>aload.js</code></td> <td>异步图片/js/css加载工具。</td> </tr> <tr> <td>layzr.js</td> <td><code>layzr.js</code></td> <td>轻量图片懒加载工具。</td> </tr> <tr> <td>lazysizes.js</td> <td><code>lazysizes</code></td> <td>高性能的图片/iframe懒加载工具。</td> </tr> </tbody> </table> <h3 id="wznav_18">1.5 Vue</h3> <table> <thead> <tr> <th>地址</th> <th>标签</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>Vue 文档</td> <td><code>vue</code></td> <td>官方文档。</td> </tr> <tr> <td>vue-cli 文档</td> <td><code>vue-cli</code></td> <td>vue脚手架工具文档。</td> </tr> <tr> <td>vuex 文档</td> <td><code>vuex</code></td> <td>vue数据流控制工具。</td> </tr> <tr> <td>vue-router 文档</td> <td><code>vue-router</code></td> <td>基于vue的前端路由控制。</td> </tr> <tr> <td>vue-content-loader 文档</td> <td><code>create-vue-content-loader</code></td> <td>vue版SVG骨架屏插件。</td> </tr> <tr> <td>better-scroll 文档</td> <td><code>better-scroll</code></td> <td>控制滚动场景的插件。</td> </tr> <tr> <td>vant 文档</td> <td><code>vant</code></td> <td>移动UI库，有赞。</td> </tr> <tr> <td>vue-weui 文档</td> <td><code>vue-weui</code></td> <td>weui风格的移动UI组件库。</td> </tr> <tr> <td>Element 文档</td> <td><code>element</code></td> <td>使用PC中后台前端开发的UI组件库，饿了么。</td> </tr> <tr> <td>vue-lazyload 文档</td> <td><code>vue-lazyload</code></td> <td>vue版的图片/组件懒加载插件。</td> </tr> <tr> <td>iView 文档</td> <td><code>iview</code></td> <td>PC UI组件库。</td> </tr> <tr> <td>antd-vue 文档</td> <td><code>antd-vue</code></td> <td>PC UI组件库，ant design的Vue版。</td> </tr> <tr> <td>vue-i18n 文档</td> <td><code>vue-i18n</code></td> <td>多语言解决方案。</td> </tr> <tr> <td>v-region 文档</td> <td><code>v-region</code></td> <td>Vue行政区选择组件。</td> </tr> <tr> <td>vue-echarts 文档</td> <td><code>vue-echarts</code></td> <td>Echarts的Vue封装组件。</td> </tr> <tr> <td>Nuxt.JS 文档</td> <td><code>nuxtjs</code></td> <td>Vue的服务端渲染应用框架。</td> </tr> <tr> <td>ViteJS 文档</td> <td><code>vitejs</code></td> <td>无bundle的Vue轻量前端项目构建工具。</td> </tr> </tbody> </table> <h3 id="wznav_19">1.6 React</h3> <table> <thead> <tr> <th>地址</th> <th>标签</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>React 文档</td> <td><code>react</code></td> <td>官方文档。</td> </tr> <tr> <td>create-react-app 文档</td> <td><code>create-react-app</code></td> <td>react脚手架工具文档。</td> </tr> <tr> <td>react Chrome devtools</td> <td><code>react-devtools</code></td> <td>react的Chrome开发拓展插件。</td> </tr> <tr> <td>react-router</td> <td><code>react-router</code></td> <td>用于react的前端路由控制。</td> </tr> <tr> <td>redux 文档</td> <td><code>redux</code></td> <td>广泛使用的数据流控制工具，reducer+flux。</td> </tr> <tr> <td>flux 文档</td> <td><code>flux</code></td> <td>数据流控制工具。</td> </tr> <tr> <td>mobx 文档</td> <td><code>mobx</code></td> <td>轻量数据流控制工具。</td> </tr> <tr> <td>dvajs 文档</td> <td><code>dvajs</code></td> <td>基于 redux 和 redux-saga 的数据流方案，蚂蚁。</td> </tr> <tr> <td>UmiJs 文档</td> <td><code>umijs</code></td> <td>可插拔的企业级 react 应用框架，蚂蚁。</td> </tr> <tr> <td>Rekit 文档</td> <td><code>rekit</code></td> <td>React/Redux/React-router开发工具/IDE。</td> </tr> <tr> <td>NextJs 文档</td> <td><code>nextjs</code></td> <td>轻量级的 React 服务端渲染应用框架。</td> </tr> <tr> <td>Gatsby.js 文档</td> <td><code>gatsbyjs</code></td> <td>轻量级的 React 静态网站搭建框架。</td> </tr> <tr> <td>文档</td> <td><code>react-use</code></td> <td>好用的React自定义hooks封装库。</td> </tr> <tr> <td>Umi Hooks 文档</td> <td><code>umi hooks</code></td> <td>适用于中台的hooks方法，如请求、拖拽、防抖。</td> </tr> <tr> <td>react-query 文档</td> <td><code>react-query</code></td> <td>好用的React ajax接口请求处理封装hook。</td> </tr> <tr> <td>why-did-you-render</td> <td><code>why-did-you-render</code></td> <td>用来检测React组件是否需要重新渲染的工具。</td> </tr> <tr> <td>react-content-loader 文档</td> <td><code>create-content-loader</code></td> <td>react版SVG骨架屏插件。</td> </tr> <tr> <td>antd 文档</td> <td><code>antd</code></td> <td>ant design，PC UI组件库。</td> </tr> <tr> <td>antd-mobile 文档</td> <td><code>antd-mobile</code></td> <td>移动版的antd，UI组件库。</td> </tr> <tr> <td>styled-components 文档</td> <td><code>styled-components</code></td> <td>react的css-in-js实现。</td> </tr> <tr> <td>react-lazyload 文档</td> <td><code>react-lazyload</code></td> <td>react版的图片/组件加载插件。</td> </tr> <tr> <td>react-loadable</td> <td><code>react-loadable</code></td> <td>实现react组件构建时代代码抽离和动态加载。</td> </tr> <tr> <td>react-draggable</td> <td><code>react-draggable</code></td> <td>一个用于拖拽操作的React封装组件。</td> </tr> <tr> <td>react-tappable</td> <td><code>react-tappable</code></td> <td>一个用于点击事件操作的React封装组件。</td> </tr> <tr> <td>React-portal</td> <td><code>react-portal</code></td> <td>一个通过portals定义附加的节点组件渲染工具。</td> </tr> <tr> <td>React-contextmenu</td> <td><code>react-contextmenu</code></td> <td>pc端web实现右键菜单的工具组件。</td> </tr> <tr> <td>react-markdown</td> <td><code>react-markdown</code></td> <td>在react上使用的markdown工具。</td> </tr> <tr> <td>classnames</td> <td><code>classnames</code></td> <td>操作className的工具，多用于React。</td> </tr> <tr> <td>30s-of-react</td> <td><code>30s-of-react</code></td> <td>常用React代码模块集合，30s of code系列。</td> </tr> <tr> <td>React Bits</td> <td><code>react-bits</code></td> <td>常用React技巧。</td> </tr> <tr> <td>docsiteJS</td> <td><code>docsite</code></td> <td>基于React的文档生成工具。</td> </tr> <tr> <td>React Color</td> <td><code>react-color</code></td> <td>基于React的拾色器插件，模拟Sketch, Photoshop, Chrome, Github, Twitter, Material Design等取色工具。</td> </tr> </tbody> </table> <h3 id="wznav_20">1.7 Nodejs和构建</h3> <table> <thead> <tr> <th>地址</th> <th>标签</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>npm</td> <td><code>npm</code></td> <td>node包统一平台。</td> </tr> <tr> <td>yarn</td> <td><code>yarn</code></td> <td>高速的node包管理平台。</td> </tr> <tr> <td>nodejs api</td> <td><code>node</code></td> <td>Node官方文档。</td> </tr> <tr> <td>Deno api</td> <td><code>deno</code></td> <td>Deno官方文档（Nodejs.next）。</td> </tr> <tr> <td>V8</td> <td><code>v8</code></td> <td>V8引擎介绍。</td> </tr> <tr> <td>docker</td> <td><code>docker</code></td> <td>应用容器引擎Docker。</td> </tr> <tr> <td>Linux</td> <td><code>linux</code></td> <td>Linux命令查询手册。</td> </tr> <tr> <td>GraphicsMagick</td> <td><code>gm</code></td> <td>后台图片处理工具。</td> </tr> <tr> <td>ShellJs</td> <td><code>shelljs</code></td> <td>用nodejs实现shell常用命令。</td> </tr> </tbody> </table> <p>1.7.1 构建</p> <table> <thead> <tr> <th>地址</th> <th>标签</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>ejs</td> <td><code>ejs</code></td> <td>简单上手的html模板引擎。</td> </tr> <tr> <td>pug</td> <td><code>pug</code></td> <td>html模板引擎。</td> </tr> <tr> <td>jade</td> <td><code>jade</code></td> <td>html模板引擎。</td> </tr> <tr> <td>gulp 配置文档</td> <td><code>gulp</code></td> <td>自动化构建工具。</td> </tr> <tr> <td>gulp plugins</td> <td><code>gulp</code></td> <td>gulp插件中心。</td> </tr> <tr> <td>grunt 配置文档</td> <td><code>grunt</code></td> <td>自动化构建工具。</td> </tr> <tr> <td>rollupjs文档</td> <td><code>Rollup</code></td> <td>一款ES6模块构建工具。</td> </tr> <tr> <td>webpack 配置文档</td> <td><code>webpack</code></td> <td>应用面不能再广的打包工具。</td> </tr> <tr> <td>webpack-chain</td> <td><code>webpack-chain</code></td> <td>链式配置webpack配置的工具。</td> </tr> <tr> <td>parceljs 配置文档</td> <td><code>parceljs</code></td> <td>轻量打包。</td> </tr> <tr> <td>snowpack 官网</td> <td><code>snowpack</code></td> <td>无bundle的轻量前端项目构建工具。</td> </tr> <tr> <td>babel</td> <td><code>babel</code></td> <td>应用面不能再广的ES编译器。</td> </tr> <tr> <td>htmlparser2</td> <td><code>htmlparser2</code></td> <td>一款html的转AST工具。</td> </tr> <tr> <td>parse5</td> <td><code>parse5</code></td> <td>一款html的转AST工具。</td> </tr> <tr> <td>recast</td> <td><code>recast</code></td> <td>一款js转AST的工具。</td> </tr> <tr> <td>ts-migrate</td> <td><code>ts-migrate</code></td> <td>一款js转ts(TypeScript)的工具。</td> </tr> <tr> <td>Concurrently</td> <td><code>concurrently</code></td> <td>一款Nodejs的命名行控制工具。</td> </tr> </tbody> </table> <p>1.7.2 服务端</p> <table> <thead> <tr> <th>地址</th> <th>标签</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>express 配置文档</td> <td><code>express</code></td> <td>轻量web应用程序开发框架。</td> </tr> <tr> <td>Koa 文档</td> <td><code>koajs</code></td> <td>web应用程序开发框架。</td> </tr> <tr> <td>feathers.js</td> <td><code>feathersjs</code></td> <td>轻量web应用程序开发框架。</td> </tr> <tr> <td>Nest.js</td> <td><code>nestjs</code></td> <td>强大的Web应用框架。</td> </tr> <tr> <td>Mockjs 配置文档</td> <td><code>mockjs</code></td> <td>接口数据模拟工具，可以在客户端和服务端使用。</td> </tr> <tr> <td>SheetJs</td> <td><code>sheetjs</code></td> <td>通过node操作word的工具。</td> </tr> <tr> <td>ParallelJs</td> <td><code>paralleljs</code></td> <td>并行处理js的工具，可用于浏览器和node服务端。</td> </tr> <tr> <td>js-pdf</td> <td><code>js-pdf</code></td> <td>通过node操作生成pdf的工具。</td> </tr> <tr> <td>pm2</td> <td><code>pm2</code></td> <td>node进程管理。</td> </tr> <tr> <td>colors.js</td> <td><code>colorsjs</code></td> <td>node log控制台输出颜色控制。</td> </tr> <tr> <td>log4.js</td> <td><code>log4js</code></td> <td>log日志工具。</td> </tr> <tr> <td>nw.js</td> <td><code>nwjs</code></td> <td>基于nodeJs和chromium的应用程序运行环境，允许您直接从DOM调用所有Node.js模块。</td> </tr> <tr> <td>node-archiver</td> <td><code>node-archiver</code></td> <td>支持ZIP/TAR文档流传输和接收插件。</td> </tr> <tr> <td>yazl</td> <td><code>yazl</code></td> <td>压缩zip插件，对应解压为yauzl。</td> </tr> <tr> <td>SailsJs</td> <td><code>sailsjs</code></td> <td>好用的MVC nodejs框架。</td> </tr> <tr> <td>Cors中间件</td> <td><code>cors</code></td> <td>Nodejs的Cors中间件。</td> </tr> <tr> <td>Body-parser中间件</td> <td><code>body-parser</code></td> <td>Nodejs的请求流解析中间件。</td> </tr> <tr> <td>Restify</td> <td><code>restify</code></td> <td>Nodejs的Web服务框架。</td> </tr> <tr> <td>Multer</td> <td><code>multer</code></td> <td>用于处理上传文件的Nodejs中间件。</td> </tr> <tr> <td>Node-cache</td> <td><code>node-cache</code></td> <td>一个Nodejs的缓存控制模块。</td> </tr> </tbody> </table> <h3 id="wznav_23">1.8 Hybird和跨端</h3> <table> <thead> <tr> <th>地址</th> <th>标签</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>pwa</td> <td><code>pwd</code></td> <td>渐进式web应用。</td> </tr> <tr> <td>微信小程序官网</td> <td><code>小程序/hybird</code></td> <td>微信小程序开发官网。</td> </tr> <tr> <td>支付宝小程序官网</td> <td><code>小程序/hybird</code></td> <td>支付宝小程序开发官网。</td> </tr> <tr> <td>百度小程序官网</td> <td><code>小程序/hybird</code></td> <td>百度小程序开发官网。</td> </tr> <tr> <td>wepy文档</td> <td><code>小程序/hybird</code></td> <td>vue语法的小程序开发官网。</td> </tr> <tr> <td>小程序工具集合</td> <td><code>小程序/hybird</code></td> <td>小米轻应用开发官网。</td> </tr> <tr> <td>小米轻应用官网</td> <td><code>轻应用/hybird</code></td> <td>小米轻应用开发官网。</td> </tr> <tr> <td>Oppo/vivo快应用官网</td> <td><code>轻应用/hybird</code></td> <td>Oppo/vivo轻应用开发官网。</td> </tr> <tr> <td>华为快应用官网</td> <td><code>轻应用/hybird</code></td> <td>华为轻应用开发官网。</td> </tr> <tr> <td>React-native 文档</td> <td><code>跨端</code></td> <td>热门的react语法跨端工具。</td> </tr> <tr> <td>Weex文档</td> <td><code>跨端</code></td> <td>热门的vue语法跨端工具。</td> </tr> <tr> <td>Weex-UI文档</td> <td><code>跨端/weex</code></td> <td>weex的UI组件库。</td> </tr> <tr> <td>Taro文档</td> <td><code>小程序/跨端</code></td> <td>跨web/小程序/原生的react语法跨端工具。</td> </tr> <tr> <td>Rax文档</td> <td><code>小程序/跨端/Flutter</code></td> <td>跨web/小程序/Flutter的react语法跨端工具。</td> </tr> <tr> <td>uni-app文档</td> <td><code>小程序/跨端</code></td> <td>跨web/小程序/原生的vue语法跨端工具。</td> </tr> <tr> <td>Flutter文档</td> <td><code>跨端</code></td> <td>超火的Dart语法的跨端开发工具。</td> </tr> <tr> <td>Electron文档</td> <td><code>跨端</code></td> <td>windows应用的开发。</td> </tr> <tr> <td>chrome extension</td> <td><code>chrome-extension</code></td> <td>Chrome拓展程序官方文档。</td> </tr> <tr> <td>chrome-plugin-demo</td> <td><code>chrome-plugin, chrome-extension</code></td> <td>一篇很好的Chrome拓展程序开发教程，有demo。</td> </tr> </tbody> </table> <h3 id="wznav_24">1.9 辅助工具</h3> <table> <thead> <tr> <th>地址</th> <th>标签</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>正则表达式30分钟</td> <td><code>regexp</code></td> <td>正则上手教程。</td> </tr> <tr> <td>在线正则验证</td> <td><code>regexper</code></td> <td>可视化在线正则验证网站。</td> </tr> <tr> <td>whistle</td> <td><code>whistle</code></td> <td>web调试代理工具。</td> </tr> <tr> <td>AST explorer</td> <td><code>astexplorer</code></td> <td>css/html/js/ts等语言的在线ast解析工具。</td> </tr> <tr> <td>husky</td> <td><code>Husky</code></td> <td>NodeJS上的git工具。</td> </tr> <tr> <td>eslint 文档</td> <td><code>eslint</code></td> <td>js代码检查工具。</td> </tr> <tr> <td>visualgo</td> <td><code>Visualgo</code></td> <td>可视化算法查询。</td> </tr> <tr> <td>visualgo</td> <td><code>Visualgo</code></td> <td>可视化算法查询。</td> </tr> <tr> <td>动画曲线查询</td> <td><code>cubic</code></td> <td>动画曲线查询网站（ease/linear…）</td> </tr> <tr> <td>Character Entity Reference Chart</td> <td><code>charref</code></td> <td>字符标点的转义字符查询。</td> </tr> <tr> <td>gradient-editor</td> <td><code>gradient-editor</code></td> <td>CSS渐变样式生成工具。</td> </tr> <tr> <td>valineJS</td> <td><code>valine</code></td> <td>评论系统工具。</td> </tr> <tr> <td>GitTalk</td> <td><code>gittalk</code></td> <td>github的评论工具。</td> </tr> <tr> <td>webIDE</td> <td><code>webide</code></td> <td>web上写代码。</td> </tr> <tr> <td>Fusuma</td> <td><code>fusuma</code></td> <td>用markdown写web ppt。</td> </tr> <tr> <td>VuePress</td> <td><code>vuepress</code></td> <td>用markdown写文档/博客</td> </tr> <tr> <td>Hexo</td> <td><code>hexo</code></td> <td>用markdown写文档/博客</td> </tr> <tr> <td>materialui</td> <td><code>materialui</code></td> <td>快速色值选择</td> </tr> <tr> <td>carbon</td> <td><code>carbon</code></td> <td>生成写博客时代码的美腻截图</td> </tr> <tr> <td>tinypng</td> <td><code>Tinypng</code></td> <td>压缩png和jpeg图片</td> </tr> <tr> <td>svgomg</td> <td><code>SVGOMG</code></td> <td>压缩SVG图形</td> </tr> <tr> <td>ImageMagick</td> <td><code>imagemagick</code></td> <td>后台运用极广的图片处理工具。</td> </tr> <tr> <td>whatfontis.com</td> <td><code>whatfontis</code></td> <td>识别图片上的字体不过限于英文字体，需要注册。</td> </tr> <tr> <td>ps.gaoding.com</td> <td><code>ps</code></td> <td>强大的在线Photoshop。</td> </tr> <tr> <td>convert-psd-to-sketch avocode</td> <td><code>avocode</code></td> <td>psd一键转sketch。</td> </tr> <tr> <td>svgomg</td> <td><code>svgomg</code></td> <td>在线svg优化及预览。</td> </tr> <tr> <td>code2flow</td> <td><code>code2flow</code></td> <td>在线伪码转流程图工具。</td> </tr> <tr> <td>tool.lu-json</td> <td><code>json</code></td> <td>在线json格式化工具。</td> </tr> <tr> <td>tool.lu-js</td> <td><code>js</code></td> <td>在线js格式化/混淆/压缩工具。</td> </tr> <tr> <td>tool.lu-css</td> <td><code>css</code></td> <td>在线css格式化/压缩/响应式单位处理工具。</td> </tr> <tr> <td>tool.lu-coderunner</td> <td><code>coderunner</code></td> <td>在线php/c/c++/python/go/js/java/bash代码执行工具。</td> </tr> <tr> <td>diffchecker.com</td> <td><code>diffchecker</code></td> <td>在线文本/文件diff工具。</td> </tr> <tr> <td>isoflow.io</td> <td><code>isoflow</code></td> <td>在线流程图绘制工具。</td> </tr> </tbody> </table> <h3 id="wznav_25">1.10 测试、安全及加密</h3> <p>1.10.1 单元测试</p> <table> <thead> <tr> <th>地址</th> <th>标签</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>MochaJS文档</td> <td><code>mocha</code></td> <td>一款单元测试工具。</td> </tr> <tr> <td>JestJS文档</td> <td><code>jest</code></td> <td>一款单元测试工具。</td> </tr> <tr> <td>Cypress官网</td> <td><code>cypress</code></td> <td>一款单元测试集成平台工具。</td> </tr> <tr> <td>Cypress官网</td> <td><code>cypress</code></td> <td>一款单元测试集成平台工具。</td> </tr> <tr> <td>enzyme官网</td> <td><code>enzyme</code></td> <td>一款React单元测试工具，可以测hook。</td> </tr> </tbody> </table> <p>1.10.2 安全及加密知识</p> <p>crypto-js 前端数据加密工具</p> <p>《浅谈前端安全》</p> <p>《再谈前端安全》</p> <p>《8大前端安全问题》</p> <p>《前端加密那点事》</p> <p>《HTTPS 到底加密了什么？》</p> <p>《Web 端反爬虫技术方案》</p> <p>《那些我们该讨论的前端加密方法》</p> <p>1.10.3 Debug</p> <table> <thead> <tr> <th>地址</th> <th>标签</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>vConsole</td> <td><code>vconsole</code></td> <td>被誉为移动端的web开发者工具。</td> </tr> <tr> <td>FunDebug</td> <td><code>FunDebug</code></td> <td>简单的项目debug监控工具，有免费版</td> </tr> <tr> <td>Webfunny</td> <td><code>webfunny_monitor</code></td> <td>统一的前端异常监控解决方案。</td> </tr> </tbody> </table> <p>1.10.4 质量检测</p> <table> <thead> <tr> <th>地址</th> <th>标签</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>JSLint js代码检查</td> <td><code>jslint</code></td> <td>一个JavaScript验证工具</td> </tr> <tr> <td>JSHint js代码检查</td> <td><code>jshint</code></td> <td>一个JavaScript验证工具</td> </tr> <tr> <td>ESLint js代码检查</td> <td><code>eslint</code></td> <td>一个JavaScript验证工具</td> </tr> <tr> <td>CSSLint css代码检查</td> <td><code>csslint</code></td> <td>一个CSS验证工具</td> </tr> <tr> <td>Markup Validation Service</td> <td><code>validator</code></td> <td>在线HTML验证网站</td> </tr> <tr> <td>Flow js代码检查</td> <td><code>flow</code></td> <td>一个JavaScript代码检查工具</td> </tr> <tr> <td>SonarLint vscode</td> <td><code>sonarlint</code></td> <td>js/ts工程代码质量验证的vscode插件</td> </tr> <tr> <td>Google eng-practices</td> <td><code>eng-practices</code></td> <td>谷歌工程实践文档</td> </tr> <tr> <td>Cheerio</td> <td><code>cheerio</code></td> <td>用于web抓取的工具。</td> </tr> <tr> <td>Puppeteer官网</td> <td><code>puppeteer</code></td> <td>强大的自动化工具。</td> </tr> </tbody> </table> <h3 id="wznav_30">1.11 IDE插件</h3> <p>1.11.1 VS Code</p> <table> <thead> <tr> <th>地址</th> <th>标签</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td>MarketPlace</td> <td><code>marketplace</code></td> <td>插件首页</td> </tr> <tr> <td>Color Highlight</td> <td><code>color-highlight</code></td> <td>颜色预览。</td> </tr> <tr> <td>Svg Preview</td> <td><code>svg-preview</code></td> <td>SVG图形预览。</td> </tr> <tr> <td>Code Spell Checker</td> <td><code>code-spell-checker</code></td> <td>代码单词拼写校验。</td> </tr> <tr> <td>Beautify</td> <td><code>beautify</code></td> <td>javascript, JSON, CSS, Sass, 和HTML格式优化。</td> </tr> <tr> <td>Bookmarks</td> <td><code>bookmarks</code></td> <td>看代码神器，代码书签。</td> </tr> <tr> <td>Rainbow Brackets</td> <td><code>rainbow-brackets</code></td> <td>开发必备，括号颜色区分。</td> </tr> <tr> <td>stylefmt</td> <td><code>stylefmt</code></td> <td>css格式化。</td> </tr> <tr> <td>Debugger For Chrome</td> <td><code>debugger-for-chrome</code></td> <td>vscode和chrome联调插件，本地开发必备。</td> </tr> <tr> <td>Eslint</td> <td><code>eslint</code></td> <td>js检查。</td> </tr> <tr> <td>stylelint</td> <td><code>stylelint</code></td> <td>css/less/scss检查。</td> </tr> <tr> <td>TypeScript Tslint Plugin</td> <td><code>typescript-tslint-plugin</code></td> <td>TypeScript检查。</td> </tr> <tr> <td>vetur</td> <td><code>vetur</code></td> <td>Vue开发工具。</td> </tr> <tr> <td>Dart</td> <td><code>dart-code</code></td> <td>Dart语言开发支持。</td> </tr> <tr> <td>Flutter</td> <td><code>Flutter</code></td> <td>Flutter开发适配。</td> </tr> <tr> <td>HTML Snippets</td> <td><code>html-snippets</code></td> <td>HTML标签快速开发。</td> </tr> <tr> <td>Identical Sublime Monokai</td> <td><code>identical-sublime-monokai</code></td> <td>本人还是习惯sublime的风格。</td> </tr> <tr> <td>Markdownlint</td> <td><code>markdownlint</code></td> <td>markdown检查。</td> </tr> <tr> <td>Minify</td> <td><code>minify</code></td> <td>js/css直接压缩。</td> </tr> <tr> <td>polacode</td> <td><code>polacode</code></td> <td>代码截图的vscode IDE插件</td> </tr> <tr> <td>GitLens</td> <td><code>gitlens</code></td> <td>git源代码管理插件</td> </tr> <tr> <td>Project Manager</td> <td><code>project-manager</code></td> <td>本地项目管理</td> </tr> </tbody> </table> <p> </p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1601087744229015552"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script> <!-- 文章页-底部 动态广告位 --> <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad"> <!-- 文章页-右侧1 动态广告位 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div> <!-- 文章页-右侧2 动态广告位 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div> <!-- 文章页-右侧3 动态广告位 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(javascript,前端,开发语言)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1830539876588679168.htm" title="前端知识HTML&CSS" target="_blank">前端知识HTML&CSS</a> <span class="text-muted">啵啵薯条</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>目录1.前端开发介绍1.1认识前端开发1.2web标准2.HTML&CSS2.1HTML快速入门2.1.1操作2.1.2总结2.2开发工具2.3基础标签&样式2.3.1标题实现2.3.1.1标题排版2.3.1.1.1分析2.3.1.1.2标签2.3.1.1.2实现2.3.1.2标题样式2.3.1.2.1CSS引入方式2.3.1.2.2颜色表示2.3.1.2.3标题字体颜色2.3.1.2.4CSS选</div> </li> <li><a href="/article/1830523122298744832.htm" title="前端缓存详解以及相关性能优化策略" target="_blank">前端缓存详解以及相关性能优化策略</a> <span class="text-muted">xz鹏</span> <a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/1.htm">缓存</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>文章目录前言一、前端缓存概述1.什么是缓存2.什么是前端缓存3.前端缓存分类二、HTTP缓存1.什么是HTTP缓存2.HTTP缓存分类3.HTTP缓存流程图4.强缓存5.协商缓存三、浏览器缓存1.ServiceWorkerCache2.MemoryCache3.DiskCache四、存储型缓存1.Cookie2.WebStorage3.IndexedDB和WebSQL（了解）五、优先级六、前端缓存</div> </li> <li><a href="/article/1830518582111465472.htm" title="Vue学习笔记 一" target="_blank">Vue学习笔记 一</a> <span class="text-muted">涔溪</span> <a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>Vue学习笔记1、Vue基础指令1.1什么是Vue?Vue.js是一套响应式的JavaScript开发库。Vue.js自问世以来所受关注度不断提高，在现在的市场上，Vue.js是非常流行的JavaScript技术开发框架之一。Vue是一款国产前端框架，它的作者尤雨溪（EvanYou）是一位美籍华人，2014年2月，尤雨溪开源了一个前端开发库Vue.js，2015年发布1.0.0版本，2016年4月</div> </li> <li><a href="/article/1830509260870610944.htm" title="第八章 【前端】Mock.js（8.2）——数据模板定义规范 DTD" target="_blank">第八章 【前端】Mock.js（8.2）——数据模板定义规范 DTD</a> <span class="text-muted">yu玉米mi</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>8.2数据模板定义规范DTD数据模板中的每个属性由3部分构成：属性名、生成规则、属性值：//'属性名|生成规则':属性值'name|rule':value属性名和生成规则之间用竖线|分隔。生成规则是可选的，生成规则有7种格式：‘name|min-max’:value‘name|count’:value‘name|min-max.dmin-dmax’:value‘name|min-max.dcoun</div> </li> <li><a href="/article/1830496529589301248.htm" title="前端Vue + qrcode实现二维码生成" target="_blank">前端Vue + qrcode实现二维码生成</a> <span class="text-muted">小倪有点菜</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>后端接口会返回一串由数字和英文组合的字符串getQRInviteCode(){//清除上一次的二维码if(this.$refs.qrcode){this.$refs.qrcode.innerHTML='';//清除二维码方法}//生成二维码(这里有个坑，一定要在new关键字前面用等于号，赋给一个变量，否则vue运行会报错)qrcode是HTML中的显示二维码的divsetTimeout(()=>{</div> </li> <li><a href="/article/1830481530271657984.htm" title="web零碎知识" target="_blank">web零碎知识</a> <span class="text-muted">白色的风扇</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在后端想要发送一个JSON对象可以使用Gson//使用Gson将对象转换为JSON字符串Gsongson=newGson();Stringjson=gson.toJson(user);就会把一个对象转化为一个JSON字符串，//设置响应内容类型为JSONresponse.setContentType("application/json");这样返回前端的时候就会将JSON字符串转化为一个JSON对</div> </li> <li><a href="/article/1830474601877041152.htm" title="cornerstonejs介绍" target="_blank">cornerstonejs介绍</a> <span class="text-muted">花花进修</span> <a class="tag" taget="_blank" href="/search/DICOM%E5%8C%BB%E5%AD%A6%E5%BD%B1%E5%83%8F%E6%9F%A5%E7%9C%8B%E5%99%A8/1.htm">DICOM医学影像查看器</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/npm/1.htm">npm</a><a class="tag" taget="_blank" href="/search/yarn/1.htm">yarn</a> <div>Cornerstone.js是一个用于医疗成像应用程序的开源JavaScript库。它专门设计用于在Web浏览器中处理和显示DICOM（数字成像和通信在医学领域）图像。Cornerstone.js为开发者提供了强大的工具，可以轻松构建功能丰富的医学图像查看器，广泛应用于放射学、病理学、超声成像等领域。特点高性能图像渲染：支持大尺寸医学图像的快速渲染，包括CT扫描、MRI、X光片等。利用GPU加速（</div> </li> <li><a href="/article/1830456405056909312.htm" title="h5在ios qq浏览器打开图片不显示" target="_blank">h5在ios qq浏览器打开图片不显示</a> <span class="text-muted">O蚂蚁O</span> <div>把图片链接改变成https即可：纯前端实现代码：1、在vue项目的main.js添加过滤器：//图片过滤Vue.filter('imgHost',function(value){varimgStrArr=value.split("?");//console.log(imgStrArr[0]);varhttpHead=imgStrArr[0].split(":");if(httpHead[0]=="</div> </li> <li><a href="/article/1830454932680044544.htm" title="WordPress 后台缓存插件：WP Admin Cache提高缓存页面" target="_blank">WordPress 后台缓存插件：WP Admin Cache提高缓存页面</a> <span class="text-muted">818源码资源站</span> <a class="tag" taget="_blank" href="/search/%E6%BA%90%E7%A0%81%E4%B8%8B%E8%BD%BD00818.cn/1.htm">源码下载00818.cn</a><a class="tag" taget="_blank" href="/search/%E6%BA%90%E7%A0%81%E4%B8%8B%E8%BD%BD818%E8%B5%84%E6%BA%90%E7%AB%99/1.htm">源码下载818资源站</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/1.htm">缓存</a> <div>使用WordPress建站会安装一些静态缓存插件，比如：WPRocket、CacheEnabler、CometCache、W3TotalCache、WPSuperCache、WPFastestCache、HyperCache等等，这些都用于缓存前端。今天介绍一款专门用于缓存后台的插件：WPAdminCache。启用后，提速效果还是很明显，比如后台所有文章页面秒开。缓存会在更新文章、保存设置、保存小</div> </li> <li><a href="/article/1830454050815045632.htm" title="加密与安全_前后端通过AES-CBC模式安全传输数据" target="_blank">加密与安全_前后端通过AES-CBC模式安全传输数据</a> <span class="text-muted">小小工匠</span> <a class="tag" taget="_blank" href="/search/%E3%80%90%E5%8A%A0%E5%AF%86%E4%B8%8E%E5%AE%89%E5%85%A8%E3%80%91/1.htm">【加密与安全】</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/AES-CBC/1.htm">AES-CBC</a> <div>文章目录Pre概述前端加密是否有意义？环境准备加密方法、MODE和PADDING的选择前端后端应用：从传输到解密的全过程安全性增强动态生成密钥和初始向量1.前端：动态生成密钥和IV2.后端：解密动态密钥和IV结语Pre加密与安全_解密AES加密中的IV和Seed加密与安全_双向RSA+AES加密及Code实现加密与安全_常见的分组密码ECB、CBC、CFB、OFB模式介绍概述当我们在前端和后端之间</div> </li> <li><a href="/article/1830452036005621760.htm" title="nginx部署前端vue项目" target="_blank">nginx部署前端vue项目</a> <span class="text-muted">iangyu</span> <a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在Nginx上部署Vue.js前端项目相对简单，通常包括以下几个步骤：1.构建Vue.js项目首先，你需要将Vue.js项目打包为静态文件。npmrunbuild这将生成一个dist文件夹，里面包含了你的Vue.js应用的所有静态资源。2.安装Nginx在服务器上安装Nginx。如果你使用的是Ubuntu，可以使用以下命令安装：sudoaptupdatesudoaptinstallnginx3.配</div> </li> <li><a href="/article/1830448280153190400.htm" title="javascript模板" target="_blank">javascript模板</a> <span class="text-muted">wanggs</span> <div>模板DocumentClick{{title}}{{content}}$(function(){$("#btn").click(function(){varhtml=$("#template").html();html=html.replace("{{id}}",Math.random());html=html.replace("{{title}}","Hello,"+newDate().getT</div> </li> <li><a href="/article/1830443466828640256.htm" title="javascript网页设计案例" target="_blank">javascript网页设计案例</a> <span class="text-muted">Min_nna</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/jquery%E5%8A%9F%E8%83%BD/1.htm">jquery功能</a><a class="tag" taget="_blank" href="/search/ai%E5%88%86%E6%9E%90/1.htm">ai分析</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>以下是一些使用JavaScript进行网页设计的案例，这些案例展示了JavaScript在前端开发中的强大功能和灵活性。每个案例都包含了基本的实现思路和代码示例。图片画廊（ImageGallery）功能：展示一组图片，并支持点击放大查看。实现思路：使用HTML和CSS创建图片网格。使用JavaScript处理图片点击事件，显示放大的图片。代码示例：ImageGallery×consti</div> </li> <li><a href="/article/1830434639743905792.htm" title="Nginx部署前端Vue项目" target="_blank">Nginx部署前端Vue项目</a> <span class="text-muted">hai40587</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>在使用Nginx部署前端Vue项目时，我们主要关注的是如何高效地将静态资源（HTML、CSS、JavaScript、图片等）提供给客户端浏览器。Vue.js是一个流行的JavaScript框架，用于构建用户界面，而Nginx作为一个高性能的HTTP和反向代理服务器，非常适合用于静态资源的托管。以下将详细介绍如何使用Nginx部署Vue项目，包括环境准备、Vue项目构建、Nginx配置、部署过程以及</div> </li> <li><a href="/article/1830419013977600000.htm" title="使用 Nginx 部署前端 Vue 项目" target="_blank">使用 Nginx 部署前端 Vue 项目</a> <span class="text-muted">vvvae1234</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在这篇文章中，我们将深入探讨如何使用Nginx部署一个Vue.js前端项目。Vue是一个流行的前端JavaScript框架，而Nginx则是一个性能卓越的Web服务器和反向代理服务器。通过将这两者结合起来，我们可以高效地托管我们的前端应用。一、环境准备在开始部署之前，我们需要确保我们的环境中已安装以下软件：Node.js和npm：用于构建Vue项目。VueCLI：用于快速创建Vue项目。Nginx</div> </li> <li><a href="/article/1830415106148757504.htm" title="jQuery实现前端下载功能" target="_blank">jQuery实现前端下载功能</a> <span class="text-muted">天农学子</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>js实现前端下载功能前端代码html代码导出明细js代码functionexportExcel(){//定义要发送的参数letpostData=$("#searchForm").serializeObject();//发送POST请求fetch('${ctxPO}/url/PosInvoiceUrlController/exportPosInvoice',{method:'POST',body:J</div> </li> <li><a href="/article/1830409935008133120.htm" title="使用Nginx部署前端Vue项目" target="_blank">使用Nginx部署前端Vue项目</a> <span class="text-muted">bigbig猩猩</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>在使用Nginx部署前端Vue项目时，我们主要关注的是如何高效地将静态资源（HTML、CSS、JavaScript、图片等）提供给客户端浏览器。Vue.js是一个流行的JavaScript框架，用于构建用户界面，而Nginx作为一个高性能的HTTP和反向代理服务器，非常适合用于静态资源的托管。以下将详细介绍如何使用Nginx部署Vue项目，包括环境准备、Vue项目构建、Nginx配置、部署过程以及</div> </li> <li><a href="/article/1830405769846157312.htm" title="Easyui Datagrid实现行操作" target="_blank">Easyui Datagrid实现行操作</a> <span class="text-muted">天农学子</span> <a class="tag" taget="_blank" href="/search/easyui/1.htm">easyui</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>EasyuiDatagrid实现行操作效果分析实现此功能需要实现2点1、首列的内容全部需要渲染成申请开票2、点击申请开票可以获获取到指定的行内容，在执行后续操作实现方案1、首行格式化，在table的th属性中加入formatter示例代码如下操作2、在JavaScript中编写代码formatOperatefunctionformatOperate(val,row){return'申请开票';}当</div> </li> <li><a href="/article/1830399088420548608.htm" title="前端框架与库的区别：深入解析与实战指南" target="_blank">前端框架与库的区别：深入解析与实战指南</a> <span class="text-muted">DTcode7</span> <a class="tag" taget="_blank" href="/search/HTML%E7%BD%91%E7%AB%99%E5%BC%80%E5%8F%91/1.htm">HTML网站开发</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E5%85%A5%E9%97%A8%E4%B8%89%E5%A4%A7%E6%A0%B8%E5%BF%83%E4%B9%8Bhtml/1.htm">前端基础入门三大核心之html</a><a class="tag" taget="_blank" href="/search/HTML/1.htm">HTML</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/H5/1.htm">H5</a> <div>前端框架与库的区别：深入解析与实战指南基本概念和作用框架库功能使用思路与代码示例示例一：使用React框架构建组件示例二：使用Lodash库进行数据处理示例三：使用Vue.js框架进行双向数据绑定实际工作中的使用技巧经验分享自行拓展内容在前端开发领域，框架（Framework）和库（Library）是两个经常被提及但又容易混淆的概念。它们都是构建Web应用程序的重要工具，但各自拥有不同的设计哲学和</div> </li> <li><a href="/article/1830399087422304256.htm" title="前端开发中的单元测试与端到端测试：全面解析与实战指南" target="_blank">前端开发中的单元测试与端到端测试：全面解析与实战指南</a> <span class="text-muted">DTcode7</span> <a class="tag" taget="_blank" href="/search/HTML%E7%BD%91%E7%AB%99%E5%BC%80%E5%8F%91/1.htm">HTML网站开发</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E5%85%A5%E9%97%A8%E4%B8%89%E5%A4%A7%E6%A0%B8%E5%BF%83%E4%B9%8Bhtml/1.htm">前端基础入门三大核心之html</a><a class="tag" taget="_blank" href="/search/HTML/1.htm">HTML</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/H5/1.htm">H5</a> <div>前端开发中的单元测试与端到端测试：全面解析与实战指南引言单元测试：基础与实践基本概念目的与优势实战演练示例一：加法功能单元测试扩展视角端到端测试：场景与执行基本概念目的与优势实战演练示例二：登录流程端到端测试扩展视角结合经验的技巧分享引言在现代前端开发中，测试是保证代码质量和维护系统稳定性不可或缺的一环。单元测试（unittesting）与端到端测试（end-to-endtesting）是两种常用</div> </li> <li><a href="/article/1830398960100012032.htm" title="前端基础入门三大核心之HTML篇：深入解析PNG8、PNG16、PNG24与PNG32的差异及网页应用指南" target="_blank">前端基础入门三大核心之HTML篇：深入解析PNG8、PNG16、PNG24与PNG32的差异及网页应用指南</a> <span class="text-muted">DTcode7</span> <a class="tag" taget="_blank" href="/search/HTML%E7%BD%91%E7%AB%99%E5%BC%80%E5%8F%91/1.htm">HTML网站开发</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E5%85%A5%E9%97%A8%E4%B8%89%E5%A4%A7%E6%A0%B8%E5%BF%83%E4%B9%8Bhtml/1.htm">前端基础入门三大核心之html</a><a class="tag" taget="_blank" href="/search/HTML5/1.htm">HTML5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E4%B8%89%E5%A4%A7%E6%A0%B8%E5%BF%83/1.htm">前端三大核心</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E5%BC%80%E5%8F%91/1.htm">网页开发</a> <div>前端基础入门三大核心之HTML篇：深入解析PNG8、PNG16、PNG24与PNG32的差异及网页应用指南基础概念与作用说明PNG8PNG16PNG24PNG32代码示例与使用场景PNG8示例PNG24示例PNG32示例性能优化与最佳实践防范漏洞提示结语与讨论在网页设计与前端开发中，选择合适的图像格式是至关重要的一步，它直接关系到页面加载速度、视觉效果乃至用户体验。PNG作为一种广泛应用的图像格式</div> </li> <li><a href="/article/1830391397795065856.htm" title="SpringBoot项目集成数据脱敏（密码加密）功能" target="_blank">SpringBoot项目集成数据脱敏（密码加密）功能</a> <span class="text-muted">明明在干嘛</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E8%84%B1%E6%95%8F/1.htm">数据脱敏</a><a class="tag" taget="_blank" href="/search/jasypt/1.htm">jasypt</a><a class="tag" taget="_blank" href="/search/AES/1.htm">AES</a> <div>代码连接【https://gitee.com/pengmqqq/sensitive-data-encryption】介绍后端敏感数据加密的一些解决方案，包括：配置文件敏感数据加解密前端传输敏感数据加解密数据库获取的敏感数据加解密软件架构配置文件数据脱敏：Jasypt+AES前后端传输以及数据库存储数据脱敏：AOP+AES使用说明配置文件数据脱敏将需要脱敏的数据进行加密之后再放入配置文件（注意要使用</div> </li> <li><a href="/article/1830350556338679808.htm" title="如何设置element ui选择结束时间为23:59:59？" target="_blank">如何设置element ui选择结束时间为23:59:59？</a> <span class="text-muted">weixin_42220130</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/element/1.htm">element</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E6%97%B6%E9%97%B4/1.htm">时间</a><a class="tag" taget="_blank" href="/search/%E7%BB%93%E6%9D%9F/1.htm">结束</a> <div>两个方法，不过都是针对于传值给后端做的处理，不包括前端展示1每次发送请求时更改结束时间给后端//请求函数getDataList(){this.dataListLoading=true;//请求参数手动更改if(this.searchForm.timeArray.length===2&&this.searchForm.timeArray[1]!==""){this.searchForm.timeAr</div> </li> <li><a href="/article/1830340979626962944.htm" title="html语言及js脚本基础,Javascript基础学习笔记(菜鸟必看篇)" target="_blank">html语言及js脚本基础,Javascript基础学习笔记(菜鸟必看篇)</a> <span class="text-muted">游苏昱</span> <a class="tag" taget="_blank" href="/search/html%E8%AF%AD%E8%A8%80%E5%8F%8Ajs%E8%84%9A%E6%9C%AC%E5%9F%BA%E7%A1%80/1.htm">html语言及js脚本基础</a> <div>什么是变量？变量是用于存储信息的容器变量的声明语法：var变量名变量名=值;变量要先声明再赋值变量可以重复赋值变量的命名规则变量必须以字母开头；变量也能以$和_符号开头(不过我们不推荐这么做)；变量名称对大小写敏感(a和A是不同的变量)。语句语句以一个分号结尾；如果省略分号，则由解析器确定语句的结尾。有个好的编码习惯，都要以;结尾数据类型在JavaScript中，一段信息就是一个值(value)。</div> </li> <li><a href="/article/1830336191975747584.htm" title="菜鸟笔记-001 如何用JavaScript脚本在文字中实现向左或向右插入空格" target="_blank">菜鸟笔记-001 如何用JavaScript脚本在文字中实现向左或向右插入空格</a> <span class="text-muted">胤祥矢量商铺</span> <a class="tag" taget="_blank" href="/search/%E8%8F%9C%E9%B8%9F%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">菜鸟学习笔记</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/illustrator/1.htm">illustrator</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E5%AD%97%E6%93%8D%E4%BD%9C/1.htm">文字操作</a> <div>这是一个网友在线上问我的一个问题：如何用JavaScript脚本在文字中实现向左或向右插入空格下图是在文字左边插入了1/2个空格的效果：那么如何用javascript实现向左向右插入空格？其实这个功能，我在实际工作确实很少碰到，我只有祭出宝典查阅-IllustratorJavaScriptScriptingReference2022.pdf，当然你有更新版的更好。查到文字的向左插入空格或向左插入空</div> </li> <li><a href="/article/1830335056032395264.htm" title="this 关键字的绑定类型" target="_blank">this 关键字的绑定类型</a> <span class="text-muted">浮游本尊</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在JavaScript中，理解this关键字的指向对于编写高质量的代码至关重要。this的指向取决于函数的调用方式，而不是定义方式。以下是几种常见的this绑定情形及其工作原理的解析。全局上下文中的this当在全局作用域中使用this或者函数在全局作用域被调用时，this通常指向全局对象。在Web浏览器中，这个全局对象是window，而在Node.js环境中则是global对象。functionc</div> </li> <li><a href="/article/1830296610773495808.htm" title="JavaScript 模块化开发：ES6 模块与 CommonJS 的对比与应用" target="_blank">JavaScript 模块化开发：ES6 模块与 CommonJS 的对比与应用</a> <span class="text-muted">程序员小羊！</span> <a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>您好，我是程序员小羊！前言随着前端项目规模的增长，代码组织和管理变得越来越复杂。模块化开发成为解决这一问题的有效手段，能够帮助开发者将代码进行分割、复用和维护。JavaScript在发展过程中出现了多种模块化规范，其中最为广泛使用的有ES6模块（也称为ESModules）和CommonJS模块规范。本文将从原理、语法、应用场景和两者对比等多个方面深入探讨这两种模块化规范，帮助开发者更好地理解和应用</div> </li> <li><a href="/article/1830294718332891136.htm" title="【js逆向专题】4.python调用JS和扣代码" target="_blank">【js逆向专题】4.python调用JS和扣代码</a> <span class="text-muted">Regent Wan</span> <a class="tag" taget="_blank" href="/search/js%E9%80%86%E5%90%91/1.htm">js逆向</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/js%E9%80%86%E5%90%91/1.htm">js逆向</a> <div>小节目标:掌握python调用js代码方式熟悉js开放接口进行调用了解补环境的基本概念掌握js调试技巧一.pyexecjs的使用1.简介PyExecJS是一个Python库，用于在Python环境中执行JavaScript代码。它实际上是对ExecJS库的Python封装，ExecJS本身是一个通用的JavaScript运行环境的抽象层。使用PyExecJS，你可以在Python中执行JavaSc</div> </li> <li><a href="/article/1830291187236433920.htm" title="滴滴前端日常实习一面" target="_blank">滴滴前端日常实习一面</a> <span class="text-muted">真的很上进</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>同步到csdn上一面水平居中、垂直居中的方法。align-item实现的是水平居中还是垂直居中。flex-direction为column的时候，是什么居中。js有什么数据类型。简单数据类型和复杂数据类型的区别深拷贝和浅拷贝的区别JSON.stringify有什么弊端怎么判断数组类型Vue3和Vue2的区别Vue生命周期钩子，activated和deactivated用过吗Vue里keep-ali</div> </li> <li><a href="/article/1830279831984631808.htm" title="“全栈2019”Java多线程第五十二章：LockSupport等待截止时间" target="_blank">“全栈2019”Java多线程第五十二章：LockSupport等待截止时间</a> <span class="text-muted">人人都是程序员</span> <div>难度初级学习时间10分钟适合人群零基础开发语言Java开发环境JDKv11IntelliJIDEAv2018.3文章原文链接“全栈2019”Java多线程第五十二章：LockSupport等待截止时间下一章“全栈2019”Java多线程第五十三章：ThreadLocal简单介绍学习小组加入同步学习小组，共同交流与进步。方式一：加入编程圈子。方式二：关注头条号Gorhaf，私信“Java学习小组”。</div> </li> <li><a href="/article/68.htm" title="mongodb3.03开启认证" target="_blank">mongodb3.03开启认证</a> <span class="text-muted">21jhf</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div>下载了最新mongodb3.03版本，当使用--auth 参数命令行开启mongodb用户认证时遇到很多问题，现总结如下： （百度上搜到的基本都是老版本的，看到db.addUser的就是，请忽略） Windows下我做了一个bat文件，用来启动mongodb，命令行如下： mongod --dbpath db\data --port 27017 --directoryperdb --logp</div> </li> <li><a href="/article/195.htm" title="【Spark103】Task not serializable" target="_blank">【Spark103】Task not serializable</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/Serializable/1.htm">Serializable</a> <div>Task not serializable是Spark开发过程最令人头疼的问题之一，这里记录下出现这个问题的两个实例，一个是自己遇到的，另一个是stackoverflow上看到。等有时间了再仔细探究出现Task not serialiazable的各种原因以及出现问题后如何快速定位问题的所在，至少目前阶段碰到此类问题，没有什么章法 1.   package spark.exampl</div> </li> <li><a href="/article/322.htm" title="你所熟知的 LRU(最近最少使用)" target="_blank">你所熟知的 LRU(最近最少使用)</a> <span class="text-muted">dalan_123</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>关于LRU这个名词在很多地方或听说，或使用，接下来看下lru缓存回收的实现 1、大体的想法     a、查询出最近最晚使用的项     b、给最近的使用的项做标记 通过使用链表就可以完成这两个操作，关于最近最少使用的项只需要返回链表的尾部；标记最近使用的项，只需要将该项移除并放置到头部，那么难点就出现 你如何能够快速在链表定位对应的该项？ 这时候多</div> </li> <li><a href="/article/449.htm" title="Javascript 跨域" target="_blank">Javascript 跨域</a> <span class="text-muted">周凡杨</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/jsonp/1.htm">jsonp</a><a class="tag" taget="_blank" href="/search/%E8%B7%A8%E5%9F%9F/1.htm">跨域</a><a class="tag" taget="_blank" href="/search/cross-domain/1.htm">cross-domain</a> <div>                                   </div> </li> <li><a href="/article/576.htm" title="linux下安装apache服务器" target="_blank">linux下安装apache服务器</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/apache/1.htm">apache</a> <div>安装apache 下载windows版本apache，下载地址：http://httpd.apache.org/download.cgi   1.windows下安装apache Windows下安装apache比较简单，注意选择路径和端口即可，这里就不再赘述了。 2.linux下安装apache： 下载之后上传到linux的相关目录，这里指定为/home/apach</div> </li> <li><a href="/article/703.htm" title="FineReport的JS编辑框和URL地址栏语法简介" target="_blank">FineReport的JS编辑框和URL地址栏语法简介</a> <span class="text-muted">老A不折腾</span> <a class="tag" taget="_blank" href="/search/finereport/1.htm">finereport</a><a class="tag" taget="_blank" href="/search/web%E6%8A%A5%E8%A1%A8/1.htm">web报表</a><a class="tag" taget="_blank" href="/search/%E6%8A%A5%E8%A1%A8%E8%BD%AF%E4%BB%B6/1.htm">报表软件</a><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E6%B3%95%E6%80%BB%E7%BB%93/1.htm">语法总结</a> <div>  JS编辑框： 1.FineReport的js。 作为一款BS产品，browser端的JavaScript是必不可少的。 FineReport中的js是已经调用了finereport.js的。 大家知道，预览报表时，报表servlet会将cpt模板转为html，在这个html的head头部中会引入FineReport的js，这个finereport.js中包含了许多内置的fun</div> </li> <li><a href="/article/830.htm" title="根据STATUS信息对MySQL进行优化" target="_blank">根据STATUS信息对MySQL进行优化</a> <span class="text-muted">墙头上一根草</span> <a class="tag" taget="_blank" href="/search/status/1.htm">status</a> <div>mysql  查看当前正在执行的操作，即正在执行的sql语句的方法为:      show processlist 命令   mysql> show global status;可以列出MySQL服务器运行各种状态值，我个人较喜欢的用法是show status like '查询值%';一、慢查询mysql> show variab</div> </li> <li><a href="/article/957.htm" title="我的spring学习笔记7-Spring的Bean配置文件给Bean定义别名" target="_blank">我的spring学习笔记7-Spring的Bean配置文件给Bean定义别名</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/Spring+3/1.htm">Spring 3</a> <div>本文介绍如何给Spring的Bean配置文件的Bean定义别名？ 原始的 <bean id="business" class="onlyfun.caterpillar.device.Business"> <property name="writer"> <ref b</div> </li> <li><a href="/article/1084.htm" title="高性能mysql 之 性能剖析" target="_blank">高性能mysql 之 性能剖析</a> <span class="text-muted">annan211</span> <a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD/1.htm">性能</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/mysql+%E6%80%A7%E8%83%BD%E5%89%96%E6%9E%90/1.htm">mysql 性能剖析</a><a class="tag" taget="_blank" href="/search/%E5%89%96%E6%9E%90/1.htm">剖析</a> <div> 1 定义性能优化 mysql服务器性能，此处定义为 响应时间。 在解释性能优化之前，先来消除一个误解，很多人认为，性能优化就是降低cpu的利用率或者减少对资源的使用。 这是一个陷阱。 资源时用来消耗并用来工作的，所以有时候消耗更多的资源能够加快查询速度，保持cpu忙绿，这是必要的。很多时候发现 编译进了新版本的InnoDB之后，cpu利用率上升的很厉害，这并不</div> </li> <li><a href="/article/1211.htm" title="主外键和索引唯一性约束" target="_blank">主外键和索引唯一性约束</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E7%B4%A2%E5%BC%95/1.htm">索引</a><a class="tag" taget="_blank" href="/search/%E5%94%AF%E4%B8%80%E6%80%A7%E7%BA%A6%E6%9D%9F/1.htm">唯一性约束</a><a class="tag" taget="_blank" href="/search/%E4%B8%BB%E5%A4%96%E9%94%AE%E7%BA%A6%E6%9D%9F/1.htm">主外键约束</a><a class="tag" taget="_blank" href="/search/%E8%81%94%E6%9C%BA%E5%88%A0%E9%99%A4/1.htm">联机删除</a> <div>目标;第一步;创建两张表 用户表和文章表         第二步;发表文章       1,建表; ---用户表 BlogUsers --userID唯一的 --userName --pwd --sex create </div> </li> <li><a href="/article/1338.htm" title="线程的调度" target="_blank">线程的调度</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B%E7%9A%84%E8%B0%83%E5%BA%A6/1.htm">线程的调度</a><a class="tag" taget="_blank" href="/search/java%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">java多线程</a> <div>1.       Java提供一个线程调度程序来监控程序中启动后进入可运行状态的所有线程。线程调度程序按照线程的优先级决定应调度哪些线程来执行。   2.       多数线程的调度是抢占式的（即我想中断程序运行就中断，不需要和将被中断的程序协商） a) </div> </li> <li><a href="/article/1465.htm" title="查看日志常用命令" target="_blank">查看日志常用命令</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%91%BD%E4%BB%A4/1.htm">命令</a><a class="tag" taget="_blank" href="/search/unix/1.htm">unix</a> <div>一.日志查找方法，可以用通配符查某台主机上的所有服务器grep "关键字" /wls/applogs/custom-*/error.log   二.查看日志常用命令1.grep '关键字' error.log：在error.log中搜索'关键字'2.grep -C10 '关键字' error.log：显示关键字前后10行记录3.grep '关键字' error.l</div> </li> <li><a href="/article/1592.htm" title="【持久化框架MyBatis3一】MyBatis版HelloWorld" target="_blank">【持久化框架MyBatis3一】MyBatis版HelloWorld</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/helloworld/1.htm">helloworld</a> <div>MyBatis这个系列的文章，主要参考《Java Persistence with MyBatis 3》。   样例数据 本文以MySQL数据库为例，建立一个STUDENTS表，插入两条数据，然后进行单表的增删改查     CREATE TABLE STUDENTS ( stud_id int(11) NOT NULL AUTO_INCREMENT, </div> </li> <li><a href="/article/1719.htm" title="【Hadoop十五】Hadoop Counter" target="_blank">【Hadoop十五】Hadoop Counter</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a> <div>   1. 只有Map任务的Map Reduce Job File System Counters FILE: Number of bytes read=3629530 FILE: Number of bytes written=98312 FILE: Number of read operations=0 FILE: Number of lar</div> </li> <li><a href="/article/1846.htm" title="解决Tomcat数据连接池无法释放" target="_blank">解决Tomcat数据连接池无法释放</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/tomcat+%E8%BF%9E%E6%8E%A5%E6%B1%A0%E3%80%80%E4%BC%98%E5%8C%96/1.htm">tomcat 连接池　优化</a> <div> 近段时间，公司的检测中心报表系统(SMC)的开发人员时不时找到我，说用户老是出现无法登录的情况。前些日子因为手头上 有Jboss集群的测试工作，发现用户不能登录时，都是在Tomcat中将这个项目Reload一下就好了，不过只是治标而已，因为大概几个小时之后又会 再次出现无法登录的情况。 今天上午，开发人员小毛又找到我，要我协助将这个问题根治一下，拖太久用户难保不投诉。 简单分析了一</div> </li> <li><a href="/article/1973.htm" title="java-75-二叉树两结点的最低共同父结点" target="_blank">java-75-二叉树两结点的最低共同父结点</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> import java.util.LinkedList; import java.util.List; import ljn.help.*; public class BTreeLowestParentOfTwoNodes { public static void main(String[] args) { /* * node data is stored in</div> </li> <li><a href="/article/2100.htm" title="行业垂直搜索引擎网页抓取项目" target="_blank">行业垂直搜索引擎网页抓取项目</a> <span class="text-muted">carlwu</span> <a class="tag" taget="_blank" href="/search/Lucene/1.htm">Lucene</a><a class="tag" taget="_blank" href="/search/Nutch/1.htm">Nutch</a><a class="tag" taget="_blank" href="/search/Heritrix/1.htm">Heritrix</a><a class="tag" taget="_blank" href="/search/Solr/1.htm">Solr</a> <div>公司有一个搜索引擎项目，希望各路高人有空来帮忙指导，谢谢！ 这是详细需求： （1） 通过提供的网站地址(大概100-200个网站)，网页抓取程序能不断抓取网页和其它类型的文件（如Excel、PDF、Word、ppt及zip类型），并且程序能够根据事先提供的规则，过滤掉不相干的下载内容。 （2） 程序能够搜索这些抓取的内容，并能对这些抓取文件按照油田名进行分类，然后放到服务器不同的目录中。 </div> </li> <li><a href="/article/2227.htm" title="[通讯与服务]在总带宽资源没有大幅增加之前,不适宜大幅度降低资费" target="_blank">[通讯与服务]在总带宽资源没有大幅增加之前,不适宜大幅度降低资费</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E8%B5%84%E6%BA%90/1.htm">资源</a> <div>       降低通讯服务资费，就意味着有更多的用户进入，就意味着通讯服务提供商要接待和服务更多的用户，在总体运维成本没有由于技术升级而大幅下降的情况下，这种降低资费的行为将导致每个用户的平均带宽不断下降，而享受到的服务质量也在下降，这对用户和服务商都是不利的。。。。。。。。     &nbs</div> </li> <li><a href="/article/2354.htm" title="Java时区转换及时间格式" target="_blank">Java时区转换及时间格式</a> <span class="text-muted">Cwind</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>本文介绍Java API 中 Date, Calendar, TimeZone和DateFormat的使用，以及不同时区时间相互转化的方法和原理。   问题描述： 向处于不同时区的服务器发请求时需要考虑时区转换的问题。譬如，服务器位于东八区（北京时间，GMT+8:00），而身处东四区的用户想要查询当天的销售记录。则需把东四区的“今天”这个时间范围转换为服务器所在时区的时间范围。 </div> </li> <li><a href="/article/2481.htm" title="readonly,只读，不可用" target="_blank">readonly,只读，不可用</a> <span class="text-muted">dashuaifu</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/disable/1.htm">disable</a><a class="tag" taget="_blank" href="/search/readOnly/1.htm">readOnly</a><a class="tag" taget="_blank" href="/search/readOnly/1.htm">readOnly</a> <div>readOnly 和 readonly 不同，在做js开发时一定要注意函数大小写和jsp黄线的警告！！！我就经历过这么一件事： 使用readOnly在某些浏览器或同一浏览器不同版本有的可以实现“只读”功能，有的就不行，而且函数readOnly有黄线警告！！！就这样被折磨了不短时间！！！（期间使用过disable函数，但是发现disable函数之后后台接收不到前台的的数据！！！）   </div> </li> <li><a href="/article/2608.htm" title="LABjs、RequireJS、SeaJS 介绍" target="_blank">LABjs、RequireJS、SeaJS 介绍</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a> <div>LABjs 的核心是 LAB（Loading and Blocking）：Loading 指异步并行加载，Blocking 是指同步等待执行。LABjs 通过优雅的语法（script 和 wait）实现了这两大特性，核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开发变得更</div> </li> <li><a href="/article/2735.htm" title="[应用结构]入口脚本" target="_blank">[应用结构]入口脚本</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/yii2/1.htm">yii2</a> <div>入口脚本 入口脚本是应用启动流程中的第一环，一个应用（不管是网页应用还是控制台应用）只有一个入口脚本。终端用户的请求通过入口脚本实例化应用并将将请求转发到应用。 Web 应用的入口脚本必须放在终端用户能够访问的目录下，通常命名为 index.php，也可以使用 Web 服务器能定位到的其他名称。 控制台应用的入口脚本一般在应用根目录下命名为 yii（后缀为.php），该文</div> </li> <li><a href="/article/2862.htm" title="haoop shell命令" target="_blank">haoop shell命令</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/hadoop+shell/1.htm">hadoop shell</a> <div> cat chgrp chmod chown copyFromLocal copyToLocal cp du dus expunge get getmerge ls lsr mkdir movefromLocal mv put rm rmr setrep stat tail test text </div> </li> <li><a href="/article/2989.htm" title="MultiStateView不同的状态下显示不同的界面" target="_blank">MultiStateView不同的状态下显示不同的界面</a> <span class="text-muted">gundumw100</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>只要将指定的view放在该控件里面，可以该view在不同的状态下显示不同的界面，这对ListView很有用，比如加载界面，空白界面，错误界面。而且这些见面由你指定布局，非常灵活。 PS：ListView虽然可以设置一个EmptyView，但使用起来不方便，不灵活，有点累赘。 <com.kennyc.view.MultiStateView xmlns:android=&qu</div> </li> <li><a href="/article/3116.htm" title="jQuery实现页面内锚点平滑跳转" target="_blank">jQuery实现页面内锚点平滑跳转</a> <span class="text-muted">ini</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>平时我们做导航滚动到内容都是通过锚点来做，刷的一下就直接跳到内容了，没有一丝的滚动效果，而且 url 链接最后会有“小尾巴”，就像#keleyi，今天我就介绍一款 jquery 做的滚动的特效，既可以设置滚动速度，又可以在 url 链接上没有“小尾巴”。   效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/37.htmHTML文件代码： &</div> </li> <li><a href="/article/3243.htm" title="kafka offset迁移" target="_blank">kafka offset迁移</a> <span class="text-muted">kane_xie</span> <a class="tag" taget="_blank" href="/search/kafka/1.htm">kafka</a> <div>在早前的kafka版本中（0.8.0），offset是被存储在zookeeper中的。   到当前版本（0.8.2）为止，kafka同时支持offset存储在zookeeper和offset manager（broker）中。   从官方的说明来看，未来offset的zookeeper存储将会被弃用。因此现有的基于kafka的项目如果今后计划保持更新的话，可以考虑在合适</div> </li> <li><a href="/article/3370.htm" title="android > 搭建 cordova 环境" target="_blank">android > 搭建 cordova 环境</a> <span class="text-muted">mft8899</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>  1 , 安装 node.js        http://nodejs.org      node -v   查看版本   2, 安装 npm   可以先从  https://github.com/isaacs/npm/tags  下载 源码 解压到</div> </li> <li><a href="/article/3497.htm" title="java封装的比较器，比较是否全相同，获取不同字段名字" target="_blank">java封装的比较器，比较是否全相同，获取不同字段名字</a> <span class="text-muted">qifeifei</span> <div> 非常实用的java比较器，贴上代码： import java.util.HashSet; import java.util.List; import java.util.Set; import net.sf.json.JSONArray; import net.sf.json.JSONObject; import net.sf.json.JsonConfig; i</div> </li> <li><a href="/article/3624.htm" title="记录一些函数用法" target="_blank">记录一些函数用法</a> <span class="text-muted">.Aky.</span> <a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E5%87%BD%E6%95%B0/1.htm">函数</a><a class="tag" taget="_blank" href="/search/IP/1.htm">IP</a> <div>高手们照旧忽略。 想弄个全天朝IP段数据库，找了个今天最新更新的国内所有运营商IP段，copy到文件，用文件函数，字符串函数把玩下。分割出startIp和endIp这样格式写入.txt文件，直接用phpmyadmin导入.csv文件的形式导入。（生命在于折腾，也许你们觉得我傻X，直接下载人家弄好的导入不就可以，做自己的菜鸟，让别人去说吧） 当然用到了ip2long()函数把字符串转为整型数</div> </li> <li><a href="/article/3751.htm" title="sublime text 3 rust" target="_blank">sublime text 3 rust</a> <span class="text-muted">wudixiaotie</span> <a class="tag" taget="_blank" href="/search/Sublime+Text/1.htm">Sublime Text</a> <div>1.sublime text 3 => install package => Rust 2.cd ~/.config/sublime-text-3/Packages 3.mkdir rust 4.git clone https://github.com/sp0/rust-style 5.cd rust-style 6.cargo build --release 7.ctrl</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </div> </div> </footer> <!-- 代码高亮 --> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>