随笔分类 - 前端技术
js,jq,vue,angularjs,knockoutjs,reactjs等
摘要：jquery发起ajax请求到后端接口，后端向前端返回数据，当然也存在后端接口直接重定向（302）到其它接口，然后再向前端返回数据，当然这种情况需要考虑跨域问题。 前端代码 //测试一下http status $.ajax({ type: "get", url: "/redirect", statu
阅读全文
摘要：键值对主要是面向对象语言里的字典，或者叫哈希表，它通过键(key)可以直接访问到值(value)，所以它查找的时间复杂度是O(1)，即一次查找即可找到目标；在.net里有Dictionary，而在java里有HashMap等结构来实现，而在NoSQL里也有redis为代表的键值存储数据库；而在js里
阅读全文
摘要：我们在进行vue开发时会将公共的部分进行抽象，然后生成一个独立的组件，这个组件可以被其它页面引用，如果希望有交互的动作就设计到了值的传递，或者方法的回调等问题，这一次我们主要来说一下父组件和子组件的交互。 值的传递 子组件，通过定义了prods，然后可以实现从父组件向子组件的传递： <templat
阅读全文
摘要：mac上安装vue 1. 安装homebrew（是Mac OS x下的软件包管理工具，可以安装，卸载，更新，查看，搜索等功能） 终端输入： 。开始安装，中间可能要输入电脑密码，耐心等待过后出现下图表示安装成功。可通过brew v 查看版本。 2. 安装nodejs 终端输入： 或者直接官网手动安装。
阅读全文
摘要：props是参数的传递，从上层模块向下层模块进行拿传递；而state是提局域变量，一般在本模块内使用，props是不能改变的，而state可以通过setState去修改自身的值。 props React的核心思想就是组件化思想，页面会被切分成一些独立的、可复用的组件。 组件从概念上看就是一个函数，可
阅读全文
摘要：在工作中可能用的不多,但一些特殊的场合还是会用到,所以在这里,把JS的数组操作总结一下,分享给大家! Array 对象 Array 对象用于在单个的变量中存储多个值。 创建 Array 对象的语法： new Array(); new Array(size); new Array(element0,
阅读全文
摘要：在sql里有group by，主要对数据结果集进行分组统计，而对于JS来说，有时我们也需要这种功能，例如一个数据{"dog","cat","dog","dog"}，我们希望结果是{dog:3,cat:1}，返回这种字典对象，我在网上找了一下资料，看这这种解决方法比较简单，所以也总结了一下，供大家参考
阅读全文
摘要：匿名自执行方法体(function(){})经常用在设计JS插件上面，它定义相关组件的行为，自动初始化相关属性，而且在页面中可以直接执行，你不需要手动执行它，它被自动被执行！ 在设计你的匿名自执行方法体时，我们有几点需要注意，在这里大叔部总结了一下，请看下面说明 将它的结果赋给一个对象 如果它没有返
阅读全文
摘要：这个只是一个小知识，也是在网上找的，挺好用！ 动态判断浏览器是ＰＣ还是移动端！ 挺有意思！
阅读全文
摘要：回到目录 对于Bootstrap的弹层，插件有很多，今天主要用的是它自带的功能，通过bootstrap提供的模式窗口来实现的，而大叔主要对使用方法进行了封装，开发人员可以自己动态传入弹层的ＨＴＭＬ内容，可以控制按钮的显示与隐藏，用户通过ＭＶＣ扩展方法对弹层进行生成，然后使用A标签进行调用． 具体使用
阅读全文
摘要：之前写过一个Echarts的文章，没有基础的同学可以先看这＜上一篇＞，对于一个地图和说，我们在初始化之后，你可能被在地图上标识出一些点，当然这根据你的业务去标识，而如果每次更新数据都加载全部的标识点，这对于性能是有影响的，也是没有必要的，所以我就找了一种动态添加和删除点的方法，即addMarkPoi
阅读全文
摘要：ECharts可以很方便的在网页上绘制地图，图表，并且可以提供下载图像，放大，缩小，拖动等功能，今天主要说一下它的地图类型（type:＇map＇)是如何实现的． 首先在ECharts地图的坐标需要我们存储在一个geoCoord属性里，它是一个ＪＳ的字典对象，由键／值对组成，键表示点的名称，值则表达它
阅读全文
摘要：对于$.ajax请求来说，如果层级比较多，程序看起来会比较乱，而为了解决这种问题，才有了$when...done...fail...then的封装，它将$.ajax这嵌套结构转成了顺序平行的结果，向下面的$.ajax写法，看起来很乱 而它实现的功能无非就是外层执行完成后，去执行内层的代码代码，看下面
阅读全文
摘要：先说明白 这个跨域异步上传功能我们借助了Jquery.form插件，它在异步表单方面很有成效，而跨域我们会在HTTP响应头上添加access-control-allow-method，当然这个头标记只有IE10，火狐和谷歌上支持，对于IE10以下的浏览器来说，我们就不能用这种方式了，我们需要换个思路
阅读全文
摘要：回到目录 在bootstrap官方来说，导航最多就是两级，两级以上是无法实现的，大叔找了一些第三方的资料，终于找到一个不错的插件，使用上和效果上都还不错，现在和大家分享一下 插件地址：http://vsn4ik.github.io/bootstrap-submenu/ 先看一下，在大叔后台系统上的显
阅读全文
摘要：回到占占推荐博客索引 bootstrap已经用了有段时间了，感觉在使用上还是比较容易接受的，在开发人员用起来上，也还好，不用考虑它的兼容性，手机，平台，PC都可以有效的兼容。 bootstrap官方api:http://v3.bootcss.com/ Bootstrap~学习笔记索引 Bootstr
阅读全文
摘要：回到目录 一个成熟的框架，日期控制是少不了的，在网上也有很多日期控制可以选择，而主框架用了bootstrap，日期控制也当前要用它自己的， 控件地址：http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm GitHub上开源地址：htt
阅读全文
摘要：回到目录 上一讲说了在sails里定义model及相关参数的说明，这一讲主要说一下如何将你的Model持久化到文件，关系数据库和Nosql数据库里，在持久化这点上，sails是统一管理的，它可以在/config/model.js里设置全局的持久化方法，而且它还可以进行多种介质持久化的并存，如你想让m
阅读全文
摘要：回到目录对于Sails来说，它的Model与数据库对应，不过它并没有采用目前比较流行的poco贫血模型，而是采用了类似DDD的充血模型，即它的数据实体里即有数据库字段（属性）而且还有方法，而模型里的方法主要用来修饰它的属性，如属性的有效性，属性的赋值，插入前和更新前的动作等等，下面我们通过具体的实例...
阅读全文
摘要：回到目录 policies sails的方法拦截器类似于.net mvc里的Filter，即它可以作用在controller的action上，在服务器响应指定action之前，对这个action进行拦截，先执行policies的策略，当条件通过，会next()它，继续执行本方法，当条件不满足时，你可
阅读全文