【web前端 在react中使用移动端事件,学习笔记】的更多相关文章

web前端 在react中使用移动端事件,学习笔记

一  移动端事件的使用:           onTouchStartCapture        onTouchStart           onTouchMoveCapture       onTouchMove           onTouchEndCapture          onTouchEnd 有Capture的事件是捕获事件(事件由外向内被触发),没有的是冒泡事件(事件由内向外被触发).     事件绑定:通过这种方式给列表绑定事件,在移动端就可以判断用户触发的是点击屏幕还…

部署web前端的react项目到linux服务器

部署web前端的react项目到linux服务器 项目的目录结构 ``` ├─dlls #dlls编译后的问题 ├─doc #帮助文件入口 │ ├─src │ ├─apps #各个功能模块放在这里 │ │ ├─aftersale #售后模块 │ │ │ └─contractmanage #合同管理 │ │ │ └─component │ │ ├─login │ │ ├─sales │ │ | ├─housequery │ │ | └─reservation │ | ├─action.js #主界…

C#同步，异步的理解，包括5.0中await和async（学习笔记）

之前在工作中一直用的是同步线程,就是先进入画面的load事件,然后在里面进行数据库调用的处理.后面又遇到了公司软件中一些比较古老的代码,一开始在那块古老代码中增加机能的时候,我想用到数据库的数据给画面赋上某些值,然后按照之前的常规方法去弄,发现不可以.询问了前辈,发现是异步的方式解决的.前辈说异步对于用户的感官上是最理想的,后面用同步线程是因为软件比较复杂,而且涉及的数据比较庞大,部分机能如果拿不到前面取得数据,是完全不可以进行下去的,所以用异步解决显得特别繁琐,然后改用了同步线程. 同步:方法…

【从0到1学Web前端】javascript中的ajax对象（一） 分类： JavaScript 2015-06-24 10:18 754人阅读 评论(1) 收藏

现在最流行的获取后端的(浏览器从服务器)数据的方式就是通过Ajax了吧.今天就来详细的来学习下这个知识吧.如果使用ajax来访问后段的数据,浏览器和浏览器端的js做了那些工作呢?我做了一个图,请大家看一下: 1.原生js的Ajax请求的方式 由上面的图我们大致的知道了ajax访问后端数据的一个过程.最重要的就是检测浏览器,创建XMLHttpRequest对象的过程: 代码如下: /* 判断是否支持XMLHttpRequest */ function createXHR() { if (typeo…

[Web 前端] 你不知道的 React Router 4

cp from https://segmentfault.com/a/1190000010718620 几个月前,React Router 4 发布,我能清晰地感觉到来自 Twitter 大家对新版本中其 大量的修改 的不同声音.诚然,我在学习 React Router 4 的第一天,也是非常痛苦的,但是,这并不是因为看它的 API,而是反复思考使用它的模式和策略,因为 V4 的变化确实有点大,V3 的功能它都有,除此之外,还增加了一些特性,我不能直接将使用 V3 的心得直接迁移过来,现在,我必…

web前端页面解决中文传参乱码问题

问题背景:在项目中往往会涉及到前端跳转页面时要传一些参数给下一个页面,如果参数是英文或者数字的时候就很好解决,然而有时候传参会涉及到中文汉字,这个时候再单纯的拼接往往就会导致中文乱码,下面我们就该讨论一下如何解决中文传参乱码的问题. 假设A页面跳转到B页面并且A向B传参,首先在A页面中要调用这个方法:encodeURI("这里是中文参数"); 完整的拼接效果为: window.location.href="B.html?&title="+encodeURI(…

WEB前端html基础中的各类标签介绍

2:html中有很多标签,这里列举十几种标签,有它们的用法及在使用过程中的注意事项!…

web前端之HTML中元素的区分

作为前端人员,我们就是要与各种超文本标记打交道,用到各种不同的标签元素.在使用的时候不知道有没有注意到他们的分类归属?现在就来说一说博主的见解: 目前博主总结了三种分类方法:一是按封闭来划分,一是按显示内容来划分,一是按文档流来划分. 一.按封闭可分为双标签和单标签. 双标签也就是封闭标签,我们经常写的<html></html>.<div></div>等等成对出现的都是双标签,一般也叫标签对儿.单标签不是说不需要封闭,一般单标签里放的都是文本内容,可在第二个…

react中如何获取onclick事件调用元素的dom对象

今天终于有时间写博客了, 前几天项目有个需求,我感觉用dom操作兄弟元素实现比较方便,但是前端用的react框架不能用jquery的$(this)获取当前元素,查了好多资料和尝试后写下总结: 在HTML元素处写法如下: <OverflowMenuItem itemText={locale.modify} onClick={(e) => this.expand(e)} /> 方法处如下: @action expand = (e) => { console.log(e); } 打印结果…

测试开发之前端——No5.HTML5中的表单事件

表单事件 由 HTML 表单内部的动作触发的事件. 适用于所有 HTML 5 元素,不过最常用于表单元素中: 属性 值 描述 onblur script 当元素失去焦点时运行脚本 onchange script 当元素改变时运行脚本 oncontextmenu script 当触发上下文菜单时运行脚本 onfocus script 当元素获得焦点时运行脚本 onformchange script 当表单改变时运行脚本 onforminput script 当表单获得用户输入时运行脚本 oninp…

nodejs服务端开发学习笔记

正在学习中,不断改错... 学习了一段时间nodejs,对其中的很多东西还不是很理解,在网上看过很多的例子,希望通过自己的一些总结让自己了解的更全面些,同时也作为学习笔记留存备忘. 准备工作 nodejs安装 相关资料 powerdesigner数据建模 运行环境 mac10.11.6 webStorm11 node4.2.2 服务端目的 1.数据接收:验证用户提交的数据是否正确. 2.数据验证:存储客户端提交的数据. 3.数据处理:根据用户提交的数据,以表关系方式存入数据库. 4.数据返回:处…

node服务端搭建学习笔记

咳咳,终于迈出这一步了...这篇文章将是边学边写的真正笔记...用于mark下学习过程中的点滴~ 开篇先把我学习参考的文章来源给出,以表示对前人的尊敬: https://github.com/nswbmw/N-blog/wiki/_pages Step01 首先,先安装一堆东西,当然我默认的已经把 node 给装好了,接下来要安装的,是项目开发过程中用到的东东~ 至于下面装的是什么东东,不知道的自己百度去,这种概念性问题不在笔记之列. 全局安装 express install -g expres…

java中有关socket通信的学习笔记

最近做的项目中使用到了一些基于java的socket长连接的一些功能,用来穿透有关行业的网闸.用到了也就学习了一下,下面是对学习内容的一个笔记,记录一下也希望有兴趣的同学可以参考一下,加深对javasocket的理解. 我们知道在java5之前 我们使用的IO是BIO  java5之后是NIO  最新的AIO BIO 是阻塞IO  NIO 是同步非阻塞IO  AIO 是异步非堵塞IO 现在我使用的更多的是NIO,但是我们自己去实现一个NIO做的没有类似的框架给我们做的好,比如MINA NETTY…

服务端 | Nodejs 学习笔记（一）

Node.js 前言: 2009年面世 nodejs.org 官网 https://www.npmjs.com/ 模块社区 github.com 仓库 stackoverflow.com  问答社区 基于chrome浏览器V8引擎.C++语言编写的,本质上是Js的运行环境: 可以解析js代码: 提供系统级别的api: 1.文件的读写 2.进程的管理 3.网络通信 安装: linux 上安装nodejs mac 上安装node: 升级到mac系统到最新: 下载安装 xcode 集成开发环境: xc…

Oracle使用触发器和mysql中使用触发器的比较——学习笔记

一.触发器 1.触发器在数据库里以独立的对象存储, 2.触发器不需要调用,它由一个事件来触发运行 3.触发器不能接收参数 --触发器的应用 举个例子:校内网.开心网.facebook,当你发一个日志,自动通知好友,其实就是在增加日志的时候做一个出发,再向表中写入条目. --触发器的效率很高 举例:论坛的发帖,每插入一个帖子都希望将版面表中的最后发帖时间,帖子总数字段进行同步更新,这时使用触发器效率会很高. 二.Oracle 使用 PL/SQL 编写触发器 1.--PL/SQL创建触发器的一般语法…

Python 中的map和reduce学习笔记

map和reduce都是Python中的内置函数 map函数接受两个参数,第一个参数是函数,第二个参数是列表,将函数依次作用于列表中的元素,并返回一个元素 reduce同样以函数和列表作为参数,区别在于,reduce的函数参数,接收两个参数,为列表参数的元素与之前运算的函数结果.可用于求和等. map和reduce大大减少了代码量,提高了代码的易读性.可根据需求配合python的其他内置函数使用,比如lambda,capitalize等.…

contiki-main.c 中的process系列函数学习笔记 <contiki学习笔记之六>

说明:本文依然依赖于 contiki/platform/native/contiki-main.c 文件. ------------------------------------------------------------------------------------------------------------------------------------- 根据上一个笔记里面添加的printf()语句的打印信息提示,hello world 打印是在执行了 autostart_st…

在多线程中进行UI操作--ios学习笔记

iOS 上不建议在非主线程进行UI操作,在非主线程进行UI操作有很大几率会导致程序崩溃,或者出现预期之外的效果. 我开始不知道这一点,在子线程中进行了弹窗操作,结果程序就出问题了! 报的错误是(EXC_BAD_ACCESS(code=2,address=0xcc),0x1a0ad32: movl 204(%ecx), %edx ),我以为是空指针导致的内存泄露,用了很多方法,但这问题感觉很顽固,困扰了我很多天. 后来有位大牛指点了我,问我是不是在子线程进行这个弹窗操作...直到此时我才明白问题出…

java中的try-catch-finally异常处理（学习笔记）

一.异常概述 异常:Exception,是在运行发生的不正常情况. 原始异常处理: if(条件) { 处理办法1 处理办法2 处理办法3 } if(条件) { 处理办法4 处理办法5 处理办法6 } 代码阅读性差,臃肿不堪,与正常流程代码结合的很紧密,所以,在JAVA中进行一系列的改良,将一系列常见的问题,用面向对象的思考方式,对其进行了描述.封装. class 处理办法 { 处理办法1() { 举例1 } 处理办法2() { 举例2 } } if(出错了) { 抛出 new 处理办法1();此…

python中关于turtle库的学习笔记

一.基础概念 1.画布:画布就是turtle为我们展开用于绘图区域, 我们可以设置它的大小和初始位置.常用的画布方法有两个:screensize()和setup(). (1)turtle.screensize(canvwidth, canvheight, bg):参数分别为画布的宽(单位像素), 高, 背景颜色 如: turtle.screensize(500,1000,'green')   (2)turtle.setup(width, height, startx, starty):width…

Delphi中Chrome Chromium、Cef3学习笔记（四）

原文   http://blog.csdn.net/xtfnpgy/article/details/48155323   一.遍历网页元素并点击JS: 下面代码为找到淘宝宝贝页面,成交记录元素的代码: for(var i=0;i<document.getElementsByTagName("A").length;i++){var a;       var d=document.getElementsByTagName("A")[i];       var s=…

Delphi中Chrome Chromium、Cef3学习笔记（三）

原文   http://blog.csdn.net/xtfnpgy/article/details/46635871   Delphi与JS的交互问题: 一.执行简单的JS 上一篇已经讲过: chrm1.browser.MainFrame.ExecuteJavaScript('alert("abc");','about:blank',0); chrm1.browser.MainFrame.ExecuteJavaScript('function aaa(){alert("abc…

Delphi中Chrome Chromium、Cef3学习笔记（二）

原文   http://blog.csdn.net/xtfnpgy/article/details/46635739   用Tchromium替换webbrowser 用惯了EmbeddedWB,不想换,但是IE内核一直存在内存泄漏问题,没办法,只有寻找替代品了. 要把用习惯的EmbeddedWB换成完全不一样的TChromium,有点挑战,特别是在资料不多,英语没过三级的情况下.未来趋势是这样,只有慢慢啃了. 首先,想到的是跨域,如果不能跨域,就没办法替代手上的成品.TChromium的跨域比…

Delphi中Chrome Chromium、Cef3学习笔记（一）

原文   http://blog.csdn.net/xtfnpgy/article/details/46635225   官方下载地址:https://cefbuilds.com/ CEF简介: 嵌入式Chromium框架(简称CEF) 是一个由Marshall Greenblatt在2008建立的开源项目,它主要目的是开发一个基于Google Chromium的Webbrowser控件.CEF支持一系列的编程语言和操作系统,并且能很容易地整合到新的或已有的工程中去. 它的设计思想政治就是易用且…

jquery中方法扩展 ($.fn & $.extend) 学习笔记

A.$.fn 1.$.fn.method() 函数为jQuery对象扩展一个属性和方法(主要用于扩展方法) :method 为自定义方法名 ($.fn 等效 $.prototype) $.fn.borderSet = function () { this.each(function () { $(this).css("border", "solid pink 2px"); }); return this; }; $.fn.textColor = function (…

lua中的闭包概念的学习笔记

1.闭包的由来: 个人理解,lua中之所以出现闭包的概念,完全是因为lua中允许函数的嵌套定义,并且在内嵌函数中使用了外包函数中定义的局部变量,例如c.c#就不允许函数的嵌套定义(但是允许函数的嵌套调用) 以下是函数嵌套定义的一个例子: function fun1(n) local function fun2() print(n) end return fun2 end fun1叫做fun2的外包函数,fun2叫做fun1的内嵌函数,并且这中内嵌与外包关系是允许传递的.什么意思呢?就是fun1的…

mysql--SQL编程(关于mysql中的日期,关于重叠) 学习笔记2.2

1.日期中的重叠问题建表sessions: CREATE TABLE `sessions` ( `id` ) NOT NULL AUTO_INCREMENT, `app` ) NOT NULL, `usr` ) NOT NULL, `starttime` time NOT NULL, `endtime` time NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB 插入记录: insert into sessions(app,usr,starttime,en…

python中的迭代器和生成器学习笔记总结

生成器就是一个在行为上和迭代器非常类似的对象.   是个对象! 迭代,顾名思意就是不停的代换的意思,迭代是重复反馈过程的活动,其目的通常是为了逼近所需目标或结果.每一次对过程的重复称为一次“迭代”,而每一次迭代得到的结果会作为下一次迭代的初始值. 迭代器就是用于迭代操作(for 循环)的对象.它像列表一样可以迭代获取其中的每一个元素,任何实现了 __next__ 方法(python2 是 next)的对象都可以称为迭代器. 它与列表的区别在于,构建迭代器的时候,不像列表把所有元素一次性加载到内存…

java中的序列化和反序列化学习笔记

须要序列化的Person类: package cn.itcast_07; import java.io.Serializable; /* * NotSerializableException:未序列化异常 * * 类通过实现 java.io.Serializable 接口以启用其序列化功能.未实现此接口的类将无法使其不论什么状态序列化或反序列化. * 该接口竟然没有不论什么方法.相似于这样的没有方法的接口被称为标记接口. * * java.io.InvalidClassException: *…

中移物联网onenet入门学习笔记2：中移物联的通信格式

中移物联网硬件接入协议:LWM2M协议,EDP协议,MQTT协议,HTTP协议,TCP透传,MODBUS协议,JT/T808协议,RCMP协议 8种通信协议的区别在哪? 详细比较 EDP:OneNET平台自己开发的协议,消息类型(用于设备与服务器交互,类型越多即功能越多)多,接收数据时的支持格式多(达到7种).是官方平台力推且功能强大的协议. MQTT:早于OneNET平台就有的协议,消息类型.数据格式与EDP支持的数量相当.OneNET使用的协议似乎与通用的MQTT略有不同,开发文档上说"只介…