赵海辛
赵海辛

vue2手机APP项目中，加入开屏广告或者闪屏广告

一般项目里，有的会在启动的时候加开屏广告或者闪屏广告。我们是在index.html通过定位来做的。如下：

<style media="screen">
  #entry {
    width: 100%;
    height: 100%;
    z-index: 200;
    position: relative;
  }
  #entryAdv {
    display: none;
  }
  #entryTim {
    position: fixed;
    width: 2.2rem;
    line-height: 0.68rem;
    font-size: 0.32rem;
    z-index: 400;
    text-align: center;
    border-radius: 2rem;
    top: 0.5rem;
    right: 0.5rem;
    border: 1px solid #ccc;
  }
style>
<body>

<section class="adv" id="entryAdv">
  <img id="entry">
  <p id="entryTim">p>
section>

<section id="app">section>
body>
然后我们需要单独写一份js文件，跟main.js是同级目录的，具体代码如下： 
import api from './fetch/api'
import store from './store/index'
// 修改开屏广告图片尺寸
let advWidth = document.documentElement.clientWidth;
let advHeight = document.documentElement.clientHeight;
let entryEl = document.getElementById('entry');
entryEl.style.widht = advWidth + 'px';
entryEl.style.height = advHeight + 'px';
let queryURL = window.location.href.split('?')[1];
// 判断是否为分享页面
if (queryURL) {
  let queryArr = queryURL.split('&');
  let query = {};
  for (let i = 0; i < queryArr.length; i++) {
    query[queryArr[i].split('=')[0]] = queryArr[i].split('=')[1]
  }
  if (Number(query.showTitle)) {
    // 分享页面中 H5入口（我们项目中做了分享功能，若是从原生APP分享进入H5页面的，也需要加开屏广告）
    api.commonApi('后台接口', '传参数')
      .then(res => {
        let keyArr = [];
        for (let key in res.data) {
          keyArr.push(key);
        }
        if (keyArr.length == 0) {
          return;
        }
        openAdv(res);
      });
  } else {
    // 分享页面中 原生入口
    // 查看query中是否带有token,进行登录判断并将token存入vuex
    if (query.TOKEN != '' && query.TOKEN != 'null') {
      store.dispatch('storeToken', query.TOKEN);
    }
  }
} else {
  // 不是分享页面的入口
  api.commonApi('后台接口', '传参数')
    .then(res => {
      let keyArr = []
      for (let key in res.data) {
        keyArr.push(key);
      }
      if (keyArr.length == 0) {
        return;
      }
      openAdv(res);
    });
}
function openAdv(res) {
  entryAdv.style.display = 'block';
  document.body.style.overflowY = 'hidden';
  // 阻止滑动执行
  document.body.ontouchmove = function(ev) {
    ev.preventDefault();
  };
  let list = res.data.retList;
  if (list && list.length == 0) {
    entryAdv.style.display = 'none';
    document.body.style.overflow = 'auto';
    document.body.ontouchmove = function(ev) {
      ev.stopPropagation();
    };
  }
  let time = (res.data.SPJG || 5000) / 1000;
  // let time = res.data.SPJG;
  let ADV_list = [];
  let BCcontextPathSrc = store.state.common.BCcontextPathSrc;
  switch (res.data.ADV_TYPE) {
    // 开屏直接跳过
    case '1':
    {
      let ImgList = [];
      for (let i = 0; i < list.length; i++) {
        ImgList.push(BCcontextPathSrc + res.data.retList[i].ADV_IMG_URL);
        ADV_list.push(res.data.retList[i].ADV_URL);
      }
      let count_down = time / list.length;
      let ImgNum = 0;
      let timer = setInterval(() => {
        switch (ImgList.length) {
          case 1:
            break;
          case 2:
          {
            if (time % 3 == 0) {
              ImgNum++;
            }
          }
            break;
          case 3:
          {
            if (time % 2 == 0) {
              ImgNum++;
            }
          }
            break;
          case 4:
          {
            if (time % 1 == 0) {
              if (ImgNum > ImgList.length - 2) break;
              ImgNum++;
            }
          }
            break;
          default:
          {
            if (time % 1 == 0) {
              if (ImgNum > ImgList.length - 2) break;
              ImgNum++;
            }
          }
            break;
        }
        if (time <= 0) {
          clearInterval(timer);
          entryAdv.style.display = 'none';
          document.body.style.overflowY = 'auto';
          document.body.ontouchmove = function(ev) {
            ev.stopPropagation();
          };
        }
        entry.src = ImgList[ImgNum];
        entryTim.innerHTML = '跳过 ' + time + 's';
        entry.addEventListener('click', function() {
          window.location.href = ADV_list[ImgNum];
        }, false);
        time--;
      }, 1000);
      entryTim.addEventListener('click', function(ev) {
        ev.preventDefault();
        clearInterval(timer);
        entryAdv.style.display = 'none';
        document.body.style.overflowY = 'auto';
        document.body.ontouchmove = function(ev) {
          ev.stopPropagation();
        };
      }, false);
    }
      break;
    // 闪屏广告
    case '2':
    同上开屏广告，可根据贵公司要求来更改
  }
};
setTimeout(() => {
  require('./main.js');
}, 300)

这样就完成了

你可能感兴趣的:(Vue2)

  • vue render 函数详解 (配参数详解) 你的眼睛會笑 vue2vue.jsjavascript前端
    vuerender函数详解(配参数详解)在Vue3中，`render`函数被用来代替Vue2中的模板语法。它接收一个h函数（或者是`createElement`函数的别名），并且返回一个虚拟DOM。render函数的语法结构如下：render(h){returnh('div',{class:'container'},'Hello,World!')}在上面的示例中，我们使用h函数创建了一个div元素
  • 详解“c:/work/src/components/a/b.vue“‘ has no default export报错原因 hw_happy 开发语言前端vue.jsjavascript
    前情提要在一个vue文件中需要引入定义的b.vue文件，但是提示b文件没有默认导出，对于vue2文件来说有exportdefault，在中，所有定义的变量、函数和组件都会自动被视为默认导出的组件内容。因此，不需要显式地使用exportdefault来导出组件。但是在我引用这个文件的时候还是提示了这个错误，原来是我的项目使用了ts和vite\webpack，因为TypeScript和Vue的默认导出
  • vue2实现复制,粘贴功能 周bro vue.jsjavascript前端
    一、需求说明在项目中点击按钮复制某行文本是很常见的应用场景，在Vue项目中实现复制功能需要借助vue-clipboard2插件。二、代码实现1、安装vue-clipboard2依赖（出现错误的话，可以试试切换成淘宝镜像源npmconfigsetregistryhttps://registry.npm.taobao.org）npminstall--savevue-clipboard22、在main.
  • 基于VUE2-dataV和echarts实现的可视化大屏，百分比适配PC端 风流野趣fly echarts信息可视化前端vue.jsjavascriptvscode大数据
    可视化平台中，数据分别通过仪表盘、环状图、柱形图、曲线图、滚动表格等多种形式展示数据变化。可视化平台大致分为左、中、右三部分，左侧由能耗总览、耗能占比、库存预警构成，中间由数据总览、销售计划完成率构成，右侧由销售统计、销售排名（TOP8）、生产统计构成。平台右上角动态显示当前系统日期、星期、时间，格式。在管理端进行添加数据后，数据可视化图表进行相应变化。1.能耗总览仪表盘，统计分析耗电量、耗水量、
  • vue2 el-table指定某些数据不参与排序 前端~初学者 Vue2ElementUIvue.jsjavascriptecmascript
    vue2el-table指定某些数据不参与排序1、需求描述2、配置属性方法3、详细代码如下1、需求描述最后一行总计不参与排序2、配置属性方法el-table需要配置@sort-change="soltHandle"方法el-table-column需要配置sortable="custom"属性3、详细代码如下{{getChineseName(row.province).value}}结算单meth
  • 开源项目低代码表单FormCreate从Vue2到Vue3升级指南 低代码研究员 FormCreate开源低代码FormCreate低代码表单低代码设计器动态表单
    开源项目低代码表单FormCreatev3版本基于Vue3.0构建，尽管功能与v2版本大致相同，但有一些重要的变更和不兼容项需要注意。源码地址:Github|GiteeFormCreatev3对比v2版本在一些功能和配置项上做了调整，以更好地支持Vue3的新特性。以下是v2到v3升级过程中需要关注的变化和调整。移除配置项在v3版本中，以下配置项已被移除，因为它们在Vue3中不再适用：attrs：在
  • vue IE因Promise无法显示解决办法 Yao请输入昵称
    一、ie11打开vue2.0项目空白,控制台报错vuexrequiresaPromisepolyfillinthisbrowserPromise为ES6语法，有的浏览器不支持ES6,所以需要安装babel-polyfill来将ES6转换为浏览器可识别的ES5语法①npminstall--save-devbabel-polyfill②在main.js中引入import"babel-polyfill"
  • vue2与vue3的区别 longfan_ vue
    1.vue2和vue3响应式原理发生了改变vue2的响应式原理是利⽤es5的⼀个API，Object.defineProperty()对数据进⾏劫持结合发布订阅模式的⽅式来实现的。vue3中使⽤了es6的proxyAPI对数据代理，通过reactive()函数给每⼀个对象都包⼀层Proxy，通过Proxy监听属性的变化，从⽽实现对数据的监控。这⾥是引相⽐于vue2版本，使⽤proxy的优势如下1.
  • vue.js在js里获取属性，触发vue.js内的方法 摸鱼的张三 javascriptvue.jsflutter
    在script标签内把appVue设置varvarappVue=newVue({})appVue不能跨标签也就是说不能这样写varappVue=newVue({})console.log(appVue)上面这个是错的varappVue=newVue({})console.log(appVue)这个是vue2.js的版本这样写可以vue3.js是没有的然后拿到appVue就可以绑定原生事件触发app
  • Vue3+TypeScript频谱跳动算法（附vue2+JavaScript） I like Code? javascripttypescript算法
    以下为Vue3+TypeScript频谱跳动算法只需要调用下列方法即可实现，并且设置定时器。（最好每次先清楚，否则可能耗内存）if(updateInterval.value){clearInterval(updateInterval.value);}constupdateInterval=ref(undefined);generateDataSets();updateInterval.value=
  • 重磅算法：通信设备虚拟仿真-波形根据频率、带宽变化算法（Vue3+typescript）结尾附vue2+JavaScript I like Code? javascript算法typescript
    以下为Vue3+typescriptconstpointSpacing=ref(0);constupdateInterval=ref(undefined);//更新图表数据的函数constUpdateChartTest=(centerFrequnency:number,bandwidth:number,baseFreq=800,baseBW=100)=>{if(updateInterval.val
  • 关于在vue2中使用el-tree的记录 又写了一天BUG vue.jselementuijavascript
    此文章会持续更新在使用el-tree过程中应用到的功能...先看此效果：html：//自定义节点内容//此处if判断是让最后一个节点使用自定义的图标{{data.label}}({{data.children.length}}){{data.label}}data:[{label:'菏泽市',children:[{label:'东明县',children:[{label:'xxx1',},{lab
  • Vue2和vue3有哪些区别？ IT 前端 张 vue.js前端javascript
    1.语法差异1.Vue2中，一个组件需要使用Vue.component方法进行注册，并使用exportdefault导出组件对象。2.Vue3中，组件的导出和注册可以使用新的语法糖，只需将组件的配置放在标签中，并使用defineComponent方法导出组件对象2.数据定义1.Vue2中，数据需要在data选项中定义，并且只有在data中定义的数据才会被Vue的响应式系统追踪和更新。1.1：Vue
  • Vue-Router/Vue组件 _nut_ 前端Vuevue前端
    Vue-Router一、安装npminstallvue-router@3确保安装VueRouter的版本与你的Vue版本兼容。例如，vue-router@4是为Vue3设计的，而vue-router@3是为Vue2设计的。如果你使用Vue3，应安装vue-router@4。二、使用在router文件夹下新建index.js导入路由：createRouter和createWebHistory：确保你
  • vue进阶——整合富文本编辑器wangEditor 秋书一叶 Vuevue.jsjavascript前端wangEditor富文本
    vue进阶——整合富文本编辑器wangEditor前言一、什么是wangEditor？二、安装wangEditor1.React2.Vue23.Vue34.CDN三、基本使用1.vue22.vue3四、文件上传问题1、前端重点在于editorConfig中fileName及server的配置2、后端重点在于返回类型及文件大小配置五、参考文献wangEditor文档wangEditor-next文档
  • 在 Vue 2 中使用 Axios 发起 POST 和 GET 请求 Jarvis Downey JavaScriptvuevue.js前端javascript
    Axios是一个基于Promise的HTTP客户端，用于浏览器和node.js，它提供了一种非常方便的方式来发送异步HTTP请求。在Vue2应用中，Axios可以帮助我们轻松地与后端API进行通信。本文将介绍如何在Vue2项目中引入Axios，并使用它来发起POST和GET请求。1.安装Axios首先，你需要在你的Vue项目中安装Axios。打开终端，切换到你的项目目录，然后运行以下命令：npmi
  • vue3，从vue2迁移更改总结 梦里施 网页类vue.js
    1.v-for中的Ref数组在Vue2中，在v-for里使用的refattribute会用ref数组填充相应的$refsproperty。当存在嵌套的v-for时，这种行为会变得不明确且效率低下。在Vue3中，这样的用法将不再在$ref中自动创建数组。要从单个绑定获取多个ref，请将ref绑定到一个更灵活的函数上(这是一个新特性)：setItemRef()2.异步组件现在，在Vue3中，由于函数式
  • vue2(4)之scoped解决样式冲突/组件通信/非父子通信/ref和$refs/异步更新/.sync/事件总线/provide和inject 章小絮 vue2和vue3学习vue.jsjavascript前端
    vue2一、学习目标1.组件的三大组成部分（结构/样式/逻辑）2.组件通信3.综合案例：小黑记事本（组件版）4.进阶语法二、scoped解决样式冲突**1.默认情况**：2.代码演示3.scoped原理4.总结三、data必须是一个函数1、data为什么要写成函数2.代码演示3.总结四、组件通信1.什么是组件通信？2.组件之间如何通信3.组件关系分类4.通信解决方案5.父子通信流程6.父向子通信代
  • 2024上学期--实验室学习计划 m0_66357705 javascript前端vue.js
    阶段周次学习内容实践内容时间安排新增内容/重点基础巩固1-2周Java基础，多线程，TCP/IP网络编程相关练习和小的编程项目每天学习2小时，实践1小时Java20及以上版本新特性学习框架深入学习3-6周Spring，SpringBoot相关练习和小的编程项目每天学习3小时，实践1.5小时学习SpringCloud和微服务架构基础前端技术提升7-8周Vue2，Vue3相关练习和小的编程项目每天学习
  • vue2快速入门 m0_66357705 vue.js前端javascript
    vue2创建HTML界面，引用Vue.js文件 编写视图      {{message}}       {{type}}:插值表达式变量三元运算符函数调用算数运算在JS代码区域,创建Vue核心对象,定义数据模型     --> ​  //创建一个新的Vue实例 newVue({  //指定Vue实例挂载到的DOM元素，使用'#app'选择器找到id为app的元素  el:"#app",    //
  • 学习Vue3的第三天 正在奋斗的程序猿 Vue学习vue.jsjavascript
    Vue3生命周期概念：生命周期钩子是Vue组件在其生命周期内不同阶段触发的函数，允许开发者在这些关键时刻插入自定义逻辑。规律：生命周期整体分为四个阶段，分别是：创建、挂载、更新、销毁，每个阶段都有两个钩子，一前一后。Vue2生命周期钩子创建阶段beforeCreate：组件实例刚创建，数据观测和事件/侦听器尚未设置。created：组件实例创建完成，数据观测和事件/侦听器已设置，但DOM尚未挂载。
  • vue3入门知识点 眼缘丶 javascriptvue.js开发语言
    vue2与vue3的区别1.响应式原理vue2响应式原理采用Object.defineProperties监听对象的getter与settervue3pxoy代理的方式监听对象2.启动方式在main.js文件夹中vue2vue2newVue({store,routerrender:h=>(App)}).$mount("#app")vue3import{createApp}from'vue'crea
  • Vue3 全文知识点 清风ꦿ vue.jsjavascriptecmascript
    vue全文知识点vue3学习1关于项目初始化2vue3语法setup3vue3语法和vue2语法兼容4setup语法糖5响应式数据-基础6响应式数据-ref定义对象类型数据6toRef，toRefs将多个非响应式数据转变为响应式数据refImpl7computed计算属性8watch监听[ref对象（包含计算属性），getter方法（对象属性），响应式对象，数组（包含前三类）]9ref绑定10pr
  • (附论文)基于ssm的高校大学生党建系统(688) KK ??? 媒体学习开发语言springjava
    获取源码请滑到最底部访问官网项目配套调试视频和相对应的软件安装包1、项目描述具体请看视频演示2、项目开发工具开发工具：Idea或Eclipse数据库：MysqlJar包仓库：Maven前端框架：Vue2后端框架：SSM3、项目图片4、演示视频(附论文)基于ssm的高校大学生党建系统(688)
  • 记录一些vue3的知识（未完） a605536834 vue.js前端javascript
    mounted(vue2)在Vue2的组件中，mounted钩子用于执行那些需要在组件实例挂载到DOM之后运行的代码，这通常包括DOM操作、数据请求等onMounted(vue3)Vue2：使用mounted作为组件的一个选项来执行挂载后的代码。Vue3：使用onMounted作为CompositionAPI的钩子来执行挂载后的代码。在Vue3中，onMounted是CompositionAPI的
  • vue2 wavesurfer.js（7.8.5）简单使用 发根强劲 javascriptvue.js前端前端框架elementui
    文档地址：https://wavesurfer.xyz/docs/总时长：{{totalTime}}播放/暂停停止快退快进音量减速{{speed}}加速从第秒开始播放开始importWaveSurferfrom"wavesurfer.js";importTimelinefrom"wavesurfer.js/dist/plugins/timeline.js";importRegionsfrom"wa
  • Vue2——v-model 双向绑定的原理 AYANGIJ javascriptvue.js前端
    v-model是vue中进行数据双向绑定的指令，v-model本质就是:value+input方法的语法糖。可以通过model属性的prop和event属性来进行自定义。原生的v-model，会根据标签的不同生成不同的事件和属性。例如：text和textarea元素使用value属性和input事件checkbox和radio使用checked属性和change事件select字段将value作为
  • Vue2 中组件的本质、组件的实例化、组件实例的挂载 纷飞丿 vue杂谈vue.js前端javascript
    这篇博客的内容是讲讲在Vue2中，组件在底层的本质。在这里，直接抛出结论：组件的本质就是一个个的构造函数，这些函数以组件的定义options对象为参数，在Vue2中，最顶级的组件就是我们从vue.js中导入的Vue函数，而子组件是Vue底层通过extend函数创建出来的VueComponent函数。通过new这些组件的构造函数，我们可以创建出组件实例。1，顶级组件（Vue构造函数）有哪些重要的属性
  • 使用vue2和css样式添加背景图片 Sky1900_ css前端css3html
    登录.ma{/*//这里地址是用项目中图片所在路径为准*/background:url("../assets/2.jpg");/*//将图片样式不重复*/background-repeat:no-repeat;/*//设置图片大小*/background-size:100%;/*设置全屏*/position:fixed;/*设置div高度*/height:100%;/*设置div宽度*/width
  • vue3知识总结 软件技术NINI vue笔记vue.js前端javascript
    Vue3是Vue.js的最新版本，相较于Vue2，它在性能、API设计、类型支持等多个方面都有显著的改进和创新。以下是对Vue3知识的总结：一、性能优化响应式系统升级：Vue3使用Proxy替代了Vue2中的Object.defineProperty，实现了对对象变化的更广泛监测，包括对象的添加和删除，以及数组的长度和索引变化。这使得Vue3的响应式系统更加高效和准确。虚拟DOM优化：Vue3优化
  • github中多个平台共存 jackyrong github
    在个人电脑上，如何分别链接比如oschina,github等库呢，一般教程之列的，默认 ssh链接一个托管的而已，下面讲解如何放两个文件 1） 设置用户名和邮件地址 $ git config --global user.name "xx" $ git config --global user.email "[email protected]"
  • ip地址与整数的相互转换(javascript) alxw4616 JavaScript
    //IP转成整型 function ip2int(ip){ var num = 0; ip = ip.split("."); num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]); n
  • 读书笔记-jquey+数据库+css chengxuyuancsdn htmljqueryoracle
    1、grouping ,group by rollup, GROUP BY GROUPING SETS区别 2、$("#totalTable tbody>tr td:nth-child(" + i + ")").css({"width":tdWidth, "margin":"0px", &q
  • javaSE javaEE javaME == API下载 Array_06 java
    oracle下载各种API文档： http://www.oracle.com/technetwork/java/embedded/javame/embed-me/documentation/javame-embedded-apis-2181154.html JavaSE文档： http://docs.oracle.com/javase/8/docs/api/ JavaEE文档： ht
  • shiro入门学习 cugfy javaWeb框架
    声明本文只适合初学者，本人也是刚接触而已，经过一段时间的研究小有收获，特来分享下希望和大家互相交流学习。 首先配置我们的web.xml代码如下，固定格式，记死就成 <filter>         <filter-name>shiroFilter</filter-name> &nbs
  • Array添加删除方法 357029540 js
         刚才做项目前台删除数组的固定下标值时，删除得不是很完整，所以在网上查了下，发现一个不错的方法，也提供给需要的同学。 //给数组添加删除             Array.prototype.del = function(n){
  • navigation bar 更改颜色 张亚雄 IO
    今天郁闷了一下午，就因为objective-c默认语言是英文，我写的中文全是一些乱七八糟的样子，到不是乱码，但是，前两个自字是粗体，后两个字正常体，这可郁闷死我了，问了问大牛，人家告诉我说更改一下字体就好啦，比如改成黑体，哇塞，茅塞顿开。       翻书看，发现，书上有介绍怎么更改表格中文字字体的，代码如下    
  • unicode转换成中文 adminjun unicode编码转换
      在Java程序中总会出现\u6b22\u8fce\u63d0\u4ea4\u5fae\u535a\u641c\u7d22\u4f7f\u7528\u53cd\u9988\uff0c\u8bf7\u76f4\u63a5这个的字符，这是unicode编码，使用时有时候不会自动转换成中文就需要自己转换了使用下面的方法转换一下即可。 /** * unicode 转换成 中文
  • 一站式 Java Web 框架 firefly aijuans Java Web
    Firefly是一个高性能一站式Web框架。 涵盖了web开发的主要技术栈。 包含Template engine、IOC、MVC framework、HTTP Server、Common tools、Log、Json parser等模块。 firefly-2.0_07修复了模版压缩对javascript单行注释的影响，并新增了自定义错误页面功能。 更新日志： 增加自定义系统错误页面功能
  • 设计模式——单例模式 ayaoxinchao 设计模式
    定义          Java中单例模式定义：“一个类有且仅有一个实例，并且自行实例化向整个系统提供。”   分析          从定义中可以看出单例的要点有三个：一是某个类只能有一个实例；二是必须自行创建这个实例；三是必须自行向系统提供这个实例。   &nb
  • Javascript 多浏览器兼容性问题及解决方案 BigBird2012 JavaScript
    不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题，毕竟这两中浏览器是占了绝大多数。 一、document.formName.item(”itemName”) 问题 问题说明：IE下，可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName&quo
  • JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误 bijian1013 junit4.11单元测试
            下载了最新的JUnit版本，是4.11，结果尝试使用发现总是报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing这样的错误，上网查了一下，一般的解决方案是，换一个低一点的版本就好了。还有人说，是缺少hamcrest的包。去官网看了一下，如下发现：    
  • [Zookeeper学习笔记之二]Zookeeper部署脚本 bit1129 zookeeper
    Zookeeper伪分布式安装脚本(此脚本在一台机器上创建Zookeeper三个进程，即创建具有三个节点的Zookeeper集群。这个脚本和zookeeper的tar包放在同一个目录下，脚本中指定的名字是zookeeper的3.4.6版本，需要根据实际情况修改)：   #!/bin/bash #!!!Change the name!!! #The zookeepe
  • 【Spark八十】Spark RDD API二 bit1129 spark
    coGroup package spark.examples.rddapi import org.apache.spark.{SparkConf, SparkContext} import org.apache.spark.SparkContext._ object CoGroupTest_05 { def main(args: Array[String]) { v
  • Linux中编译apache服务器modules文件夹缺少模块(.so)的问题 ronin47 modules
    在modules目录中只有httpd.exp，那些so文件呢？ 我尝试在fedora core 3中安装apache 2. 当我解压了apache 2.0.54后使用configure工具并且加入了 --enable-so 或者 --enable-modules=so (两个我都试过了) 去make并且make install了。我希望在/apache2/modules/目录里有各种模块，
  • Java基础-克隆 BrokenDreams java基础
            Java中怎么拷贝一个对象呢？可以通过调用这个对象类型的构造器构造一个新对象，然后将要拷贝对象的属性设置到新对象里面。Java中也有另一种不通过构造器来拷贝对象的方式，这种方式称为 克隆。         Java提供了java.lang.
  • 读《研磨设计模式》-代码笔记-适配器模式-Adapter bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 适配器模式解决的主要问题是，现有的方法接口与客户要求的方法接口不一致 * 可以这样想，我们要写这样一个类（Adapter）: * 1.这个类要符合客户的要求 ---> 那显然要
  • HDR图像PS教程集锦&心得 cherishLC PS
    HDR是指高动态范围的图像，主要原理为提高图像的局部对比度。 软件有photomatix和nik hdr efex。 一、教程 叶明在知乎上的回答： http://www.zhihu.com/question/27418267/answer/37317792 大意是修完后直方图最好是等值直方图，方法是HDR软件调一遍，再结合不透明度和蒙版细调。 二、心得 1、去除阴影部分的
  • maven-3.3.3 mvn archetype 列表 crabdave ArcheType
    maven-3.3.3 mvn archetype 列表 可以参考最新的：http://repo1.maven.org/maven2/archetype-catalog.xml   [INFO] Scanning for projects... [INFO]                
  • linux shell 中文件编码查看及转换方法 daizj shell中文乱码vim文件编码
    一、查看文件编码。     在打开文件的时候输入:set fileencoding     即可显示文件编码格式。 二、文件编码转换     1、在Vim中直接进行转换文件编码,比如将一个文件转换成utf-8格式       &
  • MySQL--binlog日志恢复数据 dcj3sjt126com binlog
    恢复数据的重要命令如下 mysql> flush logs; 默认的日志是mysql-bin.000001，现在刷新了重新开启一个就多了一个mysql-bin.000002                  
  • 数据库中数据表数据迁移方法 dcj3sjt126com sql
    刚开始想想好像挺麻烦的，后来找到一种方法了，就SQL中的 INSERT 语句，不过内容是现从另外的表中查出来的，其实就是 MySQL中INSERT INTO SELECT的使用   下面看看如何使用   语法：MySQL中INSERT INTO SELECT的使用 1. 语法介绍       有三张表a、b、c，现在需要从表b
  • Java反转字符串 dyy_gusi java反转字符串
           前几天看见一篇文章，说使用Java能用几种方式反转一个字符串。首先要明白什么叫反转字符串，就是将一个字符串到过来啦，比如"倒过来念的是小狗"反转过来就是”狗小是的念来过倒“。接下来就把自己能想到的所有方式记录下来了。 1、第一个念头就是直接使用String类的反转方法，对不起，这样是不行的，因为Stri
  • UI设计中我们为什么需要设计动效 gcq511120594 UIlinux
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯，就是让用户更加爽更加爽的用
  • JBOSS服务部署端口冲突问题 HogwartsRow java应用服务器jbossserverEJB3
    服务端口冲突问题的解决方法，一般修改如下三个文件中的部分端口就可以了。   1、jboss5/server/default/conf/bindingservice.beans/META-INF/bindings-jboss-beans.xml   2、./server/default/deploy/jbossweb.sar/server.xml   3、.
  • 第三章 Redis/SSDB+Twemproxy安装与使用 jinnianshilongnian ssdbreidstwemproxy
    目前对于互联网公司不使用Redis的很少，Redis不仅仅可以作为key-value缓存，而且提供了丰富的数据结果如set、list、map等，可以实现很多复杂的功能；但是Redis本身主要用作内存缓存，不适合做持久化存储，因此目前有如SSDB、ARDB等，还有如京东的JIMDB，它们都支持Redis协议，可以支持Redis客户端直接访问；而这些持久化存储大多数使用了如LevelDB、RocksD
  • ZooKeeper原理及使用 liyonghui160com
               ZooKeeper是Hadoop Ecosystem中非常重要的组件，它的主要功能是为分布式系统提供一致性协调(Coordination)服务，与之对应的Google的类似服务叫Chubby。今天这篇文章分为三个部分来介绍ZooKeeper，第一部分介绍ZooKeeper的基本原理，第二部分介绍ZooKeeper
  • 程序员解决问题的60个策略 pda158 框架工作单元测试
    根本的指导方针 1. 首先写代码的时候最好不要有缺陷。最好的修复方法就是让 bug 胎死腹中。 良好的单元测试 强制数据库约束 使用输入验证框架 避免未实现的“else”条件 在应用到主程序之前知道如何在孤立的情况下使用   日志 2. print 语句。往往额外输出个一两行将有助于隔离问题。 3. 切换至详细的日志记录。详细的日
  • Create the Google Play Account sillycat Google
    Create the Google Play Account Having a Google account, pay 25$, then you get your google developer account. References: http://developer.android.com/distribute/googleplay/start.html https://p
  • JSP三大指令 vikingwei jsp
    JSP三大指令   一个jsp页面中，可以有0~N个指令的定义！ 1. page --> 最复杂：<%@page language="java" info="xxx"...%>   * pageEncoding和contentType：     > pageEncoding：它
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他