- 博客(52)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 记录一个vue实战中的小技巧
下面记录一个最近遇到的一个性能优化的问题，就是我们在写页面渲染的时候，能不用reverse()就不用这个方法，尤其是在Ref双向响应的变量上，不然当我们写在template标签里面的时候，页面会变得很卡。而且控制台还有报错。咳，咳咳，首先呢今天是1024。不知不觉中已经过了一年了。从原来的React技术栈，现在也开始写vue3。不要问我是怎么知道的，可被坑了一次。
2023-10-24 20:28:42
118
原创 又是一年1024，记录一个前端解决跨域的问题~
9种前端跨域解决方案详解第一种使用jsonp简单粗暴，直接dataType: ‘jsonp’,这里多了个属性就行，唯一缺点是，只能用于get请求，看看是否能够满足你的需求而用之。await $.ajax({ url: '' // 请求的地址 method: 'get', dataType: 'jsonp', success: (res: any) => { data = res?.result; }, error: (res:
2021-10-24 23:36:54
1950
原创 一个初级前端结合css、div谈一谈屏幕尺寸、分辨率、缩放概念题
写在前面：本文作为本人学习总结之用，同时分享给大家~个人前端博客网站：https://zhangqiang.hk.cn欢迎加入博主的前端学习qq交流群：：706947563，专注前端开发，共同学习进步！本章你将能学到：结合css、div布局对屏幕尺寸、分辨率、缩放有更深一层的理解。这几个小知识点，也许我们在日常中，经常有所耳闻，但是具体什么意思呢，总是容易混淆，经过我多次亲身经历开发，特地总结如下（不要小瞧这几个概念哦，这可跟我们css布局开发息息相关）：屏幕尺寸
2021-08-06 16:44:26
728
原创 react子父组件互相通信传值
react子父组件互相通信传值写在前面：本文作为本人学习总结之用，同时分享给大家~个人前端博客网站：https://zhangqiang.hk.cn欢迎加入博主的前端学习qq交流群：：706947563，专注前端开发，共同学习进步！子父组件传值源码地址：JACK-ZHANG-coming/react-demo-project: 用于存放一些react相关的基础例子； (github.com)本系列你将能学到：父组件传值与函数给子组件，在子组件可使用父组件的值与函数；
2021-08-06 16:33:33
278
原创 回炉重造，css常规布局系统整理——实战开发后复盘小结
回炉重造，css常规布局系统整理——实战开发后复盘小结写在前面： 在了解css布局之前，我们先了解两个小概念，我认为这将对你有所帮助！ 块级元素：display:bloak；占据一行，下一个元素自动换行，如div等； 行内元素：display:inline；元素没有高宽，根据元素内的内容改变大小，如span、a标签等； 行内块：display:inline-bloak；使行内元素具有块级元素特性、使块级元素具有行内元素特性；1 基础css布局1.1 position定位 pos
2021-07-19 09:30:47
571
1
原创 前端开发之mock.js使用——前后端分离，生成随机数据
文章目录前言一、Mock.js是什么？二、如何使用Mock.js1.引入库2.写数据3.发送请求总结前言本篇目标在于先简单了解mock.js，然后可以简单使用，运行出第一个Mock.js的“HelloWorld”。一、Mock.js是什么？官网： http://mockjs.com/官方简介：Mock.js 是一款模拟数据生成器，旨在帮助前端攻城师独立于后端进行开发，帮助编写单元测试。提供了以下模拟功能：根据数据模板生成模拟数据模拟 Ajax 请求，生成并返回模拟数据基于 HTM
2021-02-19 11:41:16
526
原创 浅谈vscode+react环境部署，运行第一个react框架
文章目录前言一、安装vscode二、安装node、npm、yarn（采用淘宝镜像）1.安装node2.安装yarn三、拉取React脚手架，运行第一个项目总结前言先上图一、安装vscode见链接：https://www.cnblogs.com/csji/p/13558221.html。二、安装node、npm、yarn（采用淘宝镜像）1.安装node见链接：https://blog.csdn.net/bbj12345678/article/details/106741758检测是.
2021-02-18 15:37:29
2542
1
原创 js随机生成一个[min,max]范围的整数，举一反三
</head><body><h2>JavaScript Math.random()</h2><p>点击按钮, getRndInteger(min, max) 会返回 0（包含）到 3（包含）到数字:</p><button onclick="document.getElementById('demo').innerHTML = getRndInteger(0,3)">点我</button><
2021-01-14 11:18:12
389
2
原创 CSS学习总结
前言记录css学习内容，查漏补缺。文章目录前言一、CSS是什么？1.1 CSS的"hello world"二、CSS选择器及几种引用方式2.1 id选择器2.2 class选择器2.3 几种引用方式2.3.1 外部引用2.3.2 内部引用2.3.3 内联引用2.3.4 优先级三、CSS position定位3.1 示例图3.2 代码四、CSS float浮动4.1 示例图4.2 代码总结一、CSS是什么？ 简而言之，就是样式、布局，使html的框架更好看，把html元素定位在自己想要放的位置。1
2021-01-06 13:52:08
143
转载 21 个VSCode 快捷键，让代码更快，更有趣，效率提高
21 个VSCode 快捷键，让代码更快，更有趣链接如下：https://segmentfault.com/a/1190000019821154
2020-12-28 14:18:58
242
转载 VSCode 前端常用插件集合
VSCode 前端常用插件集合https://www.cnblogs.com/zzhqdkf/p/12452498.html
2020-12-20 19:03:20
218
原创 HTML学习总结
HTML学习总结前言一、HTML简介二、语句用法1."Hello Word"2.块级元素与内联元素3.float布局总结前言 为了达到温故而知新的效果，在此记录一些看完之后总结的HTML语句。一、HTML简介超文本标记语言，用写网页的，骨架。二、语句用法1.“Hello Word”代码如下：<!DOCTYPE html><html><head><meta charset="utf-8"><title>Hello Wor
2020-12-19 20:59:45
133
1
原创 随笔聊心
今天去找了大学的师父聊了一下午天，很开心。慢慢从迷茫忧郁中走出来，发现拥有积极向上的心，无论做什么都倍有劲！而如何拥有积极向上的心，我发现，多个朋友交心，很重要，能量在无形间就会产生，太神奇了！！还有，对了，今天是1024，发布博客可以获得勋章，哈哈哈...
2020-10-24 22:00:20
97
原创 Ant Design4.x rule验证规则的两种写法（函数与正则表达式）
1 函数验证 //函数 const checkPrice = (rule, value) => { if (value.number > 0) { return Promise.resolve(); } return Promise.reject('Price must be greater than zero!'); };//表单 <Form.Item name="price" label="Price"
2020-09-06 17:40:54
2261
原创 react+antd Tree树控件（Demo可以直接运行）实现（递归生成数据）同时支持左边图标自定义也可以加自己的Logo
1 先上完成效果图2 上代码（粘贴复制可以直接运行）import React, { useState } from 'react'import { Tree } from 'antd';import { SmileOutlined, WalletOutlined, TabletOutlined} from '@ant-design/icons';function IsTree(props) { //这是我从数据库得到的树的json数据 let d =
2020-09-06 01:06:59
2512
原创 react调用antd4.X自定义图标 icon（深入，解决阿里巴巴矢量图标自定义更改后无法引用问题）
1 先贴图2 看官网代码https://ant.design/components/icon-cn/#components-icon-demo-custom使用 iconfont.cn，使用多个和单个是异曲同工之处。那里的scriptUrl是生成的一个远程链接，我们在react里面调用它即可。3 看这篇博客https://blog.csdn.net/weixin_44021270/article/details/1073776584 解决阿里巴巴矢量图标自定义更改后无法引用问题当我
2020-09-02 00:07:45
1893
原创 react+antd组件 modal里面包裹使用form表单并获取提交事件
1 先上图我这里是点击“修改密码”那个按钮，然后跳到了modal框。（大家这里可以随便写一个按钮，然后给他一个点击事件让他可以显示modal框就好了，我这里着重讲解标题的内容）2 贴代码const [visible, setVisible] = useState(false);//antd 控制modal是否显示const showMoal=()=>{ // console.log("showMoal") setVisible(true);}const handle
2020-08-31 23:36:16
5678
1
原创 磁盘分析软件（C盘爆满精确清理必备）---SpaceSniffer
1. 第一步上图2. 第二步分享软件链接：https://pan.baidu.com/s/1GhLmzNtG398ah_26lVV1aQ提取码：sfqf3. 第三步简单使用教程3.1 打开软件，选择要分析的盘（我这里选的C盘）：3.2静待分析完成3.3根据分析的结果，删除对应文件目录的文件...
2020-08-30 23:45:01
11126
3
原创 funweb后端代码安装教程从零到可以运行——以funservice_commander为例
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、后端代码运行所需的相关软件二、详细安装1.vscode2.在vscode中安装go语言3.Git bash4.Msys5.验证三、代码运行与生成插件总结前言本文只为可以实现可以将代码成功在自己电脑上跑起来为目标，如有不足之处，欢迎读者优化！通过本文，你将可以看到如何从零到可以运行funweb后端代码，如何生成一个后端插件接口。一、后端代码运行所需的相关软件vscode、在vscode中安装go语言、Gi
2020-08-30 23:19:15
658
原创 win10修改本地host文件，用以增加自定义本地访问域名127.0.0.1（超详细版+图解）
1. 按win+R，输入C:\Windows\System32\drivers\etc打开host文件所在位置：2.右键hosts文件–>点击属性->点击安全，把所有组用户名权限打开：前面设置确定完以后。右击hosts文件，用Notepad++打开这个时候我们就可以在里面改host文件啦~ 比如我这里新增设置了一个 127.0.0.1 devsu.test.io 的域名：设置好，保存。验证win+R，输入cmd，打开。输入 ipconfig /flushdns
2020-08-17 22:27:04
33088
2
原创 js对象动态赋值---融会贯通
let obj={}; let x='a'; let y='b'; obj[`${x}`]='aaaa'; obj[`${y}`]='bbbb'; console.log("obj:",obj) let config_2=`{"site":{"logo": "${x}","title": "${y}","floor": "${obj[x]"}}`; console.log("config_2:",config_2);输出如下所示：动态赋值主要是通过ES6的模.
2020-08-11 23:58:26
652
原创 react使用antd中Form内联组件与Form表单默认赋值
先写思路：这里假设我写了两个Input组件，他们是一组，都在Form表单里面。然后我在通过initialValues给他们赋初始值。一组Input组件的解决方案：一组Input组件，这里直接转到官网教程：https://ant.design/components/form-cn/#header看官网的代码直接套用即可给一组Input组件赋初始值解决方案：我这里使用了官网此处的方法赋值完后，发现表单验证是无法通过了，就过一夜的苦寻答案后，解决如下（在initialValues里.
2020-08-11 23:44:58
3258
原创 ES6语法模板字符串一看就会的超简单使用
let x='q'; let y=`x${x}`;//模板字符串 console.log("y:",y); /* 解释：``这个符号就是模板字符串特有的，可以把他看做就是字符串的双引号“”， 此刻他就是一个字符串，唯一不同的是，我们可以在里面加入变量，${x}这 样，里面x可以是我们任意的变量，数组的某个值、对象的某个值，都可以。而 只要不是用${}包裹的都是普通的字符，比如那个外面的那个x。 */输出结果：...
2020-08-11 23:27:37
320
原创 JSON.parse()函数与JSON.stringify()函数一看就会的简单使用教程
JSON.parse 函数将 JavaScript 对象表示法 (JSON) 字符串转换为对象 let strJson= '{"name":"唐三","age":18,"University":"史莱克学院"}' //字符串 console.log("strJson:",strJson); console.log("JSON.parse(strJson):",JSON.parse(strJson));//json字符串转对象输出结果：JSON.stringify()函数将 Ja.
2020-08-11 23:13:23
151
原创 js map数组遍历方法的使用
map()方法只能应用于数组遍历。如果想要遍历对象，可将对象转化为数组对象再其进行遍历。var arr = [1,2,3,4]; //item,index,arr 分别为：当前元素的值（必填），当前元素的索引值，当前元素属于的数组对象 //最终在不改变原有数组值的情况下将原来数组循环一遍，处理好数据，返回一个新数组。 var arr1 = arr.map((item,index,arr) => { console.log(".
2020-08-09 23:33:20
1461
原创 001ES6语法---箭头函数（由浅入深）
在看箭头函数之前，让我们来回顾一下一般的函数是咋样的： function dealInput (event) { //console.log(event) // 只有通过 event 才能获得输入框输入的值 setUrl(event); } <input onChange={dealInput}></input> ...
2020-08-03 00:09:58
206
原创 使用git管理工具sourcetree拉取代码
sourcetree简介：一个git管理的工具。1. 打开sourcetree，点击Remote，添加一个账户我这里已经添加过一个账户了，你那边应该是空白，新建一个账户就好，这样的话为后面更好的克隆代码做准备。之后会弹出这样的窗口，这样选：2. 克隆远程代码然后点击克隆，假以时刻，就克隆好了。...
2020-07-24 14:31:39
3675
原创 Java学习笔记003
主要知识点：输入类Scanner(System.in)、随机数Random(n)+m、集合ArrayList、集合参数的类并返回参数为集合输入类Scanner(System.in)public class Demo01Scanner { public static void main(String[] args) { // 2. 创建 // 备注：System.in代表从键盘进行输入 Scanner sc = new Scanner(Sy.
2020-07-22 23:21:56
146
原创 Java学习笔记002
主要知识点：数组的动态静态创建、数组基本函数、创建一个标准形式的对象、对象里面的private封装（方法–>就是函数也属于封装）、方法返回及传递对象参数Demo01Array类public class Demo01Array { public static void main(String[] args){ int n=5; //动态创建数组 int[] arrayA = new int[n]; //静态创建数组 .
2020-07-22 00:04:28
96
转载 IDEA打开导入别人的java项目后不能运行的解决方法
当我们导入或者打开一个java项目出现如下情况：那么这个方法也许可以解决：https://blog.csdn.net/zhang_li_ke/article/details/94480027?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.compare&depth_1-utm_source=distribute.pc_relevant_t0.none-t..
2020-07-19 18:08:32
8582
原创 Java学习笔记001
主要知识点：Number 类、Character 类（判断字符）、数组、时间与日期、正则表达式import java.text.SimpleDateFormat;import java.util.ArrayList;import java.util.*;public class Main { public static void main(String[] args){ System.out.println("hi~java"); // .
2020-07-18 17:45:03
103
原创 MySQL数据库时区错误，设置时区
解决方法1：打开cmd，输入 mysql -uroot -p123456 进入mysql命令模式然后输入 set global time_zone=’+8:00’;
2020-07-16 11:13:07
440
原创 （本地无法连接MySQL服务器）ERROR 2003 (HY000): Can‘t connect to MySQL server on ‘localhost‘ (10061)
解决方式计算机（右键）->选择管理->然后如下图所示右键将 MySQL服务启动。OK。。总结：一般数据库刚刚安装或者刚启动与本地连接不上，先检查本地该数据库的服务是否开启。比如SQLserver or Oracle。...
2020-07-12 10:22:06
492
原创 JAVA后台启动8080端口号被占用
如下图，在我们启动java后台时，出现如下错误提示：Description:Web server failed to start. Port 8080 was already in use.Action:Identify and stop the process that's listening on port 8080 or configure this application to listen on another port.是端口号被占用的原因，解决方式：关闭端口号。操作如下.
2020-05-22 08:44:12
1213
原创 微信小程序日期选择器（起始日期与终止日期）轮子复制粘贴直接用————modal组件
先上图。用的flex布局，呃，可能还是有那么点丑，但是功能是全的。每次开始默认获取的是当前的日期。wxml<view class="beijing"> <view class="second"> <view class="second_1"> <view class="second_1_1"> <...
2020-03-10 21:34:05
2535
原创 微信小程序校园个人主页显示前端---flex布局
先上图。简陋但不失内容，咳咳。wxml<!--pages/xiaoyuanka/home/home.wxml--><!-- 未获取用户信息状态 --><view wx:if="{{!loginOK}}" class="first"> <view class="first_1_">123</view> <view c...
2020-03-09 20:32:28
1145
原创 微信小程序四六级查询或访问外部网页（超简单）
先上图。上图可见这就是小程序四六级查询功能，但是你却万万没想到让你日夜苦思如何实现的这个功能居然只要一句话就可以实现！下面我们来看看是如何实现的吧：简而言之，使用【web-view】组件即可完成。详细的：js页面// pages/cetchaxun/cetchaxun.jsPage({ /** * 页面的初始数据 */ data: { n...
2020-02-23 11:26:11
643
2
原创 win10任务栏图标显示异常（重启资源管理器无果）解决方法
win10任务栏图标显示异常（重启资源管理器无果）解决方法方法1：- Ctrl+Win+R打开任务管理器- 点击【文件】，点击【运行新任务】，输入【Explorer】，运行，此刻可以看到Windows资源管理器，点击右键重新启动一般情况下方法1都可以解决，但是，不知咋滴，我的就是不行，后来本人试了n次误打误撞了方法二，解决了。。。方法2：- 在桌面底部右击，选择【任务栏设置】...
2019-12-08 19:10:45
13501
5
转载 Linux常用命令大全（非常全！！！）
1.1 文字阴影字体样缩写Linux常用命令大全（非常全！！！）============================================================================Linux常用命令大全（非常全！！！）最近都在和Linux打交道，感觉还不错。我觉得Linux相比windows比较麻烦的就是很多东西都...
2019-10-12 18:22:24
184
原创 001软件测试基本介绍
1.1 文字阴影字体样缩写Font: 文字粗细 大小/行高 字体名称;Font: bold 20px/200px ‘微软雅黑’;CSS3中的文字阴影Text-shadow: x y r color;Text-shadow: 0px 0px 0px red;注：01 x 表示阴影在水平方向的偏移量，可以设置负值，正负不表示大小，只表示方向。水平向右为正，向左为负...
2019-10-12 14:00:25
219
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人