- 博客(14)
- 收藏
- 关注
原创 Vue打包扫描存在中危风险过期的YUI版本
Vue打包扫描存在中危风险过期的YUI版本我司安全部门反馈一个问题:"1个中危风险 过期的YUI版本 当前版本2.9.0 包含1个中危漏洞 风险位置 com/static/js/chunk-libs.62eeccfc.js"搜索整个项目并没有发现使用到YUI ,最终在某个博客发现了原因,感谢博主!博客链接项目中使用了rsa加密jsencrypt,用npm 安装到项目的jsencrypt是没有压缩的,里面包含YUI打包之后会出现这种文件。所以这个时候引用jsencrypt.min.js压缩包
2021-03-11 19:45:27 5783
原创 使用Chrome开发者工具overrides实现不同环境本地调试
使用Chrome开发者工具overrides,来实现不同环境本地调试。例如某个问题只在生产环境出现,本地复现不了,这时候就可以使用overrides来生成一份生产环境的本地副本,在本地使用生产环境、本地副本进行调试,快速排查问题原因,解决问题。
2020-10-19 15:53:01 10343 5
原创 Vue使用css变量更换主题色
Vue使用css变量更换主题色Vue使用css变量更换主题色css 变量用法在Vue中使用css变量Vue使用css变量更换主题色使用css变量更换主题色。一般会提供几个主题色供用户选择,或者直接使用拾色器让用户选择喜欢的颜色。css 变量用法声明一个自定义属性,属性名需要以两个减号(–)开始,属性值则可以是任何有效的CSS值。和其他属性一样,自定义属性也是写在规则集之内的,如下:element { --main-bg-color: #000;}注意,规则集所指定的选择器定义了自定义属
2020-10-13 17:19:12 1272 1
原创 支付宝小程序添加H5域名配置失败原因
在支付宝小程序里,不能外跳H5页面。针对小程序不能外跳 H5 页面,提供 web-view 页面承载组件将 H5 嵌套进小程序,实现在小程序内打开 H5 页面。 要想在小程序里打开H5页面, 需要在管理后台添加H5域名配置。即你要打开的H5页面的域名需要添加到小程序后台的H5域名配置里。
2020-07-14 15:22:00 2617
原创 微信小程序快速转支付宝小程序(antmove)
微信小程序转支付宝小程序微信小程序快速转支付宝小程序微信小程序快速转支付宝小程序现在小程序各个大平台都比较火爆,当然基本都是cp的微信小程序。我司最近要将之前开发好的百度小程序移植到各个平台,不考虑重复开发。同事已经用python插件将百度小程序转成微信小程序,分配给我的任务是把微信小程序转成支付宝小程序。每当我们接到开发任务,自然是面向搜索引擎寻找方案(这行划掉)。我一番搜索后发现,推得比较多的是VS code的一个插件,wx2my。![在这里插入图片描述](https://img-blog.cs
2020-07-14 15:02:57 12642 3
原创 Vue+TypeScripts搭建一个简单项目
Vue+TypeScripts搭建一个简单项目使用Vue CLI 快速搭建Vue + TypeScripts的一个项目,最近又看了一遍TS教程,都说只要你会JS,那么你就已经会TS了。不过个人感觉还是需要时间来熟悉和练习才能上手,下面搭建一个简单项目来试试。使用Vue CLI3可以使用TypeScript成新工程。创建方式如下:# 1. 如果没有安装 Vue CLI 就先安装npm install --global @vue/cli# 2. 创建一个新工程,并选择 "Manually sel
2020-05-15 14:24:46 474
原创 在vuex 中使用element-ui的Message 消息提示
如何在vuex中使用element-ui的Message 消息提示?今天遇到一个小问题,项目使用的是vue+element-ui,在登录的时候由于后端接口返回的请求状态码不一致,导致没法在axios 中做错误的统一处理。登录请求接口逻辑写在vuex中,我们平时在页面组件中使用提示,直接使用this.$message('这是一条消息提示');但是在vuex中不能这么使用。在vuex中先引入import { Message } from 'element-ui'2.引入后即可在vuex中使
2020-05-11 17:24:26 3154
原创 live sass compiler ,VSCode插件自动将sass解析成css
live sass compiler 插件可实时自动将sass解析成css,同时可以自动添加css 兼容性前缀,-webkit-,-moz-, -ms-,-o-等。我们平时在做一些简单项目,比如说单一活动页面,并不需要搭建前端自动化的框架时,可以使用vs code 的live sass compiler插件,自动将scss转换为css,以下为使用步骤。在vs code扩展中搜索live sass compiler 并安装。在设置中搜索live sass compiler ,在setting.jso
2020-05-11 17:09:13 3111
原创 PC页面自适应采用rem
在head 内加入js代码,根据浏览器宽度设置根元素字体大小,以下代码为设计稿1920的转换,为了计算方法,1rem = 1920 / 100 = 196 px ,写css 时根据设计稿标注除以100即可<script> var deviceWidth setHtmlFontSize() if (window.addEventListener) { window.addEventListener('resize', function () { .
2020-05-11 16:25:06 260 1
原创 使用live server (vscode插件)实现实时服务器
使用live server 插件本地开发实现热加载,实时查看网页效果在vscode 扩展中搜索 live server ,并安装在设置中写上配置"liveServer.settings.donotShowInfoMsg": true,"liveServer.settings.AdvanceCustomBrowserCmdLine": ""3.在vscode 选中想要启动服务的页面,右键菜单里选择 Open with Live Server ,就会在浏览器中自动打开页面 http://127.
2020-05-09 15:28:39 1608
原创 移动端使用rem做自适应
移动端使用rem做自适应设计稿如何换算成rem?1.使用手淘封装好的flexible.js设计稿如何换算成rem?1.使用手淘封装好的flexible.js具体使用:页面引入flexible.js根据设计师提供的设计稿大小进行转换,像我们公司提供的一般是750px 的设计稿,为了计算方便,750px / 10 = 75px = 1rem我使用的编辑器是Vscode, 在应用...
2020-05-08 15:09:14 227
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人