工作日记
一位不愿透露姓名的大英俊
9102年最后一个月我复活了,但是我没想好写什么
展开
-
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 · 2435 阅读 · 0 评论 -
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 · 11613 阅读 · 0 评论 -
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 · 15869 阅读 · 0 评论 -
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 · 1211 阅读 · 0 评论 -
dangerouslySetInnerHTML让react展示html数据
return( <div dangerouslySetInnerHTML = {{__html:'<div>大西几</div>'}}></div>)原创 2018-05-16 18:35:26 · 2424 阅读 · 1 评论 -
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 · 2002 阅读 · 0 评论 -
ElementUi表单rules验证
rules: { name:[{ required: true, message: '请输入用户名', trigger: 'blur' },{ min: 2, max: 5, message: '长度在 2 到 5 个字符' },{ patter...转载 2018-11-05 15:43:12 · 4341 阅读 · 2 评论 -
react-native Android端打包Echarts组件展示空白
在node_modules里面找到natives-echarts包下的tpl.html文件,复制到android的assets下面,修改index.js的引用方式。原创 2018-11-20 17:47:43 · 523 阅读 · 0 评论 -
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 · 531 阅读 · 0 评论 -
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 · 4254 阅读 · 4 评论 -
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 · 288 阅读 · 0 评论 -
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 · 11161 阅读 · 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 · 15707 阅读 · 3 评论 -
mobile safari 下overflow:auto的解决方法
这次有个项目需要完全支持ipad,中间还是遇到了不少的问题。今天有个div需要滚动条在ipad的safari下面失效,mobile safari因为多点触摸的缘故取消了局部区域的滚动条(为了防止和默认的拖动行为冲突)。首先排除了是不是本身布局问题造成的,为此建了一个简单的页面进行测试依然失效,google发现还真是有这样的问题,google reader上也是失效的,mobile safari为此需转载 2017-06-29 17:11:15 · 1963 阅读 · 0 评论 -
jQuery鼠标事件
不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。 只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。 mouseout和mouseleave同理 hover是指分别当鼠标指针进入和离开元素时被执行的事件相当于mouseenter+mouseleave mousemove是鼠标移动事件,只要鼠标移动都会触发工作的时候写了一个当页面变小的时候,将页面的固原创 2016-12-22 15:57:57 · 313 阅读 · 0 评论 -
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 · 346 阅读 · 0 评论 -
开始常和老ie打交道
我换了一个新的公司,是一家广告公司,对于广告公司来说,页面不需要多复杂,但是要兼容性特别好,并且是响应式布局,因为你不知道你的页面会在多大的屏幕上展示,也不知道是对方使用什么样的浏览器,这几天做了两个页面一个是天气预报,一个是实时新闻。 主要有两个兼容性问题,一个是css3的文字阴影兼容性问题,一个是background-size属性的兼容问题。 然后我们公司主要做一个web版我万能播放器,方便原创 2017-01-10 23:31:03 · 369 阅读 · 0 评论 -
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 · 308 阅读 · 0 评论 -
关于html5新标签video在老ie上的兼容性
如果浏览器不支持 video ,将会把 video 中的提示内容显示出来,主要思想就是用flash版本的视频,替换掉video标签的内容 400" height="230"> //参数400" height="230">也可以使用html5media.js插件,兼容各种老ie.不过我已经想全面放弃老ie了_(:з」∠)_原创 2016-12-08 17:06:20 · 4937 阅读 · 0 评论 -
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 · 287 阅读 · 0 评论 -
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 阅读 · 0 评论 -
切换开关显示或隐藏密码
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 阅读 · 0 评论 -
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 · 815 阅读 · 0 评论 -
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 · 1985 阅读 · 0 评论