- vue在ios手机上的一些问题(这次写的h5公众号)和后面补充的小程序问题
摆烂兔
小程序uniappvue营地html5vue.js小程序uni-app
坑一:使用定位fixed,底部导航不显示,代码我就不写,总结就是定位套定位,心累代码太多不想贴;坑二:禁止页面放大缩小,解决:Vue移动端禁止页面放大缩小_fuf_xyxnxss的博客-CSDN博客_移动端禁止放大缩小坑三:移动端h5页面禁止长按选择复制,解决:移动端h5页面禁止长按选择复制_艾欢欢的博客-CSDN博客坑四:苹果手机IOS点击输入框弹出键盘后,所有按钮点击位置上移,解决:苹果手机I
- 解决vue移动端哈希模式页面返回滚动条置顶问题
【03】
vue笔记vue.jsjavascript
问题:如a页面为列表,点击列表进入b页面,再返回a页面,a页面的滚动条置顶了解决思路:使用keep-alive缓存页面,在路由跳转时存储滚动条高度,在页面显示是设置滚动条高度全局js文件GFN.jsexportdefault{/***储存列表滚动条高度*@paramt*/saveScroller:(t)=>{t.scrollY=t.$refs.v_list.scroller.scrollTop},
- Vue PC端框架和Vue移动端UI框架
ONLY&King
vue.jsuijavascript
VuePC端框架和Vue移动端UI框架在学习Vue的过程之中,我发现不管是BAT大厂,还是创业公司,Vue都有着广泛的应用,而且框架层出不穷,学习文档也越来越多,Vue也越来越受欢迎。下面是我整理的VuePC端和移动端的UI框架,建议收藏,方便以后学习的时候拿出来查看。VuePC端框架1.Element中文文档:http://element-cn.eleme.io/#/zh-CNgithub地址:
- Bug 解决 | 组件库报错、或样式丢失不生效
小洪爱分享
BUG解决汇总buganti-design-vue前端后端经验分享笔记
目录一、前言二、版本问题1、使用VantUI的toast组件报错?2、引入VantUI组件库后,toast组件样式丢失了?3、使用AntDesignVue组件库,启动后显示antd.css不存在?4、VantUI组件库引入的tabs组件报错5、VantUI组件的Dialog.componemets失效二、代码问题三、其他问题一、前言我相信很多同学在做项目的时候都会遇到组件库相关的问题,明明用了这个
- 在 Taro 中使用 @antmjs/vantui 的 Popup 组件时,解决点击弹窗内的按钮会穿透到下层的地图 label问题
Nightne
tarojavascript前端
通过阻止事件冒泡的方法解决{e.stopPropagation();//阻止冒泡(小程序语法)console.log('按钮点击');}}>按钮
- vue移动端项目适配
cc_Crt
vue.jsjavascript前端
一、amfe-flexible1.首先把安装amfe-flexiblenpmiamfe-flexible-S2.配置postcss-pxtorempostcss-pxtorem会将px转换为
[email protected].在项目入口文件main.js中引入amfe-flexibleimport'amfe-flexible'4.在根目录的index
- Vue2移动端(H5项目)项目封装switch组件支持动态设置开启关闭背景色、值及组件内显示文字描述、禁用、switch 的宽度
wocwin
VueH5移动端项目vue专栏vue.js移动端switch组件组件内显示文字vantswitch开关组件
前言近期产品需求:Vue2移动端项目需要在switch开关内显示文字,看Vantui没有对应功能,因此自己手撸写了这个组件。一、最终效果二、参数配置1、代码示例:2、配置参数(t-switchAttributes)参数说明类型默认值v-model绑定值boolean/string/number—disabled是否禁用booleanfalsewidthswitch的宽度(像素)number55ac
- 支持ajax的移动webui,Vue移动端项目配合第三方ui库快速搭建开发环境
七月的流浪猫
支持ajax的移动webui
//copycnpminstall--savees6-promisecnpminstall--savebabel-polyfillcnpminstallfastclick-Scnpmilib-flexible-Scnpminstallpx2rem-loader-S-dcnpminstallvuex-Scnpminstallaxios--savecnpminstallstylus--save-dev
- vite.config.ts的配置项(配置别名,全局将css属性单位px转化为vw,引入less,vantUI,打包压缩,代理)
codekjy
cssless前端
import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importlegacyfrom'@vitejs/plugin-legacy'importpostcsspxtoviewportfrom'postcss-px-to-viewport'importstyleImport,{VantResolve}from'vite-plug
- vue移动端适配postcss-px-to-viewport
我是七月
在之前有一种流行已久的移动端适配方案,那就是rem,我想下面这两句代码,有不少老移动端都不会陌生:constdeviceWidth=document.documentElement.clientWidth||document.body.clientWidth;document.querySelector('html').style.fontSize=deviceWidth/7.5+'px';没错,
- vue移动端适配(px转vw)postcss-px-to-viewport配置 安装postcss-px-to-viewport
如饥似渴的人
npminstallpostcss-px-to-viewport//postcss.config.js文件module.exports={plugins:{'postcss-px-to-viewport':{unitToConvert:'px',//需要转换的单位,默认为"px"viewportWidth:375,//视窗的宽度,对应的是我们设计稿的宽度viewportHeight:1334,//
- 微信小程序封装vant 下拉框select 多选组件
IT博客技术分享
微信小程序微信小程序封装下拉框多选组件
老规矩先上效果图:本组件主要由小程序vantui组件,vant小程序ui网址:vant-weapp主要代码如下:先封装子组件:select-checkbox放在components文件夹里面select-checkbox.wxml:取消确定select-checkbox.wxss:/*pages/select-checkbox/select-checkbox.wxss*/.van-cell__va
- vue移动端适配问题
雨后晴阳
以前只知道移动端适配用rem,最近看到了一篇博客发现可以借助amfe-flexible插件在打包的时候将px改为rem,不过前提是ui设计是750*1334博客地址https://blog.csdn.net/weixin_43295397/article/details/82895116
- VUE -- 组件库
煸橙干儿~~
VUE基础vue.js前端javascript
目前较流行的组件库有:PC端:●ElementUI:ElementUI官网(饿了么前端团队开发,有vue2和vue3两种版本)●AntDesign:AntDesign官网(阿里团队开发)●ViewUI:ViewUI官网(也叫ivew)APP端:●Vant:vantUI官网●mint-ui:mint-ui官网(饿了么团队开发)
- vConsole 与 Vue中未定义变量而引发的Maximum call stack size exceeded异常问题
晓风伴月
开发问题#Vue开发问题vue.js前端javascript
一、问题描述前段时间有个前端小伙伴反馈在打包发布正式环境后调用VantUI的组件显示时,显示空白,并且在控制台看到一个Maximumcallstacksizeexceeded(超出最大调用堆栈大小),而本地开发环境正常:vconsole.min.js:10Uncaught(inpromise)RangeError:MaximumcallstacksizeexceededatArray.slice(
- react、vue移动端项目使用技术
崽崽的谷雨
React前端react.jsvue.js前端
前言:现在移动端项目越来越多,h5项目需求量也很大。所以有必要总结一下,h5移动段使用到的技术。一般h5可以在微信、内嵌app(webview)、小程序(webview)等等只要有浏览器环境都能运行。react、vue移动端使用到的技术:一、px2rem插件h5移动端首先需要做到适配各种手机屏幕,所以使用的单位肯定是相对单位。比如:rem原理就是rem是相对单位,给html加个基准值,然后其后代元
- vue移动端提交用户留言信息
冰淇wbq
屏幕快照2018-09-0909.53.38.png{{askData.nickname}}{{Date.format("yyyy-MM-ddhh:mm",askData.create_time*1000)}}问{{askData.title}}-->-->-->-->-->{{commentData}}1">{{commentData}}{{isInit?praiseCount:askData.
- 【记账本实战】03 集成 Vant UI 组件库
凌云(mlinyun)
人人都能做的Vue3记账本实战vue.js前端javascript
集成VantUI组件库目录集成VantUI组件库Vant介绍特性集成VantUI组件库通过npm安装VantUI按需引入组件1.安装插件2.配置插件3.使用组件适配移动端rem单位添加iconfont文字图标库Vant介绍Vant是一个轻量、可定制的移动端组件库,于2017年开源。目前Vant官方提供了Vue2版本、Vue3版本和微信小程序版本,并由社区团队维护React版本和支付宝小程序版本。特
- vue移动端项目中使用postcss-pxtorem进行适配方案
趁着年轻吃点苦
vue.jscss
首先,我们先使用vue-cli创建一个初始化的vue项目。vuecreatehello-world当项目创建好以后,我们在根目录下新建一个vue.config.js,想必大家也都懂这个文件是干什么的。既然是使用postcss-pxtorem对移动端项目进行适配,那肯定先要安装它,于是我们在电脑上敲下这行命令npminstallpostcss-pxtorem-Dpostcss-pxtorem有一个好
- Vue移动端rotate强制横屏
lMoonRed
前端vue.js
强制横屏#screen{position:fixed;width:100%;height:100%;padding:0;margin:0;background-color:rgb(228,180,180);overflow:hidden}@mediascreenand(orientation:portrait){/*竖屏*/#main{position:absolute;width:100vh;h
- vant-ui 使用
kjs--
前端vantvue.js
vant-ui使用记录近期所使用vantui组件的过程使用过程中用到的vant文档https://vant-contrib.gitee.io/vant/#/zh-CN/quickstart#tong-guo-npm-an-zhuang一.vant-ui的团队Vant开源的移动端组件库是由有赞前端团队开发的,于2017年开源。有赞前端团队,几乎所有的微信用户他关注的公众号当中,就会有一个页面是由有赞
- vue3 uniapp + vant ui 实现上传图片后再次点击上传功能
查查茶茶丸
vantUI前端
效果代码起初想用vantui的chooseFile函数来实现重新上传的文件选择,用了之后没起用。。。改为用uni.chooseImage来实现。jsconstuploadImg=ref(null)consthandleReUpdate=()=>{uploadMenu.value=false//uploadImg.value.chooseFile()console.log(uploadList.va
- 计算机毕业设计 | SpringBoot+vue移动端音乐网站 音乐播放器(附源码)
说书客啊
前后端分离源码分享课程设计springboot毕业设计javavueintellijidea后端
1,项目背景随着计算机技术的发展,网络技术对我们生活和工作显得越来越重要,特别是现在信息高度发达的今天,人们对最新信息的需求和发布迫切的需要及时性。为了满足不同人们对网络需求,各种特色,各种主题的网站也在不断增加。为了满足音乐爱好者,明星崇拜者,各种专辑痴迷着的需求,一批以音乐为主题的网站也应运而生。由于以往的静态网页存在单调,维护任务大,缺乏和用户的交互,随着计算机软件知识的推广,动态网页正在走
- vue移动端实现模糊搜索关键字高亮效果
人生的旅行
搜索的关键词变高亮1.使用v-html指令绑定属性2.使用正则3.用正则替换关键字话不多说直接上代码html.pngjs.png效果图效果图.png
- 常用的几款Vue移动端UI推荐
草率小猿
vue前端vue.jsui前端
收录几个常用的移动端UI框架,不定时更新。1.Ionic/IonicFramework官网地址|Github地址AnopensourcemobileUItoolkitforbuildingmodern,highqualitycross-platformmobileappsfromasinglecodebaseinReact.Vue.Angular.一款开源的移动端UI工具包,用于开发现代的、高性能
- 微信小程序mpvue入坑(5)之组件封装---新增源码地址
wocwin
vue小程序组件化mpvue微信小程序vant-weapp组件封装
微信小程序mpvue入坑(1)之技术对比选型微信小程序mpvue入坑(2)之初始化及引入vantUI微信小程序mpvue入坑(3)之Promise封装wx.request及整合Api微信小程序mpvue入坑(4)之vuex使用整体项目结构├──src//源文件|├──api//接口目录||└──apiPath//具体接口地址||└──index.js//接口路径封装│├──components//
- 微信小程序mpvue入坑(1)之技术对比选型——新增源码地址
wocwin
小程序vue微信小程序mpvuevant-weapp
微信小程序mpvue入坑(2)之初始化及引入vantUI微信小程序mpvue入坑(3)之Promise封装wx.request及整合Api微信小程序mpvue入坑(4)之vuex使用微信小程序mpvue入坑(5)之组件封装小程序技术栈对比WepympVue/uni-appTaro原生语法风格类Vue规范Vue规范React规范,支持JSX小程序开发规范多端复用H5、微信、支付宝H5、小程序(uni
- 微信小程序mpvue入坑(3)之Promise封装wx.request及整合Api----新增源码地址
wocwin
vue小程序微信小程序mpvuepromise封装apivant-weapp
微信小程序mpvue入坑(1)之技术对比选型微信小程序mpvue入坑(2)之初始化及引入vantUI微信小程序mpvue入坑(4)之vuex使用微信小程序mpvue入坑(5)之组件封装1、在src下utils新建一个promiseRequest.js文件(用es6-promise封装wx.request)代码如下:importstorefrom'@/store'import{Toast}from'
- 微信小程序mpvue入坑(4)之vuex使用---新增源码地址
wocwin
小程序微信小程序mpvuevuexvant-weapppersistedstate
微信小程序mpvue入坑(4)之vuex使用微信小程序mpvue入坑(1)之技术对比选型微信小程序mpvue入坑(2)之初始化及引入vantUI微信小程序mpvue入坑(3)之Promise封装wx.request及整合Api微信小程序mpvue入坑(5)之组件封装1、首先安装vuexnpminstallvuex-S2、在src下新建一个store文件夹新建index.js文件代码如下import
- vue移动端绑定@click事件失效问题
丶End
vue移动端绑定click事件失效问题原因可能是你使用了better-scroll,默认它会阻止touch事件。所以在配置中需要加上click:true例:mounted(){this.scroll=newBscroll(this.$refs.wrapper,{mouseWheel:true,click:true,tap:true})}
- java观察者模式
3213213333332132
java设计模式游戏观察者模式
观察者模式——顾名思义,就是一个对象观察另一个对象,当被观察的对象发生变化时,观察者也会跟着变化。
在日常中,我们配java环境变量时,设置一个JAVAHOME变量,这就是被观察者,使用了JAVAHOME变量的对象都是观察者,一旦JAVAHOME的路径改动,其他的也会跟着改动。
这样的例子很多,我想用小时候玩的老鹰捉小鸡游戏来简单的描绘观察者模式。
老鹰会变成观察者,母鸡和小鸡是
- TFS RESTful API 模拟上传测试
ronin47
TFS RESTful API 模拟上传测试。
细节参看这里:https://github.com/alibaba/nginx-tfs/blob/master/TFS_RESTful_API.markdown
模拟POST上传一个图片:
curl --data-binary @/opt/tfs.png http
- PHP常用设计模式单例, 工厂, 观察者, 责任链, 装饰, 策略,适配,桥接模式
dcj3sjt126com
设计模式PHP
// 多态, 在JAVA中是这样用的, 其实在PHP当中可以自然消除, 因为参数是动态的, 你传什么过来都可以, 不限制类型, 直接调用类的方法
abstract class Tiger {
public abstract function climb();
}
class XTiger extends Tiger {
public function climb()
- hibernate
171815164
Hibernate
main,save
Configuration conf =new Configuration().configure();
SessionFactory sf=conf.buildSessionFactory();
Session sess=sf.openSession();
Transaction tx=sess.beginTransaction();
News a=new
- Ant实例分析
g21121
ant
下面是一个Ant构建文件的实例,通过这个实例我们可以很清楚的理顺构建一个项目的顺序及依赖关系,从而编写出更加合理的构建文件。
下面是build.xml的代码:
<?xml version="1
- [简单]工作记录_接口返回405原因
53873039oycg
工作
最近调接口时候一直报错,错误信息是:
responseCode:405
responseMsg:Method Not Allowed
接口请求方式Post.
- 关于java.lang.ClassNotFoundException 和 java.lang.NoClassDefFoundError 的区别
程序员是怎么炼成的
真正完成类的加载工作是通过调用 defineClass来实现的;
而启动类的加载过程是通过调用 loadClass来实现的;
就是类加载器分为加载和定义
protected Class<?> findClass(String name) throws ClassNotFoundExcept
- JDBC学习笔记-JDBC详细的操作流程
aijuans
jdbc
所有的JDBC应用程序都具有下面的基本流程: 1、加载数据库驱动并建立到数据库的连接。 2、执行SQL语句。 3、处理结果。 4、从数据库断开连接释放资源。
下面我们就来仔细看一看每一个步骤:
其实按照上面所说每个阶段都可得单独拿出来写成一个独立的类方法文件。共别的应用来调用。
1、加载数据库驱动并建立到数据库的连接:
Html代码
St
- rome创建rss
antonyup_2006
tomcatcmsxmlstrutsOpera
引用
1.RSS标准
RSS标准比较混乱,主要有以下3个系列
RSS 0.9x / 2.0 : RSS技术诞生于1999年的网景公司(Netscape),其发布了一个0.9版本的规范。2001年,RSS技术标准的发展工作被Userland Software公司的戴夫 温那(Dave Winer)所接手。陆续发布了0.9x的系列版本。当W3C小组发布RSS 1.0后,Dave W
- html表格和表单基础
百合不是茶
html表格表单meta锚点
第一次用html来写东西,感觉压力山大,每次看见别人发的都是比较牛逼的 再看看自己什么都还不会,
html是一种标记语言,其实很简单都是固定的格式
_----------------------------------------表格和表单
表格是html的重要组成部分,表格用在body里面的
主要用法如下;
<table>
&
- ibatis如何传入完整的sql语句
bijian1013
javasqlibatis
ibatis如何传入完整的sql语句?进一步说,String str ="select * from test_table",我想把str传入ibatis中执行,是传递整条sql语句。
解决办法:
<
- 精通Oracle10编程SQL(14)开发动态SQL
bijian1013
oracle数据库plsql
/*
*开发动态SQL
*/
--使用EXECUTE IMMEDIATE处理DDL操作
CREATE OR REPLACE PROCEDURE drop_table(table_name varchar2)
is
sql_statement varchar2(100);
begin
sql_statement:='DROP TABLE '||table_name;
- 【Linux命令】Linux工作中常用命令
bit1129
linux命令
不断的总结工作中常用的Linux命令
1.查看端口被哪个进程占用
通过这个命令可以得到占用8085端口的进程号,然后通过ps -ef|grep 进程号得到进程的详细信息
netstat -anp | grep 8085
察看进程ID对应的进程占用的端口号
netstat -anp | grep 进程ID
&
- 优秀网站和文档收集
白糖_
网站
集成 Flex, Spring, Hibernate 构建应用程序
性能测试工具-JMeter
Hmtl5-IOCN网站
Oracle精简版教程网站
鸟哥的linux私房菜
Jetty中文文档
50个jquery必备代码片段
swfobject.js检测flash版本号工具
- angular.extend
boyitech
AngularJSangular.extendAngularJS API
angular.extend 复制src对象中的属性去dst对象中. 支持多个src对象. 如果你不想改变一个对象,你可以把dst设为空对象{}: var object = angular.extend({}, object1, object2). 注意: angular.extend不支持递归复制. 使用方法: angular.extend(dst, src); 参数:
- java-谷歌面试题-设计方便提取中数的数据结构
bylijinnan
java
网上找了一下这道题的解答,但都是提供思路,没有提供具体实现。其中使用大小堆这个思路看似简单,但实现起来要考虑很多。
以下分别用排序数组和大小堆来实现。
使用大小堆:
import java.util.Arrays;
public class MedianInHeap {
/**
* 题目:设计方便提取中数的数据结构
* 设计一个数据结构,其中包含两个函数,1.插
- ajaxFileUpload 针对 ie jquery 1.7+不能使用问题修复版本
Chen.H
ajaxFileUploadie6ie7ie8ie9
jQuery.extend({
handleError: function( s, xhr, status, e ) {
// If a local callback was specified, fire it
if ( s.error ) {
s.error.call( s.context || s, xhr, status, e );
}
- [机器人制造原则]机器人的电池和存储器必须可以替换
comsci
制造
机器人的身体随时随地可能被外来力量所破坏,但是如果机器人的存储器和电池可以更换,那么这个机器人的思维和记忆力就可以保存下来,即使身体受到伤害,在把存储器取下来安装到一个新的身体上之后,原有的性格和能力都可以继续维持.....
另外,如果一
- Oracle Multitable INSERT 的用法
daizj
oracle
转载Oracle笔记-Multitable INSERT 的用法
http://blog.chinaunix.net/uid-8504518-id-3310531.html
一、Insert基础用法
语法:
Insert Into 表名 (字段1,字段2,字段3...)
Values (值1,
- 专访黑客历史学家George Dyson
datamachine
on
20世纪最具威力的两项发明——核弹和计算机出自同一时代、同一群年青人。可是,与大名鼎鼎的曼哈顿计划(第二次世界大战中美国原子弹研究计划)相 比,计算机的起源显得默默无闻。出身计算机世家的历史学家George Dyson在其新书《图灵大教堂》(Turing’s Cathedral)中讲述了阿兰·图灵、约翰·冯·诺依曼等一帮子天才小子创造计算机及预见计算机未来
- 小学6年级英语单词背诵第一课
dcj3sjt126com
englishword
always 总是
rice 水稻,米饭
before 在...之前
live 生活,居住
usual 通常的
early 早的
begin 开始
month 月份
year 年
last 最后的
east 东方的
high 高的
far 远的
window 窗户
world 世界
than 比...更
- 在线IT教育和在线IT高端教育
dcj3sjt126com
教育
codecademy
http://www.codecademy.com codeschool
https://www.codeschool.com teamtreehouse
http://teamtreehouse.com lynda
http://www.lynda.com/ Coursera
https://www.coursera.
- Struts2 xml校验框架所定义的校验文件
蕃薯耀
Struts2 xml校验Struts2 xml校验框架Struts2校验
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年7月11日 15:54:59 星期六
http://fa
- mac下安装rar和unrar命令
hanqunfeng
mac
1.下载:http://www.rarlab.com/download.htm 选择
RAR 5.21 for Mac OS X 2.解压下载后的文件 tar -zxvf rarosx-5.2.1.tar 3.cd rar sudo install -c -o $USER unrar /bin #输入当前用户登录密码 sudo install -c -o $USER rar
- 三种将list转换为map的方法
jackyrong
list
在本文中,介绍三种将list转换为map的方法:
1) 传统方法
假设有某个类如下
class Movie {
private Integer rank;
private String description;
public Movie(Integer rank, String des
- 年轻程序员需要学习的5大经验
lampcy
工作PHP程序员
在过去的7年半时间里,我带过的软件实习生超过一打,也看到过数以百计的学生和毕业生的档案。我发现很多事情他们都需要学习。或许你会说,我说的不就是某种特定的技术、算法、数学,或者其他特定形式的知识吗?没错,这的确是需要学习的,但却并不是最重要的事情。他们需要学习的最重要的东西是“自我规范”。这些规范就是:尽可能地写出最简洁的代码;如果代码后期会因为改动而变得凌乱不堪就得重构;尽量删除没用的代码,并添加
- 评“女孩遭野蛮引产致终身不育 60万赔偿款1分未得”医腐深入骨髓
nannan408
先来看南方网的一则报道:
再正常不过的结婚、生子,对于29岁的郑畅来说,却是一个永远也无法实现的梦想。从2010年到2015年,从24岁到29岁,一张张新旧不一的诊断书记录了她病情的同时,也清晰地记下了她人生的悲哀。
粗暴手术让人发寒
2010年7月,在酒店做服务员的郑畅发现自己怀孕了,可男朋友却联系不上。在没有和家人商量的情况下,她决定堕胎。
12月5日,
- 使用jQuery为input输入框绑定回车键事件 VS 为a标签绑定click事件
Everyday都不同
jspinput回车键绑定clickenter
假设如题所示的事件为同一个,必须先把该js函数抽离出来,该函数定义了监听的处理:
function search() {
//监听函数略......
}
为input框绑定回车事件,当用户在文本框中输入搜索关键字时,按回车键,即可触发search():
//回车绑定
$(".search").keydown(fun
- EXT学习记录
tntxia
ext
1. 准备
(1) 官网:http://www.sencha.com/
里面有源代码和API文档下载。
EXT的域名已经从www.extjs.com改成了www.sencha.com ,但extjs这个域名会自动转到sencha上。
(2)帮助文档:
想要查看EXT的官方文档的话,可以去这里h
- mybatis3的mapper文件报Referenced file contains errors
xingguangsixian
mybatis
最近使用mybatis.3.1.0时无意中碰到一个问题:
The errors below were detected when validating the file "mybatis-3-mapper.dtd" via the file "account-mapper.xml". In most cases these errors can be d