web前端
文章平均质量分 63
二叶扁舟
这个作者很懒,什么都没留下…
展开
-
vue项目开发小问题集合
一:关于手机端rem适配的问题: 1、手机端适配是为了一个模版能适应不同的手机屏幕,市场上手机屏幕大小各有不同,一般可归为几大类。 一般逻辑尺寸为320*480(iphone4),320*568,375*667(iphone6),414*736(iphone6plus)。现在设计师给的设计稿基本是640*或者是750*的。 利用rem配合媒体查询或者js动态修改html的根字体大小都是可以的。...原创 2018-01-29 15:35:15 · 332 阅读 · 0 评论 -
前端问题小集合
一、texteara多行文本框换行方法?1、通过js 方式在 字符串中加入“\n”然后将字符串复制给texteara内容里2、或者通过换行的转义字符“
;”直接放在texteara的html标签里面二、嵌入外部网页的方法嵌入本地html我们一般使用jquery的load方法加载即可,但如果是嵌入外部网页,不单单是html结构,而是包括整个网页的效果,我们一般采用...原创 2018-03-14 18:38:58 · 230 阅读 · 0 评论 -
vue项目4rs vue-router上线后history模式遇到的坑
此次项目开发完后准备打包,因为hash模式的路径带#看着实在是有点丑,所以采用history模式。因为本次项目属于以前网站重构,但是seo问题,所以需要以前的一些地址路径写,所以vue-router的路径全部重改了。打包后查了网上一大堆,都说要把config里的index.js 里的build里的assetsPublicPath: '/'改成‘./’,打包上线发现在hash模式下是没问题的,但...原创 2018-04-04 20:20:59 · 4412 阅读 · 2 评论 -
vue项目使用 prerender-spa-plugin 预渲染
由于项目要做seo优化,而用vue写成的spa页面谷歌浏览器等是抓取不到数据的。介于ssr和预渲染来说,后者相对来说要简单许多。所以采用了预渲染方式。采用插件prerender-spa-plugin使用第一步:修改配置文件webpack.prod.conf.js 在const webpackConfig = merge(baseWebpackConfig, {plugins: [ new...原创 2018-04-13 19:07:37 · 4368 阅读 · 1 评论 -
前端技术栈
记录前端开发过程中用到,了解到,接触到的一些技术点。以便以后能想起来有这么个东西。1、sortable.js :拖放排序插件 Sortable.js是一款轻量级的拖放排序列表的js插件(虽然体积小,但是功能很强大) 下载地址:https://github.com/RubaXa/Sor... 官方DEMO:http://rubaxa.github.io/Sort...原创 2018-05-10 10:35:39 · 427 阅读 · 0 评论 -
自定义下拉复选框关闭和显示
示例图如下样式什么的都不是问题,问题是当我实现select框显示关闭时碰到了问题。那么问题来了。点击上面输入框时显示和隐藏正常。那么点击外面空白区域怎么关闭。我之前用上了我的笨方法,就是给document绑定一个点击事件关闭这个下拉。然后给输入框和下拉框点击事件加个阻止冒泡事件。感觉为了实现这个效果用了这么多代码是在看着不舒服。后面网上查看了高人的代码。思想是给document绑定一...原创 2019-08-08 17:29:15 · 363 阅读 · 0 评论