需要点灵感
需要点灵感

微信小程序云开发--实现微信小程序中访问外部h5网页

小程序中需要在一些位置添加广告，链接到外部的h5网页。

整体实现思路：定义一个广告组件，一个用来展示外部网页的page outUrl, 在组件中使用wx.navigateTo()等跳转到页面outUrl, outUrl.wxml页面中使用 来实现跳转。

步骤一：自定义一个advertising组件


<view class="advertisingBox" style="{
        {
        advertisingContent[0].show?'display:block':'display:none'}};margin-top:{
        {
        adverTop}};margin-bottom:{
        {
        adverBottom}}">
   
	 <image src="{
      {advertisingContent[0].imgUrl}}" bindtap="toUrl" alt="">广告位1，招租！！！！！！！image>
view>

// components/advertising/advertising.js
wx.cloud.init();
const db = wx.cloud.database();
Component({
     
  /**
   * 组件的属性列表
   */
  properties: {
     
    //这是引用组件时传来的adverTop和adverBottom，就是用来调整上下位置的
    adverTop: {
     
      type: String,
      value: '0px',
    },
    adverBottom: {
     
      type: String,
      value: '0px',
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
     
    advertisingContent:[],//广告位内容
    
  },

  /**
   * 组件的方法列表
   */
  methods: {
     
      // 获取广告为展示的内容图片
   getAdverContent:function(index){
     
    let that = this;
    db.collection('advertisingContent').where({
     
      index:index
      
    }).get({
     
         success: function (res) {
     
               console.log(res)
               that.setData({
     
                advertisingContent:res.data,
               
               })
         },
         fail(){
     
              
         }
   })
   },

  //  给图片加链接
  toUrl:function(){
     
    let that=this;
   // console.log(that.data.advertisingContent[0].url);
    wx.navigateTo({
     
      url:'../../pages/outUrl/outUrl?url='+that.data.advertisingContent[0].url
    })

  }
  }
})

advertising.json文件没什么要加的，advertising.wxss文件随便加点样式就可以了。

步骤二：定义一个outUrl页面，其他也没什么，就是outUrl.wxml中加上就可以了


<view>
<web-view src="{
      {url}}">web-view>
view>

//ages/outUrl/outUrl.js 文件
onLoad: function (options) {
     
    console.log(options)
    //获取一下advertising跳转过来时传递的参数url。
    //http://xxx.cn/h5/Adver/adver1.html 是我们自己的域名下网页
    // options.url 是商户提供的h5网页，下面使用iframe时会有用。
    this.setData({
     
      url:'http://xxx.cn/h5/Adver/adver1.html?outUrl='+options.url
    })
  },
  • 还有就是使用web-view 这个标签需要操作一下：
    • 登录小程序的账号后台，开发-开发设置-业务域名-这里需要将外部h5网页所在的域名绑定一下，将一个文件放到域名根目录下就可以了。
    • 绑定好如果还不能显示网页，那就是微信、开发者工具版本太低，下个高版本就可以了，我就遇到过这个问题。

步骤三： 在pages中使用advertising组件，顺便记录一下。


"usingComponents": {
    "advertising":"../../components/advertising/advertising"
 }




<advertising id="adver" adverTop="60px" adverBottom="-80px">advertising>

// pages/home/home.js 文件中
//自定义了一个adver方法，可以在onLoad()中执行
  adver:function(){
     
      //获取home.wxml中的组件
      this.advertising=this.selectComponent('#adver');
      //调用components/advertising/advertising.js 中的getAdverContent(1)方法。
      this.advertising.getAdverContent(1)
    },

微信小程序访问外部h5页到上面就可以了。

还有个衍生问题：有的广告是由商户自己提供的链接的，网页源码都是在他们自己的服务器上。我们也不能把每个商户的域名都添加到小程序的业务域名中去。

解决方式：在自己域名下定义一个广告h5页，使用iframe 标签自己嵌入商户的网页。只需要传入商户提供的url到iframe中的src就可以，src存数据库，修改也方便。

//http://xxx.cn/h5/Adver/adver1.html 指的就是这个页面。

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Documenttitle>
    <style>
     *{
      
         margin:0px;
         padding:0px;

     }
     html,body{
      
         height: 100%;
         width:100%;
     }
    style>
head>
<body>
    <iframe id="iframe" src="" width="100%" height="100%" scrolling="auto" frameborder="0"> 
iframe>

<script src="../js/jquery.min.js">script>
    <script>
      
      $(function(){
      
          	//  获取url参数
		function getQueryString(name) {
      
			var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
			var r = window.location.search.substr(1).match(reg);
			// console.log(r)
			if (r != null) return decodeURIComponent(r[2]);
			return null;
		};

		var outUrl = getQueryString('outUrl');
		//将商户的网页作为参数传递过来，这样，只需要修改数据库中存放的商户h5地址，就可以在我们自己的页面中显示各种不同商户页了。
         $('#iframe').attr('src',outUrl)
      })
    script>
body>
html>

使用iframe遇到的问题：随便使用了一个网址作为商户地址，遇到一个报错：Refused to display 'https://www.zhihu.com/' in a frame because it set 'X-Frame-Options' to 'deny'. 。

  • 然后又是一波面向百度编程，解释如下：

  • X-Frame-Options是一个HTTP标头（header），用来告诉浏览器这个网页是否可以放在iFrame内。参数和含义：

  1. X-Frame-Options: DENY : 告诉浏览器不要（DENY）把这个网页放在iFrame内。这也是它的作用：保障你的网页不会被放在恶意网站设定的iFrame内，帮助用户对抗点击劫持。

  2. X-Frame-Options: SAMEORIGIN ：告诉浏览器只有当架设iFrame的网站与发出X-Frame-Options的网站相同，才能显示发出X-Frame-Options网页的内容，同域名才行。

  3. X-Frame-Options: ALLOW-FROM https://www.zhihu.com/ ：告诉浏览器这个网页只能放在https://www.zhihu.com/网页架设的iFrame内。

  4. 不指定X-Frame-Options的网页等同表示它可以放在任何iFrame内。

//  X-Frame-Options 可以通过meta标签来设置。
//一般单独的广告页我觉得应该是不会设置这个的，碰巧我用了一下知乎的网址才发现这个问题，就顺便记录一下。
<meta http-equiv="X-Frame-Options" content="deny">

你可能感兴趣的:(微信小程序云开发,小程序,javascript)

  • Vue.js 入门指南：从基础到实战 阿绵 前端vue.js前端javascript
    Vue.js是一款流行的渐进式JavaScript框架，广泛用于构建交互式Web界面。它具有简单易学、轻量级、高性能的特点，适合前端新手入门。本文将从Vue的基本概念入手，详细介绍Vue的生命周期及常见用法，帮助你快速上手Vue开发官网：https://cn.vuejs.org/1.Vue.js介绍1.1Vue的特点易学易用：Vue采用直观的模板语法，降低了学习成本响应式数据绑定：使用双向绑定(v
  • 今天是我们的节日 1024 程序员节，码动未来，改变世界的神秘力量！ 程序员程序员节
    今天是我们的节日1024程序员节，码动未来，改变世界的神秘力量！博主小程序体验|博主公众号分享在这个充满科技感的时代，有这样一群人，他们用一行行代码编织着未来的梦想，用智慧和创造力改变着世界的模样。今天，10月24日，程序员节，让我们一起走进这群神秘的“代码魔法师”的世界。程序员，他们是数字世界的建筑师。当我们在手机上轻松滑动，浏览各种信息；当我们在电脑前畅快地玩游戏、办公；当我们享受着各种便捷的
  • JavaScript系列（89）--前端模块化工程详解 一进制ᅟᅠ        ‌‍‎‏  JavaScript前端javascript状态模式
    前端模块化工程详解前端模块化是现代Web开发的核心理念之一，它帮助我们组织和管理日益复杂的前端代码。本文将详细探讨前端模块化工程的各个方面，从基础概念到实际应用。模块化概述小知识：模块化是指将一个复杂的系统分解为独立的、可复用的模块。在前端开发中，模块化有助于提高代码的可维护性、可测试性和可重用性，同时促进团队协作和大型应用的开发。模块化标准与演进//1.CommonJS规范classCommon
  • js的some函数 小华0000 javascript开发语言ecmascript
    在JavaScript中，some()是一个数组的方法，用于测试数组中是否至少有一个元素满足提供的函数。如果数组中有至少一个元素通过由提供的函数实现的测试，则它返回true；否则返回false。以下是some()函数的基本语法：javascript复制代码arr.some(function(currentValue,index,arr),thisArg);currentValue：必需。当前元素的
  • js的includes函数 小华0000 javascript前端开发语言
    在JavaScript中，includes()是一个数组（Array）和字符串（String）对象的方法，用于确定一个数组是否包含一个特定的值，或者一个字符串是否包含一个特定的子串。如果找到该值或子串，则返回true；否则返回false。数组中的includes()对于数组，includes()方法用于判断一个数组是否包含一个指定的值，根据情况，如果需要，可以指定开始搜索的位置。语法：arr.in
  • JS：IntersectionObserver（监听目标元素是否出现在窗口中） 一天只码五十行 javascript开发语言ecmascript
    一、简介IntersectionObserver是JavaScript中的一个API，用于异步观察目标元素与其祖先元素或顶级文档视口的交叉状态。当目标元素的可见性发生变化时，你可以使用IntersectionObserver来执行某些操作，比如懒加载图片、无限滚动等。newIntersectionObserver()是用于创建一个新的IntersectionObserver实例的构造函数。当你调用
  • Intersection Observer API 详解 Rkcy 前端javascripthtml
    当我们滚动网页时，可能会遇到需要实现一些动态效果或监测元素的可见性等业务需求。以前，我们通常需要基于JavaScript来编写自己的监测逻辑，这样会对浏览器的性能产生一定的影响。现在，有一种新的浏览器API——IntersectionObserverAPI，它可以帮助我们精确地监测指定元素是否出现在浏览器的视口中，而且不会对性能产生明显影响。IntersectionObserverAPI核心原理I
  • JavaScript中的IntersectionObserver使用 碧海蓝天· javascript前端开发语言JavaScript
    IntersectionObserver是一个JavaScriptAPI，用于异步观察目标元素与其祖先元素或视口的交叉状态。它可以帮助我们判断一个元素是否进入或离开视口，以及元素与其他元素的交叉情况。在本文中，我将向您详细介绍如何使用IntersectionObserver，并提供相应的源代码示例。创建IntersectionObserver对象要使用IntersectionObserver，首先
  • 深入理解 JavaScript 的 IntersectionObserver API 小华0000 javascript开发语言ecmascript
    现代Web开发中，性能和用户体验是不可忽视的两个核心。为了实现页面的高效滚动加载、懒加载图片、观察元素是否进入视口等功能，JavaScript提供了一个强大的工具——IntersectionObserverAPI。在这篇博客中，我们将深入解析IntersectionObserver的核心功能、使用方法，以及最佳实践。一、什么是IntersectionObserver？IntersectionObs
  • JavaScript和HTML5游戏：从愤怒的小鸟到ZX Spectrum dingshi7798 移动开发游戏php
    最近，HTML5/JavaScript游戏领域发生了一些爆炸。浏览器游戏的受欢迎程度迅速增加，开发人员开始寻找一套方便使用的API和其他工具。罗伯·霍克斯（RobHawkes）热衷于赞扬HTML5和JavaScript及其在浏览器游戏中的应用。Rob是Mozilla的视觉程序员，作家和技术布道者，在开发人员社区中领导Mozilla工作的游戏方面。他在5月份在墨尔本举行的WebDirectionsC
  • 一周学会Flask3 Python Web开发-Jinja2模版中加载静态文件 java1234_小锋 Flask3视频教程pythonflaskflask3
    锋哥原创的Flask3PythonWeb开发Flask3视频教程：2025版Flask3Pythonweb开发视频教程(无废话版)玩命更新中~_哔哩哔哩_bilibili一个Web项目不仅需要HTML模板，还需要许多静态文件，比如CSS、JavaScript文件、图片以及音频等。在Flask程序中，默认我们需要将静态文件存储在与主脚本(包含程序实例的脚本)同级目录的static文件夹中。在Jinj
  • 【地图视界-Leaflet1】快速搭建你的第一个地图 Anchenry GIS可视化#地图视界前端html信息可视化
    引言随着Web技术的飞速发展，交互式地图已经成为网站不可或缺的一部分。无论是位置定位、数据可视化，还是复杂的空间分析，地图应用都在现代互联网应用中占据着重要地位。而Leaflet作为一款轻量级、开源的JavaScript库，凭借其极简的设计、高效的性能和易于上手的特性，成为了开发交互式地图应用的首选工具之一。本文将通过详细介绍Leaflet的使用，帮助你从零基础开始，逐步构建出自己的地图应用。什么
  • 浅谈HTML5 html5
    HTML5的时代已经到来，它对所有做前端搭建制作设计开发人员来说是一种福音。HTML5致力于解决跨浏览器问题，可以部分取代JavaScript，HTML5致力于把浏览器变成一个前端执行菠菜程序环境，而不是简单地视图工具。第一部分，了解HTML和XHTMLHTML——HyperTextMarkupLanguage(超文本标记语言)，它的发展史比较复杂，从1991年年底推出HTML,当时HTML并没有
  • html标签及属性 详解,常用的HTML标签详解与总结 释宣导 html标签及属性详解
    对于很多HTML初学者来说，记忆和掌握标签是一门很难搞的功课。今天，我们就来详细介绍常用的HTML标签。对于标签的掌握，更多的是要通过练习，熟能生巧。stlye标签用于定义元素的CSS样式/*这里写css样式*/script标签用于定义页面的JavaScript代码，也可以引入外部的JavaScript文件。/*这里写JavaScript代码*/link标签引入外部样式css文件。HTML注释又叫
  • 小程序侧边导航栏左右联动 ShinyRuo_ 小程序javascript前端
    1.点击左边导航栏,右边内容滚动到指定区域用scroll-view组件中的scroll-into-view来解决{{item.name}}{{item.name}}{{items.name}}data(){activeIndex:0,//导航栏高亮索引contentActive:null,//内容块scroll-into-view的idheightArr:[],//内容块高度数组container
  • LangChain入门：使用Python和通义千问打造免费的Qwen大模型聊天机器人 闯江湖50年 langchainpython机器人人工智能
    前言LangChain是一个用于开发由大型语言模型（LargeLanguageModels，简称LLMs）驱动的应用程序的框架。它提供了一个灵活的框架，使得开发者可以构建具有上下文感知能力和推理能力的应用程序，这些应用程序可以利用公司的数据和APIs。这个框架由几个部分组成。LangChain库：Python和JavaScript库。包含了各种组件的接口和集成，一个基本的运行时，用于将这些组件组合
  • uniapp开发微信小程序时实现文字转语音播报 播报时一个字展示一个字 并有暂停语音的功能 朱留坤 uni-app微信小程序小程序
    {{isPlaying?'暂停':'播放'}}{{displayedText}}varplugin=requirePlugin("WechatSI")exportdefault{data(){return{text:'需要展示的文字',displayedText:'',isPlaying:false,index:0,intervalId:null,audioContext:null，plugin：
  • 从ECMAScript到JavaScript：前端编程的基石 大雨淅淅 前端开发ecmascriptjavascript前端
    目录一、什么是ECMAScript二、发展历程回顾三、核心特性解析3.1基础类型与数据结构3.2函数的进阶用法3.3对象的操作与扩展3.4类与面向对象编程3.5异步编程四、实际应用场景4.1Web前端开发4.2Node.js后端开发4.3移动应用开发五、未来展望一、什么是ECMAScriptECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会）通过ECMA-262标准化的脚本程序设
  • 微信小程序 - 最新详细实现 “左侧菜单，右侧内容“ 左右联动商品分类页面，左边是导航分类右侧是自定义内容，左侧分类菜单，右侧列表双向联动效果，左右二级联动，仿京东淘宝商城分类页面、美团外卖点餐界面！ 王二红 +微信小程序微信小程序左右联动菜单分类组件示例源码左边是菜单分类右边是列表数据左侧菜单变化时右侧列表也变化小程序vue2小程序vue3美团外卖点餐电商分类京东饿了么自动适应屏幕大小安卓苹果ios
    前言如果您需要纯“食堂扫码点餐、外卖点餐”带购物车商品计算等功能，请访问这篇文章。在微信小程序开发中，详解实现左边菜单导航，右边是对应的列表内容，当点击左侧菜单时，右侧会自动跳转到对应的位置，反之当右侧内容列表滑动时“经过锚点/碰到大标题”后左侧的菜单也跟着高亮显示和切换分类效果，支持自由修改各种样式、接口数据懒加载、自动适配各种屏幕尺寸，类似美团外卖点餐左右联动界面、餐厅扫码点餐页面、商店在线选
  • 微信小程序实现分类功能 weeere914 微信小程序
    想法是在page页面里data:{}数据里，创建一个数据，data:{list:{0:[],1:[],2:[],}，currentIndex:0}然后把从数据库得到的数据存储在以上的数据中，this.setdata({list.0:res.data,list.1:res.data})然后在xlml页面中渲染，用数组的下标，如：{{list[currentIndex]}},分类一般是两侧，左侧和右侧
  • 微信小程序复制功能 青青子衿越 微信小程序小程序
    在微信公众平台隐私协议中加剪贴板设置-基本设置审核通过后app.json中添加"permission":{"scope.writeClipboard":{"desc":"你的剪贴板将用于小程序的复制操作"}},index.ts//复制指定内容handleCopy(){console.log("复制");wx.setClipboardData({data:this.data.verification
  • react-native入门之核心组件与原生组件 crayon-shin-chan surprise#react-nativereactnativereact
    文档：核心组件与原生组件·ReactNative中文网1.简介ReactNative是一个使用React和应用平台的原生功能来构建Android和iOS应用的开源框架。可以使用JavaScript来访问移动平台的API，使用React组件来描述UI的外观和行为2.视图在Android和iOS开发中，一个视图是UI的基本组成部分屏幕上的一个小矩形元素、可用于显示文本、图像或响应用户输入。甚至应用程序
  • 使用NestJS的控制器与业务逻辑结合的入门教程 XymkMl JavaScript
    NestJS是一个用于构建高效、可扩展的Node.js应用程序的框架。它采用了现代化的JavaScript或TypeScript语言，并提供了强大的依赖注入、模块化和面向切面编程等功能。本教程将介绍如何在NestJS应用程序中结合控制器和业务逻辑，以实现灵活且可维护的代码结构。步骤1：创建NestJS应用程序首先，我们需要安装NestJSCLI工具，用于创建和管理NestJS应用程序。打开终端并执
  • Vue.js 详细介绍 DOMINICHZL vue.jsvue.js
    1.引言在前端开发领域，Vue.js无疑是一个备受瞩目的框架。它以其轻量、易用和高效的特点，迅速成为开发者们的首选。无论你是前端新手，还是有一定经验的开发者，Vue.js都能为你提供强大的支持。本文将带你从零开始，深入了解Vue.js的核心概念、使用方法以及最佳实践。2.Vue.js简介2.1什么是Vue.js？Vue.js是一套用于构建用户界面的渐进式JavaScript框架。与其他大型框架不同
  • Uniapp 小程序复制、粘贴功能实现 前端小雪的博客. uni-app小程序
    在开发Uniapp小程序的过程中，复制和粘贴功能是非常实用且常见的交互需求。今天，我就来和大家详细分享如何在Uniapp中实现这两个功能。复制功能：uni.setClipboardData方法goResult(){uni.setClipboardData({data:this.copyContent,//需要复制的内容success:()=>{//成功提示框显示1秒钟uni.showToast({
  • 2025年软件工程/计算机科学与技术专业毕业设计选题推荐 yh1340327157 计算机毕设选题推荐案例课程设计java-ee数据库javamavenspringboot开发语言
    基于微信小程序的社区疫情防控系统基于微信小程序的垃圾分类自动识别系统基于微信小程序的外卖点餐平台基于微信小程序的校园二手交易系统基于微信小程序的糖尿病居家健康管理系统基于微信小程序校园快递代领平台基于微信小程序的医院预约挂号系统基于微信小程序民宿预订系统基于微信小程序的校园求职招聘系统基于微信小程序大众的医疗服务系统基于微信小程序校园快递代取系统基于微信小程序的失物招领系统基于微信小程序的家校通系
  • 微信小程序 - 导航栏（TabBar）实现（原生实现、Vant Weapp 实现） 我命由我12345 微信小程序微信小程序小程序前端框架前端html5jsjavascript
    一、导航栏{"pages":["pages/home/home","pages/goods/goods","pages/cart/cart","pages/mine/mine"],..."tabBar":{"color":"#999999","selectedColor":"#3D98FF","backgroundColor":"#ffffff","borderStyle":"black","li
  • Vue学习教程-16html标签元素绑定事件 番茄番茄君 vue.js学习前端
    文章目录前言一、表单数据绑定事件二、多媒体元素绑定1.图片img和视频元素video三、容器元素绑定事件前言在Vue中，你可以通过v-on指令（或在Vue2.x中简写为@）来绑定事件。这种方式允许你监听DOM事件，并在触发时执行一些JavaScript代码。常见的元素主要是表单数据元素、多媒体元素和容器元素。一、表单数据绑定事件常见的表单数据元素1.文本输入框元素3.多选框元素4.下拉框元素5.按
  • Node.js使用教程 m0_74823408 面试学习路线阿里巴巴node.jsvim编辑器
    Node.js使用教程Node.js是一个基于ChromeV8引擎的JavaScript运行环境，它让JavaScript运行在服务器端。以下是一个简单的Node.js使用教程：一、Node.js开发环境和编译1.1安装Node.js访问Node.js官网下载并安装适合您操作系统的Node.js版本。1.2创建一个Node.js项目在您的工作目录中，创建一个新的文件夹作为项目目录，例如命名为my_
  • 2025年前端开发者必学的技术 倔强青铜3 JavaScript成神之路前端vuereactjavascript
    2025年前端开发者必学的技术原文链接：ImportantTopicsforFrontendDeveloperstoMasterin2025作者：moibra译者：倔强青铜三前言大家好，我是倔强青铜三。是一名热情的软件工程师，我热衷于分享和传播IT技术，致力于通过我的知识和技能推动技术交流与创新，欢迎关注我，微信公众号：倔强青铜三。欢迎点赞、收藏、关注，一键三连！！！1.现代JavaScript(
  • mongodb3.03开启认证 21jhf mongodb
    下载了最新mongodb3.03版本，当使用--auth 参数命令行开启mongodb用户认证时遇到很多问题，现总结如下： （百度上搜到的基本都是老版本的，看到db.addUser的就是，请忽略） Windows下我做了一个bat文件，用来启动mongodb，命令行如下： mongod --dbpath db\data --port 27017 --directoryperdb --logp
  • 【Spark103】Task not serializable bit1129 Serializable
    Task not serializable是Spark开发过程最令人头疼的问题之一，这里记录下出现这个问题的两个实例，一个是自己遇到的，另一个是stackoverflow上看到。等有时间了再仔细探究出现Task not serialiazable的各种原因以及出现问题后如何快速定位问题的所在，至少目前阶段碰到此类问题，没有什么章法 1.   package spark.exampl
  • 你所熟知的 LRU(最近最少使用) dalan_123 java
    关于LRU这个名词在很多地方或听说，或使用，接下来看下lru缓存回收的实现 1、大体的想法     a、查询出最近最晚使用的项     b、给最近的使用的项做标记 通过使用链表就可以完成这两个操作，关于最近最少使用的项只需要返回链表的尾部；标记最近使用的项，只需要将该项移除并放置到头部，那么难点就出现 你如何能够快速在链表定位对应的该项？ 这时候多
  • Javascript 跨域 周凡杨 JavaScriptjsonp跨域cross-domain
                                       
  • linux下安装apache服务器 g21121 apache
    安装apache 下载windows版本apache，下载地址：http://httpd.apache.org/download.cgi   1.windows下安装apache Windows下安装apache比较简单，注意选择路径和端口即可，这里就不再赘述了。 2.linux下安装apache： 下载之后上传到linux的相关目录，这里指定为/home/apach
  • FineReport的JS编辑框和URL地址栏语法简介 老A不折腾 finereportweb报表报表软件语法总结
      JS编辑框： 1.FineReport的js。 作为一款BS产品，browser端的JavaScript是必不可少的。 FineReport中的js是已经调用了finereport.js的。 大家知道，预览报表时，报表servlet会将cpt模板转为html，在这个html的head头部中会引入FineReport的js，这个finereport.js中包含了许多内置的fun
  • 根据STATUS信息对MySQL进行优化 墙头上一根草 status
    mysql  查看当前正在执行的操作，即正在执行的sql语句的方法为:      show processlist 命令   mysql> show global status;可以列出MySQL服务器运行各种状态值，我个人较喜欢的用法是show status like '查询值%';一、慢查询mysql> show variab
  • 我的spring学习笔记7-Spring的Bean配置文件给Bean定义别名 aijuans Spring 3
    本文介绍如何给Spring的Bean配置文件的Bean定义别名？ 原始的 <bean id="business" class="onlyfun.caterpillar.device.Business"> <property name="writer"> <ref b
  • 高性能mysql 之 性能剖析 annan211 性能mysqlmysql 性能剖析剖析
    1 定义性能优化 mysql服务器性能，此处定义为 响应时间。 在解释性能优化之前，先来消除一个误解，很多人认为，性能优化就是降低cpu的利用率或者减少对资源的使用。 这是一个陷阱。 资源时用来消耗并用来工作的，所以有时候消耗更多的资源能够加快查询速度，保持cpu忙绿，这是必要的。很多时候发现 编译进了新版本的InnoDB之后，cpu利用率上升的很厉害，这并不
  • 主外键和索引唯一性约束 百合不是茶 索引唯一性约束主外键约束联机删除
    目标;第一步;创建两张表 用户表和文章表         第二步;发表文章       1,建表; ---用户表 BlogUsers --userID唯一的 --userName --pwd --sex create
  • 线程的调度 bijian1013 java多线程thread线程的调度java多线程
    1.       Java提供一个线程调度程序来监控程序中启动后进入可运行状态的所有线程。线程调度程序按照线程的优先级决定应调度哪些线程来执行。   2.       多数线程的调度是抢占式的（即我想中断程序运行就中断，不需要和将被中断的程序协商） a) 
  • 查看日志常用命令 bijian1013 linux命令unix
    一.日志查找方法，可以用通配符查某台主机上的所有服务器grep "关键字" /wls/applogs/custom-*/error.log   二.查看日志常用命令1.grep '关键字' error.log：在error.log中搜索'关键字'2.grep -C10 '关键字' error.log：显示关键字前后10行记录3.grep '关键字' error.l
  • 【持久化框架MyBatis3一】MyBatis版HelloWorld bit1129 helloworld
    MyBatis这个系列的文章，主要参考《Java Persistence with MyBatis 3》。   样例数据 本文以MySQL数据库为例，建立一个STUDENTS表，插入两条数据，然后进行单表的增删改查     CREATE TABLE STUDENTS ( stud_id int(11) NOT NULL AUTO_INCREMENT,
  • 【Hadoop十五】Hadoop Counter bit1129 hadoop
       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
  • 解决Tomcat数据连接池无法释放 ronin47 tomcat 连接池　优化
    近段时间，公司的检测中心报表系统(SMC)的开发人员时不时找到我，说用户老是出现无法登录的情况。前些日子因为手头上 有Jboss集群的测试工作，发现用户不能登录时，都是在Tomcat中将这个项目Reload一下就好了，不过只是治标而已，因为大概几个小时之后又会 再次出现无法登录的情况。 今天上午，开发人员小毛又找到我，要我协助将这个问题根治一下，拖太久用户难保不投诉。 简单分析了一
  • java-75-二叉树两结点的最低共同父结点 bylijinnan java
    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
  • 行业垂直搜索引擎网页抓取项目 carlwu LuceneNutchHeritrixSolr
    公司有一个搜索引擎项目，希望各路高人有空来帮忙指导，谢谢！ 这是详细需求： （1） 通过提供的网站地址(大概100-200个网站)，网页抓取程序能不断抓取网页和其它类型的文件（如Excel、PDF、Word、ppt及zip类型），并且程序能够根据事先提供的规则，过滤掉不相干的下载内容。 （2） 程序能够搜索这些抓取的内容，并能对这些抓取文件按照油田名进行分类，然后放到服务器不同的目录中。
  • [通讯与服务]在总带宽资源没有大幅增加之前,不适宜大幅度降低资费 comsci 资源
          降低通讯服务资费，就意味着有更多的用户进入，就意味着通讯服务提供商要接待和服务更多的用户，在总体运维成本没有由于技术升级而大幅下降的情况下，这种降低资费的行为将导致每个用户的平均带宽不断下降，而享受到的服务质量也在下降，这对用户和服务商都是不利的。。。。。。。。     &nbs
  • Java时区转换及时间格式 Cwind java
    本文介绍Java API 中 Date, Calendar, TimeZone和DateFormat的使用，以及不同时区时间相互转化的方法和原理。   问题描述： 向处于不同时区的服务器发请求时需要考虑时区转换的问题。譬如，服务器位于东八区（北京时间，GMT+8:00），而身处东四区的用户想要查询当天的销售记录。则需把东四区的“今天”这个时间范围转换为服务器所在时区的时间范围。
  • readonly,只读，不可用 dashuaifu jsjspdisablereadOnlyreadOnly
    readOnly 和 readonly 不同，在做js开发时一定要注意函数大小写和jsp黄线的警告！！！我就经历过这么一件事： 使用readOnly在某些浏览器或同一浏览器不同版本有的可以实现“只读”功能，有的就不行，而且函数readOnly有黄线警告！！！就这样被折磨了不短时间！！！（期间使用过disable函数，但是发现disable函数之后后台接收不到前台的的数据！！！）  
  • LABjs、RequireJS、SeaJS 介绍 dcj3sjt126com jsWeb
    LABjs 的核心是 LAB（Loading and Blocking）：Loading 指异步并行加载，Blocking 是指同步等待执行。LABjs 通过优雅的语法（script 和 wait）实现了这两大特性，核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开发变得更
  • [应用结构]入口脚本 dcj3sjt126com PHPyii2
    入口脚本 入口脚本是应用启动流程中的第一环，一个应用（不管是网页应用还是控制台应用）只有一个入口脚本。终端用户的请求通过入口脚本实例化应用并将将请求转发到应用。 Web 应用的入口脚本必须放在终端用户能够访问的目录下，通常命名为 index.php，也可以使用 Web 服务器能定位到的其他名称。 控制台应用的入口脚本一般在应用根目录下命名为 yii（后缀为.php），该文
  • haoop shell命令 eksliang hadoophadoop shell
    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
  • MultiStateView不同的状态下显示不同的界面 gundumw100 android
    只要将指定的view放在该控件里面，可以该view在不同的状态下显示不同的界面，这对ListView很有用，比如加载界面，空白界面，错误界面。而且这些见面由你指定布局，非常灵活。 PS：ListView虽然可以设置一个EmptyView，但使用起来不方便，不灵活，有点累赘。 <com.kennyc.view.MultiStateView xmlns:android=&qu
  • jQuery实现页面内锚点平滑跳转 ini JavaScripthtmljqueryhtml5css
    平时我们做导航滚动到内容都是通过锚点来做，刷的一下就直接跳到内容了，没有一丝的滚动效果，而且 url 链接最后会有“小尾巴”，就像#keleyi，今天我就介绍一款 jquery 做的滚动的特效，既可以设置滚动速度，又可以在 url 链接上没有“小尾巴”。   效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/37.htmHTML文件代码： &
  • kafka offset迁移 kane_xie kafka
    在早前的kafka版本中（0.8.0），offset是被存储在zookeeper中的。   到当前版本（0.8.2）为止，kafka同时支持offset存储在zookeeper和offset manager（broker）中。   从官方的说明来看，未来offset的zookeeper存储将会被弃用。因此现有的基于kafka的项目如果今后计划保持更新的话，可以考虑在合适
  • android > 搭建 cordova 环境 mft8899 android
      1 , 安装 node.js        http://nodejs.org      node -v   查看版本   2, 安装 npm   可以先从  https://github.com/isaacs/npm/tags  下载 源码 解压到
  • java封装的比较器，比较是否全相同，获取不同字段名字 qifeifei
     非常实用的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
  • 记录一些函数用法 .Aky. 位运算PHP数据库函数IP
    高手们照旧忽略。 想弄个全天朝IP段数据库，找了个今天最新更新的国内所有运营商IP段，copy到文件，用文件函数，字符串函数把玩下。分割出startIp和endIp这样格式写入.txt文件，直接用phpmyadmin导入.csv文件的形式导入。（生命在于折腾，也许你们觉得我傻X，直接下载人家弄好的导入不就可以，做自己的菜鸟，让别人去说吧） 当然用到了ip2long()函数把字符串转为整型数
  • sublime text 3 rust wudixiaotie Sublime Text
    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
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他