摘要: 基于webpack实现公共页面模块复用 大家都知道当我们使用前端框架诸如vue、react时,常采用组件化开发模式,只需将组件模块注入就可以使用。但是如果前端项目没有使用这类框架的话,我们怎么复用公共页面模块呢? html-withimg-loader (可参考https://www.npmjs.c 阅读全文
posted @ 2021-03-10 10:19 青春给了义务教育 阅读(493) 评论(0) 推荐(0) 编辑
摘要: 一、生成html文件的插件html-webpack-plugin 参考:https://www.cnblogs.com/wonyun/p/6030090.html 1.在src/pages目录下有多个文件夹a,b,c,...,分别存放不同的页面a.html,a.js,a.css; 2.通过遍历的方式 阅读全文
posted @ 2021-03-05 15:02 青春给了义务教育 阅读(211) 评论(0) 推荐(0) 编辑
摘要: 转载https://www.tensweets.com/article/5cbdf91a362e5434baf63379; 遇到的问题及解决方案: 1.运行npm run dev时报错 Cannot find module 'webpack-cli/bin/config-yargs' 原因:webp 阅读全文
posted @ 2021-02-24 11:29 青春给了义务教育 阅读(230) 评论(0) 推荐(0) 编辑
摘要: 1.package.json中,scripts对象中添加一句指令:"fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit", 2.安装两个npm包 : increase-memory-limit 和cross-env 3.安装完 阅读全文
posted @ 2020-10-12 17:15 青春给了义务教育 阅读(840) 评论(0) 推荐(0) 编辑
摘要: 封装的一个方法:点击当前元素,逐级筛选其父元素是否包含某个类,如果有包含,返回true,如果没有包含,返回false; 1 function fnEnumParentNodes(currNode, givenClassName) { 2 if (!currNode || !givenClassNam 阅读全文
posted @ 2020-08-06 10:45 青春给了义务教育 阅读(1041) 评论(0) 推荐(0) 编辑
摘要: 目前遇到的问题:vue项目main.js中引入index.less,但是子组件中想要应用index.less中定义的变量,会报错。 方法一:在每个子组件中引入index.less。 注意:此方法虽然能解决问题,但是太麻烦,不是最有办法。 方法二:安装 style-resources-loader v 阅读全文
posted @ 2020-08-04 11:46 青春给了义务教育 阅读(1399) 评论(0) 推荐(0) 编辑
摘要: 我们在使用wordpress进行开发时,需要从数据库拿到我们所需的数据,worspress本身自带方法去实现此操作,如下: <?php $args = array( 'post_type' => 'post',//请求类型 'category_name' => 'banner_title_big', 阅读全文
posted @ 2019-11-12 17:55 青春给了义务教育 阅读(676) 评论(0) 推荐(0) 编辑
摘要: 我们经常会给wordpress的文章加上特色图片来实现日志缩略图的需求,但是很多时候一张图片并不能够完美而又全面的表达我们wordpress文章的内容,这时候您可能就会需要这样一个能让wordpress同时添加多个特色图片插件:Multiple Post Thumbnails。 使用方法: 1.后台 阅读全文
posted @ 2019-11-12 17:48 青春给了义务教育 阅读(907) 评论(0) 推荐(0) 编辑
摘要: 如果我们项目请求的地址为 htttp://xxxx.com/a/b/c 可以设置代理为: dev:{ assetsSubDirectory: 'static',// 静态资源文件夹 assetsPublicPath: '/',// 发布路径 proxyTable: { // 代理配置表,在这里可以配 阅读全文
posted @ 2018-09-25 18:20 青春给了义务教育 阅读(2834) 评论(0) 推荐(0) 编辑
摘要: 适应场景:假如移动端拨打电话,需要给a标签添加href属性,但是由于需求,需要链接跳转的同时给a标签添加onclick事件,如果不做任何处理的话,默认执行点击事件,而不会跳转href属性的链接。 怎么解决:重写a标签的href属性和onclick事件 //这段代码可放入点击事件里 (function 阅读全文
posted @ 2018-07-30 17:26 青春给了义务教育 阅读(8344) 评论(0) 推荐(0) 编辑