ribbon Compas

jQuery

write less, do more

点击查看api详情
Infinity-Loop

avalon

简单易用迷你的MVVM框架

点击查看api详情
Pensils

CSS

Cascading Stylesheet

css手册
Pensils

API

Application Programming Interface

API中文手册汇总
位移运算符 << >>

2018年8月10日  前端资源   

<<  :  左位移 >>  :  右位移 例如 4<<2 结果 16 解析:4是十进制转化为二进制为100,向左移动两位,二进制变为10000,在转为十进制就是16了   十进制转二进制:       二进制转十进制:      

vue-cli脚手架

2018年8月1日  前端资源   

安装 按照以下顺序执行 npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install -g vue-cli (用npm不行,因为要从谷歌下载) vue init webpack vuetest //在当前目录生成vuetest目录的vue-cli项目 cd vuetest npm install npm run dev 成功后访问:http://localhost:8080/#/     子路由 (类似可以创建admin后台管理) import Adminbig from '@/components/Adminbig' //里面要加上<router-view/> import Admin from '@/components/Admin' import Bb from '@/components/Bb'   编辑:router/index.js export default new Router({ mode:'history', //可以去除url中的#,且可以前进、后退,但是对浏览器的要求高 routes: [ { path: '/admin', ...

数据模拟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 () { //逻辑 }