- 博客(32)
- 收藏
- 关注
原创 凯酷键盘KC-84 大写和ctrl 功能调换问题
原因:不明,可能是不小心按到了那个键子解决方案: fn + ctrlPS: win键失灵的话,可以试试fn + win
2019-06-03 13:25:35
4485
1
转载 打印html
var newstr = document.getElementById("picOutDiv").innerHTML;//得到需要打印的元素HTML$('body').children().hide();var imgDom = $(newstr);$('body').append(imgDom);$(".pic").offset({top:0,left:0});$(".pic").w...
2019-05-17 15:02:38
351
原创 axios 跨域时,发送 post 请求变 options 的问题
根源在于,我们发出去的请求不是simple request,那么在每次发送请求之前,都会发送一个 options 请求,simple request需要同时满足以下条件(规范可以百度查询):get、post、head 请求类型 不要设置列表之外的 header(如: user-agent) Content-Type 只能是: application/x-www-from-urlenc...
2019-05-17 13:47:52
1050
原创 box-shadow阴影被覆盖问题
阴影元素 添加{ transform: translate3d(0, 0, 0); }或者{ position:relative; z-index:100}
2019-05-08 10:39:21
3513
1
原创 VS Code 自用插件
1.Auto Close Tag ----自动闭合标签2.Auto Rename Tag ---- 自动更改闭合标签文本3.Beautify ---- 代码美化4.Bracket Pair Colorizer ----括号颜色区分5.Chinese (Simplified) Language Pack for Visual Studio Code ----VSCode中文...
2019-04-16 14:47:40
174
原创 PHP搭建简单服务器
1.安装PHP环境2.项目文件夹中,调出命令行工具 --- powerShell2.在vs Code中,调出终端,输入以下命令3.$ php -S 192.168.1.72:8888(自己ip接任意端口号)4.在浏览器中访问以上地址即可。PS:局域网内均可访问...
2019-03-20 09:30:24
606
原创 HTML5 video标签的poster图片如何填充整个标签区域
<video id="video_id" controls="controls" src=""poster="images/poster.jpg"style="object-fit:fill"></video>
2019-02-28 13:21:18
2405
2
原创 WAMP3 修改www目录路径及名称
修改这个部分需要调整两个配置文件:wampmanager.ini wampmanager.tpl这两个文件位于安装目录的根目录路径下记事本打开两个文件wampmanager.ini文件中ctrl+f搜索menu.left找到红框内容修改为想替换的名称及路径ctrl+s保存 wampmanager.tpl文件中同样ctrl+f搜索menu.left...
2018-12-14 11:45:11
425
原创 WAMP3 允许局域网访问及修改根目录方法
允许局域网访问只需要配置 \wamp\bin\apache\apache{version}\conf\extra\httpd-vhosts.confOr左键点击wamp服务图标-> Apache -> httpd-vhost.conf打开配置文件后会显示大概这样的内容## Virtual Hosts# <VirtualHost *:80> ...
2018-12-14 11:21:52
394
原创 关于 document.selection.createRange() 拒绝访问的问题
在网上找了个上传图片的代码,IE8测试报错显示:拒绝访问报错位置见如下代码: //选择图片function change(file) { //预览 var pic = $(file).parent().find(".preview"); //添加按钮 var addImg = $(file).parent().find(".addImg"); //删除按钮 var de...
2018-12-13 09:40:32
2591
6
转载 不同大小的字体底部对齐
不同font-size的字体会出现上下偏差,这是一个蛮令人头疼的问题。特别是中文字体(英文字体不会出现这种问题)。 1 2 3 4 5 6 7 8 9 <style> b { font-size:24px; } span { font-size:50px;...
2018-12-07 17:30:47
5050
转载 input输入框、submit按钮、select等表单元素不对齐的解决方法
今天在做网页的时候发现表单中的input输入框和submit按钮总是对不齐,处于上下错位状态,最终在网上找到解决方法,拿来做个备忘。 1.input和图片按钮对齐: <form> <input type="text"> <input type="image" src="htmer_img.gif" align="absmiddle&q
2018-12-07 16:43:03
2423
原创 input 消除自动记忆功能
在html里就可以直接清除了<input type="text" autocomplete="off">input 的autocomplete属性默认是on:其含义代表是否让浏览器自动记录之前输入的值off:则关闭记录...
2018-12-07 16:41:57
233
原创 ie11以下单击打开不了file,双击可以的问题
把font-size设置为100 PS:太大会遮挡到其他元素,看情况设值:40、50、60等等都可以
2018-12-07 16:40:42
407
转载 new Date()的浏览器兼容性(NAN)问题
1 2 3 4 5 6 var timestart = '2010-05-04'; var timeend = '2015-04-01'; var time1 = (timestart).toString(); console.log(time1); var time2 = (timeend...
2018-12-07 16:38:36
416
原创 VS Code文本编辑器常用插件
最近在做RN APP项目,正好尝试了一下大火的文本编辑器VS Code,好用的没话说!本文为了记录一下VS Code的插件的安装方法和本人常用插件。插件安装方法如下:点击红框中的图标 显示右侧列表 在列表顶部绿框文本框中输入想安装的插件名 搜到插件后点击插件右下角绿色的安装按钮 稍等下安装完成后,右下角安装按钮变为重新加载,点击重新加载 插件就安装完成,可以使用了 ...
2018-09-08 11:40:08
5751
原创 每日工作准备
最近分别用了windows系统和ios系统做了RN APP项目,总结一下每天早上到公司的准备工作: Mac前提:xCode 、 文本编辑器(VS Code)步骤如下:文本编辑器中打开终端(Ctrl + 丶) 输入 react-native run-ios 启动手机模拟器 另起一个终端 输入 npm start 启动项目 开始编程 Windows前提:Vis...
2018-09-07 16:36:05
137
原创 使用Mac本编程笔记
最近做APP项目第一次使用了ios系统,使用中学到了一些东西,做一下记录: Mac快捷键:Mac中的command键为正常键盘的windows(花旗)键锁屏 : ctrl + command + Q 显示桌面 : F11 多屏间切换 : ctrl + ←/→ 任务缩略图 :ctrl + ↑VS Code编辑器在ios系统中的快捷键:复制 :command + C 粘贴...
2018-09-07 16:20:44
768
原创 JS监听页面----无鼠标键盘动作,自动跳页
监听页面鼠标键盘动作,若用户5秒没有任何操作,页面自动跳转function ScreenSaver(settings){ this.settings = settings; this.nTimeout = this.settings.timeout; document.body.scre...
2018-03-07 16:52:22
3402
原创 ionic 微信分享
先添加cordova插件:$ cordova plugin add cordova-plugin-wechat --variable wechatappid=YOUR_WECHAT_APPIDcontrollers.jsapp.controller('DashCtrl', function($scope, $ionicActionSheet, $ionicPopup) { document.a
2017-08-24 16:29:55
446
原创 ionic+极光推送:Error: Variable(s) missing (use: --variable APP_KEY=value).
ionic 在安装极光推送插件 cordova plugin add jpush-phonegap-plugin –variable API_KEY=xxxxxx 时遇到这个报错, 解决方案: cordova plugin add jpush-phonegap-plugin –variable APP_KEY=xxxxxx 换成这个就好了
2017-08-24 16:17:50
1961
原创 兼容性问题小总结
1.透明度问题: 兼容写法 filter:alpha(opacity=100);2.滚动事件scroll: 用$(window).scroll(function(){})document的话ie8不好用3.border-radius问题: ie9以下不支持,需要切背景图4.图片问题: 父级有背景色的图片都要切成png,img{border-style:none;}5.锚点问题: ie8失效
2017-06-29 10:25:19
203
原创 页面滚动条移到左侧
方法很简单,需要用到的就是dir属性 <body dir='ltr'> 意思是:文本方向从左到右! 弊端是:有标点的情况下,标点会移到文字前面。 上面的效果是dir设成rtl的效果。 设成ltr时文字会跑到右侧,需要给文字添加text-align:left;属性让文字左对齐保持原貌。
2017-06-20 10:45:45
5121
原创 关于通过网页查看JS源码中汉字显示乱码的解决方法
开头贴出原文地址 在网页中读取js文件,中文显示正常(比如alert出js文件的中文信息)。但当浏览器查看js文件源代码时,则会看到代码里的中文全是乱码。虽然不影响程序运行,但是在读js文件代码时,会受影响。 前几天在浏览器查看自己写的web代码的时候,发现外联js文件的汉字注释显示为乱码,如下图所示: 这种瑕疵对于有轻微强迫症+代码洁癖的人来说是不可容忍的 本来还以为是js文件没保存U
2017-06-19 15:00:16
8173
1
原创 自定义alert样式
js代码:function alert(msg, url) { if($('.popAlert').length > 0) { // return false; } var maskElm = $('<section />').addClass('popMask').appendTo('body'); var alertElm = $('<sectio
2017-06-13 14:26:34
2632
原创 移动端弹出层后一系列问题总结
iso滚动条滚动慢 解决方案: -webkit-overflow-scrolling: touch;弹出层下层页面滚动 解决方案1: .modal-open{height:100%; overflow:hidden; position:fixed;} js弹出层显示动作中给body,addClass。 弹出层关闭动作中给body,removeClass。 解决方案2: docu
2017-06-13 12:21:24
294
原创 点击联系我们弹出临时QQ对话框
一般企业网站或电商网站都有联系我们的功能。 为了能方便快速联系,提高用户体验,需要点击联系我们按钮就能让用户与商家直接沟通。 这样就需要用到以下代码:<a href="http://wpa.qq.com/msgrd?v=3&uin=商家QQ号(220xxxxxxxx)&Site=&menu=yes">联系我们</a>很简单,只需要引用一个QQ自带接口就可以了。。。 PS:需要商家QQ号在设置中
2017-06-13 11:39:09
1436
原创 鼠标移上图片遮罩层的显示隐藏
<li class="floatL proLink"> <a href=""> <img src="img/index-smallPic1.jpg" alt="" class="proLinkBg"/> </a> <a href="" style="display: none;" class="opacity"> <div class="opa
2017-06-13 11:27:50
666
原创 页面导航下拉栏思路
简单布局:<li class="floatL downList navlist"> <a href="javascript:;" class="navtxt">项目案例</a> <div class="downListCon" style="width: 220px;display: none;"> <div class
2017-06-13 11:14:52
252
原创 移动端布局笔记
页面样式:基本代码: 页面有表单:思路:1.切纯背景图放在page1的css中,background:#231c84 url(../images/bg.jpg) no-repeat bottom; 2.切表单部分以上的图(见图片恭喜你部分)放在pageInr的css中,background: url(../ima
2017-06-13 09:39:31
295
原创 大屏幕现场活动页面
思路:1.脚本:使用下方代码,来进行比例缩放//缩放比例if(/Android (\d+\.\d+)/.test(navigator.userAgent)){ var version = parseFloat(RegExp.$1); if(version>2.3){ var phoneScale = parseInt(window.screen
2017-06-13 09:26:43
884
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人