随笔分类 -  技术分享

分享已验证过的技术及相关
摘要:串联卡片的一个思路 需求描述 做一行固定宽度但是数量不固定的的卡片,卡片前后通过箭头链接,箭头要处在两个卡片中间位置。 问题分析 首先需要一个卡片的基础组件,然后遍历数据循环渲染组件即可,连接图片的箭头可以在每次渲染卡片之后再渲染一个标签 span 做显示指示箭头之用,只要做出判断,当渲染到最后一个 阅读全文
posted @ 2022-08-18 22:12 小方块的世界 阅读(289) 评论(0) 推荐(0)
摘要:问题描述 切换到淘宝镜像后直接执行如下代码报错 cnpm install PS D:\demo\vue-admin> cnpm i cnpm : 无法加载文件 C:\Users\dell\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 ht 阅读全文
posted @ 2020-12-29 18:20 小方块的世界 阅读(1136) 评论(0) 推荐(0)
摘要:这篇文章主要介绍了如何按照一个或多个属性给一个对象数组排序。 需求 后台返回的数据需要按照一定的顺序展示,可以根据其中一个属性或多个属性。 解决办法 单属性排序 多属性排序 也可以使用 ,它允许扩展原生对象 备注 注意多属性排序中有一行代码 ,因为 函数返回一个函数,要执行这个函数所以使用了两个括号 阅读全文
posted @ 2020-04-04 00:31 小方块的世界 阅读(1409) 评论(0) 推荐(0)
摘要:今天突然发现github网站打不开了,报网络异常 解决办法:修改本地hosts文件 路径 windows下路径为:C:\Windows\System32\drivers\etc\hosts Linux下路径:/etc/hosts 修改hosts文件 备注 如果遇到权限不够需要管理员权限才能修改,可以 阅读全文
posted @ 2020-02-07 17:46 小方块的世界 阅读(3136) 评论(0) 推荐(0)
摘要:我需要一个校验利率参数的正则表达式,输入值在0 100之间最多输入两位小数 参考 https://stackoverflow.com/questions/23607381/jquery validate regular expression to get interest rate 阅读全文
posted @ 2019-12-30 16:59 小方块的世界 阅读(481) 评论(0) 推荐(0)
摘要:这篇文章主要介绍了iview的table组件中使用选择框,日期,可编辑表格,超链接等组件。 <! more 1.select选择组件 2.可编辑表格 3.日期组件 4.表格中添加超链接 阅读全文
posted @ 2019-09-28 22:21 小方块的世界 阅读(2325) 评论(0) 推荐(1)
摘要:1. 如果一个页面有多个分页那么可以把每个page和pageSize放到一个对象中,如下: 2. tables中将dataList传递给分页事件,on change传值时,使用$event作为第二个参数(必须是第二个) 3. 分页事件 4. 获取数据列表方法 5. 接口把page分页封装进去 阅读全文
posted @ 2019-06-29 23:23 小方块的世界 阅读(2231) 评论(0) 推荐(0)
摘要:这是一个angular1 验证表单的小栗子: 先看代码: 注意: 这个表单的名称是signup_form,当表单提交时我们要调用signupForm(),用ng disabled指令基于表单的合法性来启用或禁用按钮。 阅读全文
posted @ 2019-05-19 10:01 小方块的世界 阅读(497) 评论(0) 推荐(0)
摘要:面向对象编程js原生实现轮播图效果 1.先看效果图 2.需要实现的功能: 自动轮播 点击左右箭头按钮无缝轮播 点击数字按钮切换图片 分析:如何实现无缝轮播? 在一个固定大小的相框里有一个ul标签,其长度是几个图片宽度的总和,通过translateX()的方法来实现左右移动动画。 如何实现无缝呢?比如 阅读全文
posted @ 2019-05-06 07:57 小方块的世界 阅读(1217) 评论(0) 推荐(0)
摘要:在使用DOM过程中发现一个问题: 使用nextSibling 属性返回指定节点之后紧跟的节点,在相同的树层级中。被返回的节点以 Node 对象返回。 nextSibling属性与nextElementSibling属性的差别:nextSibling属性返回元素节点之后紧跟的兄弟节点(包括文本节点、注 阅读全文
posted @ 2019-05-05 11:16 小方块的世界 阅读(1153) 评论(0) 推荐(0)
摘要:1.svg图标长啥样 注意:图标的宽高无所谓,使用时可以根据需求修改,fill后面是颜色的填充,可修改图标颜色。 2.使用svg图标 2.1将下载好的.svg文件或者自己制作的.svg文件放到项目目录下面。 2.2将 .svg 图标作为背景图使用: 3.为什么使用svg图标? 这其实跟使用web字体 阅读全文
posted @ 2019-05-01 10:55 小方块的世界 阅读(10030) 评论(0) 推荐(1)
摘要:最近使用到svg的动画animate,简单总结下animate的主要属性: 1.定义:SVG 的animate 动画元素放在形状元素的内部,用来定义一个元素的某个属性如何踩着时点改变。在指定持续时间里,属性从开始值变成结束值。 2.SVG animate参数详解 2.1 attributeName 阅读全文
posted @ 2019-04-28 22:13 小方块的世界 阅读(1997) 评论(0) 推荐(0)
摘要:1.类的多种继承,将多个类的接口“混入”(mix in)另一个类。 2.应用,上面代码的mix函数,可以将多个对象合成为一个类。使用的时候,只要继承这个类即可。 3.参考 http://es6.ruanyifeng.com/#docs/class-extends 阅读全文
posted @ 2019-04-11 21:10 小方块的世界 阅读(2991) 评论(0) 推荐(0)
摘要:1.为什么要使用func.call(this) 在正常模式下,js 函数里那些你没有声明就使用的变量,其实是访问的全局对象的属性。但是在严格模式下,不允许这种语法,所有变量都必须要显示声明,所以如果你不用 call() 传递 this 给这个函数,那么就会报错了。用了严格模式,就必须这么写。 严格模 阅读全文
posted @ 2019-04-03 17:25 小方块的世界 阅读(469) 评论(0) 推荐(0)
摘要:1.Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同。 语法上,首先可以把它理解成,Generator 函数是一个状态机,封装了多个内部状态。形式上,Generator 函数是一个普通函数,但是有两个特征。一是,function关键字与函数名之间有一个星号; 阅读全文
posted @ 2019-03-27 14:20 小方块的世界 阅读(621) 评论(0) 推荐(0)
摘要:1.map之间实现复制或合并 2.map与数组的关系 3.备注 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Map 阅读全文
posted @ 2019-03-20 10:12 小方块的世界 阅读(1277) 评论(0) 推荐(0)
摘要:1.数组去重的传统方法: 2.es6实现数组去重 3.es6数组合并去重 阅读全文
posted @ 2019-03-17 22:58 小方块的世界 阅读(1384) 评论(0) 推荐(0)
摘要:1.为什么要用babel-polyfill Babel默认只转换新的JavaScript句法(syntax),而不转换新的API,比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象,以及一些定义在全局对象上的方法(比如Ob 阅读全文
posted @ 2019-03-17 15:00 小方块的世界 阅读(2009) 评论(0) 推荐(0)
摘要:1.在es6(彩票项目)搭建环境时遇到gulp --watch 只运行一次就退出了不能监听: 2.解决问题: 多次尝试后发现tasks -> util -> args.js中没有将 args暴露出去: 3.备注 参考:http://www.imooc.com/wenda/detail/354015 阅读全文
posted @ 2019-03-17 10:25 小方块的世界 阅读(1140) 评论(0) 推荐(0)
摘要:1.用Express 应用程序生成器 express-generator 快速搭建express框架 1.1安装: npm install express-generator -g 1.2 生成目录:express -e . 命令:express -e . express表示安装express -e 阅读全文
posted @ 2019-03-15 18:01 小方块的世界 阅读(431) 评论(0) 推荐(0)