当前位置: 秋叶网络博客
JS全局复制粘贴板的精简兼容实现
作者: 秋了秋 发表时间:2018年10月15日
mysql数据库迁移导入到mongodb详细教程
。strong 6.支持独立复制网页中不存在的文本(纯程序复制)。strong 6.支持svg文本的复制。strong javascript代码: window.copy = { /*JS全局复制粘贴板的精简兼容实现span * by 秋叶博客 http://www.mizuiren.com/498.htmlspan * textContainer参数可以是选择器名称,也可以是文本span * callback是复制后执行的回调处理,可选,默认会弹出复制成功信息span */span text: function(textContainer, callback) { var copyTextArea = document.querySelectorAll(textContainer); //要拷贝的文本容器span var text = ''; if(!copyTextArea.length) { text = ...
目录: 前端编程 标签: 复制粘贴 10条评论 2352次阅读
查找闭合线条和非闭合线条
作者: 秋了秋 发表时间:2018年08月29日
mysql数据库迁移导入到mongodb详细教程
非闭合边框进行分类。strong span li 4.收集它们的坐标信息加以利用。strong span li ul 那么你要好好看这篇文章,这篇文章专门解决了上述所有问题。 /*span * 【寻找闭合边框】by 秋叶博客 http://www.mizuiren.com/497.htmlspan * linesPoints可以是线条坐标点集[[{x:1,y:2},{x:2,y:3}],[{x:4,y:2},{x:6,y:7},{x:4,y:2}]]span * linesPoints也可以是线条的dom对象集合[document.querySelectorAll('polyline/line')];span * tolerance:安全间距span * */span function findCloseLine(linesPoints, tolerance) { var pointArrs = linesPoints; tolerance = ...
目录: 前端编程 标签: 边框算法, 闭合边框 1条评论 3675次阅读
功能齐全好用的tooltip jquery插件
作者: 秋了秋 发表时间:2017年11月10日
mysql数据库迁移导入到mongodb详细教程
是一个本人自己写的基于jquery的提示插件,只有js,不需要引入css等其他文件,只需在引入jq的前提下,把这段代码引入你的网站,你就可以通过调用jq其它方法一样使用本插件,主要功能就是tooltip,提示框组建,自定义参数配置功能包括,设置宽高,设置字体颜色,设置边框颜色,设置...
目录: 前端编程 标签: jq插件, tooltip 7条评论 16171次阅读
简易无缝滚动功能齐全轮播组件
作者: 秋了秋 发表时间:2017年10月22日
mysql数据库迁移导入到mongodb详细教程
且印象中有几篇了。但这篇是更灵活,更通用,使用更傻瓜。使用细节注意看后面的段落。 无论是大图banner的轮播: 还是卡片式轮播,只要是个轮播都可以实现: /* * 轮播图组件 * by:秋叶博客 * 轮播内容直接父级容器ul的class为parts * 前进按钮class为next,后退按钮class为prev * 小点容器ul的class为dot。 * */span function initSlider($contaner){ var $ul = $("ul.parts",$contaner); var $liw, $dot = $('.dot',$contaner),$dotLi = $('>li',$dot), lenth, $Li = $('>li',$ul); var speed = 5000; initElement(); initCss(); function initCss(){...
目录: 前端编程 标签: 轮播特效 10条评论 17162次阅读
http-proxy代理nodejs服务器转发跨域资源
作者: 秋了秋 发表时间:2017年08月29日
mysql数据库迁移导入到mongodb详细教程
述,下同)的数据,那么可以通过后端发请求,去爬取页面的内容(简称爬虫),再把爬到的内容返回给前端。这是获取页面内容。接口数据也一样,后端发请求到第三方api系统获取返回的内容再json化后返回给前端。这些都是基于字符串的简单数据,即使不用代理模块也可以做。然而对于流媒体数据就比较棘手了,我们引用nodejs的http-proxy模块来做实时请求转发,让请求看起来就只是变了个请求url,返回hreader和数据依旧是原第三方网站的header和数据,不用我们做任何处理,成功逃过浏览器的火眼金睛。 http-proxy使用细则: 首先要安装该模块: npm install http-pro...
目录: 前端编程 标签: 代理服务器, nodejs, http-proxy 4条评论 21336次阅读
智取百度、谷歌分词技术实现智能模糊搜索
作者: 秋了秋 发表时间:2017年08月27日
mysql数据库迁移导入到mongodb详细教程
所周知,wordpress的搜索相当糟糕,它是硬性(完全)匹配,为了实现博客智能模糊搜索功能,为了尽可能达到百度等各大搜索引擎的搜索效果,就要分词准确与分词扩展。用户输入一段话,如何将这句话根据词组切割成一段一段,通过这一段一段再去数据库匹配内容就是搜索技术的核心所在。 所谓智取就是爬虫技术,通过服务端发请求...
目录: 前端编程 标签: 分词搜索, 搜索引擎 10条评论 19843次阅读
Linux系统CentOs搭建nodejs服务器+Mongodb
作者: 秋了秋 发表时间:2017年08月24日
mysql数据库迁移导入到mongodb详细教程
讲,工具建议用Xshell)、了解下linux命令。 登陆上去后把yun更新到最新版本 yum -y updatepre div 对服务器上软件进行升级: yum -y groupinstall "Development Tools"pre div 开始安装node.js,先进入/usr/src文件夹,这个文件夹通常用来存放软件源代码: cd /usr/srcpre div 从node.js官网中获取压缩档源代码,我选择的是v6.11.2,是目前的稳定版,当然你也可以选择其他版本,具体版本根据你阅读本文的时间去node官网看最新的版本,基本山替换这里的版本号就行,获取链接不对的话建议去官网找Linux下的贴到这里来。 wget http://nodejs.org/dist/v6.11.2/no...
目录: 网站建设 标签: nodejs服务器, CentOs 2条评论 18946次阅读
Vue.js组件应用与嵌套数据递归组件案例
作者: 秋了秋 发表时间:2017年08月15日
mysql数据库迁移导入到mongodb详细教程
本篇文章主要讲的是嵌套数据递归展示的应用,因为它属于组件应用,so,标题就这样写了,也顺带讲讲组件的通用应用。vue的组件运用得好,可替代任何模板插件,甚至做得更好。 其它如模板、数据绑定就不说了,上官网看个几分钟就会了。但是对于组件应用以及组件的高级应用(递归),会让很多人理解起来比较费劲,也讲讲比较容易入坑的地方。 众所周知,vue的初始化是这样的(附常用初始属性名): var vue = new Vue({ el: “#app”,//选择器 data: [],//数据 component:{},//组件 method:{}//方法 }); pre div 每初始化一次,就生成一个封闭的应用空间,即在改选择器内只能使用当前初始化的东西,如数据,组件,方法。大多数情况下一个页面初始化一次就可以,也有少部分情况需要分开初始化。所以必须给大家灌输个思想:vue的初始化也有作用域,如同函数的作用域。所以如上方法的初始化组件只能在被调用一次,递归的话将会出现error: [Vue warn]: Unknown custom element: <***> - did you register the component correctly? For recursive components, make sure to provide the "name" option. (found in 即使你已经指定了”name”, 主要是组件定义的方法不对,所以递归的组件请挂载在全局上: Vue.component("list-bikes",{ template:"#bike-template", props:["my_lists"] }); var vue = new Vue({ ... });pre div 全局的组件一定要在初始化之前定义strong ,现在来看看使用模板组件实现复用递归是如何让实现的。假如有初始数据: 在这串代码之前先注册全局组件: Vue.component("list-bikes",{ template:"#bike-template", props:["my_lists"] }); pre div Html作用域中调用组件: <div id="app"> <list-bikes :my_lists="lists"></list-bikes> </div>pre div 只有在id为app元素里面才能使用vue的语法,这里只有注册的组件,标签名为注册该组件的名字,同时组件中绑定了数据lists到组件的自定义属性my_lists,注意,组件的自定义属性不能有横杆-,组件中是通过调用my_lists间接调用lists数据的. Html中写好把lists数据循环出来的通用模板,注意script的type类型: <script type="vue/template" id="bike-template"> <ul> <li v-for="item in my_lists" :id="item.id"> {{item.name}} <template v-if="item.children.length"> <list-bikes :my_lists="item.children"></list-bikes> </template> </li> </ul> </script>pre div 此模板里面根据条件又调用了自身一次,一定要限制条件,否则无穷无尽的调用,会报溢出错误。最终输出结果: ...
目录: 前端编程 标签: vue组件, 递归 2条评论 20554次阅读
数据库结构的多层嵌套关系高性能读取
作者: 秋了秋 发表时间:2017年08月09日
mysql数据库迁移导入到mongodb详细教程
博客nodejs已经开工一周了,每天晚上利用闲暇的几个小时完成几个功能,目前进度已完成一半了,架构已成型,前台页面的渲染已经差不多了,接下来很快进入后台管理界面,前后端都用js写...
目录: 前端编程 标签: 数据库, 多层嵌套 5条评论 17728次阅读
用Javascript给文本段落加上p标签实现换行
作者: 秋了秋 发表时间:2017年08月05日
mysql数据库迁移导入到mongodb详细教程
近在用node重写我的博客(憔悴了许多),既然从wordpress转过来的,wordpress基本功能还是不能变的,无形中加大了开发难度。比如说加密算法,数据表关系串联,数据库高并发IO性能优化。。。等等一大...
目录: 前端编程 标签: 内容换行 3条评论 17832次阅读