- 博客(100)
- 收藏
- 关注
RSS订阅原创 最后一篇不再更新：前端的我转行国外土木了
你问我为什么要转行，这么说吧，楼主20届专科毕业之后干了一年多土木，相信大家在网络上也刷到过类似的视频。49年入国军。没错，苦逼的楼主不是一个开朗的人，也不是一个喜欢吹牛逼的人，不喜欢巴结领导，外加楼主也没有牛逼的亲戚朋友这种背景。这样的开局已经注定了楼主的悲剧。2022年年初，和家里人还有女朋友商量，最后决定去武汉某马学前端开发，就这样楼主顺利的离职了。于是也进入到了很经典的施工单位国企离职流程：问原因—>劝我回去—>办理离职。
2024-06-14 14:20:43
1138
原创 遇到的各种echarts属性—难找：写一篇博客长期记录
以 官网图为例： 造成后果：Y轴显示不全修改前的效果：左侧紧凑，下方显示不全 修改后的效果： 代码如下第四部分：提示框组件样式调整第五部分：环形图基础样式调整
2022-10-25 21:13:22
3019
原创 普通弹出框table表单样式和form表单常见样式：一行两个
第一部分：表单样式第一部分：表单样式vue中弹出框table表单样式第二部分：colgroup。
2022-09-28 14:43:06
1479
原创 获取时间前一天，前两天。。。格式化时间函数，时间戳转换日期函数。获取前一个月的日期。
第一部分：获取时间前一天，前两天。第一部分：获取时间前一天，前两天。第三部分：时间戳转换日期函数。第四部分：获取前一个月的日期。第二部分：格式化时间函数。
2022-08-30 20:24:11
873
1
原创 formData文件上传与下载，文件大小转换
我的项目的文件是存放在阿里云oss里 所以我这边是直接就有url地址数据。第二部分： formData文件大小转换：KB B MB GB。然后把downClick 绑定到按钮上点击就可以批量下载了。第一部分：formData文件上传，包括上传基本信息。第一部分：formData文件上传，包括上传基本信息。在页面结构写入代码file表单文件上传。第二种：location.href。在需要批量下载功能的vue文件中引入。然后声明下载按钮所绑定的函数。首先需要用到两个插件。先声明获取文件的函数。...
2022-08-30 20:17:09
3773
1
原创 echarts在vue中的基本使用流程
在打开页面之后更新echarts的数据想要页面跟着渲染需要调用配置项。使用流程:echarts在vue中的使用流程。在我的第二部分使用方法中就是说必须调用此函数。第二部分知识小点:适配器。
2022-08-23 10:36:20
431
原创 关于vue3中的vue-seamless-scroll三方包使用的注意事项与使用流程
第一步、下包安装第二步、引入使用1.导入.vue页面2.注册组件。
2022-08-17 20:02:59
2428
9
原创 websocket和Koa2及科普一次完整的HTTP请求过程
第一部分前端如何实现即时通讯？websocket第一部分前端如何实现即时通讯？websocket基于Web的前端，存在以下几种可实现即时通讯的方式短轮询（开个定时器，每隔一段时间发送请求实时性不强）Comet-ajax（发送一个请求，服务器只要数据不更新，就一直阻塞服务器压力过大）SSE（利用了http协议，流数据的传输，并不是养个意义上的双向通讯，无法复用连接）WebSocket（性能和效率都高）...
2022-07-24 20:39:59
2003
原创 使用 Web Workers
WebWorkers是HTML5提供的一个javascript多线程解决方案，我们可以将一些大计算量的代码交由webWorker运行而不冻结用户界面。它独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情点击、选取内容等等，而此时webworker在后台运行。语法解析生成一个专用worker第一步在主线程创建一个新的worker很简单。你需要做的是调用Worker()的构造器，指定一个脚本的URI来执行worker线程//创建Worker你可以通过。...
2022-07-20 16:35:09
431
原创 react基础必会语法
思路利用回调函数，父组件提供回调，子组件调用，将要传递的数据作为回调函数的参数。给表单元素添加change事件，设置state的值为表单元素的值（控制值的变化）在state中添加一个状态，作为表单元素的value值（控制表单元素的值）使用组件名.propTypes={}来给组件的props添加校验规则。非受控组件借助于ref，使用原生DOM的方式来获取表单元素的值。目的校验接收的props的数据类型，增加组件的健壮性。将子组件的数据作为参数传递给回调函数。将该函数作为属性的值，传递给子组件。......
2022-07-16 22:51:19
658
原创 react环境搭建
是一个用于的舒适环境，也是用React创建的最佳方式。它会配置你的开发环境，以便使你能够使用最新的JavaScript特性，提供良好的开发体验，并为生产环境优化你的应用程序。你需要在你的机器上安装。...
2022-07-15 23:47:20
624
原创 ajax的响应与取消响应
CancelToken有一个source静态方法，调用之后返回一个对象，该对象包含一个token属性用于标记请求和一个cancel方法用于取消请求第二部分：ajax取消请求xhr.abort()方法用于取消请求
2022-07-11 21:44:31
594
1
原创 vue2中render函数学习
都知道项目入口文件里面有个函数长下面这样，将项目的根组件，挂载到根实例上通过渲染 render函数返回值是一个VNode -> "virtual node"虚拟节点render函数的参数是一个createElement函数第一个 标签名称第二个 属性值第三个 标签子级元素createElement返回值也是一个VNode节点createElement函数的参数有三个 第二部分：全局注册组件写法第一步：创建js文件默认导出第二 步：在main.js中全局注册未完待续。。。..
2022-07-09 22:44:17
1658
原创 QQ三方登录 - 前置环境和交互
在登录页面，QQ登录按钮处，赋予其打开QQ登录页面功能回跳的页面得到QQ给的唯一标识openId，根据openId去后台查询是否已经绑定过账户如果绑定过，完成登录没有绑定过有账号的，绑定手机号，即为登录没账号的，完善账户信息，即为登录登录成功后，跳转首页，或者来源页面1）参考文档准备工作(opens new window)QQ互联JS_SDK(opens new window)2）大概步骤准备一个已经备案的网站需要有QQ登录的逻辑（登录页面，回跳页面）然后在QQ互联上进行，并且在QQ互联上创建应用，应用需要
2022-07-09 20:46:33
1009
原创 vue3的生命周期钩子与IntersectionObserver及自定义指令
第二部分：IntersectionObserverAPI在移动端，有个很重要的概念，叫做懒加载，适用于一些图片资源特别多，数据特别多的页面中，经常会有动态加载数据的场景中，这个时候，我们通常是使用监听，元素是否进入视图，其中由于其特别大的计算量，会有性能问题接口 (从属于Intersection Observer API) 提供了一种异步观察目标元素与其祖先元素或顶级文档视窗 (viewport) 交叉状态的方法。祖先元素与视窗 (viewport) 被称为根 (root)。是当被监听元素的可见性
2022-07-04 19:38:40
1251
原创 Vue3和Vue2组件单元素的过渡
开发中，我们往往想要给一个组件的显示和消失添加某种过渡动画，可以很好的增加用户体验Vue中为我们提供一些内置组件和API来完成动画，利用它们我们可以方便的实现过渡动画效果transition组件的原理当Vue插入或删除包含在 transition 组件中的元素时会做以下处理：第二部分：Vue2单元素、组件的过渡作用：在插入、更新或移除 DOM元素时，在合适的时候给元素添加样式类名。 使用包裹要过渡的元素，并配置name属性：...
2022-07-03 22:16:18
353
原创 Vue.set( )和多维数组降维以及数组方法是否改变原数组
第一种第二种第二部分：Vue的set方法在数组中使用的情况不改变原数组的方法 改变原数组的方法 直接通过数组下标修改是无法触发响应式的，所以使用set
2022-07-01 21:20:27
627
原创 vue3语法学习及provide和inject语法
vue3创建响应式对象：vue3创建响应式对象：vue3中Computedvue3中 需要侦听特定的数据源，并在单独的回调函数中执行副作用。默认情况下，它也是惰性的——即回调仅在侦听源发生变化时被调用。vue3中watchEffectvue3中v-model在父组件中设置在子组件中设置.........
2022-07-01 19:53:09
759
原创 Reflect的十三个语法学习
Reflect 是一个内置的对象，它提供拦截 JavaScript 操作的方法。这些方法与proxy handlers (en-US)的方法相同。不是一个函数对象，因此它是不可构造的。说明：判断一个对象是否存在某个属性，和 in 运算符的功能完全相同。Reflect语法之二：Reflect.deleteProperty(object, 'property')语法：静态 Reflect.deleteProperty() 方法允许删除属性。它就像 作为函数 的delete运算符。 Reflec
2022-06-27 23:43:29
1023
原创 vue.confing.js打包配置整理
// const path = require('path')// module.exports = {// // 基本路径 整个文件夹在哪// publicPath: './',// // 输出文件目录 文件夹名// outputDir: 'dist',// // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。 资源放的目录// assetsDir: "./static",// // 指定生
2022-06-26 08:23:41
357
原创 微信小程序引入iconfont字体图标（阿里巴巴矢量图标库）
由于微信小程序线上的资源限制了各种接口安全域名，所以在小程序里如果想使用iconfont字体图标就会稍有不同，其实只需要把平时的iconfont字体图标远程路径换成base64引入，就可以解决小程序引入iconfont字体图标这个问题了1.将想要的图标添加入库并下载代码：二、下载成功后，将得到一个名为 "download.zip" 的文件，然后解压得到这么一堆文件：推荐去 https://transfonter.org 转换1.配置选项，将配置改为如下红色框所示，并打开 Base64 encode 选项：
2022-06-20 20:04:25
7285
6
原创 「Object.defineProperty」【面试业务必备】
方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。数据描述符可拥有的键值：configurable：当且仅当该属性的 键值为 时，该属性也能从对应的对象上被删除。默认为 enumerable：当且仅当该属性的 键值为 时，该属性才会出现在对象的枚举属性中。默认为 。value：该属性对应的值。可以是任何有效的 JavaScript 值（数值，对象，函数等）。默认为 undefined。writable：当且仅当该属性的 键值为 时，属性
2022-06-18 00:21:44
231
原创 前端必备移动端单词和flex布局属性（持续更新）
第二部分：flex布局视口标签介绍第一点：flex布局属性1. flex布局中子盒子宽度失效：flex-grow:0；为0时宽度不失效，默认值1。如果所有盒子的flex-grow属性都为1，则它们将等分剩余空间（如果有的话）。如果一个盒子的flex-grow属性为2，其他盒子都为1，则前者占据的剩余空间将比其他项多一倍。2、flex-wrap（默认情况下，盒子都排在一条线（又称"轴线"）上。flex-wrap属性定义，如果一条轴线排不下，如何换行。）.box{flex-wrap: no
2022-06-16 11:49:13
329
原创 前端必备html标签和css样式持续更新
color: red; //文本颜色font-size: 30px; //字体大小background-color: pink; //背景颜色width: 300px; //宽度 height: 300px; //高度font-weight: 700; //字体粗细属性：400正常；700加粗font-style: italic; //字体倾斜属性：italic倾斜；normal不倾斜font-fa
2022-06-15 23:01:57
437
1
原创 router-link打开新页面跳转和a标签防止默认跳转及各个属性
两种写法第二部分：a标签防默认跳转（vue写法）第三部分：router-link打开新页面跳转第一种：标签式跳转第二种：编程式跳转
2022-06-13 00:33:46
10135
原创 testApi（node写测试接口无需数据库，有基础数据）
第一步：node项目初始化第二步：下载npm三方包express若想跨域还需下载cors第一部分：get请求（简单键值对）第一步：在app.js中配置第二步：在routers/jokeRouter.js中配置 第三步：在controller/jokelnfi.js控制器中设置传给前端的数据判断写的不太对：大体是这样...
2022-06-11 17:43:38
581
原创 Vue2：实现权限路由（基于vue-admin-template）
全局路由守卫每次都判断用户是否已经登录，没有登录则跳到登录页。已经登录(已经取得后台返回的用户的权限信息(角色之类的))，则判断当前要跳转的路由，用户是否有权限访问(根据动态路由名称筛选出能够有权限访问的路由。没有权限则跳到事先定义好的界面（404）有个问题，应该何时调用，在哪里调用登录后，获取用户的权限信息，然后筛选有权限访问的路由，再调用添加路由。这个方法是可行的。但是不可能每次进入应用都需要登录，用户刷新浏览器又要登陆一次。所以还是要在全局路由守卫里进行调用全局路由守卫 src/permissi
2022-06-10 22:18:17
1465
2
原创 nodejs部署到腾讯云服务器（宝塔面板linux系统）
第一步：按照如下操作 第二步：按如下操作 第三步：然让Xshell连接云服务器（在黑窗口中点击右键连接服务器） 第四步：进入宝塔官网：复制如下代码到Xshell黑窗口中就可以安装Linux面板了安装完成可以获取到外网面板地址：然后打开一个空白网页输入【外网面板地址】，然后输入上一步得到的用户名和密码进行登录zip文件也可以, 后面可以直接解压 设置反向代理因为我导入的node启动文件如图所示浏览器需要搜索www.itxhaohei.com/api/sys/login可获取到服务器的数据以下扩展
2022-06-10 15:59:37
1700
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人