- 博客(32)
- 收藏
- 关注
RSS订阅原创 凯酷键盘KC-84 大写和ctrl 功能调换问题
原因：不明，可能是不小心按到了那个键子解决方案： fn + ctrlPS： win键失灵的话，可以试试fn + win
2019-06-03 13:25:35
4390
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
328
原创 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
996
原创 box-shadow阴影被覆盖问题
阴影元素 添加{ transform: translate3d(0, 0, 0); }或者{ position:relative; z-index:100}
2019-05-08 10:39:21
3451
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
166
原创 PHP搭建简单服务器
1.安装PHP环境2.项目文件夹中，调出命令行工具 --- powerShell2.在vs Code中，调出终端，输入以下命令3.$ php -S 192.168.1.72:8888（自己ip接任意端口号）4.在浏览器中访问以上地址即可。PS:局域网内均可访问...
2019-03-20 09:30:24
578
原创 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
2362
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
410
原创 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
365
原创 关于 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
2538
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
4880
转载 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
2299
原创 input 消除自动记忆功能
在html里就可以直接清除了<input type="text" autocomplete="off">input 的autocomplete属性默认是on：其含义代表是否让浏览器自动记录之前输入的值off：则关闭记录...
2018-12-07 16:41:57
224
原创 ie11以下单击打开不了file，双击可以的问题
把font-size设置为100 PS:太大会遮挡到其他元素，看情况设值：40、50、60等等都可以
2018-12-07 16:40:42
393
转载 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
397
原创 VS Code文本编辑器常用插件
最近在做RN APP项目，正好尝试了一下大火的文本编辑器VS Code，好用的没话说！本文为了记录一下VS Code的插件的安装方法和本人常用插件。插件安装方法如下：点击红框中的图标 显示右侧列表 在列表顶部绿框文本框中输入想安装的插件名 搜到插件后点击插件右下角绿色的安装按钮 稍等下安装完成后，右下角安装按钮变为重新加载，点击重新加载 插件就安装完成，可以使用了 ...
2018-09-08 11:40:08
5679
原创 每日工作准备
最近分别用了windows系统和ios系统做了RN APP项目，总结一下每天早上到公司的准备工作： Mac前提：xCode 、 文本编辑器（VS Code）步骤如下：文本编辑器中打开终端（Ctrl + 丶） 输入 react-native run-ios 启动手机模拟器 另起一个终端 输入 npm start 启动项目 开始编程 Windows前提：Vis...
2018-09-07 16:36:05
130
原创 使用Mac本编程笔记
最近做APP项目第一次使用了ios系统，使用中学到了一些东西，做一下记录： Mac快捷键：Mac中的command键为正常键盘的windows（花旗）键锁屏 ： ctrl + command + Q 显示桌面 ： F11 多屏间切换 ： ctrl + ←/→ 任务缩略图 ：ctrl + ↑VS Code编辑器在ios系统中的快捷键：复制 ：command + C 粘贴...
2018-09-07 16:20:44
756
原创 JS监听页面----无鼠标键盘动作，自动跳页
监听页面鼠标键盘动作，若用户5秒没有任何操作，页面自动跳转function ScreenSaver(settings){ this.settings = settings; this.nTimeout = this.settings.timeout; document.body.scre...
2018-03-07 16:52:22
3364
原创 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
438
原创 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
1946
原创 兼容性问题小总结
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
195
原创 页面滚动条移到左侧
方法很简单，需要用到的就是dir属性 <body dir='ltr'> 意思是：文本方向从左到右! 弊端是：有标点的情况下，标点会移到文字前面。 上面的效果是dir设成rtl的效果。 设成ltr时文字会跑到右侧，需要给文字添加text-align:left;属性让文字左对齐保持原貌。
2017-06-20 10:45:45
5070
原创 关于通过网页查看JS源码中汉字显示乱码的解决方法
开头贴出原文地址 在网页中读取js文件，中文显示正常（比如alert出js文件的中文信息）。但当浏览器查看js文件源代码时，则会看到代码里的中文全是乱码。虽然不影响程序运行，但是在读js文件代码时，会受影响。 前几天在浏览器查看自己写的web代码的时候，发现外联js文件的汉字注释显示为乱码，如下图所示： 这种瑕疵对于有轻微强迫症+代码洁癖的人来说是不可容忍的 本来还以为是js文件没保存U
2017-06-19 15:00:16
8125
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
2604
原创 移动端弹出层后一系列问题总结
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
285
原创 点击联系我们弹出临时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
1387
原创 鼠标移上图片遮罩层的显示隐藏
<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
642
原创 页面导航下拉栏思路
简单布局：<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
239
原创 移动端布局笔记
页面样式：基本代码： 页面有表单：思路：1.切纯背景图放在page1的css中，background:#231c84 url(../images/bg.jpg) no-repeat bottom; 2.切表单部分以上的图（见图片恭喜你部分）放在pageInr的css中，background: url(../ima
2017-06-13 09:39:31
284
原创 大屏幕现场活动页面
思路：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
869
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人