uglyduckling0412
uglyduckling0412

HTML、CSS、JS实现水印效果

实现效果如下：

HTML、CSS、JS实现水印效果_第1张图片
HTML

<body>
  <div class="box" id="box">
  div>
body>

CSS

JS

<script>
  function cssHelper(el, prototype) {
    for (let i in prototype) {
      el.style[i] = prototype[i]
    }
  }
  // 获取要放水印的box的宽高以及位置
  const {
    offsetLeft,
    offsetTop,
    clientWidth,
    clientHeight
  } = document.getElementById("box");

  const waterWrapper = document.createElement('div');
  cssHelper(waterWrapper, {
    position: 'fixed',
    width: `${clientWidth}px`, //宽度与box相同
    height: `${clientHeight}px`, //高度与box相同
    top: `${offsetTop}px`, //定位，top
    right: '0px ',
    bottom: '0px',
    left: `${offsetLeft}px`, //定位，left
    overflow: 'hidden',
    display: 'flex',
    'flex-wrap': 'wrap',
    'pointer-events': 'none'
  })
  const waterHeight = 100;
  const waterWidth = 200;
  // 计算有多少个水印
  const column = Math.ceil(clientWidth / waterWidth);
  const rows = Math.ceil(clientHeight / waterHeight);

  function createItem() {
    const item = document.createElement('div')
    // 水印内容，可更改
    item.innerHTML = '测试水印效果'
    cssHelper(item, {
      position: 'absolute',
      top: `50px`,
      left: `50px`,
      fontSize: `20px`, //水印字体大小
      color: 'red', //水印的颜色
      lineHeight: 1.5,
      opacity: 0.1,
      transform: `rotate(-15deg)`,
      transformOrigin: '0 0',
      userSelect: 'none',
      whiteSpace: 'nowrap',
      overflow: 'hidden',
    })
    return item
  }
  for (let i = 0; i < column * rows; i++) {
    const wrap = document.createElement('div');
    cssHelper(wrap, Object.create({
      position: 'relative',
      width: `${waterWidth}px`,
      height: `${waterHeight}px`,
      flex: `0 0 ${waterWidth}px`,
      overflow: 'hidden',
    }));
    wrap.appendChild(createItem());
    waterWrapper.appendChild(wrap)
  }
  document.getElementById("box").appendChild(waterWrapper)
</script>

可根据放水印的容器自由变换

你可能感兴趣的:(技术档案,javascript,css,html)

  • TypeScript 学习笔记（七）：TypeScript 与后端框架的结合应用 Evaporator Core typescript前端框架学习
    1.引言在前几篇学习笔记中，我们已经探讨了TypeScript的基础知识和在前端框架（如Angular和React）中的应用。本篇将重点介绍TypeScript在后端开发中的应用，特别是如何与Node.js和Express结合使用，以构建强类型、可维护的后端应用。2.TypeScript与Node.jsNode.js是一个基于ChromeV8引擎的JavaScript运行时，广泛用于构建后端应用。
  • Node.js --- 模板引擎EJS 蒜蓉大猩猩 Node.jsnode.js后端express中间件
    1.前言模板引擎是一种工具或库，用于在开发中生成动态内容的HTML页面。它通过将预定义的模板与数据结合，生成最终的输出（如HTML页面、字符串等）。模板引擎广泛应用于前端和后端开发，尤其是在构建动态网站时。2.EJS模板引擎EJS(EmbeddedJavaScriptTemplates)是一种模板引擎，可以帮助我们在HTML页面中嵌入JavaScript代码，用于动态渲染内容。EJS语法简洁且与H
  • java实现word转html（支持docx及doc文件） WAZYY0619 javawordhtmlword转htmldocx转htmldoc转html
    privatefinalstaticStringtempPath="C:\\Users\\xxx\\Desktop\\Word2Html\\src\\test\\";//图片及相关文件保存的路径publicstaticvoidmain(Stringargv[]){try{JFileChooserfileChooser=newJFileChooser();fileChooser.setDialogT
  • 什么是原型，有什么用？ 神明木佑 原型模式
    在JavaScript中，每个对象都有一个原型（prototype），原型也是一个对象。对象可以从它的原型中继承属性和方法。原型是JavaScript实现继承的基础，它构成了JavaScript中对象之间的链式关系。什么是原型？在JavaScript中，每个对象（除了null）都有一个原型。可以通过`__proto__`属性来访问一个对象的原型。原型本身也是一个对象，它可能拥有自己的原型，这样就形
  • 【JavaScript】事件监听：触摸事件 神明木佑 javascriptmicrosoft开发语言
    JavaScript触摸事件是通过浏览器提供的TouchAPI来实现的。当用户在触摸屏设备上进行交互时，浏览器会捕捉到触摸事件，并将其传递给相应的JavaScript事件处理器。需要注意的是，触摸事件在不同的设备和浏览器上可能有差异，因此在使用触摸事件时应该进行兼容性测试，并根据需要进行适当的兼容性处理。此外，触摸事件通常与其他事件（如点击事件、滚动事件等）结合使用，以实现更复杂的交互效果。一、t
  • 基于JAVA面向餐饮行业的会员营销系统计算机毕业设计源码+数据库+lw文档+系统+部署 匠心网络 java开发语言
    基于JAVA面向餐饮行业的会员营销系统计算机毕业设计源码+数据库+lw文档+系统+部署基于JAVA面向餐饮行业的会员营销系统计算机毕业设计源码+数据库+lw文档+系统+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7
  • 理解 Base64 编码原理及其 JavaScript 实现 red润 前端javascript开发语言前端
    理解Base64编码原理及其JavaScript实现下一篇博客在JavaScript中处理中文字符串的Base64编码与解码注意：这里没有处理中文base64编码情况什么是Base64编码？Base64编码是一种将二进制数据转换为可打印字符的编码方式。它将每三个字节（24位）的二进制数据转换为四个字符，每个字符由64个字符集合中的一个表示。这使得数据可以通过文本协议传输（如电子邮件、HTTP请求等
  • js中 window.location.href使用post请求 ebg_coder javascriptjavascript
    本来考虑使用ajax，但ajax是异步提交请求，无法跳转页面。而window.location.href是get的请求，漏洞扫描工具会检测到，参数过长或者出于安全考虑保密数据，要使用post。最后使用js的表单提交方法，代码如下：$('.test-button').click(function(){vartestId=$(this).attr('id');varhtml=""+""+"";docu
  • 【Vim Masterclass 笔记16】S07L32 + L33：同步练习09 —— 掌握 Vim 宏操作的六个典型案例（含点评课内容） 安冬的码畜日常 VimMasterclassvim笔记vim宏同步练习自学笔记
    文章目录S07L32Exercise09-Macros1训练目标2操作指令2.1.打开macros-practice.txt文件2.2.练习1：将旧版Python代码转换为新版写法2.3.练习2：根据列表内容批量创建Shell脚本2.4.练习3：对电话号码作格式化处理2.5.练习4：从日志文件中提取重要数据2.6.练习5：将多行数据压缩为一行2.7.练习6：从HTML中提取数据3退出VimS07L
  • java毕业设计宠物领养饲养交流管理平台Mybatis+系统+数据库+调试部署 静静学姐 mybatisjava宠物
    java毕业设计宠物领养饲养交流管理平台Mybatis+系统+数据库+调试部署java毕业设计宠物领养饲养交流管理平台Mybatis+系统+数据库+调试部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址
  • QT ListView 记录 weixin_30872157 数据库
    http://www.cnblogs.com/chenxuelian/archive/2009/12/22/1629601.html转载于:https://www.cnblogs.com/whisht/archive/2012/06/12/3085088.html
  • 【Rust】——不安全Rust Y小夜 Rust（官方文档重点总结）rust开发语言后端
    博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，Python机器学习等主页链接：Y小夜-CSDN博客目录不安全的超能力解引用裸指针调用不安全函数或方法创建不安全代码的安全抽象使用e
  • 正则表达式完全指南 silver687 正则表达式
    正则表达式完全指南正则表达式（RegularExpression，简称regex或regexp）是一种强大的文本处理工具，用于匹配、查找、替换等操作字符串中符合特定模式的文本。它广泛应用于各种编程语言和文本处理工具中，如Python、JavaScript、grep等。以下是对正则表达式的全面介绍。一、基本概念（一）字符集字符集是正则表达式中最基本的单元，用于匹配特定的字符。•普通字符：大多数字符，
  • linux出现bash: ./java: cannot execute binary file 问题的解决办法 w36680130 linux
    linux出现bash:./java:cannotexecutebinaryfile问题的解决办法参考文章：（1）linux出现bash:./java:cannotexecutebinaryfile问题的解决办法（2）https://www.cnblogs.com/longshiyVip/p/4802339.html备忘一下。
  • 在Unity中如何使用Python 乐极老人*逢人打 unitypython游戏引擎
    Unity本身并不直接支持Python作为脚本语言。Unity主要使用C#作为其主要的脚本语言，也支持UnityScript（一种类似JavaScript的语言，但已经逐渐被淘汰）和BOO（也已被淘汰）。然而，虽然Unity不直接支持Python，但你仍然有一些方法可以在Unity项目中使用Python。使用外部进程调用Python：你可以在Unity中创建一个外部进程来运行Python脚本。这可
  • JavaScript语言基础教程笔记 fanxbl957 各类语言和技术总结笔记javascript笔记开发语言
    JavaScript语言基础教程笔记下面是一个全面的JavaScript教程，适合初学者和有一定编程经验的人士。JavaScript是一种广泛用于网页开发的脚本语言，支持事件驱动、函数式以及基于原型的编程风格。要想深入了解请参考：javascript脚本语言教程。JavaScript入门教程1.简介定义：JavaScript（简称JS）是一种高级编程语言，主要用于网页浏览器中实现复杂的交互功能。用
  • JavaScript系列（29）--设计模式详解 陳沉辰陈 JavaScriptjavascript设计模式开发语言
    JavaScript设计模式详解️今天，让我们深入探讨JavaScript中的设计模式。设计模式是软件开发中的最佳实践，它们可以帮助我们写出更加可维护和可扩展的代码。设计模式基础小知识：设计模式是软件开发中常见问题的典型解决方案。它们不是具体的代码片段，而是解决特定问题的通用模板。创建型模式//1.单例模式classSingleton{privatestaticinstance:Singleton
  • JavaScript系列（31）--装饰器详解 陳沉辰陈 JavaScriptjavascript开发语言ecmascript
    JavaScript装饰器详解今天，让我们深入探讨JavaScript的装饰器（Decorators）。装饰器是一种用于修改类和类成员的强大语言特性，它让我们能够以声明式的方式增强类的功能。装饰器基础概念小知识：装饰器是一种特殊的声明，可以被附加到类声明、方法、访问器、属性或参数上。装饰器使用@expression的形式，其中expression必须是一个函数，它会在运行时被调用。基本装饰器实现/
  • js map函数的使用 itwlz javascript前端开发语言
    1.概念map()方法定义在JavaScript的Array中，它返回一个新的数组。数组中的元素为原始数组调用函数处理后的值。注意：1.map()不会对空数组进行检测2.map()不会改变原始数组2.语法array.map(function(currentValue,index,arr),thisIndex)3.实例3.1把数组l里的每一项转为Number或String或Booleanletlis
  • Vue3使用wow.js动画库 itwlz javascript开发语言ecmascript
    1.下载依赖npminstallwow.js--save2.导入importWOWfrom"wow.js";onMounted(()=>{wowjsFn();});constwowjsFn=()=>{letwow=newWOW({boxClass:"wow",//animatedelementcssclass(defaultiswow)animateClass:"animated",//anima
  • mermaid Bananices markdownmarkdownjavascript流程图
    使用Mermaid在博客中添加流程图什么是Mermaid？Mermaid是一个基于Javascript的图表绘制工具，通过解析类Markdown的文本语法来实现图表的创建和动态修改。Mermaid诞生的主要目的是让文档的更新能够及时跟上开发进度。流程图在mermaid中可以使用graph和flowchart来绘制流程图,但使用flowchart绘制流程图时候性能更高,详情FlowchartsSyn
  • VSLAM技术实现机器人在不同场景下的精准导航、避障 向阳而生|X 自主导航python计算机视觉
    链接：https://developer.orbbec.com.cn/forum_plate_module_details.html?id=998
  • 【RFC2663 IP 网络地址转换器 (NAT) 术语和注意事项】（翻译） 羊羊洒洒_Blog rfctcpip
    原文https://datatracker.ietf.org/doc/html/rfc2663IPNetworkAddressTranslator(NAT)TerminologyandConsiderationsIP网络地址转换器(NAT)术语和注意事项前言本文档背后的动机是明确与网络地址转换器结合使用的术语。术语“网络地址转换器”在不同的上下文中有不同的含义。本文档的目的是定义各种类型的NAT并
  • 【YashanDB知识库】YashanDB获取统计信息 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7106885.html?templateId=171...在测试环境重现生产环境SQL语句执行计划问题时，需要使用生产环境相关表的统计信息模拟。“变更产生风险”，更新统计信息之后，有些SQL语句的执行计划可能改变，可能变好，也可能变差，纠正SQL语句执行计划比较有效的手段之一是回退统
  • mermaid大全（语法、流程图、时序图、甘特图、饼图、用户旅行图、类图） Le0v1n 奇奇怪怪的知识软件推荐面试题（InterviewQuestions）流程图甘特图
    ⚠️有些网站的mermaid可能不完整，因此下面教程中可能有些语法是无效的。亲测Typora软件均可以显示。1.介绍Mermaid是一个基于JavaScript的图表绘制工具，它使用类似Markdown的语法来创建和修改各种类型的图表。以下是关于Mermaid的详细介绍：1.核心功能文本驱动的图表生成：Mermaid允许用户通过简单的文本语法来创建流程图、序列图、甘特图、类图、状态图、实体关系图等
  • 【YashanDB知识库】YashanDB到YashanDB手工元数据迁移 数据库
    本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7080870.html?templateId=171...基本信息场景：测试库到生产库，需要迁移表结构，表数量较多。源库版本：YashanDB企业版22.2.4.1目标库版本：YashanDB企业版22.2.13.100查询源库中对象情况SQL>selectobject_type,s
  • 编程模式思维：《Thinking in Patterns》深入解析 疑样
    本文还有配套的精品资源，点击获取简介：《ThinkinginPatterns》是软件开发领域的关键资料，集中探讨模式思维在编程中的应用。包括设计模式、架构模式和编程范式在内的多种模式被详细阐述，并通过HTML文档和代码示例帮助开发者掌握。这份资料提供了有效的软件设计解决方案，强调模式在提升代码质量中的作用，为IT专业人士提供了提升软件设计能力的重要参考资料。1.模式思维与软件设计的重要性软件设计模
  • 海康威视H5player问题汇总大全 前端小码仔 海康视频海康H5player前端
    由于除了要支持Windows平台，还要支持国产系统的平台，这时就用到了H5player，但是这个在使用调试的时候会遇到各种各样的问题，便在此分享一下，供大家分享！！！问题一：Unexpectedtoken‘<‘inputover1、检查html页面的引入2、确认szBasePath地址是否正确（注意：微前端乾坤下的路径别忘带子应用的前缀）3、如果以上配置都正确，且后端返回的路径没问题，请重新下载更
  • 停止在 React 组件回调中使用箭头函数！ @大迁世界 react.jsjavascript前端ecmascript前端框架
    在构建React应用时,许多开发者都喜欢使用箭头函数,因为它们简洁易用。但你知道吗,在组件回调中直接使用箭头函数可能会导致一些性能问题？在本文中,我们将分析这种情况发生的原因,并探讨你应该考虑的最佳实践。什么是箭头函数？在深入讨论最佳实践之前,我们快速回顾一下箭头函数。箭头函数是ES6引入的特性,它为JavaScript中的函数书写提供了更简短的语法。相比使用更冗长的function关键字,你可以
  • JavaScript Symbol：独特标识符的深度解析 谢道韫689 javascript前端开发语言
    一、引言在JavaScript的世界里，数据类型丰富多样，从常见的字符串、数字、布尔值，到较为特殊的null、undefined，每一种都在编程中扮演着不可或缺的角色。而Symbol，作为ES6引入的一种新的数据类型，犹如一颗独特的明珠，虽不像其他类型那样频繁出现在日常代码中，但在特定的场景下，却有着无可替代的重要性。或许你在日常开发中，曾遇到过属性名冲突的困扰，或者想要为对象添加一些隐藏的、不希
  • JAVA中的Enum 周凡杨 javaenum枚举
    Enum是计算机编程语言中的一种数据类型---枚举类型。 在实际问题中，有些变量的取值被限定在一个有限的范围内。     例如，一个星期内只有七天 我们通常这样实现上面的定义： public String monday; public String tuesday; public String wensday; public String thursday
  • 赶集网mysql开发36条军规 Bill_chen mysql业务架构设计mysql调优mysql性能优化
    (一)核心军规 (1)不在数据库做运算    cpu计算务必移至业务层； (2)控制单表数据量    int型不超过1000w，含char则不超过500w；    合理分表；    限制单库表数量在300以内； (3)控制列数量    字段少而精，字段数建议在20以内
  • Shell test命令 daizj shell字符串test数字文件比较
    Shell test命令 Shell中的 test 命令用于检查某个条件是否成立，它可以进行数值、字符和文件三个方面的测试。 数值测试 参数 说明 -eq 等于则为真 -ne 不等于则为真 -gt 大于则为真 -ge 大于等于则为真 -lt 小于则为真 -le 小于等于则为真 实例演示： num1=100 num2=100if test $[num1]
  • XFire框架实现WebService(二) 周凡杨 javawebservice
       有了XFire框架实现WebService(一)，就可以继续开发WebService的简单应用。 Webservice的服务端(WEB工程)： 两个java bean类： Course.java    package cn.com.bean; public class Course {     private
  • 重绘之画图板 朱辉辉33 画图板
           上次博客讲的五子棋重绘比较简单，因为只要在重写系统重绘方法paint（）时加入棋盘和棋子的绘制。这次我想说说画图板的重绘。        画图板重绘难在需要重绘的类型很多，比如说里面有矩形，园，直线之类的，所以我们要想办法将里面的图形加入一个队列中，这样在重绘时就
  • Java的IO流 西蜀石兰 java
    刚学Java的IO流时，被各种inputStream流弄的很迷糊，看老罗视频时说想象成插在文件上的一根管道，当初听时觉得自己很明白，可到自己用时，有不知道怎么代码了。。。 每当遇到这种问题时，我习惯性的从头开始理逻辑，会问自己一些很简单的问题，把这些简单的问题想明白了，再看代码时才不会迷糊。 IO流作用是什么？ 答：实现对文件的读写，这里的文件是广义的； Java如何实现程序到文件
  • No matching PlatformTransactionManager bean found for qualifier 'add' - neither 林鹤霄
    java.lang.IllegalStateException: No matching PlatformTransactionManager bean found for qualifier 'add' - neither qualifier match nor bean name match!   网上找了好多的资料没能解决，后来发现：项目中使用的是xml配置的方式配置事务，但是
  • Row size too large (> 8126). Changing some columns to TEXT or BLOB aigo column
    原文：http://stackoverflow.com/questions/15585602/change-limit-for-mysql-row-size-too-large   异常信息： Row size too large (> 8126). Changing some columns to TEXT or BLOB or using ROW_FORMAT=DYNAM
  • JS 格式化时间 alxw4616 JavaScript
    /** * 格式化时间 2013/6/13 by 半仙 [email protected] * 需要 pad 函数 * 接收可用的时间值. * 返回替换时间占位符后的字符串 * * 时间占位符:年 Y 月 M 日 D 小时 h 分 m 秒 s 重复次数表示占位数 * 如 YYYY 4占4位 YY 占2位<p></p> * MM DD hh mm
  • 队列中数据的移除问题 百合不是茶 队列移除
         队列的移除一般都是使用的remov();都可以移除的,但是在昨天做线程移除的时候出现了点问题,没有将遍历出来的全部移除,  代码如下;      // package com.Thread0715.com; import java.util.ArrayList; public class Threa
  • Runnable接口使用实例 bijian1013 javathreadRunnablejava多线程
    Runnable接口 a.       该接口只有一个方法：public void run(); b.       实现该接口的类必须覆盖该run方法 c.       实现了Runnable接口的类并不具有任何天
  • oracle里的extend详解 bijian1013 oracle数据库extend
    扩展已知的数组空间，例： DECLARE TYPE CourseList IS TABLE OF VARCHAR2(10); courses CourseList; BEGIN -- 初始化数组元素，大小为3 courses := CourseList('Biol 4412 ', 'Psyc 3112 ', 'Anth 3001 '); --
  • 【httpclient】httpclient发送表单POST请求 bit1129 httpclient
    浏览器Form Post请求 浏览器可以通过提交表单的方式向服务器发起POST请求，这种形式的POST请求不同于一般的POST请求 1. 一般的POST请求，将请求数据放置于请求体中，服务器端以二进制流的方式读取数据，HttpServletRequest.getInputStream()。这种方式的请求可以处理任意数据形式的POST请求，比如请求数据是字符串或者是二进制数据 2. Form
  • 【Hive十三】Hive读写Avro格式的数据 bit1129 hive
     1. 原始数据 hive> select * from word; OK 1 MSN 10 QQ 100 Gtalk 1000 Skype      2. 创建avro格式的数据表   hive> CREATE TABLE avro_table(age INT, name STRING)STORE
  • nginx+lua+redis自动识别封解禁频繁访问IP ronin47
    在站点遇到攻击且无明显攻击特征，造成站点访问慢，nginx不断返回502等错误时，可利用nginx+lua+redis实现在指定的时间段 内，若单IP的请求量达到指定的数量后对该IP进行封禁，nginx返回403禁止访问。利用redis的expire命令设置封禁IP的过期时间达到在 指定的封禁时间后实行自动解封的目的。 一、安装环境： CentOS x64 release 6.4(Fin
  • java-二叉树的遍历-先序、中序、后序（递归和非递归）、层次遍历 bylijinnan java
    import java.util.LinkedList; import java.util.List; import java.util.Stack; public class BinTreeTraverse { //private int[] array={ 1, 2, 3, 4, 5, 6, 7, 8, 9 }; private int[] array={ 10,6,
  • Spring源码学习-XML 配置方式的IoC容器启动过程分析 bylijinnan javaspringIOC
    以FileSystemXmlApplicationContext为例，把Spring IoC容器的初始化流程走一遍： ApplicationContext context = new FileSystemXmlApplicationContext ("C:/Users/ZARA/workspace/HelloSpring/src/Beans.xml&q
  • [科研与项目]民营企业请慎重参与军事科技工程 comsci 企业
         军事科研工程和项目 并非要用最先进，最时髦的技术，而是要做到“万无一失”    而民营科技企业在搞科技创新工程的时候，往往考虑的是技术的先进性，而对先进技术带来的风险考虑得不够，在今天提倡军民融合发展的大环境下，这种“万无一失”和“时髦性”的矛盾会日益凸显。。。。。。所以请大家在参与任何重大的军事和政府项目之前，对
  • spring 定时器-两种方式 cuityang springquartz定时器
    方式一： 间隔一定时间 运行 <bean id="updateSessionIdTask" class="com.yang.iprms.common.UpdateSessionTask" autowire="byName" /> <bean id="updateSessionIdSchedule
  • 简述一下关于BroadView站点的相关设计 damoqiongqiu view
    终于弄上线了，累趴，戳这里http://www.broadview.com.cn   简述一下相关的技术点   前端：jQuery+BootStrap3.2+HandleBars，全站Ajax（貌似对SEO的影响很大啊！怎么破？），用Grunt对全部JS做了压缩处理，对部分JS和CSS做了合并（模块间存在很多依赖，全部合并比较繁琐，待完善）。   后端：U
  • 运维 PHP问题汇总 dcj3sjt126com windows2003
    1、Dede(织梦)发表文章时,内容自动添加关键字显示空白页 解决方法： 后台>系统>系统基本参数>核心设置>关键字替换（是/否），这里选择“是”。 后台>系统>系统基本参数>其他选项>自动提取关键字，这里选择“是”。   2、解决PHP168超级管理员上传图片提示你的空间不足 网站是用PHP168做的，反映使用管理员在后台无法
  • mac 下 安装php扩展 - mcrypt dcj3sjt126com PHP
    MCrypt是一个功能强大的加密算法扩展库，它包括有22种算法，phpMyAdmin依赖这个PHP扩展，具体如下： 下载并解压libmcrypt-2.5.8.tar.gz。 在终端执行如下命令： tar zxvf libmcrypt-2.5.8.tar.gz cd libmcrypt-2.5.8/ ./configure --disable-posix-threads --
  • MongoDB更新文档 [四] eksliang mongodbMongodb更新文档
    MongoDB更新文档 转载请出自出处：http://eksliang.iteye.com/blog/2174104 MongoDB对文档的CURD，前面的博客简单介绍了，但是对文档更新篇幅比较大，所以这里单独拿出来。 语法结构如下： db.collection.update( criteria, objNew, upsert, multi) 参数含义 参数   
  • Linux下的解压，移除，复制，查看tomcat命令 y806839048 tomcat
    重复myeclipse生成webservice有问题删除以前的，干净 1、先切换到：cd usr/local/tomcat5/logs 2、tail -f catalina.out 3、这样运行时就可以实时查看运行日志了 Ctrl+c 是退出tail命令。 有问题不明的先注掉   cp /opt/tomcat-6.0.44/webapps/g
  • Spring之使用事务缘由(3-XML实现) ihuning spring
      用事务通知声明式地管理事务   事务管理是一种横切关注点。为了在 Spring 2.x 中启用声明式事务管理，可以通过 tx Schema 中定义的 <tx:advice> 元素声明事务通知，为此必须事先将这个 Schema 定义添加到 <beans> 根元素中去。声明了事务通知后，就需要将它与切入点关联起来。由于事务通知是在 <aop:
  • GCD使用经验与技巧浅谈 啸笑天 GC
    前言 GCD(Grand Central Dispatch)可以说是Mac、iOS开发中的一大“利器”，本文就总结一些有关使用GCD的经验与技巧。 dispatch_once_t必须是全局或static变量 这一条算是“老生常谈”了，但我认为还是有必要强调一次，毕竟非全局或非static的dispatch_once_t变量在使用时会导致非常不好排查的bug，正确的如下： 1
  • linux（Ubuntu）下常用命令备忘录1 macroli linux工作ubuntu
    在使用下面的命令是可以通过--help来获取更多的信息1,查询当前目录文件列表：ls ls命令默认状态下将按首字母升序列出你当前文件夹下面的所有内容，但这样直接运行所得到的信息也是比较少的，通常它可以结合以下这些参数运行以查询更多的信息：  ls / 显示/.下的所有文件和目录  ls -l 给出文件或者文件夹的详细信息 ls -a 显示所有文件，包括隐藏文
  • nodejs同步操作mysql qiaolevip 学习永无止境每天进步一点点mysqlnodejs
    // db-util.js var mysql = require('mysql'); var pool = mysql.createPool({ connectionLimit : 10, host: 'localhost', user: 'root', password: '', database: 'test', port: 3306 });
  • 一起学Hive系列文章 superlxw1234 hiveHive入门
      [一起学Hive]系列文章 目录贴，入门Hive，持续更新中。   [一起学Hive]之一—Hive概述，Hive是什么 [一起学Hive]之二—Hive函数大全-完整版 [一起学Hive]之三—Hive中的数据库(Database)和表(Table) [一起学Hive]之四-Hive的安装配置 [一起学Hive]之五-Hive的视图和分区 [一起学Hive
  • Spring开发利器：Spring Tool Suite 3.7.0 发布 wiselyman spring
    Spring Tool Suite(简称STS)是基于Eclipse，专门针对Spring开发者提供大量的便捷功能的优秀开发工具。   在3.7.0版本主要做了如下的更新：   将eclipse版本更新至Eclipse Mars 4.5 GA Spring Boot(JavaEE开发的颠覆者集大成者，推荐大家学习)的配置语言YAML编辑器的支持(包含自动提示，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他