ribbon Compas

jQuery

write less, do more

点击查看api详情
Infinity-Loop

avalon

简单易用迷你的MVVM框架

点击查看api详情
Pensils

CSS

Cascading Stylesheet

css手册
Pensils

API

Application Programming Interface

API中文手册汇总
数据模拟mock.js

2018年7月23日  前端资源   

模拟数据 mock,为前后端分离,提前准备数据,不必要等待后台提供数据。但是前提是要约定好数据结构。   浏览器引入: <script src="https://cdn.bootcss.com/Mock.js/0.1.11/mock-min.js"></script>   node.js后台引入: //安装 npm install mockjs --save-dev // 使用 Mock var Mock = require('mockjs') var data = Mock.mock({ 'list|1-10': [{ //在数组list里随机生成1到10条数据 'id|+1': 1 //id属性递增加1 }] }) // 输出结果 console.log(JSON.stringify(data, null, 4))     在node.js后台可以拦截并模拟接口: import Mock from 'mockjs' . . . var data = Mock.mock('/home',{ 'list|1-10': [{ 'id|+1': 1 }] }); Vu...

mysql数据库存储过程

2018年7月19日  php学习,网络安全   

优化: 1,将一些业务逻辑放在数据库里判断,执行效率快。 2,程序语言的移植也方便。例如php转java,等等。 3,避免sql注入的破坏。     缺点: 1,给服务器造成压力 2,过多业务逻辑放在数据库里判断,不好维护,修改也不方便。往往都要删除了在重新声明存储过程。 3,换数据库之后,存储过程的逻辑要重写。 4,不好调试     在创建mysql存储过程之前,要先聊一些基础,不然后面学习会痛苦: DELIMITER // 要先输入,说明以下代码是存储过程 CEATE PROCEDURE demo_in_parameter(IN p_in int) 声明存储过程名为demo_in_parameter,参数名p_in,输入参数,整数类型 IN //接收外来值,外来值不会变。在存储过程中改变的值不会去修改全局环境的值 (最好看例子) OUT //不接收外来值,但可以直...

a标签模拟button的disable属性

2018年7月17日  前端资源   

在一些业务逻辑中button的disable属性有时候挺好使用,但我们希望a标签也有这样的功能。 html: <a id="aa" data-disable="false" onclick="(!$(this).data('disable')) && this_click()">xx</a> true:禁用   js: window.this_click=function () { //逻辑 }  

传统服务端渲染 vs 前后端分离渲染

2018年7月16日  前端资源   

首屏 seo 前后端分离 seo 白屏 闪屏 服务端渲染(吐) 服务端在返回 html 之前,在特定的区域,符号里用数据填充,再给客户端,客户端只负责解析 HTML 。     客户端渲染(填) html 仅仅作为静态文件,客户端端在请求时,服务端不做任何处理,直接以原文件的形式返回给客户端客户端,然后根据 html 上的 JavaScript,生成 DOM 插入 html。     异同 1,渲染本质一样,都是字符串拼接,将数据渲染进一些固定格式的html代码中形成最终的html展示在用户页面上。 2,拼接字符串必然引起性能的消耗。 服务端渲染性能消耗在服务端,当用户量比较多时,缓存部分数据以避免过多数据重复渲染。 客户端渲染,如当下火热的 spa 框架,Angular、React、Vue,在首次渲染时,大多是将原 html 中的数据标记(...

浏览器版本过低提示

2018年7月11日  前端资源   

js css 判断 ie 浏览器 版本过低   <!--[if lte IE 9]> <!--包括ie9以及ie9以下浏览器会提示--> <div class="browsertip" id="browsertip"> <i class="ico-warn"></i> 您系统上的IE版本过低,可能会导致某些功能无法正常使用,<a href="http://dl.pconline.com.cn/sort/104.html" target="_blank" title="去升级">去升级IE</a> </div> <![endif]--> <!--[if lt IE 9]> <!--ie9以下浏览器会提示不包括ie9--> <div class="browsertip" id="browsertip"> <i class="ico-warn"></i> 您系统上的IE版本过低,可能会导致某些功能无法正常使用,<a href="http://dl.pconline.com.cn/sort/104.html" target="_blan...