web前端
关注
分享
扫一扫
文章平均质量分 61
哆来A梦没有口袋
偷偷拔尖，惊艳所有人(做兼职中，远程兼职可私信哦)
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
h5实现相机
取景器是什么？取景器是相机的一个专业术语，在前端就是扫描拍照。原创 2023-02-02 17:32:34 · 3495 阅读 · 0 评论 -
动画沿椭圆路线进行旋转
利用css的animation实现沿着椭圆线旋转原创 2022-08-04 16:55:37 · 1757 阅读 · 0 评论 -
nuxt框架获取用户真实的ip
需求：获取用户真实ip，接口数据请求多次（爬虫）禁用用户，拉入黑名单在这个需求中，前端所需要做的是，在接口请求将真实ip传入1.客户端渲染和服务器端渲染简单理解一下客户端渲染和服务器端渲染1.客户端渲染客户端渲染，是服务端给客户端相应数据，客户端进行将数据生成DOM元素在浏览器进行渲染2.服务器端渲染服务器端直接返回html结构给浏览器进行渲染3.区别服务器端渲染更利于seo引擎。2.nuxtnuxt的服务器端是node.js在正常请求接口过程中，后端原创 2022-05-12 16:26:19 · 2958 阅读 · 3 评论 -
vsCode常用软件
1.Chinese (Simplified)中文（简体）语言包为 VS Code 提供本地化界面。将英文版的vscode转换为中文版界面2.Auto clost Tag自动闭环标签，加快代码速度3.Auto Complete Tag自动关闭，自动重命名标签4Auto Rename Tag5.HTML CSS SupportHTMLid和class属性完成。 支持链接和嵌入的样式表。 支持模板继承。 支持其他样式表。 支持...原创 2022-03-16 14:48:32 · 802 阅读 · 0 评论 -
nginx实现简单代理
下载nginx链接: https://pan.baidu.com/s/1LX0f9XiL1zod007E5Zr7vQ?pwd=spdw 提取码: spdw原创 2022-02-24 15:25:17 · 3330 阅读 · 0 评论 -
vue中element-ui不能修改el-input框，或者是不能修改某些值
1.删除scoped,简单快捷 但是大家都知道scoped是为了让代码有自己的作用范围，有时候是是不好的2.重写覆盖 - 注意的是，要写自己的类名，否则也会造成全部的覆盖...原创 2020-03-16 21:23:09 · 13860 阅读 · 0 评论 -
高德地图的那些坑
1.web js api 的定位定位-服务-教程-地图 JS API v2.0 | 高德地图API利用官网的案例进行定位 - 会报错，地图闪烁报错仅请求地址位置信息以响应用户手势，地图频繁闪烁，换一种写法 AMap.plugin('AMap.Geolocation', function() { var geolocation = new AMap.Geolocation({ // 是否使用高精度定位，默认：true原创 2022-02-09 17:33:14 · 751 阅读 · 0 评论 -
current-page的坑
elementui的current-page不起作用cureent-page支持异步更新，也是:current-page.async = 'xxx'依旧不能更新注意： 当total还没有请求回来的时候，设置了不会起作用会默认在第一页因此，要在total赋值之后再进行设置...原创 2021-09-17 17:54:33 · 472 阅读 · 0 评论 -
快速获取对应日期
1.格式化日期或获取当前日期 /* * time 时间戳 * isAddZero 是否添0 * dateSplit 日期分隔符 * timeSplit 时间分隔符 * format 格式 Y-year M-month D-day h-hour m-minute s-sencond,选择项，默认显示年月日，时分秒 */ function toGetDa原创 2021-07-27 09:20:34 · 223 阅读 · 0 评论 -
uniapp做自己的启动页
精神饱满的开始学习啦，什么是启动页？？看下图，这就是启动页，启动页面是在manifest.json -> App启动界面配置中进行配置的，它默认的是开启了，但是细心的小伙伴会发现，启动页是app所特有的看完启动页，先了解一下它的配置uniapp的官网，明确指出-启动封面是App必然存在的，不可取消的但是其实很多时候，一个APP都希望能拥有自己独特的启动页面...原创 2021-05-07 10:22:31 · 19388 阅读 · 0 评论 -
uniapp得调试
uniapp如何调试？uniapp创建应用很简单，之前都已经详细得讲过了，但是写好得代码如何能调试查看呢？？H5对于H5就非常得简单 - 直接，对于H5,调试接口记得解决跨域这个是运行到页面，如果是想在手机上查看，首先要保证手机和电脑是同一个网络，手机直接浏览器直接访问启动起来得地址就行了APP对于APP得调试，如果是想方便，可以直接下载手机模拟器，我这里是下载得雷电模拟器，雷电模拟器是可以被检测得还有一个夜神模拟器，之前用过，记得用那个如果要连接上还需要怎么配置一样，.原创 2021-04-21 16:59:55 · 5740 阅读 · 2 评论 -
常用的前端网站和软件
学习类网站奇舞周刊https://weekly.75.team/思否https://segmentfault.com/我要自学网https://www.51zxw.net/leetcodehttps://leetcode-cn.com/problemset/all/掘金https://juejin.cn/工具类网站快速查询区域json数据http://datav.aliyun.com/tools/atlas/#&lat=30.31655..原创 2021-03-15 10:29:48 · 338 阅读 · 0 评论 -
初级前端面试题 - js
脚本，脚本内容是：获取cookie(有个人的列表信息)，并发送到我的服务器（服务器配合跨域），有人查看阅读，就可以轻松的获取访问者的cookie假设有一篇博客<body><p>xxx</p><p>xxx</p>原创 2025-01-07 14:26:18 · 1858 阅读 · 1 评论 -
flex布局宽高度设置不成功
flex布局中，会出现是在宽高，但是不起作用，那是因为flex布局当不够的时候自动压缩了可以选择 - 让其不压缩flex-shrink: 0;然后在设置宽高或者利用复合属性flex: 0 0 83rpx;这篇博客是对flex布局的讲解，以及新老版本的flex的区别https://blog.youkuaiyun.com/qq_42625428/article/details/83755402...原创 2020-11-26 15:46:50 · 2595 阅读 · 0 评论 -
从0开始认识uniapp
1.什么是uniapp? 学习任何一门新的技术，都离开官网，所以上链接 -https://uniapp.dcloud.io/README 在官网介绍的很详细了，uniapp是一个使用Vue.js开发所有前端应用的框架，简单的来说就是写一套代码，可以打包为APP, Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等 只有会偷懒的程序员才是好程序员，把一个功能从N句代码变为1句代码，2句代码的时候，应该就是逐渐步入大神的时候了，对于uniapp...原创 2020-11-18 10:24:42 · 6201 阅读 · 2 评论 -
vue - 一定时间拦截到登录页
原理 - 每进行一次操作记录一次时间，定时器触发一定时间进行检查记录的时间与当前时间的间隔时间，判断间隔时间进行拦截到登录页直接建立js文件进行编写逻辑，在main.js进行引入即可webapp - 一定时间拦截到登录页import router from '@/router'import store from '@/store'var lastTime = new Date().getTime()var currentTime = new Date().getTime()var t原创 2020-11-02 10:01:53 · 190 阅读 · 0 评论 -
React的基础学习(一)
1.react项目搭建 脚手架搭建 全局安装脚手架 yarn global add create-react-app 创建项目 create-react-app 项目名 进入并启动 cd 项目名 =》 yarn start 注意： （1） 有可能会全局安装有问题，则不进行全局安装 局部安装脚手架 yarn add c...原创 2020-02-11 19:28:24 · 249 阅读 · 0 评论 -
uniapp的那些坑
1.selectedColor不起作用 1.查看位置是否写对，与lis同级 2.是否为16进制，selectedColor写的rgb不支持3.是否被其他样式覆盖，其他地方也设置过selectedColor，可以全局搜索一下2.input框被输入键盘覆盖 如 ：input这些输入框，有一个自带的属性，可以设置键盘到输入框的距离如：设置样式后正常 3.有遮罩层时，禁止滚动...原创 2020-07-01 12:06:40 · 14657 阅读 · 0 评论 -
uniapp实现常用功能
1.pages.json官网地址：https://uniapp.dcloud.io/collocation/pages?id=%e9%85%8d%e7%bd%ae%e9%a1%b9%e5%88%97%e8%a1%a8 pages.json是对uniapp进行全局配置，决定了页面文件的路径，窗口样式，原生导航栏，底部原生tabbar等，类似于微信小程序中的app.json的页面管理部分{ "pages": [{ //页面路径和窗口的表现 "path": "pa...原创 2020-06-29 16:48:06 · 9570 阅读 · 0 评论 -
vscode中使用yarn,npm,cnpm报错
解决在vscode中不能使用yarn像下列报错步骤window +x -> Windw.powerShell(管理员A)按照下图进行输入修改权限即可原创 2020-06-15 16:43:35 · 2865 阅读 · 0 评论 -
环境安装 - npm.yarn修改安装路径和全局下载路径更改
前言 - npm的默认安装路径是c盘，它的全局安装路径也是c盘，但是现在大家都知道，东西尽量不往c盘装，所以要怎么修改npm， 以及yarn的安装位置和全局下载路径呢??1.npm的安装和修改 npm安装，傻瓜式安装，下一步即可，可以直接安装界面修改npm的全局安装路径，选择你想要安装的位置 查看当前npm包的全局安装路径 window + r -> cmdnpm prefix -g修改npm的包的全局安装路径 - window...原创 2020-06-15 16:31:41 · 3666 阅读 · 0 评论 -
关于echarts那些事儿
引言：随着图表的应用增多，很多echarts的配置你一定要知道echarts官网：https://echarts.apache.org/zh/tutorial.html一.echarts的使用 项目中使用echarts分为两个方向，一个是利用脚手架原创 2020-06-08 15:39:56 · 1292 阅读 · 2 评论 -
vue的excel的文件的下载和上传
需求 - 下载后台返回的excel,修改后上传 界面显示 - html部分 - <el-upload class="upload-demo" :headers="myHeaders" //添加请求头部 action="http://10.19.13.31:8760/api/file/ex...原创 2020-04-08 16:27:52 · 490 阅读 · 1 评论 -
vue - elementUI 将table表格动态合并
如：下图template部分 <el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 100%; margin-top: 20px" >...原创 2020-03-18 22:12:34 · 3261 阅读 · 2 评论 -
js的继承
1.构造函数实现继承 缺点：不能继承方法 //构造函数实现继承 function Parent(name){ this.name = name } Parent.prototype.showName = function(){ console.log(this.name...原创 2020-03-02 19:57:17 · 121 阅读 · 0 评论 -
从webSocket到实现实时聊天
什么是webSocket？WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。webSocket的原理图？ ...原创 2020-02-21 12:41:37 · 557 阅读 · 0 评论 -
常见的兼容性问题
1.事件响应对象 在ie8及以下，是将事件对象作为window的属性保存的 解决：div.ommousemove = function(event){ event = event || window.event}2.获取滚动条的滚动距离 chorme人为scroll为bodyde ,但是火狐等浏览器认为scroll为html的 解决：...原创 2020-02-19 18:45:27 · 217 阅读 · 0 评论 -
string的常用方法
<!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-UA-...原创 2020-02-07 22:14:37 · 193 阅读 · 0 评论 -
vue的基础学习(六) - vuex
(1)概念：一个存放若干组件共用的数据的仓库 (2)什么时候使用vuex： 当用户交互比较复杂，组件之间数据传值比较复杂的时候使用 让项目易于维护，并且让项目代码更加简洁 (3)怎么使用？ 1.下载 - npm i vuex / yarn add vuex 2. 创建文件与main.js同...原创 2020-02-04 15:02:34 · 377 阅读 · 0 评论 -
vue的基础学习(五)-生命周期
vue的生命周期 - 4大阶段，8个钩子函数 (1)创建前后 创建前 beforeCreate() :el，data(元素和数据)未初始化完成 创建后 created() :el未初始化，data初始化完成 ---》适合进行发送ajax并将数据进行绑定在data对象上 (2)挂载前后 挂载前: beforeMount(): el...原创 2020-02-04 15:01:36 · 120 阅读 · 0 评论 -
vue基础学习(四) - 路由
1.什么是路由：router -路由定义了地址和组件的一一对应关系（一个url地址，对应一个页面级别的组件）2.创建路由 1.创建项目时创建路由 在进行vue项目创建的时候进行创建路由 搭建vue项目：node环境下利用vue-cli脚手架搭建项目 (1)全局安装脚手架 - np...原创 2019-12-27 15:38:42 · 243 阅读 · 0 评论 -
vue的基础学习(三)-vue组件之间传值
vue组件之间传值： (1)父传子 原理： 父组件：利用自定义属性进行传值 子组件利用props进行接收使用 父组件<template> <div class="home"> <h1>父组件</h1> //传递给儿子 <...原创 2019-12-28 15:13:37 · 356 阅读 · 0 评论 -
vue的基础学习(二)
一.{{}} - 胡须表达式 表达式里面写在哪里？ - 表达式写在HTML的标签中 表达式里面写什么？ - 可以直接写data中的数据，也可以写基本的js语句 <template> <div> <p>{{name}}</p> <p>{{num == 1 ? nam...原创 2020-02-04 14:27:22 · 374 阅读 · 0 评论 -
vue的基础学习(一)
一，vue的简单介绍 1. vue的官网地址 -https://cn.vuejs.org 2.什么是vue？ vue是一套用于构建数据驱动用户界面的渐进式框架(js库)。Vue是建立于 Angular和React的基础之上，基于MVVM设计模式,保留了Angular和React的优点并添加了自己的独特成分，让框架的使用变得更加简单。 3. vu...原创 2020-02-04 14:02:39 · 149 阅读 · 0 评论 -
封装axios
1.什么是axios Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 特点：从浏览器中创建XMLHttpRequests 从 node.js 创建http请求 支持PromiseAPI 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御XSRF在项目过程中，...原创 2020-01-07 10:51:03 · 188 阅读 · 0 评论 -
利用express脚手架快速搭建web服务器
1.全局下载express npm i express-generator -g yarn global add express-generator2.利用express进行快速搭建web服务器 命令：(1)express -e 项目名 （2） cd 项目名 (3) npm in...原创 2020-01-04 16:40:01 · 648 阅读 · 0 评论 -
解决回调地狱，异步变同步问题
1.什么是回调地狱 回调地狱：多个ajax的请求出现了先后的关系，如： $.get('./json/a.json', function (value1) { $.get('./json/b.json', function (value2) { $.get('./json/c.json', function (v...原创 2019-12-20 19:32:04 · 332 阅读 · 0 评论 -
js数组遍历的6种方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=...原创 2019-12-12 15:49:11 · 165 阅读 · 0 评论 -
hash值跳转- - 实现局部刷新页面
1.什么是hash? 在前端中，hash值可以利用来实现页面的局部刷新 - 他是location下的一个属性 ,hash 属性是一个可读可写的字符串，该字符串是 URL 的锚部分（从 # 号开始的部分）。2.利用hash实现页面局部跳转 跳转原理：利用a标签的href属性去寻找相应id名，实现单页面内跳转<!DOCTYPE html><html...原创 2019-12-08 15:21:05 · 2424 阅读 · 0 评论 -
js数组操作方法
<!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-11-28 10:41:55 · 123 阅读 · 0 评论