- 博客(34)
- 收藏
- 关注
RSS订阅
原创 Svelte 3 前排占坑（一）
用svelte当前端写一个blog，后端用sb吧，主要看看svelte的体验感。一、初始化svelte项目npx degit sveltejs/template my-svelte-blogcd my-svelte-blognpm installnpm run dev二、安装svelte preprocess这是一个svelte的预处理模块。npm install -...
2020-04-23 17:32:40
2443
原创 react-native 纪录一下遇到的坑
开发运行之时一、Could not install the app on the device, read the error above for details.Make sure you have an Android emulator running or a device connected and haveset up your Android development e...
2019-04-13 12:06:10
289
原创 react-native打包图片资源的大坑啊
error: uncompiled PNG file passed as argument. Must be compiled first into .flat file..error: failed parsing overlays.解决方法：在gradle.properties文件中添加以下行：android.enableAapt2 = false，它实质上使用旧的aapt来获取资源...
2019-01-09 17:24:43
4260
4
原创 localtunnel内网映射到公网
确保安装node。1、全局安装localtunnel$ npm install -g localtunnel2、使用假设本地服务器端口为8081$ lt --port 8081 生成随机二级域名地址$ lt --subdomain tony --port 8081 或 lt -s tony -p 8081 生成二级域名为tony的地址...
2018-12-07 16:24:28
532
原创 react-native Android端打包Echarts组件展示空白
在node_modules里面找到natives-echarts包下的tpl.html文件，复制到android的assets下面，修改index.js的引用方式。
2018-11-20 17:47:43
526
转载 ElementUi表单rules验证
rules: { name:[{ required: true, message: '请输入用户名', trigger: 'blur' },{ min: 2, max: 5, message: '长度在 2 到 5 个字符' },{ patter...
2018-11-05 15:43:12
4346
2
转载 Vue2 & ElementUI实现管理后台之input获得焦点
在Vue中要给input设置焦点，需要注册自定义指令。Vue.directive('focus', function (el, option) { var defClass = 'el-input', defTag = 'input'; var value = option.value || true; if (typeof value ===...
2018-11-01 12:22:36
2007
原创 dangerouslySetInnerHTML让react展示html数据
return( <div dangerouslySetInnerHTML = {{__html:'<div>大西几</div>'}}></div>)
2018-05-16 18:35:26
2424
1
原创 json变成树形数组
var treeData=[]treeData=toTree(list,0)const toTree=(data,department)=>{ var tree = []; var temp; for (var i = 0; i < data.length; i++) { if (data[i].department == department) { ...
2018-03-26 16:51:58
1213
原创 react的map循环嵌套
var btnType=Object.keys(obj).map((key,i)=>{ var item=obj[key].map((s,index)=>{ return ( {obj[key][index]} ) }) return( {item} ) })
2018-01-14 16:30:10
15871
原创 react addEventListener监听键盘事件实现扫码枪输入
componentDidMount() { var code = ""; var lastTime,nextTime; var lastCode,nextCode; window.addEventListener('keypress',function(e){ nextCode = e.which; nextTime = new Date().
2017-12-24 15:30:27
11168
6
原创 js读取usb扫码枪数据
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable
2017-12-21 15:15:31
15714
3
转载 js Dom转字符串与字符串转Dom
1、dom转字符串 function parseDom(arg) { var objE = document.createElement("div"); objE.innerHTML = arg; return objE.childNodes;}; const dom=parseDom(arg)2、dom转字符串function nodeToString ( node ) {
2017-12-17 15:31:50
11636
原创 文字两端对齐
假如我们有如下HTML：<div>这是一段文字！</div>给它加点样式div{ width:500px; border:1px solid red; text-align: justify;}div:after { content: " "; display: inline-block; width: 100%;}text-align: justify这是
2017-10-26 11:23:20
1459
转载 mobile safari 下overflow:auto的解决方法
这次有个项目需要完全支持ipad，中间还是遇到了不少的问题。今天有个div需要滚动条在ipad的safari下面失效，mobile safari因为多点触摸的缘故取消了局部区域的滚动条（为了防止和默认的拖动行为冲突）。首先排除了是不是本身布局问题造成的，为此建了一个简单的页面进行测试依然失效，google发现还真是有这样的问题，google reader上也是失效的，mobile safari为此需
2017-06-29 17:11:15
1963
原创 window.open自适应父窗口并垂直居中
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><button onclick="btnopen()">点击</button><input type="text" value=""/><script> function btnopen
2017-06-06 11:15:12
821
转载 让textarea的高度自适应
<textarea autoHeight="true>dafsaerw</texttarea>js代码<!--<script>--> <!--$.fn.autoHeight = function(){--> <!--function autoHeight(elem){--> <!--elem.style.height = 'auto';-->
2017-05-02 17:06:50
268
原创 切换开关显示或隐藏密码
html页面<form> <input type="password" placeholder="密码" id="pwd"/></form><div id="div1" class="close1"> <div id="div2" class="close2"></div></div>开关的css样式#div1{ width: 28px; height: 20px
2017-04-28 14:08:55
415
原创 ng排序
<!DOCTYPE html><html lang="en" ng-app="myapp" ng-controller="myCtrl"><head> <meta charset="UTF-8"> <title>Title</title> <style> ul{ list-style: none; width
2017-03-23 15:01:43
288
原创 FileReader多图片上传
<!DOCTYPE HTML><html><head> <meta charset="UTF-8"> <title> 上传多张图片</title> <style type="text/css"> .img-div{ float: left; line-height: 1; margin
2017-03-14 17:19:59
1954
原创 分组全选或全不选
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> ul{ padding: 0; margin: 0; list-style: none; }
2017-03-03 15:40:32
365
转载 Js+Css 制作简易柱状图
fei = { jsimg: {} }fei.jsimg.histogram = function (x, y, data) { this.width = 800; //图片宽度 this.height = 300;
2017-03-02 16:08:13
2655
1
原创 防止按钮在短时间内被多次点击并且倒计时
<!DOCTYPE html><html><head> <title>防止按钮在短时间内被多次点击并且倒计时</title> <script src="js/jquery-1.11.3.js" type="text/javascript"></script></head><body><form> <div> <input type="button"
2017-03-01 11:10:25
2828
1
原创 随便写一个日历
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>日历</title> <link rel="stylesheet" href="css/ca
2017-02-28 17:28:06
531
原创 字体大小（常用单位的区别）
1、em和rem em相对于父元素的，如果父元素没有设置字体大小，则追溯到body。 上面这句话是错的。 em 单位基于使用他们的元素的字体大小。父元素的大小影响em的值，是因为继承。使用em，麻烦大了，以 em 为单位的元素字体大小可能会受到其任何父元素的字体大小影响。rem相对于根元素（html），在body设置是没有用的，改变html字体大小就能改变页面字体的大小。2、
2017-02-14 18:02:07
5246
原创 开发时常引用的文件
1、prefixfree.js 可以帮助我们在使用一些css3属性的时候，添加相关的浏览器特有的前缀属性，不需要在css代码中自己手动添加相关的属性2、可以使用normalize.css重置浏览器样式，根据自己的需要修改，并且normalize.css应该在自己是stylle.css上面，那样如果有冲突的话，写在后面的css设置会覆盖掉写在前面的
2017-02-10 12:03:33
188
原创 IE8支持background-size
下载backgroundsize.min.htc放到文件夹里，原理是创建一个 img 元素插入到容器中，并重新计算宽度、高度、left、top 等值，模拟 background-size 的效果。 然后在样式中只需要这么写上几句就可以了。.main { background: url(images/1.jpg) no-repeat; background-size: cover;
2017-01-12 11:11:21
309
原创 开始常和老ie打交道
我换了一个新的公司，是一家广告公司，对于广告公司来说，页面不需要多复杂，但是要兼容性特别好，并且是响应式布局，因为你不知道你的页面会在多大的屏幕上展示，也不知道是对方使用什么样的浏览器，这几天做了两个页面一个是天气预报，一个是实时新闻。 主要有两个兼容性问题，一个是css3的文字阴影兼容性问题，一个是background-size属性的兼容问题。 然后我们公司主要做一个web版我万能播放器，方便
2017-01-10 23:31:03
370
原创 html5的form属性
表单内容太多,都放在一个form标签里不好布局怎么办? 可以这样<form id="form-order"> <input type="hidden" name="uname"/></form>一开始先写一个表单,给一个id,然后在后面的表单控件里加上form属性指向这个表单<div class="group"> <label>姓名</label> <input type
2016-12-28 15:08:45
348
原创 jQuery鼠标事件
不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。 只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。 mouseout和mouseleave同理 hover是指分别当鼠标指针进入和离开元素时被执行的事件相当于mouseenter+mouseleave mousemove是鼠标移动事件,只要鼠标移动都会触发工作的时候写了一个当页面变小的时候,将页面的固
2016-12-22 15:57:57
314
原创 ie8兼容canvas标签
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> body { text-align: center; } canvas { background: #f0f
2016-12-15 17:57:32
1987
原创 css特效:鼠标滑过图片出现一道闪光效果
.container{ width: 580px; height: 325px; position: relative; } .container:hover:before{ transition: left 2s;//过渡,改变闪光的位置
2016-12-14 15:38:41
4013
原创 关于html5新标签video在老ie上的兼容性
如果浏览器不支持 video ,将会把 video 中的提示内容显示出来,主要思想就是用flash版本的视频,替换掉video标签的内容 400" height="230"> //参数400" height="230">也可以使用html5media.js插件,兼容各种老ie.不过我已经想全面放弃老ie了_(:з」∠)_
2016-12-08 17:06:20
4938
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人