beata_zhang-CSDN博客

原创浏览器唤起相机失败问题

背景：浏览器是否可以唤起相机，依赖于接口的返回值，在此条件下，偶现唤起失败的情况，报的错误为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 1551 1

原创移动端软键盘弹起遮挡输入框问题的解决方案

移动端软键盘弹起遮挡输入框问题的解决方案1.背景原生app与H5页面混合开发时，input输入框唤起软键盘时，输入框被遮挡，分为两种情况：客户端设置了windowSoftInputMode ="adjustResize"属性，软键盘会将webview向上抬起，偶现input框被遮挡客户端未设置windowSoftInputMode ="adjustResize"属性，软键盘在webview上方，不会将webview抬起，一直遮挡input的输入框针对情况1的解决方案当webview可以被抬起

2021-02-27 10:30:12 3992

原创 js 面向对象第二课继承

最开始的原型是这样的继承后,多了一个取消按钮,基本继承上面的模态框的方法和属性,"取消"按钮的方法是在模态框的基础上加上的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width...

2019-09-23 20:06:26 209

原创 vue beforeRouteEnter && beforeRouteLeave

beforeRouteEnter(to,from,next){ // 导航进入组件时调用 // 不能获取实例this,因为当组件执行时,组件实例还没有被创建 console.log('beforeRouter'); console.log(this); //undefined console.log(to); //...

2019-09-18 18:59:37 421

原创 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 170

原创 vuex的简单使用及分析

vuex是vue开发一个状态管理模式一般多个组件公用的数据可以放在vuex中,进行集中管理,每次从store中读取状态都是在计算属性中返回的1. state文件state是存放数据源的地方,公用的数据可以放在这个文件里面...

2019-09-10 19:41:03 92

原创云服务器的购买部署流程详解(后台为node) 菜鸟版

说明:我是第一次走部署这个流程,如果有一些需要优化改进的地方,请指正1 服务器购买服务器选择的是腾讯云服务,在腾讯云服务中"合作与生态"=>"云+校园"里面有校园优惠套餐,包括域名和服务器,性价比高大家走正常购买的流程就好哈购买成功后,在控制台找到云服务器,点击进入,系统会有几分钟的处理时间,随后生成一台属于你的服务器.建议买完后重置一下密码设置安全组,这里我都是默认值,然...

2019-08-13 11:04:34 321

原创利用webpack配置,将vue项目中不同组件进行抽离,实现多项目维护一套代码

只写了一个小demo,将vue中的一个vue单独抽离,可以类比于如果多个项目是类似的,只有某个文件不一样,那么一样的部分可以作为公用,直接维护项目中不一样的部分,节省维护成本,不多说了,直接上代码将项目拆分成两个文件夹,一个是共用代码sameInfo,一部分是抽离代码differInfo首先在differInfo中将抽离文件及package.json,router配置一下(home.vue)...

2019-07-26 16:25:22 899

原创 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 6117

转载 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 1766

原创 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 2805

原创 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 549

原创 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 95

原创 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 128

原创 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 673

原创 vue子路由小实例

#vue子路由小实例(如有错误或更好写法还请指正)实现效果上代码<template> <section id="childrenRouterPratice"> <section class="box"> <section class="box-title"> <div clas...

2019-05-11 15:39:55 1170 1

原创 vue模糊搜索

vue实现模糊搜索根据名称进行关键词搜索template> <div class="wrap"> <div class="searchInput"> <input type="text" placeholder="请输入产品名称或PN" v-model="searchData">

2018-12-07 14:40:52 6456 1

原创 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 485

原创 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 111

原创 web前端学习笔记---鼠标控制悬浮框的出现与消失

初学前端,随手记录日常所遇问题,可以时常回顾,若能帮助别人则更好,若有不妥之处或更为便捷之法,希望以评论告知,谢谢!要解决问题为

2018-10-12 15:28:25 3190 1

前端学习笔记