摘要: 网上冲浪时偶然发现这个文字一个接一个出现的效果,类似于 第一想法,是用css的动画属性,通过控制文字容器的宽度实现。 实现效果: 审查元素之后,发现原网页的文字元素是一个一个添加上去的 这样就可以用JavaScript实现。思路是将文字挨个塞进容器里,再设置定时函数重复运行。 实现效果: 总结来说, 阅读全文
posted @ 2019-12-03 10:30 听袁惟仁敲代码 阅读(394) 评论(0) 推荐(0) 编辑
摘要: .less文件与.scss文件使用与.css文件相仿 less loader使用需要借助less插件,终端输入 安装; sass loader使用需要借助node sass插件,终端输入 安装 入口js文件中引入 webpack.config.js中配置less loader 9.图片格式文件打包 阅读全文
posted @ 2019-12-01 16:32 听袁惟仁敲代码 阅读(148) 评论(0) 推荐(0) 编辑
摘要: 2019 11 26 自执行函数 JavaScript代码执行顺序。 JavaScript的代码都是按照单线程执行的,即一段代码执行完成后才会开始下一段代码。 window.onload()函数不执行? 2019 11 27 闭包( closure ) 词法环境( lexical environme 阅读全文
posted @ 2019-12-01 10:14 听袁惟仁敲代码 阅读(197) 评论(0) 推荐(0) 编辑
摘要: 不写不知道,一写发现自己真是罗里吧嗦,尽量改进 之前写了webpack的 "主要概念" 和一些 "使用" ,今天再记一下webpack的plugins和loaders的使用 7.webpack plugins使用 例:html webpack plugin ,这个插件的作用主要有两点 ​ 1.自动在 阅读全文
posted @ 2019-11-27 14:12 听袁惟仁敲代码 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 前一篇写了自我总结的webpack定义:为JavaScript服务的静态模块打包器 和几大基本概念 entry、output、plugins、loaders等。指路 "前端小白webpack学习(一)" 下面开始webpack的具体使用。 1. 创建新项目,项目目录如下。 src目录下存放项目源码, 阅读全文
posted @ 2019-11-26 09:11 听袁惟仁敲代码 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 俗话说得好,好记性不如烂笔头。 之前就在学习中看过webpack的教程,然而一段时间没用,火速的忘光了。写这篇博文,做个总结,也让自己以后有个地方回顾。 看webpack之前,我先去看了一下官方文档,先了解一下webpack的几个概念。我是中英文文档搀着看的,一些小地方中文文档里没写,英文文档里都给 阅读全文
posted @ 2019-11-26 09:01 听袁惟仁敲代码 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 2019 11 18 IE/edge自动给数字加下划线 iview 中配置meta? input[type='file']选择文件时,前后文件名称一致时,默认文件未修改. 文件选择时,使用新的input替换旧的input 2019 11 19 js实现回到顶部 小火箭样式 点击调用window.sc 阅读全文
posted @ 2019-11-25 13:42 听袁惟仁敲代码 阅读(149) 评论(0) 推荐(0) 编辑