![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端学习
beata_zhang
初学前端,请多多指教
展开
-
浏览器唤起相机失败问题
背景:浏览器是否可以唤起相机,依赖于接口的返回值,在此条件下,偶现唤起失败的情况,报的错误为file chooser dialog can only be shown with a user activation原因:因为vivo浏览器安全机制原因,用户长时间操作无响应,浏览器会移除此次行为,写了个demo,发现只有情况1是可以唤起的<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf原创 2021-02-27 10:45:32 · 1725 阅读 · 1 评论 -
移动端软键盘弹起遮挡输入框问题的解决方案
移动端软键盘弹起遮挡输入框问题的解决方案1.背景原生app与H5页面混合开发时,input输入框唤起软键盘时,输入框被遮挡,分为两种情况:客户端设置了windowSoftInputMode ="adjustResize"属性,软键盘会将webview向上抬起,偶现input框被遮挡客户端未设置windowSoftInputMode ="adjustResize"属性,软键盘在webview上方,不会将webview抬起,一直遮挡input的输入框针对情况1的解决方案当webview可以被抬起原创 2021-02-27 10:30:12 · 4322 阅读 · 0 评论 -
云服务器的购买部署流程详解(后台为node) 菜鸟版
说明:我是第一次走部署这个流程,如果有一些需要优化改进的地方,请指正1 服务器购买服务器选择的是腾讯云服务,在腾讯云服务中"合作与生态"=>"云+校园"里面有校园优惠套餐,包括域名和服务器,性价比高大家走正常购买的流程就好哈购买成功后,在控制台找到云服务器,点击进入,系统会有几分钟的处理时间,随后生成一台属于你的服务器.建议买完后重置一下密码设置安全组,这里我都是默认值,然...原创 2019-08-13 11:04:34 · 359 阅读 · 0 评论 -
vuex的简单使用及分析
vuex是vue开发一个状态管理模式一般多个组件公用的数据可以放在vuex中,进行集中管理,每次从store中读取状态都是在计算属性中返回的1. state文件state是存放数据源的地方,公用的数据可以放在这个文件里面...原创 2019-09-10 19:41:03 · 111 阅读 · 0 评论 -
js 面向对象第一课 tab标签切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-09-17 21:36:16 · 202 阅读 · 0 评论 -
vue beforeRouteEnter && beforeRouteLeave
beforeRouteEnter(to,from,next){ // 导航进入组件时调用 // 不能获取实例this,因为当组件执行时,组件实例还没有被创建 console.log('beforeRouter'); console.log(this); //undefined console.log(to); //...原创 2019-09-18 18:59:37 · 454 阅读 · 0 评论 -
js 面向对象第二课 继承
最开始的原型是这样的继承后,多了一个取消按钮,基本继承上面的模态框的方法和属性,"取消"按钮的方法是在模态框的基础上加上的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width...原创 2019-09-23 20:06:26 · 236 阅读 · 0 评论 -
利用webpack配置,将vue项目中不同组件进行抽离,实现多项目维护一套代码
只写了一个小demo,将vue中的一个vue单独抽离,可以类比于如果多个项目是类似的,只有某个文件不一样,那么一样的部分可以作为公用,直接维护项目中不一样的部分,节省维护成本,不多说了,直接上代码将项目拆分成两个文件夹,一个是共用代码sameInfo,一部分是抽离代码differInfo首先在differInfo中将抽离文件及package.json,router配置一下(home.vue)...原创 2019-07-26 16:25:22 · 980 阅读 · 0 评论 -
webpack中npm run dev 及 npm run build的运行流程
1 首先看package.json中的启动命令npm run dev/npm run build调用的入口文件是不同的2 npm run devnpm run dev 调用的入口文件为webpack.dev.conf.js'use strict'// npm run dev调用的就是这个文件const utils = require('./utils')const webpack ...原创 2019-07-26 13:30:13 · 6249 阅读 · 0 评论 -
node.js中net.socket和socket.io的区别
socket.io是一个WebSocket协议的实现,用它你可以进行websocket通信,这是应用层,node.js net.socket是系统socket接口,用它你可以操作linux socket,这是传输层。websocket协议本质上也是使用系统socket,它是把socket引入了http通信,也就是不使用80端口进行http通信。它的目的是建立全双工的连接,可以用来解决服务器客户...转载 2019-07-25 17:06:02 · 1804 阅读 · 0 评论 -
git 命令学习
git clone gerrit_iot:projectname //克隆git pull //update 更新代码;从远程库上面拉取代码git pull origin app_dev // 从远程库app_dev 分支上面拉取代码git pull origin mastergit status //modify new delete 查看整个工程的文件状态git l...原创 2018-11-07 16:39:08 · 130 阅读 · 0 评论 -
eslint学习
如何放在vue的项目中1 在webpack.base.conf.js的rules中加上eslint-loader的加载模块2 package.json中添加依赖包3 index.js文件中启用eslint4 在根目录下建立 .eslintrc.js文件(具体写规则)5 设置忽略文件.eslintignore配置webpack.base.conf.jsconst creat...原创 2018-11-07 16:54:01 · 533 阅读 · 0 评论 -
vue模糊搜索
vue实现模糊搜索根据名称进行关键词搜索template> <div class="wrap"> <div class="searchInput"> <input type="text" placeholder="请输入产品名称或PN" v-model="searchData">原创 2018-12-07 14:40:52 · 6526 阅读 · 1 评论 -
vue子路由小实例
#vue子路由小实例(如有错误或更好写法还请指正)实现效果上代码<template> <section id="childrenRouterPratice"> <section class="box"> <section class="box-title"> <div clas...原创 2019-05-11 15:39:55 · 1216 阅读 · 1 评论 -
display:flex小应用
问题描述:当父div套两个子div时,一个子div宽度固定,另一个填充父div剩余宽度,父div宽度可变<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in...原创 2019-05-13 10:59:59 · 686 阅读 · 0 评论 -
python django学习第一课
python django学习第一课第一步python pycharm django环境搭建创建django项目项目生成目录第一步python pycharm django环境搭建python安装教程及环境变量配置:https://jingyan.baidu.com/article/c45ad29c05c208051653e270.htmlpycharm安装教程:https://jingya...原创 2019-07-09 09:32:58 · 140 阅读 · 0 评论 -
python django学习第二课
settings.py介绍简单小实例from django.shortcuts import render# Create your views here.def index(request): context={ 'username':'111' } return render(request,'index.html',context...原创 2019-07-09 10:11:40 · 120 阅读 · 0 评论 -
node+socket+vue的简单交互实例
首先关注后端代码:(1) 安装socket.io插件npm install expressnpm install socket.io(2) 在server.js中写入如下代码:参考网址:https://socket.io/docs/#Sending-and-receiving-eventsvar app = require('express')(); var server = req...原创 2019-07-16 17:33:18 · 572 阅读 · 0 评论 -
CSS 页面上下左右居中的二种方式
1 display:flex布局,其中 justify-content:center;分别为水平居中,align-items: center;竖直居中 <style> html,body { width: 100%; height: 100%; display: flex; justify-content:center; ...原创 2019-07-25 16:59:35 · 2855 阅读 · 0 评论 -
web前端学习笔记---鼠标控制悬浮框的出现与消失
初学前端,随手记录日常所遇问题,可以时常回顾,若能帮助别人则更好,若有不妥之处或更为便捷之法,希望以评论告知,谢谢!要解决问题为原创 2018-10-12 15:28:25 · 3520 阅读 · 1 评论