z724130632
z724130632

webapp前端开发软键盘与position:fixed为我们带来的不便

转：http://www.th7.cn/web/html-css/201501/74695.shtml

 

 

前提：我们考虑兼容的环境为Android和Ios两种智能手机

兼容环境测试结果：Android的表现明显好于Ios Ios手机在软键盘呼起收起时存在着很严重的兼容性问题

场景展示：

页面正常状态

webapp前端开发软键盘与position:fixed为我们带来的不便

软键盘弹出时，悬挂元素丢失了指定位置

webapp前端开发软键盘与position:fixed为我们带来的不便

软键盘未通过点击完成而失去焦点时，页面渲染发生崩溃性错乱，手指滑动后页面会恢复正常

webapp前端开发软键盘与position:fixed为我们带来的不便

 

我们再来看市面上比较强势的webapp网站表现

场景展示：

淘宝等阿里旗下webapp网站均选择回避在页面上展示悬挂元素，或者在有悬挂元素时避免产生软键盘弹出事件

webapp前端开发软键盘与position:fixed为我们带来的不便

百度帖子回复采用了页面转场模式，即在当前页面渲染一个与本页面无冲突的新页面，这的确是一个很出色的办法，但是目前我们还没有在页面转场方面的研究和探索

百度贴吧搜索采用了设置固定的滚动区域，但是触屏滑动动作在页面滚动和区域滚动之间的体验很差

webapp前端开发软键盘与position:fixed为我们带来的不便

 

现在我们来看webapp前端开发中，软键盘基本工作原理：输入框聚焦时，软键盘弹出；如输入框在可视界面底部，软键盘弹出将遮挡它时，整个可视界面模块会被软键盘自动推上去，从而保持聚焦的输入框在我们可视范围

从viewport和软键盘的原理上我们无从入手，我们甚至无法发现软键盘弹出事件，无法获取软键盘高度，也无法通过输入框聚焦与否判断软键盘是否弹出，于是只好选择寻找合适该前提条件的兼容方法

 

市面上诞生诸如iscroll等webapp前端开发框架，在html页面上设置固定的滚动区域，并从用户感知体验上优化了触屏滑动动作在页面滚动和区域滚动之间的冲突

它的原理是通过让html页面上的滚动元素与悬挂元素分离，从而避免软键盘弹出时，对悬挂元素产生影响，外在表现是悬挂元素的工作方式不再是试图吸附在可视界面的指定位置，因此因悬挂带来的问题也就消失了

由此可以分析出iscroll解决问题的核心思路是——回避position:fixed产生

 

于是我们最终选择在Ios下使用iscroll开发框架的方案来解决该问题

但是该方案并非就没有自身的问题，如果页面上输入框元素在页面最底部，软键盘唤起时将产生输入框间歇性对焦不工作的问题，导致聚焦元素被唤起的软键盘遮挡

该问题导致用户输入文本内容时的体验将会非常差

场景展示：

软键盘弹出正常时

webapp前端开发软键盘与position:fixed为我们带来的不便

软键盘弹出间歇性不正常时

 

在我们现有技术认知水平情况下，采取的方案是被动妥协的，我们的建议是在产品设计原型上，尽量回避输入框元素出现在页面最底部的场景

 

还有部分Android手机机型、版本、浏览器也不支持position:fixed属性

通过userAgent取得该手机的部分特性，然后与Ios同样处理，后遗症是一般这样的手机比较落后，iscroll开发框架带来的渲染会造成页面滑动时很卡，甚至是抽搐状态

userAgent代码输出示例：

document.write(navigator.userAgent);

 

如今手机端开发的前景上，webapp正在飞速扩张，和naturalapp呈现出并驾齐驱的态势；webapp有着自身不可替代的优势，也有着很多难以克服的弱点，其中之一正是软键盘与position fixed的冲突，该问题的解决势必如同ie6一样将是一个长期探索兼容的过程，也同样需要webview的努力与支持

 

你可能感兴趣的:(position)

  • mysql5.7gtid主从复制_mysql5.7 GTID主从复制 真力 GENELEC
    GTID主从复制简介mysql5.7开始支持两种主从复制:基于传统的binlog和position复制基于GTID复制这里主要介绍GTID复制的配置.有关GTID复制的原理请参考官方文档:GTID原理介绍GTID概述这里主要介绍几点GTID的概念:GTID(globaltransactionidentifieds)全局事务标识GTID是全局唯一性的,每一个事务对应一个GTID一个GTID在服务器上
  • vue axios 下载 获取文件名 filename 后端返回 失眠的咕噜 vue.jsjavascript前端
    constdownloadRow=(row)=>{importConfigApi.downloadTemplate(row.id,'blob').then((res)=>{console.log(res)//letfileName=''letfileName=decodeURI(res.headers['content-disposition'].split(';')[2].split('file
  • . 如何在 Vue 3 中使用组合式 API 进行代码的逻辑复用？ JJCTO袁龙 Vuevue.jsjavascript前端
    如何在Vue3中使用组合式API进行代码的逻辑复用？在Vue3的生态中，组合式API（CompositionAPI）引入了全新的方式来构建组件，使得逻辑复用变得更加简单和灵活。在传统的选项API中，逻辑复用通常依赖于混入（mixins）和高阶组件（HOCs），并且这两者在某种程度上可能导致代码的复杂性及可读性问题。而组合式API通过函数的方式，使得逻辑复用变得更加明确且易于管理。本文将通过示例，带
  • Vue.js 的组合式 API 与状态管理
    随着现代前端开发的不断发展，Vue.js作为一个渐进式JavaScript框架，已经成为开发动态和交互式用户界面的流行选择之一。Vue.js的设计旨在通过简洁的语法和强大的功能来提升开发者的生产力。在Vue3中引入的组合式API（CompositionAPI）及其状态管理功能，为开发者提供了一种灵活且可扩展的方式来构建复杂的应用程序。本文将深入探讨Vue.js的组合式API，并结合状态管理的概念，
  • Vue 3.5 中的 useId：深入解析与应用实践 程序员
    随着Vue3.5的发布，开发者们迎来了许多新特性和改进。其中，useId是一个备受关注的工具函数，它为开发者提供了一种简单而高效的方式来生成唯一的ID。本文将深入解析useId的实现原理、使用场景以及在实际项目中的应用实践。一、什么是useId？useId是Vue3.5中引入的一个CompositionAPI函数，用于生成唯一的ID。它的主要用途是为组件或DOM元素分配唯一的标识符，避免在SSR（
  • Vue.js 的组合式 API 与状态管理
    随着现代前端开发的不断发展，Vue.js作为一个渐进式JavaScript框架，已经成为开发动态和交互式用户界面的流行选择之一。Vue.js的设计旨在通过简洁的语法和强大的功能来提升开发者的生产力。在Vue3中引入的组合式API（CompositionAPI）及其状态管理功能，为开发者提供了一种灵活且可扩展的方式来构建复杂的应用程序。本文将深入探讨Vue.js的组合式API，并结合状态管理的概念，
  • MySQL基于gtid主从复制（一主一从、一主多从、双主一从） 晶核高手 mysqlmysql数据库
    MySQL基于gtid主从复制（一主一从、一主多从、双主一从）MySQL基于gtid主从复制什么是GTID？全局唯一，一个事务对应一个GTID替代传统的binlog+pos复制；使用master_auto_position=1自动匹配GTID断点进行复制MySQL5.6开始支持在传统的主从复制中，slave端不用开启binlog；但是在GTID主从复制中，必须开启binlogslave端在接受ma
  • 页面雪花飘落（html、CSS、JS） 小姐姐呀～ htmlcssjavascript
    *{margin:0;padding:0;}#box{width:100vw;height:100vh;padding:3px;position:absolute;background:black;}(function(){varscreenWidth=screen.availWidth;//获取屏幕宽度varscreenHeight=screen.availHeight;//获取屏幕高度vars
  • SS00023.PBpositions——|Hadoop&PB级离线数仓.v02|——|Griffin.v02|Griffin部署| yanqi_vip 数据库hadoophive大数据hdfs
    一、Griffin编译准备###---软件解压缩[root@hadoop02~]#ls/opt/yanqi/software/griffin-griffin-0.5.0.zip/opt/yanqi/software/griffin-griffin-0.5.0.zip[root@hadoop02~]#cd/opt/yanqi/software/[root@hadoop02software]#unzi
  • __init__() missing 1 required positional argument: 'units' low sapkj
    这是一个代码错误，提示缺少一个必需的位置参数：“单位”。可能是因为没有正确地调用函数或类的实例，并且没有提供必需的参数。请检查代码，确保提供了所有必需的参数，并重新运行代码。
  • TypeError:__init__() missing 1 required positional argument :‘problem‘ 菜鸟猿小江 pythongithubvscodeubuntu
    成功解决TypeError:__init__()missing1requiredpositionalargument:'problem'偶然遇见python报错__init__()missing1requiredpositionalargument：'problem'报错代码：response=p.map(searchParallel,paramList)多方查找检查未发现错误，重装Ubuntu未
  • 前端框架: Vue3组件设计模式 苹果酱0567 面试题汇总与解析课程设计springbootvue.jsjavamysql
    前端框架:Vue3组件设计模式在前端开发中，Vue框架一直受到开发者的喜爱。它不仅易于上手，而且功能丰富，尤其是在Vue3中引入了CompositionAPI和Teleport等新特性，进一步提升了开发体验。在Vue3中，组件设计模式是一个非常重要的话题，良好的组件设计模式可以提高代码的可维护性和可扩展性，本文将深入探讨Vue3组件设计模式的相关内容。一、组件化开发模式组件化概念及优势在前端开发中
  • Vue 3 中的 `setup()` 函数有什么作用？它在组件生命周期中的位置是什么？ chenNorth。 vuevue.jsjavascript前端
    在Vue3中，setup()函数是CompositionAPI的入口点，它在组件实例创建之前被调用，并且是响应式系统的上下文。setup()函数的作用和位置如下：setup()函数的作用响应式状态：在setup()函数中声明的变量会自动被转换为响应式状态，这些状态可以在模板中直接使用。生命周期钩子：setup()函数内部可以访问组件的生命周期钩子，如onMounted、onUpdated和onUn
  • matlab 程序将学生成绩管理的各项操作集成在一个 GUI 界面中，方便用户直观地对学生成绩进行操作和查看统计信息 pk_xz123456 MATLAB算法机器学习matlabjava前端
    functionstudent_grades_gui()%创建图形界面f=figure('Position',[100,100,800,500
  • 基于 Vue 的拖拽缩放卡片组件：实现思路、方法及使用指南 Jiaberrr javascript前端vue.js前端框架
    引言在前端开发中，实现可交互的组件能够极大地提升用户体验。本文将介绍一个基于Vue封装的可缩放卡片组件，从实现思路、代码具体实现以及使用方法等方面进行详细阐述，帮助开发者更好地理解和运用这一组件。项目源码地址：https://gitcode.com/Jiaberrr/vue3-pc-template实现思路定位与布局：通过position:absolute对卡片进行定位，利用left、top、ri
  • CSS布局：Flexbox与Grid的使用与优化
    引言随着前端开发的不断进步，网页布局的需求愈加复杂。传统的布局方法，如浮动（float）和定位（position），虽然曾经是布局的主流方式，但随着CSS的不断发展，现代布局技术如Flexbox和Grid逐渐成为主流。它们通过简化代码、提高可维护性和响应性，帮助开发者更高效地构建布局。本篇文章将专注于Flexbox和Grid布局的使用，探讨它们的优化技巧及应用场景。一、Flexbox布局的使用Fl
  • threejs+html 实现3D地球旋转效果 web网页精选 html3d前端
    html：demo*{padding:0;margin:0;box-sizing:border-box;}#chart_map{position:fixed;top:0;bottom:0;left:0;right:0;/*border:1pxsolidred;*/}//创建场景对象Scenevarscene=newTHREE.Scene();//辅助坐标系参数250表示坐标系大小，可以根据场景大小
  • CSS让div层悬浮在最上方 昨夜今夕 CSS
    效果如下：这里是使得一张div里面的图片悬浮在了地图的上方，css代码如下.tl{width:240px;height:193px;position:absolute;/*这里一定要设置*/z-index:999999;/*这里是该元素与显示屏的距离，据说越大越好，但是我也没有看到效果，因为没有它也是可以的*/margin-top:20%;margin-left:-209px;background
  • css 在div左上角添加类似书签的标记 嗬呜阿花 STYLELISTcss前端html
    效果图html半导体CSS.mark{float:left;margin:06rpx;position:relative;padding:0;width:24px;color:#fff;writing-mode:sideways-rl;text-align:center;}.mark::after{position:absolute;content:"";left:0;top:100%;borde
  • H5定位的一些坑和记录
    1.先用的百度的API(坑巨多):getCurrentPosition()方法百度api文档大概代码如下:letgeolocation=newBMap.Geolocation()geolocation.getCurrentPosition(function(r){if(this.getStatus()==BMAP_STATUS_SUCCESS){//检查position是否是默认值_this.po
  • 深入理解 CSS Flexbox：如何使用弹性布局实现自适应的水平和垂直居中
    在Web开发中，布局一直是CSS的一个重要主题，而水平和垂直居中往往是布局中最常见、最基础的需求。传统的居中方法通常需要使用多层嵌套、position、margin等属性来实现，代码繁琐且不够灵活。而随着CSS弹性布局（Flexbox）的引入，水平和垂直居中变得非常简单、直观，几乎可以适应所有的布局场景。本文将专注于如何使用CSSFlexbox来实现内容的自适应居中，包括水平居中、垂直居中、以及水
  • Oracle 23ai新特性:使用列别名的 GROUP BY 和 HAVING 子句 安呀智数据 Oracleoracle数据库Oracle23ai新特性having列别名groupby
    摘要随着数据库技术的不断发展，SQL语言也在不断进化，以更好地满足数据查询和分析的需求。本文将探讨如何在SQL查询中使用列别名（columnalias）或列位置（columnposition）来简化GROUPBY和HAVING子句，并提高查询的可读性和维护性。一、引言在SQL查询中，GROUPBY子句用于将具有相同值的行分组到汇总行中，而HAVING子句则用于过滤这些分组的结果。传统上，GROUP
  • 在Python中，文本查找和替换的常用操作 python正则表达式
    1.使用字符串方法进行查找和替换Python的字符串类(str)提供了简单的查找和替换方法，如find()、replace()等。示例：text="Hello,world!"#查找子字符串的位置position=text.find("world")print(position)#输出:7#替换子字符串new_text=text.replace("world","Python")print(new_
  • 03-Cesium自定义着色器完整代码以及注释 fxshy 着色器javascript
    1.效果展示2.完整代码自定义着色器完整代码#map{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;}Cesium.Ion.defaultAccessToken='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJhZjZkZDAwZC1mNTFhLTRhO
  • 2021-06-07 Do What You Are Meant To Do 春生阁
    Don’tgiveupontryingtofindbalanceinyourlife.Sticktoyourpriorities.Rememberwhat’smostimportanttoyouanddoeverythingyoucantoputyourselfinapositionwhereyoucanfocusonthosepriorities,ratherthanbeingpulledbyt
  • 滑动窗口+动态规划 wniuniu_ 算法动态规划算法
    前言：分析这个题目的时候，就知道要这两个线段要分开，但是要保证得到最优解，那么我们在选取第二根线段的时候，要保证我们第一根线段是左边最优解并且我们选的两根线段的右端点一定是我们的数组的点（贪心思想）classSolution{public:intmaximizeWin(vector&prizePositions,intk){intn=prizePositions.size();vectormx(n
  • [深入vue3之refs] ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRef等使用与讲解 oumae-kumiko vue前端vue.js前端javascript
    本章涉及的compositionapi：ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRefrefsapi中的重点为：ref、toRefs、shallowRef、customRef，其次是isRef等。ref接受一个内部值并返回一个响应式且可变的ref对象。ref对象仅有一个`.value`property，指向该内部值。如果将对
  • Unity3d俯视视角下，通过点击屏幕获取世界坐标是如何实现的 睡不醒的小泽 Unityunity
    方式一：射线转化在Unity3D中，我们先获取对应游戏画面的摄像机，之后获取屏幕点击位置的世界坐标可以通过使用ScreenPointToRay()函数实现。这个函数将屏幕坐标（在屏幕上的位置，范围从0到屏幕宽度和高度）转换为世界坐标（在世界空间中的位置）。这种方法在rts类游戏和一些3d项目的RPG游戏中比较常见。实现的方法可以概括为：根据Input.mousePosition，从camera射出
  • Mysql 8.0 的主从搭建 一切皆是命，万般不由人 LinuxMySQLmysql数据库服务器
    Mysql8.0的主从搭建上次说到mysql的安装，没有安装好的可以参考这里CentOs7.064mysql8.0安装MYSQL8.0主从搭建Mysql8.0的主从搭建一、为什么需要主从复制？二、什么是mysql的主从复制？三、mysql复制原理四、如何配置？五、配置从服务器登录主服务器的账号授权1.mysql5.0版本设置2.mysql8.0版本设置六、查看主机File和Position的值,并
  • Delta3d 简单的控制物体例子 Sunday Delta3D
    //Inthistutorial,youwillchangethepreviousHelloWorldapplicationto//furtheryourunderstandingofmotionmodels.Previouslyyoulearnedhowtoplacea//camerainasceneandmovethecamerapositionviamouseandkeyboardinput
  • C/C++Win32编程基础详解视频下载 择善Zach 编程C++Win32
    课题视频：C/C++Win32编程基础详解 视频知识：win32窗口的创建                   windows事件机制 主讲：择善Uncle老师 学习交流群：386620625 验证码：625 --
  • Guava Cache使用笔记 bylijinnan javaguavacache
    1.Guava Cache的get/getIfPresent方法当参数为null时会抛空指针异常 我刚开始使用时还以为Guava Cache跟HashMap一样，get(null)返回null。 实际上Guava整体设计思想就是拒绝null的，很多地方都会执行com.google.common.base.Preconditions.checkNotNull的检查。 2.Guava
  • 解决ora-01652无法通过128（在temp表空间中） 0624chenhong oracle
    解决ora-01652无法通过128（在temp表空间中）扩展temp段的过程 一个sql语句后，大约花了10分钟，好不容易有一个结果，但是报了一个ora-01652错误，查阅了oracle的错误代码说明：意思是指temp表空间无法自动扩展temp段。这种问题一般有两种原因：一是临时表空间空间太小，二是不能自动扩展。 分析过程：    既然是temp表空间有问题，那当
  • Struct在jsp标签 不懂事的小屁孩 struct
    非UI标签介绍： 控制类标签： 1：程序流程控制标签   if   elseif    else <s:if test="isUsed"> <span class="label label-success">True</span> </
  • 按对象属性排序 换个号韩国红果果 JavaScript对象排序
    利用JavaScript进行对象排序，根据用户的年龄排序展示 <script> var bob={ name;bob, age:30 } var peter={ name;peter, age:30 } var amy={ name;amy, age:24 } var mike={ name;mike, age:29 } var john={
  • 大数据分析让个性化的客户体验不再遥远 蓝儿唯美 数据分析
    顾客通过多种渠道制造大量数据，企业则热衷于利用这些信息来实现更为个性化的体验。 分析公司Gartner表示，高级分析会成为客户服务的关键，但是大数据分析的采用目前仅局限于不到一成的企业。 挑战在于企业还在努力适应结构化数据，疲于根据自身的客户关系管理（CRM）系统部署有效的分析框架，以及集成不同的内外部信息源。 然而，面对顾客通过数字技术参与而产生的快速变化的信息，企业需要及时作出反应。要想实
  • java笔记4 a-john java
    操作符 1，使用java操作符       操作符接受一个或多个参数，并生成一个新值。参数的形式与普通的方法调用不用，但是效果是相同的。加号和一元的正号（+）、减号和一元的负号（-）、乘号（*）、除号（/）以及赋值号（=）的用法与其他编程语言类似。       操作符作用于操作数，生成一个新值。另外，有些操作符可能会改变操作数自身的
  • 从裸机编程到嵌入式Linux编程思想的转变------分而治之：驱动和应用程序 aijuans 嵌入式学习
        笔者学习嵌入式Linux也有一段时间了，很奇怪的是很多书讲驱动编程方面的知识，也有很多书将ARM9方面的知识，但是从以前51形式的（对寄存器直接操作，初始化芯片的功能模块）编程方法，和思维模式，变换为基于Linux操作系统编程，讲这个思想转变的书几乎没有，让初学者走了很多弯路，撞了很多难墙。     笔者因此写上自己的学习心得，希望能给和我一样转变
  • 在springmvc中解决FastJson循环引用的问题 asialee 循环引用fastjson
              我们先来看一个例子：           package com.elong.bms; import java.io.OutputStream; import java.util.HashMap; import java.util.Map; import co
  • ArrayAdapter和SimpleAdapter技术总结 百合不是茶 androidSimpleAdapterArrayAdapter高级组件基础
    ArrayAdapter比较简单，但它只能用于显示文字。而SimpleAdapter则有很强的扩展性，可以自定义出各种效果   ArrayAdapter;的数据可以是数组或者是队列        // 获得下拉框对象 AutoCompleteTextView textview = (AutoCompleteTextView) this
  • 九封信 bijian1013 人生励志
            有时候，莫名的心情不好，不想和任何人说话，只想一个人静静的发呆。有时候，想一个人躲起来脆弱，不愿别人看到自己的伤口。有时候，走过熟悉的街角，看到熟悉的背影，突然想起一个人的脸。有时候，发现自己一夜之间就长大了。         2014，写给人
  • Linux下安装MySQL Web 管理工具phpMyAdmin sunjing PHPInstallphpMyAdmin
    PHP http://php.net/ phpMyAdmin http://www.phpmyadmin.net Error compiling PHP on CentOS x64   一、安装Apache 请参阅http://billben.iteye.com/admin/blogs/1985244   二、安装依赖包 sudo yum install gd
  • 分布式系统理论 bit1129 分布式
    FLP One famous theory in distributed computing, known as FLP after the authors Fischer, Lynch, and Patterson, proved that in a distributed system with asynchronous communication and process crashes,
  • ssh2整合(spring+struts2+hibernate)-附源码 白糖_ eclipsespringHibernatemysql项目管理
    最近抽空又整理了一套ssh2框架，主要使用的技术如下： spring做容器，管理了三层(dao,service,actioin)的对象 struts2实现与页面交互(MVC)，自己做了一个异常拦截器，能拦截Action层抛出的异常 hibernate与数据库交互 BoneCp数据库连接池，据说比其它数据库连接池快20倍，仅仅是据说 MySql数据库   项目用eclipse
  • treetable bug记录 braveCS table
    // 插入子节点删除再插入时不能正常显示。修改： //不知改后有没有错，先做个备忘 Tree.prototype.removeNode = function(node) { // Recursively remove all descendants of +node+ this.unloadBranch(node); // Remove
  • 编程之美-电话号码对应英语单词 bylijinnan java算法编程之美
    import java.util.Arrays; public class NumberToWord { /** * 编程之美 电话号码对应英语单词 * 题目： * 手机上的拨号盘，每个数字都对应一些字母，比如2对应ABC，3对应DEF.........，8对应TUV，9对应WXYZ， * 要求对一段数字，输出其代表的所有可能的字母组合
  • jquery ajax读书笔记 chengxuyuancsdn jQuery ajax
    1、jsp页面 <%@ page language="java" import="java.util.*" pageEncoding="GBK"%> <% String path = request.getContextPath(); String basePath = request.getScheme()
  • JWFD工作流拓扑结构解析伪码描述算法 comsci 数据结构算法工作活动J#
      对工作流拓扑结构解析感兴趣的朋友可以下载附件，或者下载JWFD的全部代码进行分析   /*  流程图拓扑结构解析伪码描述算法         public java.util.ArrayList DFS(String graphid, String stepid, int j)
  • oracle I/O 从属进程 daizj oracle
    I/O 从属进程 　　I/O从属进程用于为不支持异步I/O的系统或设备模拟异步I/O.例如，磁带设备(相当慢)就不支持异步I/O.通过使用I/O 从属进程，可以让磁带机模仿通常只为磁盘驱动器提供的功能。就好像支持真正的异步I/O 一样，写设备的进程(调用者)会收集大量数据，并交由写入器写出。数据成功地写出时，写入器(此时写入器是I/O 从属进程，而不是操作系统)会通知原来的调用者，调用者则会
  • 高级排序:希尔排序 dieslrae 希尔排序
    public void shellSort(int[] array){ int limit = 1; int temp; int index; while(limit <= array.length/3){ limit = limit * 3 + 1;
  • 初二下学期难记忆单词 dcj3sjt126com englishword
    kitchen 厨房 cupboard 厨柜 salt 盐 sugar 糖 oil 油 fork 叉；餐叉 spoon 匙；调羹 chopsticks 筷子 cabbage 卷心菜；洋白菜 soup 汤 Italian 意大利的   Indian 印度的 workplace  工作场所 even 甚至；更 Italy 意大利 laugh 笑 m
  • Go语言使用MySQL数据库进行增删改查 dcj3sjt126com mysql
    目前Internet上流行的网站构架方式是LAMP，其中的M即MySQL, 作为数据库，MySQL以免费、开源、使用方便为优势成为了很多Web开发的后端数据库存储引擎。MySQL驱动Go中支持MySQL的驱动目前比较多，有如下几种，有些是支持database/sql标准，而有些是采用了自己的实现接口,常用的有如下几种: http://code.google.c...o-mysql-dri
  • git命令 shuizhaosi888 git
    ---------------设置全局用户名： git config --global user.name "HanShuliang" //设置用户名 git config --global user.email "[email protected]" //设置邮箱 ---------------查看环境配置 git config --li
  • qemu-kvm 网络 nat模式 (四) haoningabc kvmqemu
    qemu-ifup-NAT #!/bin/bash BRIDGE=virbr0 NETWORK=192.168.122.0 GATEWAY=192.168.122.1 NETMASK=255.255.255.0 DHCPRANGE=192.168.122.2,192.168.122.254 TFTPROOT= BOOTP= function check_bridge()
  • 不要让未来的你，讨厌现在的自己 jingjing0907 生活 奋斗 工作 梦想
     故事one 　23岁，他大学毕业，放弃了父母安排的稳定工作，独闯京城，在家小公司混个小职位，工作还算顺手，月薪三千，混了混，混走了一年的光阴。　　　　24岁，有了女朋友，从二环12人的集体宿舍搬到香山民居，一间平房，二人世界，爱爱爱。偶然约三朋四友，打扑克搓麻将，日子快乐似神仙；　　　　25岁，出了几次差，调了两次岗，薪水涨了不过百，生猛狂飙的物价让现实血淋淋，无力为心爱银儿购件大牌
  • 枚举类型详解 一路欢笑一路走 enum枚举详解enumsetenumMap
    枚举类型详解 一.Enum详解      1.1枚举类型的介绍   JDK1.5加入了一个全新的类型的”类”—枚举类型，为此JDK1.5引入了一个新的关键字enum,我们可以这样定义一个枚举类型。      Demo:一个最简单的枚举类   public enum ColorType { RED
  • 第11章 动画效果（上） onestopweb 动画
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • Eclipse中jsp、js文件编辑时，卡死现象解决汇总 ljf_home eclipsejsp卡死js卡死
    使用Eclipse编辑jsp、js文件时，经常出现卡死现象，在网上百度了N次，经过N次优化调整后，卡死现象逐步好转，具体那个方法起到作用，不太好讲。将所有用过的方法罗列如下：   1、取消验证 windows–>perferences–>validation 把 除了manual 下面的全部点掉，build下只留 classpath dependency Valida
  • MySQL编程中的6个重要的实用技巧 tomcat_oracle mysql
    每一行命令都是用分号(;)作为结束 对于MySQL，第一件你必须牢记的是它的每一行命令都是用分号(;)作为结束的，但当一行MySQL被插入在PHP代码中时，最好把后面的分号省略掉，例如： mysql_query("INSERT INTO tablename(first_name,last_name)VALUES('$first_name',$last_name')");
  • zoj 3820 Building Fire Stations(二分+bfs) 阿尔萨斯 Build
    题目链接：zoj 3820 Building Fire Stations 题目大意：给定一棵树，选取两个建立加油站，问说所有点距离加油站距离的最大值的最小值是多少，并且任意输出一种建立加油站的方式。 解题思路：二分距离判断，判断函数的复杂度是o(n)，这样的复杂度应该是o(nlogn)，即使常数系数偏大，但是居然跑了4.5s，也是醉了。 判断函数里面做了3次bfs，但是每次bfs节点最多
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他