vue-lazyload,相信在vue项目中大家都有用到过它,同时也遇到过大大小小的坑.笔者也遇到过这样一个bug,在一个图片列表页面中,总有一定的概率图片的状态为load,导致图片一直加载中...这个bug,到现在的版本还没有解决,晕(((φ(◎ロ◎;)φ))).于是打算弃坑,寻找新的插件代替...可惜没找到,那现在只能等官方下个版本修复问题喽? 后来冷静想了一下,或许有个曲线救国的方法! 其实我觉得现在的业务需求中,图片的需求量不大,或许不用懒加载影响不太,反正图片列表可以通过分页来分批加载…
Vue的 $parent,并不能准确找到上一层的控件,所以如果需要,需要填坑这个 bug,递归寻找下上级 // Find components upward function findComponentUpward (context, componentName, componentNames) { if (typeof componentName === 'string') { componentNames = [componentName] } else { componentNames =…
Vue 环境配置踩坑 目录 Vue 环境配置踩坑 windows下cnpm -v :无法将"cnpm"项识别为 cmdlet.函数.脚本文件或可运行程序的名称. windows下cnpm -v :无法将"cnpm"项识别为 cmdlet.函数.脚本文件或可运行程序的名称. npm和cnpm都是在git的全局环境下下载的 且安装完cnpm,nodejs文件夹下就已经有了node_cache.node_global这两个文件夹: 而且在用户变量里path变量路径已经存在…
这是一个系列教程<前端从入坑到弃坑>的第一篇. HTML 是什么 说白了,HTML 就是网页的内容.比如你现在正在阅读的这个网页的内容,就是 HTML.如果你还不明白,请继续往下阅读. 写一个简单的 HTML 首先在你的电脑上,新建一个名为 index.html 的文件,用文本编辑器打开(注意不要用 Windows 自带的记事本打开). 然后把下面的内容复制,粘贴到编辑器,保存文件. <!DOCTYPE html> <html> <head> <met…
在用VUE做项目开发的过程中,首页用到了懒加载的方法,查找了一些方法,觉得官网写得太复杂,有一篇博客不错(https://www.cnblogs.com/xyyt/p/7650539.html),但是有些地方又与我的项目有些不同,故此记录一下下~实在是超级简单的 先展示效果: 一. vue lazyload插件: 插件地址:https://github.com/hilongjw/vue-lazyload demo:http://hilongjw.github.io/vue-lazyload/ 二…
1. vue项目打包采坑 1.1. vue运行报错error:Cannot assign to read only property 'exports' of object '#' 这个错误我是在打包完部署到nginx上才会报的,在本地环境可以正常运行,真坑: 网上的资料说的报错原因是export和import不兼容啥的,经过我实际测试修改,问题出在使用export导出方法的js中,import了里面包含module.exports的js,这是两种不同的表达式,作用相同,但不能一起存在:网上的方…
jzy3D从入门到弃坑_4 尝试使用jzy3D1.0画图失败 觉得有用的话,欢迎一起讨论相互学习~Follow Me 记录一下使用jzy3D1.0失败 究其原因在于 本人才疏学浅,对于JAVA openGL真的是一窍不通 其在配置文件中使用了jogamp 2.3版本的特性内容,但是,我的老是报错 找不到 com/jogamp/opengl/GLProfile 找不到 com.jogamp.opengl.GLException java.lang.NoClassDefFoundError: com…
序:vue项目时候,我们要对图片进行懒加载处理,这个开发项目中就不需要自己去写了,因为比较方便使用vue lazyload进行处理,高效率开发 一. vue lazyload插件: 插件地址:https://www.npmjs.com/package/vue-lazyload 二. vue lazyload使用 这个插件的开发文档比较烦人,一堆废话. 我们大部分只需要做简单使用就可以了,看官方文档的话反而被误导了,可以先按下边的实例实现简单引用,后边根据自己需要去查看官方文档扩展 1. 安装:…
莫比乌斯反演也是反演定理的一种 既然我们已经学了二项式反演定理 那莫比乌斯反演定理与二项式反演定理一样,不求甚解,只求会用 莫比乌斯反演长下面这个样子(=・ω・=) d|n,表示n能够整除d,也就是d是n的所有因子 μ(x)是莫比乌斯函数,它是这样计算的 μ(1) = 1 x = p1 * p2 * p3 ……*pk(x由k个不同的质数组成)则μ(x) = (-1)^k 其他情况,μ (x) = 0 比如 30 = 2 * 3 * 5 μ(30) = (-1)^3 4 = 2 * 2 μ(4)…
(挖坑...) ////////////////////////////////////////////////// 暂时弃坑 开学了,有空再写....…
之前用项目用gulp-htmlone做最后的js和css内联打包出现各种问题 这次居然遇到打包后的css斜杠变反斜杠的问题 如下:/src/common/images/i_banner.jpg会被改成\src\common\images\i_banner.jpg 实在无法忍耐去改他的源码,改了后其他伙伴也要改,所以果断弃坑 在网上找了gulp-inline进行替代 gulp.task('inline', function() { gulp.src(['./pages/**/*.html']) .…
jzy3D从入门到弃坑_3 使用jzy3D0.9画2D散点图--多条线条 觉得有用的话,欢迎一起讨论相互学习~Follow Me 主要思路 将多个线条的二维数组读入Scatter对象 存入到同一个画布中 存入多个Scatter对象中 package momfo.metaheuristics.momfea; import momfo.core.SolutionSet; import org.jzy3d.chart.Chart; import org.jzy3d.chart.ChartLaunche…
jzy3D从入门到弃坑_2 使用jzy3D0.9画2D散点图 觉得有用的话,欢迎一起讨论相互学习~Follow Me 在上一节中安装jzy3D 0.9版本并且运行了3D的例子 https://blog.csdn.net/u013555719/article/details/103490387 但是我们发现0.9版本只能够画3D图,但是画不了2D图!!!,1.0版本才能画2D图 如下为官网的更新信息 -- 可以很明显的发现,只有在最新的1.0版本中才具有画2D图形的功能 当然我们也有对策,即通过将…
jzy3D从入门到弃坑 觉得有用的话,欢迎一起讨论相互学习~Follow Me 安装 http://www.jzy3d.org/ 官网 选择DL 选择0.9版使用,而不要使用其他版本 具体原因 高版本不稳定 高版本例子收费 下面实例代码 Easy to use 都是低版本0.9版本的,而高版本代码不兼容低版本的实例,高版本的教程需要另外收费 --巨坑 气得我..(PS:低版本高端例子也需要收费) 0.9+版本的改进, 只有maven,但是搞笑的是,这个包说是支持maven,但是我使用POM配置根…
VUE图片懒加载-vue lazyload插件的简单使用…
想要更高效地找到信息,你需要掌握这些搜索技巧 (google or baidu) 转载:https://tingtalk.me/search-tips/ 在大型局域网(互联网)的今天,你以为搜索是一门技术,其实搜索是一门忍术.你必须忍受不同平台各自为阵,内容信息就像孤岛,也必须忍受搜索结果被活埋在广告堆中--以至于,目前来说,好的搜索方式,不止是掌握了搜索方法,还要,找对平台.by Topbook 有人说,搜索引擎是 PC 互联网的完美商业模式,这个论断被 Google 和百度证明.可是移动互联…
[Python]机器学习之单变量线性回归 利用正规方程找到合适的参数值 本次作业来自吴恩达机器学习. 你是一个餐厅的老板,你想在其他城市开分店,所以你得到了一些数据(数据在本文最下方),数据中包括不同的城市人口数和该城市带来的利润.第一列是城市的人口数,第二列是在这个城市开店所带来的利润数. 现在,求最合适的θ0和θ1,利用Normal Equation 即正规方程式 计算方法: θ = (XT * X)-1 * XT * Y 所以写出函数 def normalEquation(X,Y): re…
[Python]机器学习之单变量线性回归 利用批量梯度下降找到合适的参数值 本题目来自吴恩达机器学习视频. 题目: 你是一个餐厅的老板,你想在其他城市开分店,所以你得到了一些数据(数据在本文最下方),数据中包括不同的城市人口数和该城市带来的利润.第一列是城市的人口数,第二列是在这个城市开店所带来的利润数. 现在,假设一开始θ0和θ1都是0,利用梯度下降的方法,找到合适的θ值,其中学习速率α=0.01,迭代轮次为1000轮 上一个文章里,我们得出了CostFunction,即损失函数. 现在我们需…
Atitit 如何在水泥森林打猎  找到合适的公司 1. 我们工作的本质就是打猎,万年前在草原森林里面打猎,现在在水泥森林里面打猎 2 1.1. 我们的本质职位只有一个,那就是猎人 2 1.2. 所有的商业活动本质上皆为打猎 2 2. 打猎就要有打猎的方法,打猎工具,还要对猎物进行识别..猎场搬迁 2 2.1. 猎物手册与通用知识 2 2.2. 打猎方法论,广博法优先于专一法 2 3. 猎物识别与锁定,了解猎物习性  公司的类型 3 3.1. 根据运营模式 ,运营驱动型:产品驱动型: 技术驱动型…
作者:xlrocket链接:https://www.zhihu.com/question/19857245/answer/241696797 在图标库中,找到合适的图标 或许,一些小伙伴会有收集图标的习惯.不过在你建立起自己的图标库前,火箭君先推荐几个图标网站,你可以在其中找到海量的图标资源: ICONFINDER 范围广 EASYICON 设计师的天堂 阿里巴巴矢量图标库 国内最大的矢量图标库 IconMoon 可以实时编辑字体图标 Icon Ninja 从下载到生成 CSS sprite 一…
这是目前网上state of the art 的解决方案: 最开始用的是matlab2017,结果爆了这么一个问题“找不到已安装的编译器 'Xcode Clang++'.错误使用mex,未找到合适的编译器” 网上很多方法说的是17和xcode7.0的解决方案,但是都是9012年了啊,谁还用xcode7 在MATLAB的官网上可以看到,R2018b已经支持使用xcode10.+ 进行混合编译.于是卸载,重装了matlabR2018b,还是这个问题. 网上也有很多方法,但是还是自己认真读了读这个文档…
说是踩坑之旅 其实是最近在思考一些问题 然后想实现方案的时候,就慢慢的查到这些方案   老司机可以忽略下面的内容了 1)起因  考虑到数据分离的问题  因为server是express搭的   自然少不了res.render("xx",data)    这句话的意思就是去查找相应的模板文件然后在用数据去渲染在将渲染好的页面去返回给浏览器,给浏览器去解析,渲染模板其实就是做的替换字符串+拼接字符串的活  各种的模板引擎也有各个优化的点(比如可以将对应的模板编译的函数保存在内存中,然后在通…
一.css作用域 之前一直很困扰css的作用域问题,即使是模块化编程下,在对应的模块的js中import css进来,这个css仍然是全局的.导致在css中需要加上对应模块的html的id/class 使用css选择器 保证css的作用域不会变成全局 而被其它模块的css污染. 在vue中引入了scoped这个概念,scoped的设计思想就是让当前组件的样式不会修改到其它地方的样式,使用了data-v-hash的方式来使css有了它对应模块的标识,这样写css的时候不需要加太多额外的选择器,方便…
一 .vue安装的坑 报错时的常见问题 1.cnpm install 模块名 –save-dev(关于环境的,表现为npm run dev 启动不了)cnpm install 模块名 –save(关于项目的,比如main.js,表现为npm run dev 成功之后控制台报错)比如escape-string-regexp.strip-ansi.has-ansi.is-finite.emojis-list/2. 2.报如下错,表示端口错误,关掉相关页面,重新启动!!! 3.启动项目的时候会出出现加…
上文书说到,ssh库pexpect的使用,简直就是个“月亮公主”——满眼全是坑.勉强把程序写好了,跑起来的时候发现了一个新坑,让我不可抗拒的把它弃掉了——经常莫名其妙的连不上服务器!开线程连接14台服务器,总有1到3台连不上,还查不到原因.这还了得!一怒之下把写好的pexpect封装库删掉了,用paramiko重新写起.其实这个库也是有一些坑的,这个放在后面说.先介绍一下这个库的用法. 安装方法:没有什么新鲜的 pip install paramiko 或者下载源码编译.需要事先安装一下PyCr…
1.-webkie-box-orient:vertical没大打包上,解决方案 /* ! autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */…
1.vue2.0 不支持 v-html 后绑定的内容使用过滤,可是有时候过滤必须使用-----------解决:通过methods中定义方法 然后 v-html='myMethods(string)' 2.笔者使用的mintui <mt-header title="aaaa"> <router-link :to="{name:'Search'}" slot="right"> <mt-button icon="…
Vue module for lazyloading images in your applications. Some of goals of this project worth noting include: Be lightweight, powerful and easy to use Work on any image type Add loading class while image is loading Supports both of Vue 1.0 and Vue 2.0…
1.前言 学习Vue前端框架已经一个月了,作为一个web刚入门的菜鸟,在学习的过程中,网上有些技术博客往往没有什么可以借鉴的地方,在这里 我特意将我从开始一直到登录的过程记录下来.希望看到我的文章的朋友们能够少走点弯路,不喜勿喷哟! 2.开发依赖工具 2.1 node.js 2.2 git 2.3 Visual Studio Code 3.代码 3.1安装node.js node.js在百度上搜索一共有两个网址:http://nodejs.cn/download/ 和https://nodejs…
1.首先遇到的第一个坑是数组 vue初始化时,data是一个数组并且为空的时候,里面有一些对象元素,直接改变这些对象的的属性不会触发视图更新 解决办法,copy一个新的数组(vue.assign是浅copy),然后改变新数组里的值,然后把原来的data指向这个新的数组能触发更新: 2.vue深copy deepClone(value){ var obj={}; obj=JSON.parse(JSON.stringify(value)); return obj; }…