logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue和React的样式穿透 —— 深度选择器

一般我们在写组件的时候,为了防止被其他组件内的样式冲突,习惯写一些局部样式,采用modules方案解决组件间的覆盖问题。但是如果html里有些class是需要根据条件判断来显示的话,在样式编译的时候,编译器会默认该样式不存在,从而直接把样式文件里写的class样式被忽略掉,最后编译出来的样式就会没有我们写的class样式,那这时候就需要使用解决。

#vue.js#react.js#less
vue项目使用echart实现动态心电图效果

通过requestAnimationFrame的方法,不断循环调用echart对象的setOption方法,每次改变一下series里面的data数据(即每次在data数组最后push一个数据,如果数组总数达到设置的一屏最大数,则先shift开头的一个数据,再结尾push一个数据),达到动态更新曲线图,实现心电图动画效果。

文章图片
#vue.js#javascript#前端
vue2 使用 html2Canvas 和 canvg 生成图片案例

html2canvas 将页面保存在canvas进行图片保存 canvg 将页面中的svg转化为canvas1.1 启动canvg引擎有三种方式,分别是from和fromString的区别是from需要传入的是svg本身,而fromString需要传入的是svg的字符串形式。这三种方式都可以传入三个参数,第一个参数是canvas画布的绘制上下文,第二个是需要绘制的svg,第三个是自定义配置选项,可

#前端#javascript
关于vue.extend的理解应用

使用基础 Vue 构造器,创建一个“子类”。参数是一个包含组件选项的对象。一般,我们会用Vue.extend接收一个组件对象来创建一个构造器,再利用创建的构造器 new 一个实例,并将这个实例挂载到一个元素上。............

#vue.js#javascript#前端
Vue和React的样式穿透 —— 深度选择器

一般我们在写组件的时候,为了防止被其他组件内的样式冲突,习惯写一些局部样式,采用modules方案解决组件间的覆盖问题。但是如果html里有些class是需要根据条件判断来显示的话,在样式编译的时候,编译器会默认该样式不存在,从而直接把样式文件里写的class样式被忽略掉,最后编译出来的样式就会没有我们写的class样式,那这时候就需要使用解决。

#vue.js#react.js#less
vue项目使用echart实现动态心电图效果

通过requestAnimationFrame的方法,不断循环调用echart对象的setOption方法,每次改变一下series里面的data数据(即每次在data数组最后push一个数据,如果数组总数达到设置的一屏最大数,则先shift开头的一个数据,再结尾push一个数据),达到动态更新曲线图,实现心电图动画效果。

文章图片
#vue.js#javascript#前端
npx 使用教程

npm从 v5.2.0开始新增了 npx命令,>=该版本会自动安装npx,是一个npm包执行器,,npm 使得它非常容易地安装和管理托管在注册表上的依赖项,npx 使得使用 CLI 工具和其他托管在注册表,加强了用户的体验。Node安装后自带npm模块,可以直接使用npx命令。如果不能使用,就要手动安装一下。

#npm#node.js
vueCli 4.x 升级 5.x 报错 - Progress Plugin Invalid Options的解决方法

2、检查vue.config.js里面的devServer是否有overlay配置,这个配置在vue-cli5.x版本里会不兼容,要去掉,否则运行也会报错。1、检查node_modules里的webpack版本是否也升级到5.x版本,没有就要升级到5.x版本。3、删错掉node_modules和package-lock.json。这个有可能是本地安装的webpack版本跟vue-cli版本不一致导

#vue.js#前端#javascript +1
jquery滚动条插件slimScroll的使用方法总结

simScroll插件项目下载地址:https://github.com/rochal/jQuery-slimScrollTIP:1.slimScroll在使用的时候要依赖JQ,所以首次使用的时候要引入JQ再引入simScroll插件2.不支持resize的时候重新调用插件,不过有人已经修改过源码,这是修改过的版本的下载地址:https://github...

前端开发在Chrome浏览器上的跨域问题

有时候我们开发调试项目阶段,遇到有一些后端接口有跨域问题无法正常访问,这时候我们就可以开启Chrome浏览器的跨域功能来正常访问需要跨域的接口请求。

#chrome
    共 14 条
  • 1
  • 2
  • 请选择