- 博客(10)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 React Native 创建项目时报错 Something went wrong in downloading and extracting the project files.
学习 React Native 搭建开发环境中遇到了个报错信息Something went wrong in downloading and extracting the project files.命令行报错，在网上搜了半天也没找到解决方法，后来一看官网文档说 node 版本必须要大于 12后来升级了下node版本，再次执行创建命令 就成功了附：更新node版本和npm版本node版本更新：windows：需在node官网重新下载安装，并且要安装在原目录node -v // nod
2021-03-30 11:52:49
2592
原创 jQuery click事件 函数调用 $(this)指向
开发过程中经常会用到点击事件，多个元素复用一个函数时，通常会包装为一个公用方法。但是，函数默认绑定并指向的是window对象，而不是指向调用函数的元素function add() { console.log($(this)); // 此时的this 指向全局对象window}如果想要获取调用函数的元素本身，需要在调用时把 this传递过去<script> function add(obj) { console.log(obj); // 这
2021-03-08 16:06:38
1748
原创 canvas 设置宽高无效问题
首先，canvas元素默认宽度为300px, 高度为150px，但是在开发过程中发现，直接在canvas标签上设置样式，宽高似乎不太准确// index.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=n
2020-07-30 15:43:50
4724
原创 Vue中使用NProgress进度条
1、安装$ npm install nprogress --save// 或者$ yarn add nprogress// 基本用法NProgress.start();NProgress.done();2、使用main.jsimport NProgress from 'nprogress';import 'nprogress/nprogress.css';// 进度条将以0.2递增，设置动画方式和时长NProgress.inc(0.2)NProgress.configure(
2020-07-28 11:29:40
244
原创 vue 使用$router.push(参数)跳转同一路由页面，参数改变，跳转页面数据不刷新的解决方案
在Vue页面中，想要跳转到不同的页面，则需要使用router.push()方法，这个方法会向history栈中添加一个新的记录，点击浏览器后退按钮会返回到之前的URL。Vue用router.push（传参）跳转同一页面，参数变化，跳转页面数据不刷新的解决办法：// 全局作用 // go 方法 在跳转后的路由观察路由变化，如果变化，刷新页面路由watch: { 'route'(to, from) { this.$router.go(0); }}// 单个页面watch: { 'rou
2020-07-27 15:00:20
4513
原创 window.location 备忘清单
想获取站点的URL信息，那么window.location对象比较适合。使用其属性获取有关当前页面地址的信息，使用其方法进行某些页面重定向或刷新。https://segmentfault.com/search?q=前端#1window.location.origin = 'https://segmentfault.com'; .protocol = 'https:' .host = 'segmentfault.com' .hostname = 'segmentfa
2020-07-10 14:13:58
89
原创 (全) flex布局兼容性 兼容新老浏览器、移动端浏览器
大部分开发者使用flex布局基本上都遇到过兼容性的问题，尤其是移动端在适配低版本的时候，下面是我总结的flex 布局兼容性的css样式，希望能帮到大家。/* 父元素-flex容器 */.flex{ display: flex; display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-
2020-07-08 15:18:17
3063
原创 element UI自带的图片预览插件，实现点击按钮预览图片列表 el-image-viewer
Element UI 有个图片预览功能，即给图片加上preview-src-list属性，就可设置预览图数组。<div class="demo-image__preview"> <el-image style="width: 100px; height: 100px" :src="url" :preview-src-list="srcList"> </el-image></div><script> e
2020-07-01 15:30:18
14653
12
原创 ES6基础(内含Promise、Symbol、Set、Map等基本使用)
1、let 和 const 命令1、let 命令基本用法let 用于变量声明，类似于var，但其声明的变量只在let命令所在的代码块内有效{ var a = 10; let b = 5;}console.log(a); // 10console.log(b); // b is not defined;for循环的计数器for (let i = 0; i < 10;...
2020-04-07 18:48:57
635
原创 前端面试题（基础）
1、addEventListener,第三个参数的作用DOM方法 addEventListener() 需要3个参数，分别为事件名称（String）、要触发的事件处理函数(Function)、指定事件处理函数的时期或阶段(boolean)当第三个参数设置为true就在捕获过程中执行，反之就在冒泡过程中执行处理函数。2、js事件阶段（捕获>目标>冒泡），阻止冒泡有哪些方法eve...
2019-11-28 15:17:55
89
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人