- 博客(31)
- 收藏
- 关注
RSS订阅
原创 WIN10运行软件，窗口不显示 解决办法
win10 运行软件后，不显示窗口今天遇到个问题，我打开postman之后，任务栏显示它已经打开了，但是窗口就是不显示，如下图： 用alt + tab 查看，也能看到它！！！鼠标放在任务栏的图标上，也能看到窗口的缩略图，但是就是点不开，窗口不显示！！！！！解决办法鼠标在任务栏，选中 它，然后alt + 空格，会弹出来窗口选项： 移动光标，点击 最大化，然后就能看到窗口了！
2017-11-28 11:36:34
99799
44
原创 根据设计稿 -- 移动端单位的设置
引入less文件：// 设计图750 使用flexible// px ==> rem, 设计稿尺寸 除以 75，单位 rem// 使用例如： height:40*base;@base: round(1/75,6) * 1rem;// less 写一个minin// 使用方法：.px2rem(height,40);// 对属性进行设置// @name ----...
2019-09-27 10:56:17
351
转载 移动端 多屏适配方案
var dpr, rem, scale;var docEl = document.documentElement;var fontEl = document.createElement('style');var metaEl = document.querySelector('meta[name="viewport"]');dpr = window.devicePixelRatio |...
2019-01-23 14:48:56
436
转载 将Html页面转img图片功能
方案 将html转成canvas，再利用canvas导出img功能达到目的。 实现import html2canvas from 'html2canvas';function DPR() { if (window.devicePixelRatio && window.devicePixelRatio > 1) { return ...
2019-01-14 11:04:08
5432
1
原创 Js同步加载图片资源
//用法await img2base64("https://cdn-corner.resource.buzzbuzzenglish.com/qr-code.svg", 'anonymous');//封装的方法export const img2base64 = async (url, crossOrigin) => { return new Promise(resolve ...
2019-01-14 10:54:56
3447
原创 React 中 componentDidMount 和 componentWillMount 谁先执行完？
React生命 周期函数componentDidMount 和 componentWillMount 的执行时间1. 执行顺序 componentWillMount函数肯定在componentDidMount之前运行，前者是文档加载前执行，后者是加载后执行。2.执行时间 需要具体分析，方法里可能会有xhr请求、定时器多种效果影响，需要注意代码书写。3.谁先...
2019-01-03 11:39:25
11584
1
转载 修改Input 的placeholder颜色
尝试过几种写法，发现只有一种生效：::placeholder { color: #B2B5C8;}:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #B2B5C8;}::-ms-input-placeholder { /* Microsoft Edge */ color: #B2B5C8;}...
2019-01-02 11:25:14
128
原创 Ajax 文件上传显示进度条（支持取消）- 供自己查看
建议先封装一下XhrRequest:export default class xhrHelper { static createXHR() { if (typeof XMLHttpRequest !== "undefined") { return new XMLHttpRequest(); } else if (typeof A...
2018-11-26 12:22:49
742
原创 前端部分好用的库github上（个人记录）
M3u8播放器功能： https://github.com/video-dev/hls.js hls.js复制功能 ： https://github.com/zenorocha/clipboard.js clipboardJS各种操作： https://github.com/lodash/lodash lodash时间格式等处理：https://github....
2018-11-26 12:13:30
193
原创 微信浏览器中video标签 Z-index 过高遮挡页面问题
添加部分属性：<video controls id="video-introduction" x5-playsinline webkit-playsinline playsinline x-webkit-airplay="allow" x5-video-player-type="h5" width={d...
2018-11-15 10:03:34
13236
原创 原生Js实现轮播图（React +Redux）
1、js部分import React from 'react';import Client from "../../../common/client";import ServiceProxy from '../../../service-proxy';import Track from "../../track";import {connect} from 'react-redux...
2018-11-02 14:46:06
580
转载 React中阻止事件冒泡
stopPropagation: function(e){ e.stopPropagation(); e.nativeEvent.stopImmediatePropagation(); }
2018-06-14 11:59:17
3019
转载 原生Js滑动页面底部加载更多-- （注：单页应用和非单页-写法不一样）
1. 原生JS（适用于PC端,iphone上有bug-- 推荐使用第二种） //用于计算-当前窗口的高度function getClientHeight() { if(document.body.clientHeight&&document.documentElement.clientHeight) { return (document.bo...
2018-06-03 17:09:23
566
转载 原生JS移动端实现: 下拉刷新
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> &a
2018-06-03 10:14:20
4924
原创 JS滑动到页面顶部（或底部）
window.scrollTo(0, document.documentElement.clientHeight);
2018-05-24 16:39:57
43665
1
原创 web移动端开发-遇到的系列问题
（安卓）Audio标签播放问题 描述问题： 移动端 使用audio.play() 方法，在安卓上不会播放。 iphone支持 ontouchstart事件，android视为不安全，不支持。 解决方案： 1. 采用onclick~ 两者都支持。 2. 判断iphone和android，用不同的触发事件。 ...
2018-04-20 10:57:18
465
原创 javascript中 异步时使用For和Map
异步时For和Map的区别看代码var videoList = [ {num:1}, {num:2}, {num:3} ]; for(var i in videoList){ setTimeout(function(){ console.log(videoList[i].num); },2000)
2017-12-19 10:51:15
1521
转载 mysql操作
一、清除mysql表中数据delete from 表名;truncate table 表名;备注1、不带where参数的delete语句可以删除mysql表中所有内容，使用truncate table也可以清空mysql表中所有内容。2、效率上truncate比delete快，但truncate删除后不记录mysql日志，不可以恢复数据。3、delete的效果有点像将mysql表中所有记
2017-12-13 16:49:46
159
转载 Cassandra操作
CQL 数据库操作创建数据库 keyspaceCREATE KEYSPACE interview WITH REPLICATION = { 'class' : 'org.apache.cassandra.locator.NetworkTopologyStrategy', 'HZ': '2', 'SZ': '2' } AND DURABLE_WRITES = true;创建表CREATE TABLE
2017-12-07 11:23:51
514
原创 前端实现视频录制功能
web端实现视频录制技术参考地址 github源项目地址 ，需要注意的是：浏览器内置 navigator对象navigator.mediaDevices.getUserMedia()需要https或者localhost才能访问获取用户摄像头，并且用canvas显示html 代码（我使用的是jade模板，现在已经更新为pug） h1 Hello p Welcome to bridge+ 视频面试
2017-11-22 12:14:00
23644
4
原创 NodeJs 读取服务器文件
NodeJs 读取视频文件近期接到项目需求：用户上传自己录制的视频，然后可以在前端查看处理后的视频文件：前端上传视频node接收并保存node读取视频文件node流传输前端上传用户录制自己的视频文件，并上传到服务器端：代码块前端使用jquery的ajax，核心代码： var oMyForm = new FormData(); // 创建一个空的FormData
2017-11-21 17:41:29
4993
原创 前端开发工具/插件(个人收集)
开发工具篇webstormwebstorm是一款很受前端开发人员欢迎的软件，它的功能非常之强大。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。Visual Studio Code个人体验上感觉它不如webstorm, 但是有一次我打开一个前后端都兼备的项目，webstorm会卡死，visual studio code
2017-08-10 17:05:11
421
原创 前端系列“小”问题
记录一些前端小问题1.在Angular中，html中的onchange事件angular中的function不响应（不使用ng-model和ng-change情况下）：html部分:onchange="angular.element(this).scope().videoChange()"angular部分:$scope.videoChange = function(){ console
2017-08-08 18:11:33
249
原创 Node开发微信公众号
node之微信公众号开发本文章主要介绍本人开发微信公众号历程，主要包括微信token验证，授权登陆以及用户openid和公开信息获取，微信jssdk的调用，图片上传下载等功能（请你在阅读此文之前，务必浏览一遍微信官方文档，如果没有，请点这里）：微信服务器token验证授权登陆用户openid信息获取基础Access_token的获取和缓存微信JSSDK、签名认证素材上传下载
2017-03-08 12:00:43
717
原创 如何清除浮动带来的影响
如何清除浮动带来的影响在前端开发中，清除浮动的方法有多种，开发人员可以根据自己的喜好选择不同的方式。给父元素添加一些属性添加空div元素本人经历的特殊情况父元素添加属性1、将设置float的元素的父元素也设置float。 父元素也设置浮动，局限性较大。3、设置父元素的overflow为hidden。4、设置父元素的display为inline-block。 缺点：可能不符合情况要求。
2016-10-24 23:18:44
734
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人