随笔分类 - Web 前端
摘要：v-html 里 的内容样式如果直接在 style里覆盖样式, 不生效。需要样式穿透才行 <template> <div v-html="goodDetails.introduction" class="introduction"> </template> <style lang="scss" sc
阅读全文
摘要：Layui 的官网已经下线了，一个饱受国人喜爱的产品终究是抵挡不住技术的变革。 但还有项目需要支撑, 故线上部署一个 Layui 文档镜像, 仅为 Layui 在线文档保留使用，和 Layui 团队无任何关系，也并非官网！ Layui 静态文档文档: https://layui.yiheng.tec
阅读全文
摘要：在win10上运行cnpm命令时出现: cnpm : 无法加载文件 C:\Program Files\nodejs\node_global\cnpm.ps1，因为在此系统上禁止运行脚本。 解决办法记录如下: 在powershell中执行 Start-Process powershell -Verb
阅读全文
摘要：父窗体js $('.mytable').on('click', '.editRow', function () { var table = $('#table_id_example').DataTable(); var rowData = table.rows({selected: true}).d
阅读全文
摘要：vscode/idea + vim 切换成normal模式后自动关闭输入法 解决问题: 在vscode中使用vim, insert模式用中文输入法, 切换到normal模式后仍然是中文. 针对这个痛点, idea 中 有 IdeaVimExtension 插件可以解决. 但是在vscode 下暂无此
阅读全文
摘要：/** * 获取当前日期 * @returns {string} */ Common.currentDate = function () { // 获取当前日期 var date = new Date(); // 获取当前月份 var nowMonth = date.getMonth() + 1;
阅读全文
摘要：如果新项目要做系统国际化, 时下热门的任何一种技术选型都有成熟的方案，比如： 1. vue + vue i18n 2. angular + angular translate 3. react + react intl 但是老项目的国际化几乎是jquery + jquery.i18n.propert
阅读全文
摘要：" " 什么是gulp? 用自动化构建工具增强你的工作流程！ Gulp 是基于node.js的一个前端自动化构建工具，开发者可以使用它构建自动化工作流程（前端集成开发环境）。 使用gulp你可以简化工作量，让你把重点放在功能的开发上，从而提高你的开发效率和工作质量。 例如：你可以用gulp可以网页自
阅读全文
摘要：前言 最近, 工作中要做类似这种的项目. 用到了百度的 echarts 这个开源的数据可视化的框架. 因为投屏项目不像PC端的WEB, 它不允许用户用鼠标键盘等交互. 有些图表只能看到各部分的占比情况, 不能显示具体的数值. 比如: 得让页面的数据(即tootips)自动轮播数据,效果是这样的. 所
阅读全文
摘要：在浏览器中按 f12 打开【开发人员工具】，找到【console(控制台)】，输入以下代码，再按回车，稍等片刻即可把全部图标加入购物车 var ll = document.getElementsByClassName('icon-gouwuche1'); for (var i=0; i<ll.len
阅读全文
摘要：Foreword 虽然音乐播放这类的项目的静态展示居多,业务逻辑并不复杂，但是对于我这种后端出身的前端萌新来说，能使用vuejs完成大部分功能, 也会有许多收获。 api：我使用的是一个开源的 nodejs 封装的网易云音乐 api，名叫NeteaseCloudMusicApi 文档地址 githu
阅读全文
摘要：Vue 开发插件 我们可以先查看Vue的插件的开发规范 我们开发的之后期望的结果是支持 import、require 或者直接使用 script 标签的形式引入，就像这样： ps: 这里注意一下包的名字前缀是 unisoft ，组件的名字前缀是 uni import UniSoftUI from '
阅读全文
摘要：今天Chrome自动升级到69.0.3497.92, 发现UI已经变成了"Material Design Refresh". Chrome 浏览器的页面标签已经不再像以往那样倾斜和尖锐的外观，将引入圆形标签，圆润的地址栏和新的打开标签按钮。 在本次设计调整中，在 Windows、Linux 和 Ch
阅读全文
摘要：Vue module for lazyloading images in your applications. Some of goals of this project worth noting include: 1. Be lightweight, powerful and easy to us
阅读全文
摘要：基于 vue cli 配置手淘的 lib flexible + rem，实现移动端自适应 1. 安装 flexible 2. 引入 flexible 在项目入口文件 main.js 中添加如下代码，引入 flexible 3. px 转 rem 使用 webpack 的 px2rem loader,
阅读全文
摘要：实现思路(长宽比2:1): 以父级元素为基准, 子级 width:100%; (也就是父级宽度的 100%), padding top:50% (也就是父级宽度的 50%, 根据 css 规范, padding 用百分比表示的话, padding: 100% 等于父元素的宽度); 为什么不直接 ?
阅读全文
摘要：做项目中，我们在写弹框的时候，不管弹框的内容多或者少，可能需要一些内容需要固定在框底部，比如关闭按钮。stick footer 就是让 footer 元素固定在底部 1. 当内容不足满屏时，footer 紧贴最底部 2. 满屏需要下拉时，footer 就在内容的底部 以下主要用一种固定的结构实现 s
阅读全文
摘要：better scroll 是一个页面滚动插件，用它可以很方便的实现下拉刷新，锚点滚动等功能。 实现原理：父容器固定高度，并设置 overflow：hidden，子元素超出父元素高度后将被隐藏，超出部分可滚动且没有滚动条。 "github地址" 一. 立即使用 二. 结合 vue 使用 1. 安装
阅读全文
摘要：scss 入门 1. scss 引入其他文件 1. 引入其他 .scss 文件 这样的话，文件在编译后，会自动把引入的文件和当前文件合并为一个. scss 文件 2. 引入其他 .css 文件 和引入. scss 文件不同，这样引入的. css 文件在编译后不会和当前文件合并为一个. scss 文件
阅读全文
摘要：在 Vuejs 项目中如何定义全局变量 全局函数 在项目中，经常有些函数和变量是需要复用，比如说网站服务器地址，从后台拿到的：用户的登录 token, 用户的地址信息等，这时候就需要设置一波全局变量和全局函数. 定义全局变量 原理: 设置一个专用的的全局变量模块文件，模块里面定义一些变量初始状态，用
阅读全文
浙公网安备 33010602011771号