create view and switch view

pageView扩展backbone

cAbstractApp定义view加载、切换、回退、跳转—webApp/cWebViewApp/hybirdApp为其子类

1、cWebApp扩展了父类的bindEvents,start,goTo,goBack,jump,judgeForward
2、webviewApp扩展了父类的bindEvents,_getCurrentView,start,goTo,goBack,startObserver,endObserver,judgeForward
3、hybridApp扩展了父类的bindEvents,start,loadFromRoute,_getCurrentView,goTo,goBack,jump,startObserver,endObserver,judgeForward
cBaseInit根据Lizard.pdConfig返回实例化abstractApp的方法。
不同环境加载的文件:
在APP，但不是hybrid方式：加载cHybridAppInit、cStatic、cBaseInit
Hybrid：加载cHybridAppInit、cBaseInit
其他方式：cWebAppInit

/**cWebInit的作用

• define([‘cBaseInit’, ‘cWebMember’], function(initFunc, Member){
  Member.autoLogin({
  callback: function(){
  require([‘cStatic’], function(){

  initFunc()
  

  });
  }
  });
  })
  */
  一、backbone view的实现

  1 2 3 4 5 6 7 8 9 10 11 12

  /** * backbone view构造函数， * @param {[type]} options [description] */ var viewOptions = ['model', 'collection', 'el', 'id', 'attributes', 'className', 'tagName', 'events']; var View = Backbone.View = function(options) { this.cid = _.uniqueId('view'); options || (options = {}); _.extend(this, _.pick(options, viewOptions)); this._ensureElement(); this.initialize.apply(this, arguments); };

  1、_.uniqueId(‘c/view’)生成唯一cid；
  2、配置参数options；
  3、创建View实例；
  4、初始化。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105

_.extend(View.prototype, Events, { // view的默认标签 tagName: 'div', // 重定义$方法，在当前view查找元素 $: function(selector) { return this.$el.find(selector); }, // 初始化 initialize: function(){}, /** * * @return {[type]} [description] */ render: function() { return this; }, /** * _ensureElement 创建View结构 * this._createElement：创建View结构 * this.setElement：对DOM元素进行事件解绑，定义this.$el与this.el，绑定 */ _ensureElement: function() { if (!this.el) { var attrs = _.extend({}, _.result(this, 'attributes')); if (this.id) attrs.id = _.result(this, 'id'); if (this.className) attrs['class'] = _.result(this, 'className'); this.setElement(this._createElement(_.result(this, 'tagName'))); this._setAttributes(attrs); } else { this.setElement(_.result(this, 'el')); } }, _createElement: function(tagName) { return document.createElement(tagName); }, _setAttributes: function(attributes) { this.$el.attr(attributes); }, /** * 对View的DOM进行定义与事件处理 */ setElement: function(element) { this.undelegateEvents(); this._setElement(element); this.delegateEvents(); return this; }, /** * Backbone.$ = $ * el是Backbone.$的实例 */ _setElement: function(el) { this.$el = el instanceof Backbone.$ ? el : Backbone.$(el); this.el = this.$el[0]; }, /** * events格式为{"event selector": "callback"} * 循环events，如果method不是function，取this对象的method属性方法 * 不存在method，跳过此次循环 * match取出evnet与selector，_.bind的用法？？？ */ delegateEvents: function(events) { if (!(events || (events = _.result(this, 'events')))) return this; this.undelegateEvents(); for (var key in events) { var method = events[key]; if (!_.isFunction(method)) method = this[events[key]]; if (!method) continue; // delegateEventSplitter = /^(S+)s*(.*)$/; var match = key.match(delegateEventSplitter); this.delegate(match[1], match[2], _.bind(method, this)); } return this; }, /** * 解除View事件委托，根据.delegateEvents与cid */ undelegateEvents: function() { if (this.$el) this.$el.off('.delegateEvents' + this.cid); return this; }, /** * 为View添加事件委托eventName，根据.delegateEvents与cid */ delegate: function(eventName, selector, listener) { this.$el.on(eventName + '.delegateEvents' + this.cid, selector, listener); }, /** * 解除View事件委托eventName，根据.delegateEvents与cid */ undelegate: function(eventName, selector, listener) { this.$el.off(eventName + '.delegateEvents' + this.cid, selector, listener); }, /** * 移除this.$el，调用Events模块的stopListening */ remove: function() { this._removeElement(); this.stopListening(); return this; }, _removeElement: function() { this.$el.remove(); }, }

二、基于backbone View的扩展
define([‘libs’,’header’, ‘cGuiderService’],
function (libs, Header, Guider) {
var PageView = Backbone.View.extend({
// 滚动条位置
scrollPos: { x: 0, y: 0 },
// 标题组件
header: null,
// web 环境下使用pageid
pageid: 0,
// hybrid 环境下使用hpageid
hpageid: 0,
// 页面切换时，是否要滚动至顶部
scrollZero: true,
// 页面切换时，是否执行onHide
triggerShow: true,
// 页面切换时，是否执行onHide
triggerHide: true,
initialize: function () {
this.id = this.$el.attr(“id”);
this.create();
},
// 生成头部
_createHeader: function () {
var hDom = $(‘#headerview’);
this.header = this.headerview = new Header({ ‘root’: hDom });
},
// create 方法,View首次初始化是调用
create: function () {
//调用子类onCreate
this.onCreate && this.onCreate();
},
// view 销毁方法
destroy: function () {
this.$el.remove();
},
// View 显示时调用的方法
show: function () {
// fix ios 页面切换键盘不消失的bug
document.activeElement && document.activeElement.blur();
//生成头部
this._createHeader();
//调用子类onShow方法
!this.switchByOut && this.$el.show();

    this.triggerShow && this.onShow && this.onShow();

    if (this.onBottomPull) {
      this._onWidnowScroll = $.proxy(this.onWidnowScroll, this);
      this.addScrollListener();
    }

    if (this.scrollZero) {
      window.scrollTo(0, 0);
    }

    this.triggerShow = true;
    this.triggerHide = true;

    //如果定义了addScrollListener,说明要监听滚动条事,此方法在cListView中实现
    this.addScrollListener && this.addScrollListener();
  },
  // View 隐藏
  hide: function () {
    //调用子类onHide方法
    this.triggerHide && this.onHide && this.onHide();
    this.removeScrollListener && this.removeScrollListener();
    this.$el.hide();
  },

  // 跨频道跳转
  jump: function (opt) {
    if (_.isString(opt)) {
      window.location.href = opt;
    } else {
      Guider.jump(opt);
    }
  },
  // 前进
  forward: function (url, opt) {
    Lizard.forward.apply(null, arguments);
  },
  // 回退至前一页面
  back: function (url, opt) {
    Lizard.back.apply(null, arguments);
  },
  // 刷新页面
  refresh: function () {

  },
  turning: function(){

  },
  // 唤醒App,要求返回一个app接受的字符串
  getAppUrl: function () {
    return "";
  },
  // 返回URL中参数的值
  getQuery: function (key) {
    return Lizard.P(key);
  },
  // 保存滚动条位置
  saveScrollPos: function () {
    this.scrollPos = {
      x: window.scrollX,
      y: window.scrollY
    };
  },

  // 恢复原滚动条位置
  restoreScrollPos: function () {
    window.scrollTo(this.scrollPos.x, this.scrollPos.y);
  },
  // 获得页面Url,hyrbid会增加一个虚拟域名
  _getViewUrl: function () {
    var url = this._hybridUrl(location.href);
    return url;
  },

  _hybridUrl: function(url) {
    if (Lizard.isInCtripApp)
    {
      return 'http://hybridm.ctrip.com' + this.$el.attr('page-url');
    } else {
      return url;
    }
  }
})
return PageView;

});

三、view调用与切换：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416

// cPageModelProcessor负责处理viewCache define(['cPageModelProcessor', 'cUtilPerformance', 'cUtilCommon', 'UILoadingLayer', (Lizard.isHybrid || Lizard.isInCtripApp) ? 'cHybridHeader' : 'UIHeader', 'UIWarning404', 'UIAlert', 'UIToast', 'cMessageCenter', 'UIAnimation', 'cPageParser'], function (callModels, cperformance, utils, Loading, Header, Warning404, Alert, Toast, MessageCenter, animation) { // cBaseInit实例化app，循环调用interface function (options) { this.initialize(options) } APP.subclasses = [], APP.defaults = { "mainRoot": '#main', "header": 'header', "viewport": '.main-viewport', "animForwardName": 'slideleft', "animBackwardName": 'slideright', "isAnim": false, //是否开启动画 "maxsize": 10 } APP.prototype = { ctnrViewNames: ['lizardHisCtnrView'], // 订阅viewReady viewReady: function (handler) { //TODO subscribe viewReady message MessageCenter.subscribe('viewReady', handler); }, initProperty: function initProperty(options) { var opts = _.extend({}, APP.defaults, options || {}); return opts; }, bindEvents: function () { //l_wang提升响应速度 $.bindFastClick && $.bindFastClick(); //处理a标签 this._handleLink(); }, initialize: function initialize(options) { // 初始化配置 var opts = 大专栏  create view and switch viewclass="keyword">this.initProperty(options); this.options = opts; this.firstState = null; this.mainRoot = $(opts.mainRoot); this.header = $(opts.header); this.viewport = this.mainRoot.find(opts.viewport); this.curView = null; this.lastView = null; //实例化cathViews组件 this.maxsize = opts.maxsize; this.animForwardName = opts.animForwardName; this.animBackwardName = opts.animBackwardName; this.isAnim = opts.isAnim; this.animAPIs = animation; this.animatName = this.animForwardName; // 定义基础UI this._loading = new Loading(); this._alert = new Alert(); this._confirm = new Alert(); this._toast = new Toast(); this._warning404 = new Warning404(); //是否开启hashchange,false为不开启 this.observe = false; this.headerView = new Header({ 'root': $('#headerview') }); // 绑定事件 this.bindEvents(); this.views = {}; this.start(); // 订阅switchview MessageCenter.subscribe('switchview', function (inView, outView) { inView.$el.show(); }, this); }, // 链接跳转处理 _handleLink: function _handleLink() { if (!Lizard.isHybrid && !utils.isSupportPushState) return; $('body').on('click', $.proxy(function (e) { var el = $(e.target); var needhandle = false; while (true) { if (!el[0]) break; if (el[0].nodeName == 'BODY') break; if (el.hasClass('sub-viewport')) break; if (el[0].nodeName == 'A') { needhandle = true; break; } el = el.parent(); } if (needhandle) { var href = el.attr('href'); var opts = {}; var lizard_data = el.attr('lizard-data'); if ((el.attr('lizard-catch') == 'off') || (href && utils.isExternalLink(href))) { return true; } e.preventDefault(); if (lizard_data) { opts.data = JSON.parse(lizard_data); } if (el.attr('data-jumptype') == 'back') { this.back(el.attr('href'), opts); } else if (el.attr('data-jumptype') == 'forward') { this.goTo(el.attr('href'), opts); } } }, this)); }, // 切换view switchView: function switchView(inView, outView) { if (outView && !document.getElementById(outView.id) && (inView && !inView.switchByOut)) { outView.$el.appendTo(this.viewport); outView.$el.hide(); } if (inView && !document.getElementById(inView.id)) { inView.$el.appendTo(this.viewport); inView.$el.hide(); } //inView.$el.show(); //动画切换时执行的回调 var switchFn; //此处有问题，如果inView不再的话，应该由firstState生成默认页面 if (!inView) throw 'inview 未被实例化'; //将T 、P的值重新设置回去 Lizard.T.lizTmpl = inView.lizTmpl; Lizard.P.lizParam = inView.lizParam; //outView不存在的情况下就不释放动画接口 if (outView) { outView.saveScrollPos(); if (this.isAnim) { switchFn = this.animAPIs[this.animatName]; } //switchFn = this.animAPIs[this.animatName]; //未定义的话便使用默认的无动画 //l_wang 此段代码需要做一个包裹，或者需要回调，否则不会执行应该执行的代码!!! inView.fromView = outView.config.viewName; if (_.indexOf(this.ctnrViewNames, inView.config.viewName) > -1) { MessageCenter.publish('showHisCtnrView'); outView.hideWarning404 = function () { Lizard.goBack(); } } if (switchFn && _.isFunction(switchFn)) { switchFn(inView, outView, $.proxy(function (inView, outView) { this._onSwitchEnd(inView, outView); }, this)); } else { inView && !inView.switchByOut && outView.hide(); inView.show(); this._onSwitchEnd(inView, outView); } } else { //这里开始走view的逻辑，我这里不予关注 if (_.indexOf(this.ctnrViewNames, inView.config.viewName) > -1) { MessageCenter.publish('showHisCtnrView'); } inView.show(); this._onSwitchEnd(inView, outView); } }, //l_wang 既然使用消息机制，就应该全部使用，后期重构 _onSwitchEnd: function (inView, outView) { if (outView != inView && !inView.switchByOut) { setTimeout(function () { outView && outView.$el && outView.$el.hide() }, 10); } inView.sendUbt(true); MessageCenter.publish('viewReady', [inView]); }, showView: function (data) { this.loadView(data.url, data.text, data.options); }, // 根据访问的URL是webapp或者html5不同，响应的数据也不同 // 根据服务器响应的数据，解析路由配置text/lizard-config，加载view loadView: function (url, html, options) { // 显示加载UI if ((Lizard.config && Lizard.config.isHideAllLoading) || options.hideloading) { this.hideLoading(); } else { this.showLoading(); } Lizard.loadingView = true; if (url) { // view是this.curView或者加载新页面 var view = this.curView || { hpageid: '', pageid:'', _getViewUrl: function () { return ""; }, _hybridUrl: function() { if (Lizard.isInCtripApp) { return 'http://hybridm.ctrip.com' + url; } else { return ubtURL; } } }; var ubtURL = window.location.protocol + '//' + window.location.host + (url.indexOf(Lizard.appBaseUrl) == 0?url: Lizard.appBaseUrl + url) if (!window.__bfi) window.__bfi = []; window.__bfi.push(['_unload', { page_id: Lizard.isHybrid?view.hpageid: view.pageid, url: view._hybridUrl(), refer: view.$el?view._hybridUrl(window.location.protocol + '//' + window.location.host + view.$el.attr('page-url')):document.referrer }]); } // cPageParser模块中的方法_initParser，负责找到script中的text/lizard-config // 解析出viewName与controller、参数、模板、pageUrl var pageConfig = Lizard._initParser(url, html); // 根据pageConfig获取models callModels(pageConfig, _.bind(function (datas, pageConfig) { if (_.isFunction(this.judgeForward) && !this.judgeForward(url)) { return; } Lizard.viewHtmlMap[renderObj.config.viewName] = html; this.header.html(renderObj.header); var renderNode = $(' ').css({display: 'none'}); // 服务端，renderObj？ if (options.renderAt == 'server') { this.hideLoading(); } else { renderNode = $(renderObj.viewport).css({display: 'none'}); } if (renderObj.config.showfake && (!this.views[renderObj.config.viewName] || this.views[renderObj.config.viewName].$el.attr('page-url') != url)) { if (_.isObject(renderObj.config.showfake) && renderObj.config.showfake.hideloading) { this.hideLoading(); } // renderNode与renderObj.viewport及this.viewport Lizard.__fakeViewNode = renderNode.appendTo(this.viewport); // 当前View this.curView && this.curView.$el.hide(); } // 加载controller require([renderObj.config.controller||'cPageView'], _.bind(function (View) { if (_.isFunction(this.judgeForward) && !this.judgeForward(url)) { return; } // 把this.curView存入this.lastView if (this.curView) this.lastView = this.curView; if (renderObj.config.viewName && this.views[renderObj.config.viewName]) { // 把要加载的view，存入this.curView this.curView = this.views[renderObj.config.viewName]; if (this.curView.$el.attr('page-url') != url) { this.curView.$el.remove(); !renderObj.config.showfake && renderNode.appendTo(this.viewport); // 定义view节点 this.curView.$el = renderNode; // 执行pageview中的onCreate this.curView.onCreate && this.curView.onCreate(); this.curView.delegateEvents(); } } else { !renderObj.config.showfake && renderNode.appendTo(this.viewport); // 新的View this.curView = new View({ el: (options.renderAt == 'server') ? this.viewport.children().first() : renderNode }); // 设置view节点上的属性url this.curView.$el.attr('page-url', url); } if (options.renderAt == 'server') renderNode.remove(); // __fakeViewNode?? Lizard.__fakeViewNode = null; // 定义this.curView的属性 this.curView.text = html; _.extend(this.curView, _.pick(renderObj, ['datas', 'config', 'lizTmpl', 'lizParam'])); // switchByOut？？ if (this.curView && this.curView.switchByOut) { var self = this; // 重新定义turning this.curView.turning = function () { this.hideLoading(); // 隐藏上一个view，发布switchview，显示当前view self.lastView && self.lastView.hide(); MessageCenter.publish('switchview', [self.curView, self.lastView]); self.curView.$el.show(); } }else { this.hideLoading(); MessageCenter.publish('switchview', [this.curView, this.lastView]); } this.curView.lastViewId = this.curView.referrer = (this.lastView && this.lastView.config.viewName); this.switchView(this.curView, this.lastView); if (renderObj.config.viewName) { this.views[renderObj.config.viewName] = this.curView; } }, this)) }, this), _.bind(function (datas, errorBack) { this.hideLoading(); var errorData = { callback: function () { this.hideWarning404(); Lizard.goTo(url); }, headData: { title: '网络不给力', back: true, events: { returnHandler: function () { Lizard.back(); } } } }; if (errorBack) errorData = _.extend(errorData, errorBack(datas)); this.showWarning404(_.bind(errorData.callback, this), pageConfig, errorData); }, this)); }, // 显示一个全局遮盖层 showHisCtnrView: function (onShow, onHide, options) { if (!this.curView && !options.pageConfig) return; if (!this.curView && options.pageConfig) options.addToHistory = false; var oldAnimFlag = this.isAnim, oldAnimName = this.animatName; if (this.curView) { this.curView.triggerShow = this.curView.triggerHide = options?(!options.triggerFlag):true; this.curView.triggerHide = options && ('triggerHide' in options) ?(options.triggerHide):true; } this.isAnim = (options && options.isAnim)?true:this.isAnim; if (this.isAnim) { this.animatName = this.animForwardName; } var config = _.clone(options.pageConfig?options.pageConfig:this.curView.config); config.model.apis = []; config.view = { viewport: '' }; config.controller = 'cPageView'; config.viewName = options && options.viewName?options.viewName:'lizardHisCtnrView'; if (_.indexOf(this.ctnrViewNames, config.viewName) == -1) { this.ctnrViewNames.push(config.viewName); } var url = options.pageConfig?options.pageConfig.pageUrl:this.curView.config.pageUrl; if (!options || options.addToHistory !== false) { if (Lizard.isHybrid || Lizard.isInCtripApp) { this.endObserver(); window.location.hash = '/lizardHisCtnrView'; } else { history.pushState({url: url, text: ' 你可能感兴趣的:(create view and switch view) 【iOS】MVC设计模式 Magnetic_h iosmvc设计模式objective-c学习ui MVC前言如何设计一个程序的结构，这是一门专门的学问，叫做"架构模式"（architecturalpattern），属于编程的方法论。MVC模式就是架构模式的一种。它是Apple官方推荐的App开发架构，也是一般开发者最先遇到、最经典的架构。MVC各层controller层Controller/ViewController/VC（控制器）负责协调Model和View，处理大部分逻辑它将数据从Mod OC语言多界面传值五大方式 Magnetic_h iosui学习objective-c开发语言 前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt UI学习——cell的复用和自定义cell Magnetic_h ui学习 目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添 linux中sdl的使用教程,sdl使用入门 Melissa Corvinus linux中sdl的使用教程 本文通过一个简单示例讲解SDL的基本使用流程。示例中展示一个窗口，窗口里面有个随机颜色快随机移动。当我们鼠标点击关闭按钮时间窗口关闭。基本步骤如下：1.初始化SDL并创建一个窗口。SDL_Init()初始化SDL_CreateWindow()创建窗口2.纹理渲染存储RGB和存储纹理的区别：比如一个从左到右由红色渐变到蓝色的矩形，用存储RGB的话就需要把矩形中每个点的具体颜色值存储下来；而纹理只是一 Java企业面试题3 马龙强_ java 1.break和continue的作用(智*图)break：用于完全退出一个循环（如for,while）或一个switch语句。当在循环体内遇到break语句时，程序会立即跳出当前循环体，继续执行循环之后的代码。continue：用于跳过当前循环体中剩余的部分，并开始下一次循环。如果是在for循环中使用continue，则会直接进行条件判断以决定是否执行下一轮循环。2.if分支语句和switch分 vue3中el-table中点击图片放大时，被表格覆盖 叫我小鹏呀 vue.jsjavascript前端 问题：vue3中el-table中点击图片放大时，被表格覆盖。解决方法：el-image添加preview-teleported Android应用性能优化 轻口味 Android Android手机由于其本身的后台机制和硬件特点，性能上一直被诟病，所以软件开发者对软件本身的性能优化就显得尤为重要；本文将对Android开发过程中性能优化的各个方面做一个回顾与总结。Cache优化ListView缓存：ListView中有一个回收器，Item滑出界面的时候View会回收到这里，需要显示新的Item的时候，就尽量重用回收器里面的View；每次在getView函数中inflate新 2019-07-09 AutoCompleteTextView 问题 皮皮铭 实现自定义Adapter要实现Filterable接口，不然会报错重写getFilter()方法performFiltering()方法实现过滤数据的操作publishResults()用来接收performFiltering()的返回值，发布。 Android实现监听事件的方法 Amy木婉清 1.通过内部类实现2.通过匿名内部类实现3.通过事件源所在类实现4.通过外部类实现5.布局文件中onclick属性(针对点击事件)1.通过内部类实现代码:privateButtonmBtnEvent;//oncreate中mBtnEvent.setOnClickListener(newOnClick());//内部类实现监听classOnClickimplementsView.OnClickLis vue render 函数详解 (配参数详解) 你的眼睛會笑 vue2vue.jsjavascript前端 vuerender函数详解(配参数详解)在Vue3中，`render`函数被用来代替Vue2中的模板语法。它接收一个h函数（或者是`createElement`函数的别名），并且返回一个虚拟DOM。render函数的语法结构如下：render(h){returnh('div',{class:'container'},'Hello,World!')}在上面的示例中，我们使用h函数创建了一个div元素 uniapp使用内置地图选择插件，实现地址选择并在地图上标点 神夜大侠 Uniappvue.jsuniapp uniapp使用内置地图选择插件，实现地址选择并在地图上标点代码如下：page{background:#F4F5F6;}::-webkit-scrollbar{width:0;height:0;color:transparent;}page{height:100%;width:100%;font-size:24rpx;}image,view,input,textarea,label,text,na ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your †徐先森® Oracle数据库Web相关错误集 createtablestudents(idintunsignedprimarykeyauto_increment,namevarchar(50)notnull,ageintunsigned,highdecimal(3,2),genderenum('男','女','中性','保密','妖')default'保密',cls_idintunsigned);在对数据库插入如上带有中文带有默认值的字段的时 iOS下拉放大效果 RobinZhao 好多下拉放大的实现方式是在tableView上面添加一个view，同时更改tableView.contentInset，下拉时改变view的frame来实现。今天用另外一种方式实现，效果如下：加油.gif具体实现方法：通过tableViewCell结合xib来实现，具体代码如下HomeViewController.m代码#import"HomeViewController.h"#import"He matlab游标标注移动,matlab实现图形窗口的数据游标 莫白想 matlab游标标注移动 DatacursorsforfigurewindowSeveralrelatedfunctions:CreateCursorsetsupaverticalcursoronallaxesinafigure.Thecursorscanbemovedaroundusingthemouse.MultiplecursorsaresupportedineachfigureGetCursorLocationre C# 禁止程序重复启动 wiseyao1219 c# 修改：Program.cs[STAThread]staticvoidMain(){Mutexmutex=newMutex(true,"NewGuid123456",outboolisCreatedNew);if(!isCreatedNew){MessageBox.Show(Application.ProductName+"isrunning...");return;}Application.Ena 五分钟手机美食插画教程194-秋葵 藩鼠 图片发自App图片发自App工具：procreatepocket+手指第一步：用浅绿色木炭块画笔画一个小花瓣第二步：用墨绿色木炭块画笔在长长的三角形第三步：用浅墨绿色木炭块画笔画秋葵的另一个面第四步：用绿色杂色画笔在秋葵表面刷纹理第五步：用白色木炭块画笔画截面小圆珠 复盘 赵建庄 行动后反思，AAR（AfterActionReview），是知识管理的一种工具，起源于美国陆军的作战方法，强调在每次行动后进行及时反思、总结和改进。《复盘》一书其实就是这种方法的具体应用，名字不同，然而实质相同。相比AAR这样的说法，复盘更简洁，容易被国人接受，而且，书中给出了非常详细的步骤，有较强的指导意义和实战性，AAR的六步法，说的比较简单，有人可以悟，结合实际业务演变出各种变化，大多数人可 Linux中open函数详解 460833359 LinuxClinuxopen函数 初级文件I/O函数（即不用缓存的I/O函数）：open（打开文件）相关函数read，write，fcntl，create，lseek，close，link，stat，umask，unlink，fopen头文件#include#include#include定义函数intopen(constchar*pathname,intflags);intopen(constchar*pathname,intf 华为坤灵路由器配置SSH redmond88 网络技术华为ssh运维 配置SSH服务器的管理网口IP地址。system-view[HUAWEI]sysnameSSHServer[SSHServer]interfacemeth0/0/0[SSHServer-MEth0/0/0]ipaddress10.248.103.194255.255.255.0[SSHServer-MEth0/0/0]quit在SSH服务器端生成本地密钥对。[SSHServer]rsalocal- 华为坤灵路由器初始化开局的注意事项，含NAT配置 redmond88 网络技术华为服务器运维 坤灵路由器比较坑，无web界面，全程命令行配置，但是版本更新导致和华为企业路由器配置很多不一样的地方，今天介绍下1、aaa密码复杂度修改：#使能设备对密码进行四选三复杂度检查功能。system-view[HUAWEI]aaa[HUAWEI-aaa]local-aaa-userpasswordpolicyadministrator[HUAWEI-aaa-lupp-admin]passwordcomp day12 控制流程 if switch while do...while 猜数字游戏 卓越小Y JAVA学习日志游戏java开发语言 控制流程顺序结构所有的程序都是按顺序执行if语句选择结构单选择语句if(a>0){System.out.println(“hello”);}packagecom.ckw.blog.select;importjava.util.Scanner;publicclassdemo01{publicstaticvoidmain(String[]args){intscore=0;Scannerscanner= 关于UI刷新重绘 草帽小子J 最近做了一个关于用户雷达图的需求，有用到关于ui绘制相关的东西，于是去了解了下关于invalidate()、postInvalidate()、requestLayout()的知识。invalidate该方法会请求重绘view树，即draw(),刷新UI,并且不会调用onMeasure()，谁调用重绘谁，ViewGroup则重绘整个ViewGroup.一般会触发invalidate的主要为如下几种方 数据库常见笔试面试题及其解析 yxsr_zxx 数据库数据库SqlServerOracle笔试面试 数据库基础(面试常见题)一、数据库基础1.数据抽象：物理抽象、概念抽象、视图级抽象,内模式、模式、外模式2.SQL语言包括数据定义、数据操纵(DataManipulation),数据控制(DataControl)数据定义：CreateTable,AlterTable,DropTable,Craete/DropIndex等数据操纵：Select,insert,update,delete,数据控制：g SQL查询技巧：深入解析学生选课系统数据库 天冬忘忧 SQL数据库sqloracle 在大学的学生选课系统中，数据库的管理和查询是日常操作中的重要部分。本文通过一系列具体的SQL查询示例，深入解析如何高效地从数据库中获取所需信息，包括学生选课情况、成绩分析、教师课程管理等。系统数据库结构首先，我们有一个包含以下表的数据库：course-存储课程信息建表CREATETABLE`course`(`CNO`varchar(5)NOTNULL,`CNAME`varchar(10)NOTNU PCIe进阶之TL：Common Packet Header Fields & TLPs with Data Payloads Rules 芯芯之火，可以燎原 PCIe进阶PCIe进阶硬件工程信息与通信 1TransactionLayerProtocol-PacketDefinitionTLP有四种事务类型：Memory、I/O、Configuration和Messages，两种地址格式：32bit和64bit。构成TLP时，所有标记为Reserved的字段（有时缩写为R）都必须全为0。接收者Rx必须忽略此字段中的值，PCIeSwitch必须对其进行原封不动的转发。请注意，对于某些字段，既有指定值 大数据真实面试题---SQL The博宇 大数据面试题——SQL大数据mysqlsql数据库bigdata 视频号数据分析组外包招聘笔试题时间限时45分钟完成。题目根据3张表表结构，写出具体求解的SQL代码（搞笑品类定义：视频分类或者视频创建者分类为“搞笑”）1、表创建语句：createtablet_user_video_action_d(dsint,user_idstring,video_idstring,action_typeint,`timestamp`bigint)rowformatdelimi electron多标签页模式更像客户端 diygwcom electronjavascript前端 Electron多标签页模式是指在Electron框架中实现的类似Web浏览器的多标签页功能。Electron是一个使用Web技术（HTML、CSS和JavaScript）来创建跨平台桌面应用程序的框架。在Electron中实现多标签页模式，通常需要借助一些特定的库或组件，如BrowserView或electron-tabs，或者通过自定义实现。实现方式1.使用BrowserViewBrowser HALTT4LLM：大型语言模型的幻觉检测指标 谢忻含Norma HALTT4LLM：大型语言模型的幻觉检测指标haltt4llmThisprojectisanattempttocreateacommonmetrictotestLLM'sforprogressineliminatinghallucinationswhichisthemostseriouscurrentprobleminwidespreadadoptionofLLM'sformanyrealpur greenplum资源队列 李春田 文章来源https://www.cnblogs.com/pl-boke/p/9852439.html官方文档：https://gpdb.docs.pivotal.io/6-8/admin_guide/workload_mgmt.html1、创建资源队列语法Command:CREATERESOURCEQUEUEDescription:createanewresourcequeueforworkloa 函数可以返回数组吗？有哪3种返回方法呢？如代码种的func2、func3、func4都可以返回数组。func1为什么会报错呢？关于返回数组需要注意哪些呢？ 神笔馬良 java算法数据结构 问题描述：根据下列代码回答下列问题。//Createdby黑马程序员.#include"iostream"usingnamespacestd;/**函数返回数组，就是返回指针，要注意：*-不可返回局部数组（在函数内创建的数组），如果要返回需要*-static修饰*-动态内存创建（new[]、delete[]）*-返回全局（在函数外创建的对象）**不推荐函数返回数组，因为要么手动delete、要么s 多线程编程之存钱与取钱 周凡杨 javathread多线程存钱取钱   生活费问题是这样的：学生每月都需要生活费，家长一次预存一段时间的生活费，家长和学生使用统一的一个帐号，在学生每次取帐号中一部分钱，直到帐号中没钱时 通知家长存钱，而家长看到帐户还有钱则不存钱，直到帐户没钱时才存钱。   问题分析：首先问题中有三个实体，学生、家长、银行账户，所以设计程序时就要设计三个类。其中银行账户只有一个，学生和家长操作的是同一个银行账户，学生的行为是 java中数组与List相互转换的方法 征客丶 JavaScriptjavajsonp 1.List转换成为数组。（这里的List是实体是ArrayList) 　　调用ArrayList的toArray方法。 　　toArray 　　public T[] toArray(T[] a)返回一个按照正确的顺序包含此列表中所有元素的数组；返回数组的运行时类型就是指定数组的运行时类型。如果列表能放入指定的数组，则返回放入此列表元素的数组。否则，将根据指定数组的运行时类型和此列表的大小分 Shell 流程控制 daizj 流程控制if elsewhilecaseshell Shell 流程控制 和Java、PHP等语言不一样，sh的流程控制不可为空，如(以下为PHP流程控制写法)： <?php if(isset($_GET["q"])){ search(q);}else{// 不做任何事情} 在sh/bash里可不能这么写，如果else分支没有语句执行，就不要写这个else，就像这样 if else if if 语句语 Linux服务器新手操作之二 周凡杨 Linux 简单 操作 1.利用关键字搜寻Man Pages    man -k keyword  其中-k 是选项，keyword是要搜寻的关键字 如果现在想使用whoami命令，但是只记住了前3个字符who，就可以使用 man -k who来搜寻关键字who的man命令       [haself@HA5-DZ26 ~]$ man -k socket聊天室之服务器搭建 朱辉辉33 socket 因为我们做的是聊天室，所以会有多个客户端，每个客户端我们用一个线程去实现，通过搭建一个服务器来实现从每个客户端来读取信息和发送信息。    我们先写客户端的线程。 public class ChatSocket extends Thread{ Socket socket; public ChatSocket(Socket socket){ this.sock 利用finereport建设保险公司决策分析系统的思路和方法 老A不折腾 finereport金融保险分析系统报表系统项目开发 决策分析系统呈现的是数据页面，也就是俗称的报表，报表与报表间、数据与数据间都按照一定的逻辑设定，是业务人员查看、分析数据的平台，更是辅助领导们运营决策的平台。底层数据决定上层分析，所以建设决策分析系统一般包括数据层处理（数据仓库建设）。   项目背景介绍 通常，保险公司信息化程度很高，基本上都有业务处理系统（像集团业务处理系统、老业务处理系统、个人代理人系统等）、数据服务系统（通过 始终要页面在ifream的最顶层 林鹤霄 index.jsp中有ifream，但是session消失后要让login.jsp始终显示到ifream的最顶层。。。始终没搞定，后来反复琢磨之后，得到了解决办法，在这儿给大家分享下。。 index.jsp--->主要是加了颜色的那一句 <html> <iframe name="top" ></iframe> <ifram MySQL binlog恢复数据 aigo mysql 1，先确保my.ini已经配置了binlog：   # binlog log_bin = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.log log_bin_index = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.index log_error = D:/mysql-5.6.21-win OCX打成CBA包并实现自动安装与自动升级 alxw4616 ocxcab 近来手上有个项目,需要使用ocx控件 (ocx是什么? http://baike.baidu.com/view/393671.htm) 在生产过程中我遇到了如下问题. 1. 如何让 ocx 自动安装?     a) 如何签名?     b) 如何打包?     c) 如何安装到指定目录? 2. Hashmap队列和PriorityQueue队列的应用 百合不是茶 Hashmap队列PriorityQueue队列   HashMap队列已经是学过了的,但是最近在用的时候不是很熟悉,刚刚重新看以一次,   HashMap是K,v键 ,值     put()添加元素      //下面试HashMap去掉重复的 package com.hashMapandPriorityQueue; import java.util.H JDK1.5 returnvalue实例 bijian1013 javathreadjava多线程returnvalue Callable接口： 返回结果并且可能抛出异常的任务。实现者定义了一个不带任何参数的叫做 call 的方法。 Callable 接口类似于 Runnable，两者都是为那些其实例可能被另一个线程执行的类设计的。但是 Runnable 不会返回结果，并且无法抛出经过检查的异常。        ExecutorService接口方 angularjs指令中动态编译的方法(适用于有异步请求的情况) 内嵌指令无效 bijian1013 JavaScriptAngularJS         在directive的link中有一个$http请求，当请求完成后根据返回的值动态做element.append('......');这个操作，能显示没问题，可问题是我动态组的HTML里面有ng-click，发现显示出来的内容根本不执行ng-click绑定的方法！      【Java范型二】Java范型详解之extend限定范型参数的类型 bit1129 extend 在第一篇中，定义范型类时，使用如下的方式：   public class Generics<M, S, N> { //M,S,N是范型参数 }  这种方式定义的范型类有两个基本的问题：   1. 范型参数定义的实例字段，如private M m = null;由于M的类型在运行时才能确定，那么我们在类的方法中，无法使用m，这跟定义pri 【HBase十三】HBase知识点总结 bit1129 hbase 1. 数据从MemStore flush到磁盘的触发条件有哪些？    a.显式调用flush，比如flush 'mytable'    b.MemStore中的数据容量超过flush的指定容量，hbase.hregion.memstore.flush.size,默认值是64M 2. Region的构成是怎么样？ 1个Region由若干个Store组成 服务器被DDOS攻击防御的SHELL脚本 ronin47 mkdir /root/bin vi /root/bin/dropip.sh #!/bin/bash/bin/netstat -na|grep ESTABLISHED|awk ‘{print $5}’|awk -F:‘{print $1}’|sort|uniq -c|sort -rn|head -10|grep -v -E ’192.168|127.0′|awk ‘{if($2!=null&a java程序员生存手册-craps 游戏-一个简单的游戏 bylijinnan java import java.util.Random; public class CrapsGame { /** * *一个简单的赌*博游戏，游戏规则如下： *玩家掷两个骰子，点数为1到6，如果第一次点数和为7或11，则玩家胜， *如果点数和为2、3或12，则玩家输， *如果和为其它点数，则记录第一次的点数和，然后继续掷骰，直至点数和等于第一次掷出的点 TOMCAT启动提示NB: JAVA_HOME should point to a JDK not a JRE解决 开窍的石头 JAVA_HOME 当tomcat是解压的时候，用eclipse启动正常，点击startup.bat的时候启动报错; 报错如下：   The JAVA_HOME environment variable is not defined correctly This environment variable is needed to run this program NB: JAVA_HOME shou [操作系统内核]操作系统与互联网 comsci 操作系统      我首先申明：我这里所说的问题并不是针对哪个厂商的，仅仅是描述我对操作系统技术的一些看法       操作系统是一种与硬件层关系非常密切的系统软件，按理说，这种系统软件应该是由设计CPU和硬件板卡的厂商开发的，和软件公司没有直接的关系，也就是说，操作系统应该由做硬件的厂商来设计和开发 富文本框ckeditor_4.4.7 文本框的简单使用 支持IE11 cuityang 富文本框 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>知识库内容编辑</tit Property null not found darrenzhu datagridFlexAdvancedpropery null When you got error message like "Property null not found ***", try to fix it by the following way: 1)if you are using AdvancedDatagrid, make sure you only update the data in the data prov MySQl数据库字符串替换函数使用 dcj3sjt126com mysql函数替换 需求：需要将数据表中一个字段的值里面的所有的  .   替换成  _   原来的数据是  site.title  site.keywords  .... 替换后要为     site_title  site_keywords   使用的SQL语句如下：   updat mac上终端起动MySQL的方法 dcj3sjt126com mysqlmac 首先去官网下载: http://www.mysql.com/downloads/ 我下载了5.6.11的dmg然后安装,安装完成之后..如果要用终端去玩SQL.那么一开始要输入很长的:/usr/local/mysql/bin/mysql 这不方便啊,好想像windows下的cmd里面一样输入mysql -uroot -p1这样...上网查了下..可以实现滴. 打开终端,输入: 1 Gson使用一（Gson） eksliang jsongson 转载请出自出处：http://eksliang.iteye.com/blog/2175401 一.概述 从结构上看Json，所有的数据（data）最终都可以分解成三种类型： 第一种类型是标量（scalar），也就是一个单独的字符串（string）或数字（numbers），比如"ickes"这个字符串。 第二种类型是序列（sequence），又叫做数组（array） android点滴4 gundumw100 android Android 47个小知识 http://www.open-open.com/lib/view/open1422676091314.html Android实用代码七段（一） http://www.cnblogs.com/over140/archive/2012/09/26/2611999.html http://www.cnblogs.com/over140/arch JavaWeb之JSP基本语法 ihuning javaweb   目录   JSP模版元素  JSP表达式  JSP脚本片断  EL表达式  JSP注释  特殊字符序列的转义处理  如何查找JSP页面中的错误   JSP模版元素    JSP页面中的静态HTML内容称之为JSP模版元素，在静态的HTML内容之中可以嵌套JSP App Extension编程指南（iOS8/OS X v10.10）中文版 啸笑天 ext          当iOS 8.0和OS X v10.10发布后，一个全新的概念出现在我们眼前，那就是应用扩展。顾名思义，应用扩展允许开发者扩展应用的自定义功能和内容，能够让用户在使用其他app时使用该项功能。你可以开发一个应用扩展来执行某些特定的任务，用户使用该扩展后就可以在多个上下文环境中执行该任务。比如说，你提供了一个能让用户把内容分 SQLServer实现无限级树结构 macroli oraclesqlSQL Server 表结构如下： 数据库id path titlesort 排序 1 0 首页 0 2 0,1 新闻 1 3 0,2 JAVA 2 4 0,3 JSP 3 5 0,2,3 业界动态 2 6 0,2,3 国内新闻 1 创建一个存储过程来实现，如果要在页面上使用可以设置一个返回变量将至传过去   create procedure test as begin decla Css居中div，Css居中img，Css居中文本，Css垂直居中div qiaolevip 众观千象学习永无止境每天进步一点点css /**********Css居中Div**********/ div.center { width: 100px; margin: 0 auto; } /**********Css居中img**********/ img.center { display: block; margin-left: auto; margin-right: auto; } Oracle 常用操作(实用) 吃猫的鱼 oracle SQL>select text from all_source where owner=user and name=upper('&plsql_name');  SQL>select * from user_ind_columns where index_name=upper('&index_name');  将表记录恢复到指定时间段以前 iOS中使用RSA对数据进行加密解密 witcheryne iosrsaiPhoneobjective c   RSA算法是一种非对称加密算法,常被用于加密数据传输.如果配合上数字摘要算法, 也可以用于文件签名. 本文将讨论如何在iOS中使用RSA传输加密数据. 本文环境 mac os  openssl-1.0.1j, openssl需要使用1.x版本, 推荐使用[homebrew](http://brew.sh/)安装. Java 8 RSA基本原理 RS 按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他 首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉 版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.