
前端
王2疼
一个前端菜鸟,想要深造 哈哈哈
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
input 标签调起摄像头拍摄并预览(移动端)
html部分<input type="file" id="file1" accept="image/*" capture="camera" @change="changePic" /><!-- accept="video/*" 可调用摄像头拍摄视频 -->js部分changePic(e) { // console.log(e) const _this = this; const fileObj = e.target; const file原创 2021-03-04 15:47:33 · 2771 阅读 · 1 评论 -
img元素的object-fit属性
img元素的object-fit属性干了那么久的前端开发,第一次知道这个属性。实属惭愧==object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。object-fit 一般用于 img 和 video 标签,一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。类似于background-size属性,属性值也差不多语法:object-fit: fill|contain|cover|scale-down|none|initial|inherit;只是想自己记原创 2021-01-04 12:20:31 · 2374 阅读 · 0 评论 -
Highcharts 数据可视化 常用图表
Highcharts 各类图表展示1、 正常曲线图chartOptions: { chart: { zoomType: "x", // x轴可伸缩 height: 268 }, xAxis: { type: "datetime", // 以日期格式展示 showLastLabel: true, lineColor: '#F8F8F8', tickColor: '#F8F8F8', plotBands: { // 标示区 from: 1399305600原创 2020-12-31 17:28:20 · 782 阅读 · 0 评论 -
vue项目中微信h5页面跳转到小程序 wx-open-launch-weapp
先放上微信官方文档:微信官方文档1、先请求接口配置微信需要的一些参数// 需要先请求后端接口 let url = window.location.href.split("#")[0];let shareConfig = await shareViewAPI.getWechatConfig({url});let _this = this;// 将接口返回的信息配置 wx.config({ debug: false, appId: _this.app_id, // 必填,公众号的唯一标原创 2020-08-25 13:01:27 · 3624 阅读 · 12 评论 -
vue 播放器插件 vue-video-player 播放流文件
git项目地址:https://github.com/surmon-china/vue-video-player1、安装插件npm install vue-video-player videojs-contrib-hls -S 2、引入插件在main.js中引入import VideoPlayer from 'vue-video-player'require('vue-video-player/node_modules/video.js/dist/video-js.css')require(原创 2020-08-12 17:57:24 · 1511 阅读 · 0 评论 -
element-ui 的table无限加载更多 infinite-scroll
// 此指令依赖于 element-ui1 安装npm install el-table-infinite-scroll -S2 引入全局引入import Vue from 'vue';import elTableInfiniteScroll from 'el-table-infinite-scroll';Vue.use(elTableInfiniteScroll);局部引入import elTableInfiniteScroll from 'el-table-infinite-scr原创 2020-07-21 13:18:13 · 4577 阅读 · 2 评论 -
vue-router 懒加载报错 Loading chunk {n} failed
懒加载懒加载:避免单页面应用一次性加载全部组件造成加载时间过长。使用:// router文件中routes: [{ path: '/Login', name: 'Login', component: resolve => require(['@/views/Login'], resolve)}...]跳转或加载路由时报错 Loading chunk {n} failed使用懒加载会经常导致导航点击没用,加载模块出现错误解决:在当前文件中加入vue-routerrou原创 2020-07-01 00:23:50 · 1498 阅读 · 1 评论 -
实现一个函数的链式调用
实现一个LazyPig,可以按照以下方式调用:/* LazyPig(“Peggy”)输出:Hello,I’m Peggy!LazyPig("Peggy").sleep(10).eat("dinner")输出Hello,I'm Peggy!//等待10秒..Wake up after 10Eat dinner~LazyPig("Peggy").eat("dinner").eat("supper")输出Hello,I'm Peggy!Eat dinner~Eat supper~以此类原创 2020-06-06 10:02:57 · 869 阅读 · 0 评论 -
前端开发面试过程中遇到的编程面试题
输出下面代码的结果var a = b = {x: 1};var a.x = a = {x: 1};console.log(a); // {x: 1}console.log(b); // {x: {x: 1}}用js判断一个字符串是否是回文字符串// 1 使用reverse()方法// 2 for循环判断//方法1function palind1(str) { let newStr = str.toLowerCase(); for(let i=0,len=Math.floor(.原创 2020-05-25 22:23:25 · 238 阅读 · 0 评论 -
如何创建ajax
如何创建ajax1 创建一个XMLHttpRequest对象(异步调用对象var xhr = null;if(window.XMLHttpRequest){ xhr = new XMLHttpRequest()}else { xhr = new ActiveXObject("Microsoft.XMLHTTP")}或var xhr = null;try { xhr = n...原创 2020-04-18 10:39:13 · 227 阅读 · 0 评论 -
vue配置px2rem适配移动端(自动将px转rem)vue-cli2 版本
vue配置px2rem1 安装npm install px2rem-loader lib-flexible –save2 在项目入口文件main.js中引入lib-flexibleimport 'lib-flexible/flexible'3 在build下的 utils.js中为generateLoaders 添加 px2remLoaderconst px2remLoader =...原创 2020-04-11 09:25:03 · 755 阅读 · 0 评论 -
vue 父子页面相互传值
1、首先在main.js中添加如下代码:Vue.prototype.$eventHub = new Vue();2、父页面进入子页面及传参代码:3、子页面接收父页面传来的值onLoad(opt) { //opt是传过来的queryString对象 this.param = opt.id;}4、子页面向父页面传值...原创 2019-10-25 14:19:58 · 619 阅读 · 0 评论