随笔分类 -  知识点学习

CSS 使网页变灰
摘要：给html加上filter样式 将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像，值为0%图像无变化。值在0%到100%之间，则是效果的线性乘子。若未设置，值默认是0。 原图： 变灰后： 阅读全文
posted @ 2020-04-08 08:36 听袁惟仁敲代码 阅读(151) 评论(0) 推荐(0)
解决HTML报错 favicon.ico 404(Not Found)
摘要：错误原因： 即 的缩写，是浏览器中的网站图标。 favicon.ico不是必须的。但网站在加载时，会自动请求favicon.ico文件，如果没有则会报错 解决方案： 在服务器根目录下设置 favicon.ico 文件，浏览器会自动识别使用 在 `` 标签里添加代码 设置link引用文件 或 阅读全文
posted @ 2020-04-06 12:02 听袁惟仁敲代码 阅读(12275) 评论(0) 推荐(1)
webpack打包JS文件中图片路径错误
摘要：使用webpack打包文件时，发现JS文件中引入的图片并没有打包到图片文件夹里，导致使用相对路径获取的文件无法显示 正确用法：使用模块化的方式引入图片路径，这样引入的图片就可以打包到文件夹了 javascript let url = require("../../static/images/icon 阅读全文
posted @ 2020-03-14 09:53 听袁惟仁敲代码 阅读(529) 评论(0) 推荐(0)
TypeScript引入moment.js报错“无法找到moment模块”及解决方法
摘要：`npm i moment`下载moment完成后，在ts文件中引入 结果疯狂报错，未找到moment模块。 一开始以为是缺少ts定义文件，想直接下载 ，下完之后依旧不行，打开官网一搜，说是moment模块里已经有自己的type definitions文件，不用再下载 打开node_modules/ 阅读全文
posted @ 2019-12-20 09:40 听袁惟仁敲代码 阅读(7583) 评论(0) 推荐(0)
js实现弹出框跟随鼠标移动
摘要：又是新的一天网上冲浪，在bing的搜索页面下看到这样一个效果： 即弹出框随着鼠标的移动而移动。思路大概为： 调用onmousemove函数，将鼠标的当前位置赋予弹出框即可 效果如下： 阅读全文
posted @ 2019-12-10 09:58 听袁惟仁敲代码 阅读(2734) 评论(0) 推荐(0)
jQuery插件 distpicker实现多次赋值
摘要：项目里需要实现省市区联动选择功能，使用了一个jQuery插件 "dispicker" ，记录一下使用过程中遇到的问题和解决办法。 需要要实现的功能就两个：打开modal框时设置地址，点击重置按钮时重置地址 原本以为这是一个非常容易实现的功能，毕竟distpicker有自身赋值的方法，直接多次调用就好 阅读全文
posted @ 2019-12-04 16:19 听袁惟仁敲代码 阅读(1020) 评论(2) 推荐(0)
实现文字一个接一个实现
摘要：网上冲浪时偶然发现这个文字一个接一个出现的效果，类似于 第一想法，是用css的动画属性，通过控制文字容器的宽度实现。 实现效果： 审查元素之后，发现原网页的文字元素是一个一个添加上去的 这样就可以用JavaScript实现。思路是将文字挨个塞进容器里，再设置定时函数重复运行。 实现效果： 总结来说， 阅读全文
posted @ 2019-12-03 10:30 听袁惟仁敲代码 阅读(428) 评论(0) 推荐(0)
前端小白webpack学习（四）
摘要：.less文件与.scss文件使用与.css文件相仿 less loader使用需要借助less插件，终端输入 安装; sass loader使用需要借助node sass插件，终端输入 安装 入口js文件中引入 webpack.config.js中配置less loader 9.图片格式文件打包 阅读全文
posted @ 2019-12-01 16:32 听袁惟仁敲代码 阅读(151) 评论(0) 推荐(0)
前端小白webpack学习（三）
摘要：不写不知道，一写发现自己真是罗里吧嗦，尽量改进 之前写了webpack的 "主要概念" 和一些 "使用" ，今天再记一下webpack的plugins和loaders的使用 7.webpack plugins使用 例：html webpack plugin ，这个插件的作用主要有两点 ​ 1.自动在 阅读全文
posted @ 2019-11-27 14:12 听袁惟仁敲代码 阅读(137) 评论(0) 推荐(0)
前端小白webpack学习（二）
摘要：前一篇写了自我总结的webpack定义：为JavaScript服务的静态模块打包器 和几大基本概念 entry、output、plugins、loaders等。指路 "前端小白webpack学习（一）" 下面开始webpack的具体使用。 1. 创建新项目，项目目录如下。 src目录下存放项目源码， 阅读全文
posted @ 2019-11-26 09:11 听袁惟仁敲代码 阅读(127) 评论(0) 推荐(0)
前端小白webpack学习（一）
摘要：俗话说得好，好记性不如烂笔头。 之前就在学习中看过webpack的教程，然而一段时间没用，火速的忘光了。写这篇博文，做个总结，也让自己以后有个地方回顾。 看webpack之前，我先去看了一下官方文档，先了解一下webpack的几个概念。我是中英文文档搀着看的，一些小地方中文文档里没写，英文文档里都给 阅读全文
posted @ 2019-11-26 09:01 听袁惟仁敲代码 阅读(182) 评论(0) 推荐(0)