- [总结]CSS/CSS3常用样式与web移动端资源
weixin_30662011
移动开发javascript前端ViewUI
CSS/CSS3常用样式与知识点IE条件注释条件注释简介IE中的条件注释(Conditionalcomments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法。条件注释只能用于IE5以上,IE10以上不支持。如果你安装了多个IE,条件注释将会以最高版本的IE为标准。条件注释的基本结构和HTML的注释()是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略
- CSS/CSS3常用样式与web移动端资源
weixin_33994444
移动开发javascript前端ViewUI
CSS/CSS3常用样式与知识点IE条件注释条件注释简介IE中的条件注释(Conditionalcomments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法。条件注释只能用于IE5以上,IE10以上不支持。如果你安装了多个IE,条件注释将会以最高版本的IE为标准。条件注释的基本结构和HTML的注释()是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略
- web移动端 真机调试(chrome 浏览器)
April_zk
chromeandroid前端
【说明:本人谷歌浏览器版本:98.0.4758.102(正式版本)本人开发工具:微软的Vscode这里】一、首先在你的PC以及移动端(Android)上装载有Chrome浏览器下载谷歌浏览器二、PC的设置Chrom浏览器地址栏中输入以下内容chrome://inspect/#devices你看到的应该是以下页面:(不要着急关闭该页面,连接手机成功后在次会加载出手机相关信息)接下来我们点击Portf
- web移动端常见面试题以及适配兼容问题
小薇同学v
web移动端1、移动端你们一般采用什么布局?移动端设计稿是多大的尺寸?●定宽布局●一般移动端设计稿是640或者750的尺寸2、移动布局自适应不同屏幕的几种方式(1)响应式布局(2)100%布局(弹性布局)(3)等比缩放布局(rem)3、你们做移动端平时在什么浏览器上测试?Chrome,Safari,微信X5,UC,其他手机自带浏览器4、说说移动端是如何调试的?(1)模拟手机调试chrome://i
- Web移动端轻划事件.
LinsterCheng
1:轻划事件其实就是touchstart和touchend两个事件的触发和运用//这里是一些用来测试的默认样式.box{width:200px;height:200px;background-color:blue;margin:100pxauto;}//绑定varbox=document.querySelector(".box");//按下的时间varstartTime;//按下的坐标varsta
- Web移动端优化
方寸拾光
1、使用touchstart代替click由于移动端屏幕的设计,touchstart事件和click事件触发时间之间存在300毫秒的延时,所以在页面中没有实现touchmove滚动处理的情况下,可以使用touchstart事件来代替元素的click事件,加快页面点击的响应速度,提高用户体验。但同时我们也要注意页面重叠元素touch动作的点击穿透问题。//不推荐$('body').on('click
- web移动端安卓和ios兼容问题
程序开发猿
webwebios安卓htmlcss3
1、click300ms延迟fastclick可以解决在手机上点击事件的300ms延迟触摸事件的响应顺序为touchstart-->touchmove-->touchend-->click,也可以通过绑定ontouchstart事件,加快对事件的响应,解决300ms延迟问题若移动设备兼容性正常的话(IE/Firefox/Safari(IOS9.3)及以上),只需加上一个meta标签把viewpor
- SPA在微信浏览器中的兼容问题
屎香味十足
目的:在web移动端项目开发中,经常会遇到各种各样的兼容性问题,但是之前都缺少总结,以前踩的坑可能还会再去踩一遍,所以这边做个总结,让之后来的新同事能够知道、了解我们之前踩的坑,并且之后开发中避免再入坑,提升开发效率;问题:问题一:当使用vue等SPA框架时候,页面跳转时候IOS的微信标题不会改变问题SPA项目路由跳转时候,android手机与pc端通过document.title方法都会改变网页
- Web移动端Fixed布局的解决方案
veb001
indexWeb移动端Fixed布局的解决方案__veblen移动端业务开发,iOS下经常会有fixed元素和输入框(input元素)同时存在的情况。但是fixed元素在有软键盘唤起的情况下,会出现许多莫名其妙的问题。这篇文章里就提供一个简单的有输入框情况下的fixed布局方案。iOS下的Fixed+InputBUG现象让我们先举个栗子,最直观的说明一下这个BUG的现象。常规的fixed布局,可能
- Vue 使用form表单提交问题
木头没有瓜
vuevue.jsjavascriptelementui
背景:公司的项目对接了一家第三方的支付机构,使用云闪付web移动端支付,对方要求form表单提交信息1、一开始,使用接口使用Axios请求设置form格式提交importaxiosfrom"axios";axios.post(success.data.credential.postParamMap,JSON.parse(success.data.credential.postParamMap),{
- web移动端---视口viewport
leeleepro
视口viewport视口viewport:简单点说就是用来预览网页的窗口。又分为以下两大类:pc端视口:就是浏览器的可视区域。移动端视口:当前设备的屏幕区域。一、pc端视口:1.在PC端,浏览器窗口大小会影响HTML大小,进而影响网页布局2.在PC端视口其实就是我们浏览器大小(在PC端,视口可以影响HTML元素大小)二、移动端视口:1.视觉视口visualviewport:眼睛看到的区域大小2.布
- web移动端布局之流式布局
雨中晨星
移动端布局之流式布局meta视口标签,写移动端布局必须加入视口标签:二倍图:在移动端布局中,我们需要一个5050像素(css像素)的图片直接放到我们的iphone8里面会放大2倍100100就会模糊,我们采取的方法是放一个100*100图片然后手动的把这个图片缩小为50*50(css像素),我们准备的图片比我们实际需要的大小大2倍,这就方式就是2倍图img:nth-child(2){width:5
- vue中语音转文字,适配web移动端
Peanutty
Vue前端vue.jsjavascript
在PC端文字转语音可以使用HTML5中的API,SpeechSynthesisUtteranceconstsynth=window.speechSynthesis;constmsg=newSpeechSynthesisUtterance();具体方法不在这里介绍,因为上面的方法在web移动端不起作用在移动端实现文字转语音播放,我使用第三方接口来newAudio()实现,但是需要电脑能连网第三方接口
- Sketch 56 中文版发布 最近原型设计工具
Jackisaluckyboy
最佳产品原型与界面设计软件更新了最新的56版,Sketch56新增了深色模式,类似与macOSMojave一样的黑色界面,同时升级了元素捕捉与对齐功能。Sketch56破解版仅支持macOS系统,没有Windows版本。是最好用的产品设计与界面设计工具,矢量绘图,支持web移动端App的产品设计与界面设计。功能非常强大而且易用,是产品经理和UI设计师必备的一款软件。Sketch56简体中文破解版安
- web移动端常见的适配方案
猫大喵
cssvuecss3前端javascriptcss
1,媒体查询通过css的@media媒体查询设置不同的样式,实现不同屏幕的适配。link元素中的css媒体查询,不同屏幕加载不同的样式文件:css样式表中的媒体查询@mediaonlyscreenand(max-width:414px){html{font-size:64px;}}@mediaonlyscreenand(max-width:375px){html{font-size:58px;}}
- web移动端页面布局PX单位自动转换VW插件
记录学习生活
使用前先安装postcss-px-to-viewportnpminstallpostcss-px-to-viewport--save-dev然后根目录创建js文件命名为:postcss.config.js之后在js中写入:module.exports={plugins:{"autoprefixer":{path:['./src/*']},//"postcss-import":{},"postcss
- Web移动端兼容问题
visitor009
通用-webkit-tap-highlight-color:rgba(0,0,0,0);触摸时颜色cssandroid:android4.4一下的不支持flexbox,需要用旧版flexbox;display:-webkit-box;/*display:flex;*/-webkit-box-pack:center;/*justify-content:center;*/-webkit-box-ali
- React Native转web方案:react-native-web
barnett_y
】
原文地址:github.com/HuJiaoHJ/bl…React源码React16源码之ReactFiber架构从源码看React异常处理从源码看React.PureComponent实践总结web移动端布局的那些事儿ReactNative转web方案:react-native-webReactNativeIcon方案:react-native-svgReactNative异常处理工具开发【No
- 移动端开发的屏幕、图像、字体与布局的兼容适配
不必梵高
前段框架前端前端框架
本文是内部的一次分享沉淀,偏向基础但是涉及了一些有意思的细节,文笔有限,才疏学浅,文中若有不正之处,万望告知。前端的一大工作内容就是去兼容页面在不同内核的浏览器,不同的设备,不同的分辨率下的行为,使页面的能正常工作在各种各样的宿主环境当中。而本文的主题--移动端开发的兼容适配与性能优化,就是希望能从一些常见的移动端开发问题出发,厘清Web移动端开发的前前后后,一些技术的发展过程,一些问题的优化手段
- web移动端REM适配
天气不不错
一、REM适配原理rem是相对单位,rem是相对于HTML标签的字号计算结果,1rem=1HTML字号大小。那在不同尺寸的手机上给html的font-size设置不同的大小以保证所占比例一样来实现适配。列如:在宽度375px的手机上设置font-size为37.5px,在750px的手机上设置font-size为75px,那么给div设置宽度为5rem时都占屏幕宽度的一半。1.通过媒体查询给不同宽
- web移动端开发-flex布局父项常见属性超详解(附图解)
咸鱼柴也有大厂梦
web移动端前端开发语言html5css3html
目录flex布局父项常见属性一、flex-direction1.属性2.演示flex-direction:row;flex-direction:row-reverse;flex-direction:column;flex-direction:column-reverse;二、justify-content1.属性2.演示justify-content:flex-start;justify-cont
- 案例 -- web移动端项目(vue)
tby_37
vueJavaScript前端
开发流程选择手动模式安装vue扩展一路回车就行路由模式每个配置都用单文件设置vant组件库网址:Vant-MobileUIComponentsbuiltonVue安装vant库npmivant-S自动按需引入组件(推荐)npmibabel-plugin-import-D在项目根目录下面有一个babel.config.js文件,在此文件中进行如下操作修改babel.config.js文件后,一定要重
- Less中函数的高级应用,PC、Web移动端适配的良药偏方
多端适配熟悉前端开发的一定会遇到这个问题,屏幕适配!有的项目要求同时适配PC、平板和移动端,那我们应该是写几套不同的样式,还是只写一套呢?哪一种才是最好的?其实没有哪一种最好的,还是得根据项目的需求来定,一般情况下我是推荐只写一套代码,因为这样可以降低开发成本和维护难度。那么就有个问题,一套代码如何去适配不同设备?尺寸该用什么单位?px?em?rem?我想大部分人的实现无非就那几种方案:在页面初始
- web移动端调试工具-Eruda
鲲鹏DP
1、集成npm:npminstalleruda--saveCDNeruda.init();2、使用addthistoyourpageeruda.init();3、exampleeruda.init();onewindow.onload=function(){myAlert();}functionmyAlert(){console.log('dededededededededed');}135FFF
- web移动端开发总结3--抓包工具篇(Charles)
aermin
tips:接下去会在github写博客,不再更新和修改文章,欢迎大家逛逛我的新博客点击查看,我会尽量用更容易理解的方式写好每一篇博客,大家一起学习交流。移动端开发过程中经常使用Charles来抓取接口(得到类似pc的chrome开发者工具的一些功能),方便调试。这边推荐两篇教程教程1:mac环境下使用Charles抓包Https请求链接教程2:抓包并篡改返回数据图文详解(有了这个,调试时你就不用麻
- web优化 - 资料集合
Wenliang
这里四处收集了很多关于web移动端优化的资料和知识点,不定期更新,仅供参考!360奇舞团屈光宇的个人博客移动WEB通用优化策略介绍(一)移动WEB通用优化策略介绍(二)淘宝H5手机端适配方案腾讯ISUX团队滑屏H5开发实践九问百度前端学院这里面有一些不错的资料链接GoogleDeviceMetricsvisualviewport和layoutviewport的区别GeorgeCummins的解释V
- web移动端适配入门
岁月如同马匹
移动端适应中各种名词PPI(每英寸像素)一个表示打印图像或显示器单位面积上像素数量的指数。一般用来计量电脑,电视机和手持电子设备屏幕的精细程度。通常情况下,每英寸像素值越高,屏幕能显示的图像也越精细。它的值为屏幕对角线分辨率/屏幕尺寸。计算公式例如:iphone5的屏幕分辨率为1136x640,屏幕大小为4英寸。可以由下公式计算出他的PPI为326。image.pnglayoutviewport(
- web移动端与Hybird开发知识整理
meta篇1.视窗宽度其中width=device-width是设置视窗宽度为设备视窗宽度,还可以固定宽度,例如:width=640则是640px的宽度(常见于微信);initial-scale=1.0:设置缩放比例为1.0;minimum-scale=1.0和maximum-scale=1.0:最小缩放比例和最大缩放比例;user-scalable=no:禁止用户自由缩放,user-scalab
- web移动端基础事件总结与应用
西西爸de札记
软件研发jsdomcsswebvue
1.触摸事件touchtouchstart手指放在屏幕上触发touchmove手指在屏幕上移动,连续触发touchend手指离开屏幕触发touchcancel当系统停止跟踪时触发,该事件暂时用不到注意:1.移动端只能事件只能通过监听函数添加,不能用on添加2.移动端当中就不要用鼠标的事件3.移动端的事件会触发浏览器的默认行为,所以在调用事件的时候要把默认行为阻止了ev.preventDefault
- 小小Mac:Web移动端适配方案
夜猫硕
一、前言在过去的几年时间里,移动端web野蛮生长,智能机的Android阵营和IOS阵营分庭抗礼,随之产生了多个系统版本(系统版本多样);五花八门的屏幕尺寸、屏幕展示技术(如大名鼎鼎的Retina技术屏)层出不穷(屏幕尺寸、技术多样),还是CSS的W3C标准在各式各样的移动端浏览器上落实得也是七零八落(浏览器兼容多样)。细看下来移动端Web开发工作面临着很多的多样性,可想而知在这样的不确定性下去开
- jquery实现的jsonp掉java后台
知了ing
javajsonpjquery
什么是JSONP?
先说说JSONP是怎么产生的:
其实网上关于JSONP的讲解有很多,但却千篇一律,而且云里雾里,对于很多刚接触的人来讲理解起来有些困难,小可不才,试着用自己的方式来阐释一下这个问题,看看是否有帮助。
1、一个众所周知的问题,Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态网页、web服务、WCF,只要是跨域请求,一律不准;
2、
- Struts2学习笔记
caoyong
struts2
SSH : Spring + Struts2 + Hibernate
三层架构(表示层,业务逻辑层,数据访问层) MVC模式 (Model View Controller)
分层原则:单向依赖,接口耦合
1、Struts2 = Struts + Webwork
2、搭建struts2开发环境
a>、到www.apac
- SpringMVC学习之后台往前台传值方法
满城风雨近重阳
springMVC
springMVC控制器往前台传值的方法有以下几种:
1.ModelAndView
通过往ModelAndView中存放viewName:目标地址和attribute参数来实现传参:
ModelAndView mv=new ModelAndView();
mv.setViewName="success
- WebService存在的必要性?
一炮送你回车库
webservice
做Java的经常在选择Webservice框架上徘徊很久,Axis Xfire Axis2 CXF ,他们只有一个功能,发布HTTP服务然后用XML做数据传输。
是的,他们就做了两个功能,发布一个http服务让客户端或者浏览器连接,接收xml参数并发送xml结果。
当在不同的平台间传输数据时,就需要一个都能解析的数据格式。
但是为什么要使用xml呢?不能使json或者其他通用数据
- js年份下拉框
3213213333332132
java web ee
<div id="divValue">test...</div>测试
//年份
<select id="year"></select>
<script type="text/javascript">
window.onload =
- 简单链式调用的实现技术
归来朝歌
方法调用链式反应编程思想
在编程中,我们可以经常遇到这样一种场景:一个实例不断调用它自身的方法,像一条链条一样进行调用
这样的调用你可能在Ajax中,在页面中添加标签:
$("<p>").append($("<span>").text(list[i].name)).appendTo("#result");
也可能在HQ
- JAVA调用.net 发布的webservice 接口
darkranger
webservice
/**
* @Title: callInvoke
* @Description: TODO(调用接口公共方法)
* @param @param url 地址
* @param @param method 方法
* @param @param pama 参数
* @param @return
* @param @throws BusinessException
- Javascript模糊查找 | 第一章 循环不能不重视。
aijuans
Way
最近受我的朋友委托用js+HTML做一个像手册一样的程序,里面要有可展开的大纲,模糊查找等功能。我这个人说实在的懒,本来是不愿意的,但想起了父亲以前教我要给朋友搞好关系,再加上这也可以巩固自己的js技术,于是就开始开发这个程序,没想到却出了点小问题,我做的查找只能绝对查找。具体的js代码如下:
function search(){
var arr=new Array("my
- 狼和羊,该怎么抉择
atongyeye
工作
狼和羊,该怎么抉择
在做一个链家的小项目,只有我和另外一个同事两个人负责,各负责一部分接口,我的接口写完,并全部测联调试通过。所以工作就剩下一下细枝末节的,工作就轻松很多。每天会帮另一个同事测试一些功能点,协助他完成一些业务型不强的工作。
今天早上到公司没多久,领导就在QQ上给我发信息,让我多协助同事测试,让我积极主动些,有点责任心等等,我听了这话,心里面立马凉半截,首先一个领导轻易说
- 读取android系统的联系人拨号
百合不是茶
androidsqlite数据库内容提供者系统服务的使用
联系人的姓名和号码是保存在不同的表中,不要一下子把号码查询来,我开始就是把姓名和电话同时查询出来的,导致系统非常的慢
关键代码:
1, 使用javabean操作存储读取到的数据
package com.example.bean;
/**
*
* @author Admini
- ORACLE自定义异常
bijian1013
数据库自定义异常
实例:
CREATE OR REPLACE PROCEDURE test_Exception
(
ParameterA IN varchar2,
ParameterB IN varchar2,
ErrorCode OUT varchar2 --返回值,错误编码
)
AS
/*以下是一些变量的定义*/
V1 NUMBER;
V2 nvarc
- 查看端号使用情况
征客丶
windows
一、查看端口
在windows命令行窗口下执行:
>netstat -aon|findstr "8080"
显示结果:
TCP 127.0.0.1:80 0.0.0.0:0 &
- 【Spark二十】运行Spark Streaming的NetworkWordCount实例
bit1129
wordcount
Spark Streaming简介
NetworkWordCount代码
/*
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements. See the NOTICE file distributed with
- Struts2 与 SpringMVC的比较
BlueSkator
struts2spring mvc
1. 机制:spring mvc的入口是servlet,而struts2是filter,这样就导致了二者的机制不同。 2. 性能:spring会稍微比struts快。spring mvc是基于方法的设计,而sturts是基于类,每次发一次请求都会实例一个action,每个action都会被注入属性,而spring基于方法,粒度更细,但要小心把握像在servlet控制数据一样。spring
- Hibernate在更新时,是可以不用session的update方法的(转帖)
BreakingBad
Hibernateupdate
地址:http://blog.csdn.net/plpblue/article/details/9304459
public void synDevNameWithItil()
{Session session = null;Transaction tr = null;try{session = HibernateUtil.getSession();tr = session.beginTran
- 读《研磨设计模式》-代码笔记-观察者模式
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.util.ArrayList;
import java.util.List;
import java.util.Observable;
import java.util.Observer;
/**
* “观
- 重置MySQL密码
chenhbc
mysql重置密码忘记密码
如果你也像我这么健忘,把MySQL的密码搞忘记了,经过下面几个步骤就可以重置了(以Windows为例,Linux/Unix类似):
1、关闭MySQL服务
2、打开CMD,进入MySQL安装目录的bin目录下,以跳过权限检查的方式启动MySQL
mysqld --skip-grant-tables
3、新开一个CMD窗口,进入MySQL
mysql -uroot
 
- 再谈系统论,控制论和信息论
comsci
设计模式生物能源企业应用领域模型
再谈系统论,控制论和信息论
偶然看
- oracle moving window size与 AWR retention period关系
daizj
oracle
转自: http://tomszrp.itpub.net/post/11835/494147
晚上在做11gR1的一个awrrpt报告时,顺便想调整一下AWR snapshot的保留时间,结果遇到了ORA-13541这样的错误.下面是这个问题的发生和解决过程.
SQL> select * from v$version;
BANNER
-------------------
- Python版B树
dieslrae
python
话说以前的树都用java写的,最近发现python有点生疏了,于是用python写了个B树实现,B树在索引领域用得还是蛮多了,如果没记错mysql的默认索引好像就是B树...
首先是数据实体对象,很简单,只存放key,value
class Entity(object):
'''数据实体'''
def __init__(self,key,value)
- C语言冒泡排序
dcj3sjt126com
算法
代码示例:
# include <stdio.h>
//冒泡排序
void sort(int * a, int len)
{
int i, j, t;
for (i=0; i<len-1; i++)
{
for (j=0; j<len-1-i; j++)
{
if (a[j] > a[j+1]) // >表示升序
- 自定义导航栏样式
dcj3sjt126com
自定义
-(void)setupAppAppearance
{
[[UILabel appearance] setFont:[UIFont fontWithName:@"FZLTHK—GBK1-0" size:20]];
[UIButton appearance].titleLabel.font =[UIFont fontWithName:@"FZLTH
- 11.性能优化-优化-JVM参数总结
frank1234
jvm参数性能优化
1.堆
-Xms --初始堆大小
-Xmx --最大堆大小
-Xmn --新生代大小
-Xss --线程栈大小
-XX:PermSize --永久代初始大小
-XX:MaxPermSize --永久代最大值
-XX:SurvivorRatio --新生代和suvivor比例,默认为8
-XX:TargetSurvivorRatio --survivor可使用
- nginx日志分割 for linux
HarborChung
nginxlinux脚本
nginx日志分割 for linux 默认情况下,nginx是不分割访问日志的,久而久之,网站的日志文件将会越来越大,占用空间不说,如果有问题要查看网站的日志的话,庞大的文件也将很难打开,于是便有了下面的脚本 使用方法,先将以下脚本保存为 cutlog.sh,放在/root 目录下,然后给予此脚本执行的权限
复制代码代码如下:
chmo
- Spring4新特性——泛型限定式依赖注入
jinnianshilongnian
springspring4泛型式依赖注入
Spring4新特性——泛型限定式依赖注入
Spring4新特性——核心容器的其他改进
Spring4新特性——Web开发的增强
Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC
Spring4新特性——Groovy Bean定义DSL
Spring4新特性——更好的Java泛型操作API
Spring4新
- centOS安装GCC和G++
liuxihope
centosgcc
Centos支持yum安装,安装软件一般格式为yum install .......,注意安装时要先成为root用户。
按照这个思路,我想安装过程如下:
安装gcc:yum install gcc
安装g++: yum install g++
实际操作过程发现,只能有gcc安装成功,而g++安装失败,提示g++ command not found。上网查了一下,正确安装应该
- 第13章 Ajax进阶(上)
onestopweb
Ajax
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/
- How to determine BusinessObjects service pack and fix pack
blueoxygen
BO
http://bukhantsov.org/2011/08/how-to-determine-businessobjects-service-pack-and-fix-pack/
The table below is helpful. Reference
BOE XI 3.x
12.0.0.
y BOE XI 3.0 12.0.
x.
y BO
- Oracle里的自增字段设置
tomcat_oracle
oracle
大家都知道吧,这很坑,尤其是用惯了mysql里的自增字段设置,结果oracle里面没有的。oh,no 我用的是12c版本的,它有一个新特性,可以这样设置自增序列,在创建表是,把id设置为自增序列
create table t
(
id number generated by default as identity (start with 1 increment b
- Spring Security(01)——初体验
yang_winnie
springSecurity
Spring Security(01)——初体验
博客分类: spring Security
Spring Security入门安全认证
首先我们为Spring Security专门建立一个Spring的配置文件,该文件就专门用来作为Spring Security的配置