随笔分类 - JavaScript
摘要：这次说一下对象具体的一个实例：函数，以及其对应的作用域与作用域链。简单的东西大家查下API就行了，这里我更多的是分享自己的理解与技巧。对于作用域和作用域链，相信绝大多数朋友看了我的分享都能基本理解，少数人看完之后再努力思考思考，基本也就懂了。最后说一下，不合理的地方，欢迎批评指正。 函数调用 跳过基
阅读全文
摘要：vue实现惰性加载是基于： 1.ES6的异步机制 2. webpack的代码分割功能 ************************ 懒加载方法一、 若需要将相同功能的组件捆绑进行懒加载，则需为捆绑添加chunk名字，如下： 懒加载方法二： 配置部分则不需要改变，常规配置即可：
阅读全文
摘要：新年第一天首先祝大家新年快乐，心想事成！ 1.利用根实例构造函数的原型 通过原型链添加方法，同理 2.通过Vue的插件机制 （常用方法） （1） 以util.js为插件文件，则需在项目入口文件main.js中引入： （2）插件暴露 （3）调用插件
阅读全文
摘要：##1、通过参数默认值实现强制参数 ES6 的参数默认值只有在真正使用时才会求值。这可以让你强制确保提供参数： 函数调用 mandatory() 只有当参数 mustBeProvided 缺失时才会执行。 互动： 更多信息： ”《探索 ES6》“中的”必需参数“一节 ##2、通过 for-of 循环
阅读全文
摘要：一 、准备工作 1.首先需要先下载cropper,常规使用npm，进入项目路径后执行以下命令： 2. cropper基于jquery，在此不要忘记引入jq,同时记得引入cropper.css 3. 此处后端使用的nodejs，不过不懂node的影响也不大。 二 、 图片裁剪并预览 1.首先利用cro
阅读全文
摘要：我们先从盘古开天辟地时捋一捋对象： 从宏观内容来讲，javascript是一个属性的集合，包括值，函数，而整个集合也可以类比为一个对象。 注: 这里的js指的是javascript对象（ECMAscript对象），而不是DOM和BOM对象。 紧接着我们听到一个“传说”：‘javascript中一切都
阅读全文
摘要：首先说明一下：陀螺仪感应需在真机环境下进行调试，PC端无效果。 1.获取感应器 需在window上监听devicemotion事件，再通过事件对象获取accelerationIncludingGravity（内置重力加速度感应器）对象。代码如下： x,y,z轴示意图如下（Z轴垂直于手机）： 2.位置
阅读全文
摘要：前段时间的react授权许可的闹剧告诉大家一个问题，只有自己的东西用着才放心。各大巨头也逐渐明白使用自家东西的优势。本来vue的生态就愈加火热，这次的闹剧无疑又加速了vue的发展。当下，国内越来越多的公司在使用vue，之前我也持观望态度，但最近发现，vue几乎已经是SPA的最佳方案，不学岂不可惜li
阅读全文
摘要：个人github地址（不定期更新更多实用组件）：https://github.com/pomelott 博客园地址：http://www.cnblogs.com/pomelott 几天在项目中遇到一个效果，需要将某结点拖拽后实时放置在离自己位置最近的栅格中。这么好的案例，不封装还是人吗？好了，不扯了
阅读全文
摘要：github地址：https://github.com/pomelott/jquery-plug-in 组件库（componentGallery） 使用方法 1.引入css文件（建议复制粘贴至项目css文件中） 2.引入pomelo.js文件（需要引入jquery） 3.创建相应的对象，并传入参数。
阅读全文
摘要：先上效果图： 最小的ul就是一个最小的树枝，空间允许时可无限扩展。html如下： css如下： js如下：
阅读全文
摘要：最近闲来无事，多封装些功能性组件。后期会有更多放出来，大家可以多关注一下。 先上参数： type:"show", 默认为“show”，“show”意为当能够在可视区看到指定位置的节点时触发，“scroll”意为浏览器滚动过指定结点时触发。 pos:"#scrollBox", 默认为"#scrollB
阅读全文
摘要：闲来无事，继续封装。此次封装的为水平滚轴组件，可选择滚动的距离大小。闲话不多说，直接上图。 参数说明： vis:4 中间区域可显示的 li 个数 scroll:4 每次滚过的li个数，若大于vis，则取 scroll%vis的余数 wrap:".scroll-main ul" 中间区域的包裹层选择器
阅读全文
摘要：1. 函数式 html如下： css如下： js如下，需引入jquery： 2. 面向对象 html如下： css如下： js如下：
阅读全文
摘要：多功能回到顶部(backTop) 组件下载地址：https://github.com/pomelott/jquery-plug-in速度可调控，带隐藏效果，返回过程中可回滚。参数说明： var test=new backTop({ btn:"backTop", 回到顶部按钮的ID（此处无#） spe
阅读全文
摘要：本文均为项目实战经验，要求兼容至IE8，所以以下内容均为兼容代码，欢迎各位小伙伴批评指教。其实重构页面是一门学问，看似简单，却暗藏很多学问。实际项目中页面的重构有以下几点最基本需求： 1.需要使用合理的标签进行语义化； 2.可扩展性，在页面的某个标签内增加新的内容（文字或标签），不会对原有内容造成影
阅读全文
摘要：插件github地址：https://github.com/pomelott/slider-plug_in 使用方式： slider plug-in 左右滑动的自适应、多样式全能插件。多次调用时只需传入最外层盒子ID即可。 1.根据html中的Dom结构引入图片。 2.引入css和js文件 3.调用
阅读全文
摘要：目前，google在国内需要FQ才能上，翻不了墙的话，只能获取到经纬度信息。 *调用navigator.geolocation对象时，首先要获取用户同意。 navigator.geolocation.getCurrentPosition(callback()); 获取用户的当前位置 navigato
阅读全文
摘要：所谓正则表达式，简单来说就是一种规则，一种计算机能读懂的规则。js中的正则表达式语法是Perl5(一种很早的编程语言)的正则语法的子集。本文将在基础知识的基础上添加示例帮助快速理解正则表达式。 学习正则要对字符串以及字符串的函数非常了解，在此不多赘述，了解字符串可见另一篇文章，链接：http://w
阅读全文
摘要：【持续更新中...跪求点击右上角星星，好人一生平安！】 API详见github，链接如下： https://github.com/pomelott/pomelo-plug-in
阅读全文
浙公网安备 33010602011771号