- 博客(34)
- 收藏
- 关注
RSS订阅转载 简化flex布局，方便记忆
因为flex属性众多，为方便上手，简化一套基本配置，详情查看教程1、容器用display: flex || inline-flex;开启弹性布局，后设置如下（根据实际需求，适当调整）.box { flex-flow: row wrap;//尽量采用简写，这里设置为换行，默认水平不换行 justify-content:space-between;//采用两端对齐...
2018-07-26 15:13:00
225
转载 webpack学习准备篇
1、npm -i 与npm install -s与-d的区别i 是 install 的简写，据说两者有一定区别，用i安装的包不能用npm uninstall卸载（未证实）-d 是 --save-dev存在package.json的devDependencies中-s 是 --save将包的名称及版本号放在dependencies中(新版本已取消-s，不过目前还能用，标准...
2018-07-23 17:05:00
198
转载 mint UI中使用问题
1、messagebox问题描述：当弹框显示时点击浏览器返回按钮，页面跳转上一级页面，但是弹框仍然显示！ 退出登录询问框确认后跳转首页路由，弹框未关闭，诸如之类！问题解决：在全局中导入messagBox对象，然后调用对象的close()方法import { MessageBox } from ‘mint-ui’;router.afterEach(route =>...
2018-07-18 14:20:00
200
转载 vue中的mixins
mixins是一个混合对象数组,混合实例可以包含选项,将在extend将相同的选项合并 var mixin={ data:{mixinData:'我是mixin的data'}, created:function(){ console.log('这是mixin的created'); }, methods:{ get...
2018-07-14 17:44:00
129
转载 前端工程化
由于前不久换了工作，正式进入前端工程化开发，最近几个月的目标就是逐个击破，先从vue入手，实践出真知~主要包括ES6、vue、webpack等一些知识点，打算在博客园分散记录知识点，待时机成熟，集合总结成文发表至思否，目前先定下这个小目标哈，争取10月1号前成文先从vue入手：1、插槽2、组件3、store状态管理4、router路由5、axios6、计算...
2018-07-13 13:59:00
86
转载 CSS基础库构思
CSS 基础库构思转载至https://segmentfault.com/a/1190000003055238（还有很多关于css的好文，有兴趣的可以去看）为什么要做基础库1.假设你要做一个游戏单页面，网页上并不存在表单内容，那么你就要移除一些冗余的代码，开始自定义Normalize.css样式来满足自己的需求。2.假设你要做一份文案策划的网页，包含很多文字排版时，此时N...
2018-06-23 12:05:00
114
转载 免费API接口分享
聚合的免费API接口数据：手机号码归属地API接口：https://www.juhe.cn/docs/api/id/11历史上的今天API接口：https://www.juhe.cn/docs/api/id/63股票数据API接口：https://www.juhe.cn/docs/api/id/21全国WIFI接口：https://www.juhe.cn/docs/api/id/18...
2018-06-22 11:56:00
425
转载 前端最佳实践
最佳实践，最佳实践，最佳实践，重要的事情说三遍，网上看了好多最佳实践总觉得不够，可能是因为合适的才是最佳的，所以自己也来总结一下最佳实践，不妥之处还望走过路过的大牛指正。前端简单说起来就是html、css、js三分天下吧，深的就不说了（此时的我也不懂哈）以下主要从编码规范、兼容问题、性能优化及常用插件等方面进行总结（希望基于相关书籍和工作实践不断完善我自己的最佳实践）HTML篇...
2018-06-07 09:13:00
300
转载 JS性能优化
一、加载和执行 管理浏览器中的 JavaScript 代码是个棘手的问题，因为代码执行过程会阻塞浏览器的其他进程，比如用户界面绘制。每次遇到<script>标签，页面都必须停下来等待代码下载（如果是外链文件）并执行，然后继续处理其他部分。尽管如此，还是有几种方法能减少JavaScript 对性能的影响：</body>闭合标签之前，将所有<s...
2018-05-30 20:31:00
132
转载 requestAnimationFrame
前面的话 与setTimeout和setInterval不同，requestAnimationFrame不需要设置时间间隔。这有什么好处呢？为什么requestAnimationFrame被称为神器呢？本文将详细介绍HTML5新增的定时器requestAnimationFrame转载https://www.cnblogs.com/xiaohuochai/p/5777186.h...
2018-05-08 17:31:00
64
转载 前端开发规范
先贴上W3C的标准规范，然后简化后用于平常工作。1、HTML 标签 自闭合（self-closing）标签，无需闭合 ( 例如：imginputbrhr等 )；可选的闭合标签（closing tag），需闭合 ( 例如：</li>或</body>)；尽量减少标签数量；语义嵌套约束<li>用于<...
2018-05-08 15:54:00
89
转载 jquery 插件 lettering.js
lettering.js（去github下载）是一个功能强大的jquery插件作用：对字母、单词、或者段落进行分割思想：把单词分成一个一个的字母，然后对字母进行效果处理使用：1.首先加载jquery和lettering.js2.对要分的div h1运行函数littering('').参数可以是words，line，默认为空，即为字母分割3.注意div中必须有h1或者s...
2018-04-20 17:00:00
335
转载 css中一些生僻却好用的属性
这里只是总结如题，简述作用及使用方法1、writing-mode兼容性：浅绿 = 支持红色 = 不支持粉色 = 部分支持ValuesIEFirefoxChromeSafariOperaiOS SafariAndroid BrowserAndroid ChromeBasic Support6.0-11.02.0-37...
2018-04-16 17:07:00
140
转载 mui-5+api(plus)加载顺序
ios上plus是一直存在的，不涉及等ready事件。但安卓上还是需要等plus ready。在安卓环境中，通常情况下需要html页面解析完成后才会让5+ API生效，安卓的执行的顺序为：1. 加载html页面,loading2. 解析html页面（解析title节点、下载script/link等节点引用的资源，如js/css文件）3. 触发DOMContentLoaded事件4. 触发...
2018-04-16 10:48:00
259
转载 网易云音乐mp3外链、真实地址下载方法
第一步打开网易云音乐，随便找到一首歌，播放，复制网址的ID，例如：杨钰莹的心雨，网址是：http://music.163.com/#/song?id=317151很明显，ID是317151那么，这首歌的真实地址就是：http://music.163.com/song/media/outer/url?id=317151.mp3这个地址不会失效的；这就得到一个下载...
2018-04-14 17:06:00
1714
转载 移动端a标签的妙用（拨号、短信、邮件等）
在移动端的页面需要调用手机拨打电话、发送短信、邮件等接口，只需直接使用a标签即可！<a href="tel:10086">10086</a> //点击后直接拨打10086 <a href="mailto:c1586@qq.com?subject=TestObject">c6088@qq.com</a>//点击后直接给c...
2018-04-10 10:44:00
198
转载 Android上架mui-app
华为应用市场——华为开发者联盟目前只在华为应用市场上过架，华为应用市场App上架流程一般安卓市场审核还是比较松的，不像ios那么变态，总结几点遇到的注意点：当你需要升级更新版本的时候，可能会遇到“当前选中的应用包版本号过低，请重新选择”明明修改了版本号，甚至很大，为什么会这样？如上图，版本号已经是43了，上传到开发者联盟显示的页是43.0版本，如下：...
2018-04-09 10:24:00
174
转载 ios-app证书配置、打包提交
首先打包ios的ipa包需要准备：1、苹果开发者账号2、提交证书（调试证书）3、.p12文件（秘钥）4、证书描述文件（配置文件）5、已完成的app项目证书生成、配置流程网上一搜一大把就不赘述了，贴一下百度经验主要针对操作过程中各要素，发表一点自己的理解，希望可以帮助刚开始不懂的人更好的理解：1、证书是什么？ 在苹果开发者网站申请的证书，是授权mac设...
2018-04-03 14:22:00
217
转载 前端兼容性问题
HTML 篇样式兼容性问题<!-- IE 按 Edge 模式渲染 --><meta http-equiv="X-UA-Compatible" content="IE=Edge" /><!-- IE 8 9 10 按 IE7 模式渲染 --><meta http-equiv="X-UA-Compatible" content="...
2018-03-29 22:19:00
160
转载 米拓CMS学习总结
MetInfo 采用 PHP + Mysql 架构，是一款对 SEO 非常友好、功能全面、支持可视化编辑、多语言、响应式展示，极其适合企业网站建设的 cms 建站系统。MetInfo 使用帮助手册 关于栏目、后台内容、页面、seo等等常用功能，上述帮助手册都有，以下主要针对我认为一些常用的，关键的进行总结讲解： 模板虽好，解决了大部分重复的工作，但也给个性化造成了困...
2018-03-28 22:20:00
297
转载 学习书写markdown文档
markdown 是什么？同样是标记语言，但它相比HTML更加简单！一是体现在标记符的数量上，二是体现在标记符的书写上。HTML标记符号非常多，并且需要标记内容的开始和结束位置，而markdown只有四个基本的标记符号，只要在开始位置标记即可。markdown 解决什么问题？当我们需要让文档看起来层次分明，但又不依赖于word这样的编辑工具来书写、排版和读取时，markd...
2018-03-27 15:18:00
83
转载 ios-app提交审核问题总结
IOS严格的审核制度，源于“将用户体验做到极致”作为一个开发者，我觉得一次次地被拒绝，很痛苦，但同时是在学习苹果这种“将用户体验做到极致”的精神！总结之前，正好看到一篇关于苹果这种“完美主义”的文章，摘取部分引用过来，辩证的看待问题，让我们痛并快乐着解决审核问题！ 众所周知乔布斯是一个完美主义者，而凡是完美主义者必定会有强迫症，而这个症状就是：“所以的事情必须在我的...
2018-03-26 11:01:00
544
转载 mui混合app请求过程处理（缓存、加载、刷新机制）
一、缓存机制1、为什么要加缓存？场景一：【等待】，在向服务器请求新的数据时。我们让用户看到什么？第一种是漂亮的等待加载页面；第二种是缓存的内容。对于第二种，用户可以对页面进行操作，等待新数据时可以查看旧数据，更具有“可操作性”与“可用性”，从而减轻了从服务器获取数据这一动作的大小和时间长短，增强了用户体验。另一方面，如果内容更新的间隔较长或者用户刷新的间隔较短，在没有...
2018-03-01 22:33:00
549
转载 vue引入assets和static静态资源问题
1、assets文件夹与static文件夹的区别 assets文件是src下的，所以最后运行时需要进行打包，一般用来存放自己用到的静态资源； static文件不需要打包就直接放在最终的文件中了，一般用来存放第三方静态资源。引入静态资源方法：js中用import，css中用@import url(...) ,index.html中用link(script)标签引入。利用...
2018-02-02 22:48:00
800
转载 JS表单验证
以下验证收集于网络，是否过时，请斟酌后使用/** * 判断整数num是否等于0 * * @param num * @return * @author jiqinlin */function isIntEqZero(num){ return num==0;}/** * 判断整数num是否大于0 * ...
2017-12-27 17:35:00
169
转载 mui入门教程
资源索引Dcloud官网：http://dcloud.io/Dcloud问答社区：http://ask.dcloud.net.cn/Dcloud文档汇总地址：http://ask.dcloud.net.cn/docs/Hello mui线上演示地址：http://www.dcloud.io/hellomui......
2017-12-23 16:42:00
355
转载 scroll.js
基于jquery的无缝平滑滚动插件(function($){ $.fn.myScroll = function(options){ //默认配置 var defaults = { speed:40, //滚动速度,值越大速度越慢 rowHeight:24 //每行的高度 }; va...
2017-11-17 22:36:00
218
转载 jQuery.Running.js
jQuery.Running.js (奔跑吧，数字！)是一款可以让数字，柱形图，饼形图跑起来的插件，支持滚动条响应。使用方法加载jQuery.Running.css 样式文件<link rel="stylesheet" href="css/jquery.running.css">调用jQuery类库和jQuery.Running.min.js文件...
2017-11-17 22:16:00
314
转载 CSS 编码技巧
尽量减少代码重复 在软件开发中，保持代码的 DRY 和可维护性是最大的挑战之一，而这句话对 CSS 也是适用的。在实践中，代码可维护性的最大要素是尽量减少改动时要编辑的地方。灵活的 CSS 通常更容易扩展： 在写出基础样式之后，只用极少的代码就可以扩展出不同的变体，因为只需覆盖一些变量就可以了。下面这段 CSS，它给按钮添加了一些效果，这里的属性值都采用了绝对值！pad...
2017-11-10 17:34:00
101
转载 textillate.js
在页面的头部引入jQuery和jquery.textillate.js及一些依赖文件，如下：<link rel="stylesheet" type="text/css" href="css/animate.css"/><script src="js/jquery-2.1.0.js"></script><script src="js...
2017-09-25 16:56:00
125
转载 常用JS（JQ）插件研究
在我们还没有能力编写插件或是酷炫特效的时候，往往会选择使用前辈编写的插件，网上的插件库更是琳琅满目，但是文档甚少，肯定也有优劣之分，因此决定将平时使用过的插件筛选分析后在此记录！1、textillate.js是一款效果炫酷的jQuery和css3文字动画特效库插件，它通过结合其它一些动画库来制作各种CSS3文字动画特效。查看详情2、jQuery.Running.jsj...
2017-09-25 15:15:00
107
转载 CSS颜色大全（转载）
FFFFFF#DDDDDD#AAAAAA#888888#666666#444444#000000#FFB7DD#FF88C2#FF44AA#FF0088#C10066#A20055#8C0044#FFCCCC#FF8888#FF3333#FF0000#CC0000#AA...
2017-08-26 10:17:00
106
转载 React框架学习
开头语：纸上得来终觉浅，绝知此事要躬行！一.组件函数式定义的无状态组件es5原生方式React.createClass定义的组件es6形式的extends React.Component定义的组件 React.Component是以ES6的形式来创建react的组件的，是React目前极为推荐的创建有状态组件的方式，最终会取代React.cre...
2017-08-13 12:40:00
84
转载 不同浏览器中空格符的兼容问题
刚开始学习前端的时候，遇到空格符在不同浏览器中不等宽的问题自然不以为然，因为我只在一个浏览器下查看！随着自身的提高，也就更能看清楚问题的存在。有一次，在制作一个注册登录界面的时候，这种参差不齐的表现实在让人忍无可忍。通过查阅资料及各位前辈的见解，总结如下：1、在空格那一行设置一下字体，把字体设置成任意一种字符等间距的字体，如‘’宋体‘’。 由于不同的浏览器会有不同的默认...
2017-06-22 22:46:00
214
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人