会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
QiuYuLing
life in hand is true!
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
5
下一页
2019年2月13日
前端如何优化代码&前端web安全
摘要: 前端优化代码 1. 减少http请求,将多个js脚本文件和 css样式表合并成一个文件,减少http的请求次数。 2. 减少http请求 多使用字体图标,少用图片,减少对图片文件的请求。 3. 图片精灵的使用,请求一张图片,很多个位置的图片就能被引射到相应的位置。 4. 使用cdn 服务。 5. 将
阅读全文
posted @ 2019-02-13 17:11 QiuYuLing
阅读(719)
评论(0)
推荐(0)
2019年1月21日
React native
摘要: JSX语法 JSX就是Javascript和XML结合的一种格式。React发明了JSX,利用HTML语法来创建虚拟DOM。当遇到 App); //一般在app.js里写的都是顶层路由,在这里可以做一个路由顶层设计,这个app.js是在index.html里面设置的。所以开始就会渲染这个组件 ,其后
阅读全文
posted @ 2019-01-21 16:46 QiuYuLing
阅读(299)
评论(0)
推荐(0)
vue
摘要: vue项目的技术总结 前段时间开启了对vue的学习,做了一个仿照网易云安卓app。 总结写技术点: 0. 这里有一个关于webpack的知识点需要记录,webpack后的项目IE ,360 等低级浏览器是不支持的,可在webpack里安装一个兼容性处理的插件 babel Pllyfill 插件,用来
阅读全文
posted @ 2019-01-21 15:01 QiuYuLing
阅读(302)
评论(0)
推荐(0)
用户输入验证
摘要: 上面的代码思路:获取用户输入的内容后,传到yanzheng这个函数里,在这个函数里面做验证操作,验证方法使用正则和if判断语句。
阅读全文
posted @ 2019-01-21 12:02 QiuYuLing
阅读(385)
评论(0)
推荐(0)
时间戳/日期字符串
摘要: 1. 当前时间换时间戳。 2. 当前时间换日期字符串 var now = new Date(); var yy = now.getFullYear(); //年 var mm = now.getMonth() + 1; //月 var dd = now.getDate(); //日 var hh =
阅读全文
posted @ 2019-01-21 11:56 QiuYuLing
阅读(318)
评论(0)
推荐(0)
混合式app和原生app的区分
摘要: 1. 选择一个你要判断的app,在安卓系统上开启程序。 2. 打开开发者选项 3. 显示布局边界 4. 界面有 有色边框线 的是原生的,没有 有色边框线 是网页加载的。 原生是针对系统开发,例如安卓系统的就需要使用webveiw做界面视图组件,只能运行于Android上,混合式可以使用cordova
阅读全文
posted @ 2019-01-21 11:35 QiuYuLing
阅读(1901)
评论(0)
推荐(0)
js技巧(1)
摘要: 在特定范围内获取一个随机数 ,其中max 和min 是极值 创建一个自执行函数 从数组中获取随机获取一个对象 生成一个随机的数字字母字符串 function generateRandomAlphaNum(len) { var rdmstring = ""; for( ; rdmString.leng
阅读全文
posted @ 2019-01-21 10:50 QiuYuLing
阅读(236)
评论(0)
推荐(0)
2018年12月25日
css实现的鼠标悬浮提示
摘要: css content 的attr 实现 鼠标悬浮 显示 悬浮提示 , content 属性与 :before 及 :after 伪元素配合使用,来插入生成内容。 html: css: data 为自定义属性,如上 自定义 提示 data tooltip ="hello world", 配合 bef
阅读全文
posted @ 2018-12-25 15:22 QiuYuLing
阅读(10596)
评论(0)
推荐(0)
button 元素的css3旋转动画
摘要: html: 利用伪元素 css:
阅读全文
posted @ 2018-12-25 15:20 QiuYuLing
阅读(1334)
评论(0)
推荐(0)
2018年12月17日
图片的动画样式
摘要: .img_div{ / height: 40%; / width: 30rem; max height: 50%; / height:23.5rem; / padding: 4%; margin: 20% auto 0 auto; cursor:pointer; } .img_div:hover{
阅读全文
posted @ 2018-12-17 11:08 QiuYuLing
阅读(160)
评论(0)
推荐(0)
上一页
1
2
3
4
5
下一页
公告