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) Lua协同程序coroutine的简介及优缺点例子解析 乔丹搞IT lua非常实用的脚本lua开发语言 代码示例：Lua中的协同程序（coroutine）是一种非常强大的功能，它允许程序以非抢占式的方式进行多任务处理。协同程序类似于线程，拥有独立的堆栈、局部变量和指令指针，但与其他协同程序共享全局变量和其他资源。协同程序的运行需要彼此协作，同一时间只有一个协同程序在运行，且该协同程序只有在必要时才会被挂起。协同程序的基本语法和使用创建协同程序使用coroutine.create函数，它接受一个函数作 openGauss之系统隐藏列 王飞活 openGuassopenGauss系统隐藏列xminxmax 一.前言openGauss在建表时，系统会自动插入tableoid，cmax，xmax，cmin，xmin，ctid六个系统隐藏列，在select*的时候也会自动隐藏这6个系统隐藏列，如下所示：本文主要走读代码了解openGauss是如何实现系统隐藏列的功能的。二.createtable时自动往表中插入系统隐藏列createtable时自动往表中插入系统隐藏列的核心代码入口在heap_create SQLite 创建表：一场数据库里的“造物运动” 软考鸭 sqlitesqlite数据库 嘿，各位数据库的“造物主”们！今天咱们来聊聊SQLite里的一场有趣活动——创建表。没错，就像上帝创造了世界，我们也可以在SQLite数据库里创造属于我们自己的“小世界”。一、创建表的“魔法咒语”在SQLite这个“魔法世界”里，创建表其实就像念一句“魔法咒语”：CREATETABLEtable_name(column1datatype,column2datatype,column3datatyp 自定义view实战(5)：手撕安卓侧滑栏 捡一晌贪欢 安卓#自定义View实战android自定义ViewLayoutParamslayout动画 前言上一篇文章学了下自定义View的onDraw函数及自定义属性，做出来的滚动选择控件还算不错，就是逻辑复杂了一些。这篇文章打算利用自定义view的知识，直接手撕一个安卓侧滑栏，涉及到自定义LayoutParams、带padding和margin的measure和layout、利用requestLayout实现动画效果等，有一定难度，但能重新学到很多知识！需求这里类似旧版QQ（我特别喜欢之前的侧滑 VUE实现TAB切换不同页面 天农学子 vue.jsjavascript前端 VUE实现TAB切换不同页面实现效果资源准备ReceiveOrderList,TodoListMulti,SignList这三个页面就是需要切换的页面首页代码待接单待发货待签收importReceiveOrderListfrom'@/views/orderCenter/receiveOrderList'importTodoListMultifrom'@/views/dispatch/todoLis vue之函数式组件 默默@85 vuevue.jsjavascript 在Vue.js中，functional:true是用来定义函数式组件的一种方式。函数式组件是专门设计用于表现层的轻量级组件，通常没有状态和实例（即没有data、methods、computed等）。它们依赖于传入的props来渲染内容，因此效率更高。主要特性无状态：函数式组件没有内部状态（即没有data）。无生命周期钩子：函数式组件不支持生命周期钩子（如created、mounted等）。高性能： LabVIEW焊缝视觉识别系统 LabVIEW开发 LabVIEW知识LabVIEW开发案例计算机视觉labview 随着自动化技术的发展，焊接工艺也在向智能化和自动化转型。介绍了一种基于LabVIEW开发的自动化焊接机器人视觉识别系统，用于提高焊接质量和效率，特别适用于复杂或危险环境下的操作。项目背景在传统焊接工艺中，焊接质量和效率受到人为操作的限制，且在危险或复杂环境中的应用存在安全风险。能自动识别焊缝位置并精确执行焊接任务的机器人系统，既可以提高生产效率，又能确保操作安全。系统组成及特点本系统采用LabVI 【47】3求1+2+3+...+n 西风胡杨的 剑指offer基类派生类 【47】3求1+2+3+…+n时间限制：1秒空间限制：32768K题目描述求1+2+3+…+n，要求不能使用乘除法、for、while、if、else、switch、case等关键字及条件判断语句（A?B:C）。牛客网题目练级点击这里VS2010代码：/方法三：静态函数指针#includeusingnamespacestd;typedefint(*fun)(int);intTerminator(i 求1+2+3+...+n Waitt_ 剑指OFFERC++ 剑指OFFER题6------按牛客网通过率排序时间：2018.10.16.2036作者：Waitt题目求1+2+3+…+n，要求不能使用乘除法、for、while、if、else、switch、case等关键字及条件判断语句（A?B:C）。时间限制：1秒空间限制：32768K热度指数：128539解答1+2+3+…+n的公式结果为：(n2+n)/2；由于题目要求不可使用一些语句，则考虑利用mat C++ 求1+2+3+......+n__有限制（牛客网） XYLoveBarbecue c++ 点击链接即可产看题目：求1+2+3+...+n_牛客题霸_牛客网一、题目描述求1+2+3+...+n，要求不能使用乘除法、for、while、if、else、switch、case等关键字及条件判断语句（A?B:C）。数据范围：0classSolution{classSum{public:Sum(){ret+=i;i++;}};public:intSum_Solution(intn){Suma[n cesium中如何修改图层的着色器，使其达到我们想要的图层风格 小秧@ 着色器javascript开发语言 cesium中如何修改图层的着色器，使其达到我们想要的图层风格在cesium中我们可以，通过修改图层的着色器源代码使其达到一些酷炫的效果，现在我们来说说如何做到这一切。获取图层对应的片源着色器源代码constbaseFragmentShader=viewer.scene.globe._surfaceShaderSet.baseFragmentShaderSource.sources;好现在base Linux - 如何根据名字杀掉一个进程 夜流冰 GNU/Linuxlinux Linux提供了许多工具来管理系统中的进程。你可以用它们来创建、克隆、甚至销毁进程(create,clone,destroy)。有时你可能需要在Linux中按名称杀死所有进程。在Linux中，有多种方法可以做到这一点。你可以使用pkill、pgrep、pidof和killall中的任何一个函数。在这篇文章中，我们将详细介绍它们。现在的例子都是在Ubuntu中运行的。1,使用pkill命令pkill 自定义view - Rect 世道无情 1.Rect绘画工具类，长方形/正方形；publicRect(intleft,inttop,intright,intbottom)：参数：左、上、右、下图片.png使用场景：绘制文字【绘制文字的区域】绘制外圆区域【用RectF】 MySQL用binlog日志恢复数据 weixin_47354082 MySQLmysql数据库 原理：binlog日志保存的是数据变化的DDL和DMLSQL，并在每条SQL打上了时间缀和标记，所以可以指定时间和标记，找到指定SQL，恢复特定数据。实战：从删库到恢复，不用再跑路。1、建库建表准备数据再删库mysql>flushbinarylogs;QueryOK,0rowsaffected(0.01sec)mysql>createdatabasemydb;QueryOK,1rowaffecte 微信小程序 跳转 tanzongbiao 微信小程序小程序 普通跳转wx.navigateTo({url:'/pages/xxx/xxx'})返回wx.navigateBack({})wx.navigateBack({delta:0})关闭当前页并跳转wx.redirectTo({url:'pages/xxx/xxx'})切换主菜单wx.switchTab({ url: '../store/index'})小程序跳转wx.navigateToMiniPro vue之MVC与MVVM区别 火红_ vuemvcvue.js前端javascript 、、、、、、、、、、、仅对以前所学做复习记录使用、、、、、、、、、MVC：M-model-模型：数据处理（数据库、接口）V-view-视图：用户界面、页面（HTML编写的）C-control-控制器：编写js业务逻辑例如：从页面view层触发一个按钮获取数据，就会向C控制器层请求自己需要的数据，而C控制器就会向M模型层请求数据，M模型层就会把数据传给C，C再传给V视图层。MVVM：M-model- Vue3学习记录——(1)MVC与MVVM 一只漫步前行的羊 Vue3学习记录vue.js学习mvc 1.传统的MVC模式模型（Model）：数据存储。视图（View）：用户界面。控制器（Controller）：业务逻辑。Model代表数据存储，主要用于实现数据的持久化；View代表用户界面（UI），主要用于实现页面的显示；Controller代表业务逻辑，串联起View和Model1.流行的MVVM模式模型（Model）：数据存储。视图（View）：用户界面。视图模型（ViewModel）：数据 2018-10-25 By丶久绊成影 回顾:DML数据库操纵语言一、使用命令建立数据库或使用鼠标右键新建数据库Createdatabase数据库的名字二、使用命令建表或是右键建表Use数据库Createtable表名(列名数据类型(可以添加主外键的关系或是唯一键(unique))..........);三、插入数据(使用命令)Insertinto表名values(数据1,数据2,......)插入特定列的数据Insertinto表名( word引用及域代码的使用方法 徐赛俊 word 1、word中常见的域代码在Word中，域代码是一种特殊的文本标记，用于执行各种功能，例如自动编号、日期和时间的插入等。由于你提到你正在学习MicrosoftOffice和相关技能，我想分享一些与你的背景相关的常见Word域代码，以便在文档中执行特定的功能。以下是一些常见的域代码示例：日期和时间相关：{DATE}：插入当前日期。{TIME}：插入当前时间。{CREATEDATE}：插入文档创建日期 JAVA程序调用PLSQL里边写的小函数 陶二先生 PLSQLJAVAPLSQL函数 1.首先需要登陆PLSQL。在procedure里边创建函数函数如下：createorreplaceproceduretableCT(sqlStrinvarchar2)is--sqlStr1varchar2(80);begin--sqlStr1:='CREATEtableHPDAPPENDIX.A(anumber)';ExecuteimmediatesqlStr;end;2.在java中写程序调用 Unity3D_Align With View 和Align View to Selected 相关用法 米酒老花生 unity3dunity3dAlignWithView 如果你不知道AlignWithView和AlignViewtoSelected入口在哪看截图1，MoveToView这个用法比较简单，就是把你选中的游戏对象移动到视图的中心点2，AlignWithView这个用法就要把普通游戏对象和Camera分开来说了选中普通的游戏对象：会移动游戏对象，直到游戏对象的中心点和视图的中心点对齐选中Camera：会移动Camera，直到Camera的中心點和視圖的中 using maven and eclipse created a mutiple module project josonchen maven usingmavenandeclipsecreatedamutiplemoduleprojectusingmavenandeclipsecreatedamutiplemoduleproject原文网址：blog.donews.com/skyhero/archive/2006/02/16/728702.aspxMysniscreatedasamutiplemoduleproject.Itisdevi 大学英语III一单元复盘 Anomonight 第一部分精读总结第二部分视听说总结第三部分viewing以及morepracticeinlisteningviewingmorepracticeinlistening第四部分44单词摘录第五部分截图 零基础Opencv学习（二） 随风逐流wrx opencv学习人工智能 图像变换一、边缘检测1：边缘检测Cannycv::MatiamgeCan;cv::Canny(image,iamgeCan,3,9,3);cv::imshow("Canny",iamgeCan);///边缘检测高级用法Canny用法cv::Matdst,edge,gray;dst.create(image.size(),image.type());///图像转灰度图像cv::cvtColor(im 3.2.6 盘古开天地start_kernel aspirestro三水哥 InterruptPipelinelinuxarmIPIPEXenomai 点击查看系列文章=》InterruptPipeline系列文章大纲-CSDN博客3.2内核初始化(盘古开天地)3.2.1内核初始化的神话3.2.2从头(Head)开始3.2.3从头初始化到身体3.2.4宇之内存的空分复用3.2.5宙之CPU的时分复用3.2.6盘古开天地start_kernel3.2.6盘古开天地start_kernel__primary_switched最后义无反顾的跳转到了st Sqlite数据库无法建立第二张表 我就说好玩 数据库sqlite SQLite数据库在建立库的时候，只会调用一次oncreate方法，因此，尽量在项目开始前就确定要用几张表，否则无法中途新添第二、三张表。如果中途想起要新增表，则打开DeviceFileExplore找到data->data->当前项目->找到.db文件，将上级database下的所有文件删除，再重新运行建库即可。 remote couldn‘t create file: Read-only file system （remount failed）解决方法 渔jy 凑数Androidandroid 解决android/system目录中无法写入文件的问题具体报错信息是remotecouldn’tcreatefile:Read-onlyfilesystemSkipping/systemforremountSkipping/system_extforremountSkipping/vendorforremountSkipping/productforremountSkipping/odmforr java web设置首页_java web设置默认首页方法 蓝原光 javaweb设置首页 本文部分来自：https://blog..net/caiwenfeng_for_23/article/details/45486233引文：在构建项目后，我们在使用Tomcat启动后设置默认首页方法有以下几种：1.静态页面在tomcat安装目录下，/conf/web.xml中，添加以下内容：/WEB-INF/views/index.jsp2.动态页面同样是在web.xml中servlet中加入相关 谈个恋爱图啥？这是最好的答案 二叁叁叁 Oct.25灼见（微信号：penetratingview）恋爱或婚姻不幸福的根本，从来不是因为缺少「爱」，而是缺少「交换」。作者|拾遗君来源|拾遗（shiyi201633）01知乎上有一个问题：为什么越来越多的年轻人不想结婚了？点赞很高的几个回答，简而言之就是：「我一个人过得开开心心的，为什么要找一个人给我添堵？」「我一个人过得自由自在的，为什么要找一个人束缚自己？」「我一个人过得舒舒服服的，为什 uniapp使用 uview-plus 底部导航栏(vue3项目) 奔跑的露西 微信小程序uni-appvue.js前端 前提：项目中已引入uview-plus，具体可查看uview-plus官网Tabbar底部导航栏网站：Tabbar底部导航栏|uview-plus3.0-全面兼容nvue的uni-app生态框架-uni-appUI框架✍完整代码地址：front-mini-programe/components/tabbar/tabbar.vue·cheinlu/土拨鼠充电系统-Gitee.com一、先在compo 多线程编程之存钱与取钱 周凡杨 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.