- 博客(67)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 前端在DeepSeek中提问的典型模板
针对DeepSeek前端开发使用提问不准确无法解决实际问题的情况，编写此文档进行记录、分享，突出实用性和可操作性，若存在问题欢迎沟通交流
2025-02-05 10:18:50
1495
原创 开发人员如何正确使用DeepSeek
DeepSeek横空出世，许多开发者对Deep Seek的使用方式还不清楚，处于独自摸索阶段，我将自身使用经验进行总结分享，欢迎讨论、沟通
2025-02-05 10:03:09
1773
原创 前端需要知道的npm镜像源
npm（Node Package Manager）是一个 JavaScript 包管理器，它允许开发者安装、共享和管理依赖，npm 也是一个cli，用于与 npm 的在线服务交互，这个在线服务就是 npm registry。npm registry 是一个大型的数据库，用于存储公开发布的 JavaScript 代码包。当使用 npm install 命令安装一个包时，npm 客户端会与 npm registry 通信，下载并安装请求的包。
2024-09-29 14:52:10
868
原创 uniapp-nvue专题学习
uni-appApp 端内置了一个基于 weex 改进的原生渲染引擎，提供了原生渲染能力。在 App 端，如果使用 vue 页面，则使用 webview 渲染；如果使用 nvue 页面(native vue 的缩写)，则使用原生渲染。一个 App 中可以同时使用两种页面，比如首页使用 nvue，二级页使用 vue 页面，hello uni-app 示例就是如此。虽然 nvue 也可以多端编译，输出 H5 和小程序，但 nvue 的 css 写法受限，所以如果你不开发 App，那么不需要使用 nvue。
2023-07-04 10:28:09
950
原创 Node开发Web后台服务
简介Node.js 是一个基于GoogleChrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。能方便地搭建响应速度快、易于扩展的网络应用，Node.js 使用事件驱动， 非阻塞I/O 模型而得以轻量和高效，非常适合在分布式设备上运行的数据密集型的实时应用。官网：https://nodejs.org/en/中文：https://cnodejs..
2023-05-18 10:46:23
558
原创 项目图床选择
非隐私图片：使用Github、七牛云(http)、SM.MS图床、路过图床。隐私图片：使用阿里云OSS七牛云(https)（绑定的域名不能丢）。测试环境（日常使用）自行选择；生产环境选择阿里云oss。
2023-01-31 09:06:57
725
1
原创 Python 基础（二）
Python 变量类型变量存储在内存中的值，这就意味着在创建变量时会在内存中开辟一个空间。基于变量的数据类型，解释器会分配指定内存，并决定什么数据可以被存储在内存中。因此，变量可以指定不同的数据类型，这些变量可以存储整数，小数或字符。变量赋值Python 中的变量赋值不需要类型声明。每个变量在内存中创建，都包括变量的标识，名称和数据这些信息。每个变量在使用前都必须赋值，变量赋值以后该变量才会被创建。等号 = 用来给变量赋值。等号 = 运算符左边是一个变量名，等号 = 运算
2021-12-29 11:22:01
182
原创 Python 基础（一）
Python 中文编码Python 文件中如果未指定编码，在执行过程会出现报错：#!/usr/bin/pythonprint ("你好，世界")以上程序执行输出结果为：File "test.py", line 2SyntaxError: Non-ASCII character '\xe4' in file test.py on line 2, but no encoding declared; see http://www.python.org/peps/pep-0263.html
2021-12-29 10:10:26
124
原创 js，css实现蒙层
<!--html--><!--遮罩层--><div class="shadow"></div> <!--css-->.shadow{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:998; background-color:#000; opacity:0.6; display:n.
2021-12-29 09:53:34
715
原创 JavaScript （二）
一、语法字面量写数值有无小数点均可。字符串是文本，由双引号或单引号包围。变量在编程语言中，变量用于存储数据值。JavaScript 使用var关键词来声明变量。=号用于为变量赋值。// x 被定义为变量。然后，x 被赋的值是 7：var x;x = 7;运算符JavaScript 使用算数运算符（+-*/）来计算值。JavaScript 使用赋值运算符（=）向变量赋值。表达式表达式是值、变量和运算符的组合，计算结果是值。表达式也可包含变量值。...
2021-12-01 14:48:07
664
原创 JavaScript （一）
一、概念JavaScript 是属于 HTML 和 Web 的编程语言。jQuery旨在处理浏览器不兼容性并简化 HTML DOM 操作、事件处理、动画和 Ajax。在JavaScript Version 5（2009）之前，jQuery 一直是世界上最受欢迎的 JavaScript 库。React用于构建用户界面的 JavaScript 库。Vue 渐进式JavaScript框架，用于构建用户界面的渐进式框架。JavaScript 是 web 开发人员必须学习的 3 门语言中的一门..
2021-12-01 10:47:17
143
原创 Ant Design Pro
文档总览 - Ant Design Pro开始使用Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后台产品模板/组件/业务场景的最佳实践，也十分期待你的参与和共建。开发前的输入
2021-11-30 11:40:53
2901
原创 JSP 标准标签库（JSTL）
JSP标准标签库（JSTL）是一个JSP标签集合，它封装了JSP应用的通用核心功能。JSTL支持通用的、结构化的任务，比如迭代，条件判断，XML文档操作，国际化标签，SQL标签。 除了这些，它还提供了一个框架来使用集成JSTL的自定义标签。根据JSTL标签所提供的功能，可以将其分为5个类别。核心标签 格式化标签 SQL 标签 XML 标签 JSTL 函数JSTL 库安装Apache Tomcat安装JSTL 库步骤如下：从Apache的标准标签库中下载的二进包(jakarta-
2021-11-23 17:43:12
296
原创 ReactNative插件记录
支付宝 https://github.com/uiwjs/react-native-alipay基于 React Native 的宝支付插件，支持 iOS/Android。适用于商家在 App 应用中集成支付宝支付功能，商家 APP 调用支付宝提供的 SDK，SDK 再调用支付宝 APP 内的支付模块。如果用户已安装支付宝APP，商家APP会跳转到支付宝中完成支付，支付完后跳回到商家 APP 内，最后展示支付结果。如果用户没有安装支付宝 APP，商家 APP 内会调起支付宝网页支付收银台，用户登录...
2021-08-24 09:05:36
205
转载 安装webpack
webpack是前端资源模块化管理和打包工具。安装webpack首先要安装Node.js，Node.js自带了软件包管理工具npm，可以使用npm安装各种插件。Webpack至少需要Node.js v0.6版本，直接安装最新版就好了。1.nodeJs官网，像安装其他软件一样，选择最新的包进行安装即可；2.安装完成后，window用户，按住 微软徽标+R ，打开运行，输入cmd，打开命令行；3.输入node -v，查看当前nodeJs版本看到这个版本号就表示安装成功了4
2021-08-13 09:55:17
114
原创 setTimeout代替setInterval
在需要重复发送请求或者某些效果的时候，一般都会想到使用setInterval，但是它的一些弊端，会给程序带来很大的隐患一、弊端1.setInterval对自己调用的代码是否报错漠不关心。即使调用的代码报错了，它依然会持续的调用下去2.setInterval无视网络延迟。在使用ajax轮询服务器是否有新数据时，必定会有一些人会使用setInterval，然而无论网络状况如何，它都会去一遍又一遍的发送请求，如果网络状况不良，一个请求发出，还没有返回结果，它会坚持不懈的继续发送请求，最后导致的结果就是请求
2021-08-03 15:22:37
938
原创 在线工具网址
在线工具支持接口http post,get,put,delete,head,trace,options,patch等请求，支持带cookie header和ip代理请求可以生成api接口的文档，本站同时提供api接口压力测试和websocket测试。访问要登录的接口的时候，可以手动填写cookie。或者在谷歌浏览器中访问这个接口域名，按F12,在network下,直接复制填写到本工具的cookie中。就可以带cookie访问，不用手动填写header 可以手动输入(自定义的header信息)。也
2021-07-20 11:59:30
83
原创 问题记录-百度地图 230错误 Scode码校验失败
230表示是调用到了，但是安全码不对通过以下方法可以得到签名：直接用打包出来的apk查看签名，具体如下：1） 将apk修改后缀为 .zip文件后解压；2） 进入解压后的META-INF目录，该目录下会存在文件CERT.RSA3） 在该目录下打开cmd，输入命令 ：keytool -printcert -file CERT.RSA 这里将会显示出MD5和SHA1签名。或者在gradle文件里面有个defaultConfig 里面我设置了应用id和包名不一样包名SHA1正确的前提下：.
2021-07-20 11:54:20
349
原创 Gradle expiring daemon because jvm heap space is exhausted
错误：expiring daemon because jvm heap space is exhausted需要修改.gradle目录下gradle.properties 文件，若没有可以自己创建，将以下内容填入#开启线程守护，第一次编译时开线程，之后就不会再开了org.gradle.daemon=true#配置编译时的虚拟机大小org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError
2021-07-20 09:02:42
2677
原创 package.json - 本地路径库引用
在 2.0.0 版中，您可以提供包含包的本地目录的路径。可以使用npm install -S或保存本地路径npm install --save，使用以下任何形式：../local_node_modules/react-native-mimc ~/local_node_modules/react-native-mimc ./local_node_modules/react-native-mimc /local_node_modules/react-native-mimc例如：npm i...
2021-07-17 16:00:28
7730
原创 TypeScript学习 (一)
什么是 TypeScriptTypeScript是一种由微软开发的自由和开源的编程语言，它是 JavaScript 的一个超集，扩展了 JavaScript 的语法。安装 TypeScript通过 npm 安装$ npm install typescript -g以上命令会在全局环境下安装tsc和tsserver两个命令，安装完成之后，我们就可以在任何地方执行它了。tsserverTypeScript 独立服务器(又名 tsserver )是一个节点可执行文件，它封...
2020-09-27 15:55:03
659
原创 Hooks 与 React 生命周期
一、Hooks 组件函数组件的本质是函数，没有 state 的概念的，因此不存在生命周期一说，仅仅是一个render 函数而已。但是引入Hooks之后就变得不同了，它能让组件在不使用 class 的情况下拥有 state，所以就有了生命周期的概念，所谓的生命周期其实就是useState、useEffect()和useLayoutEffect()。即：Hooks 组件（使用了Hooks的函数组件）有生命周期，而函数组件（未使用Hooks的函数组件）是没有生命周期的。下面，是具...
2020-09-25 15:01:27
8811
1
原创 antd 表格开发： 列宽拉伸触发排序事件，问题修复
拖动列宽的表格组件，通过resizing字段控制，Resizable的onResizeStart，onResizeStop属性进行判断，实现拖动时防止误触。import{Table,ConfigProvider,Empty}from'antd';import{Resizable}from'react-resizable';importPropTypesfrom'prop-types';constResizeableTitle=props=>...
2020-09-25 14:55:08
1934
2
原创 防抖函数 react hooks
import React, { useState, useEffect, useRef, useCallback } from 'react'; export default () => { const [inputValue, setInputValue] = useState('') // 防抖函数 function useDebounce(fn, delay) { const { current } = useRef({ fn, timer: null });.
2020-09-25 14:49:50
310
原创 网页工具总结
检查测试检测Web前端兼容性或者是网站性能测试网址 说明 Can I use 查这个属性能在哪些浏览器兼容 Browser Sandbox 各大平台浏览器兼容性在线测试 GTmetrix 网站在线性能测试分析、优化建议 HttpWatch 一款强大的网页HTTP数据分析软件 validator W3C的HTML有效性验证 css-validator W3C的CSS有效性验证 设计规范 iPhone各设备屏幕尺寸
2020-08-06 15:01:32
146
原创 浏览器渲染流程|知识
渲染流程首先要了解的概念: 渲染引擎：它是浏览器最核心的部分是 “Rendering Engine”，不过我们一般习惯将之称为 “浏览器内核” 渲染引擎主要包括的线程： 各个线程主要职责GUI渲染线程：GUI 渲染线程负责渲染浏览器界面，解析 HTML，CSS，构建 DOM 树和 RenderObject 树，布局和绘制等。当界面需要重绘（Repaint）或由于某种操作引发回流（Reflow）时，该线程就会执行。 JavaScript引擎线程: JavaScript 引擎线程主
2020-08-05 11:39:24
685
转载 Cache -Control缓存
缓存简介我们在用http访问时，会先发送一个请求，之后服务器返回一个应答。在开发者工具中，点击网络可以查看。第一部分General是概要，包含请求地址，请求方式，状态码，服务器地址以及Referrer 策略。第二部分是应答头部，是服务器返回的。第三部分是请求头部，是客户端发送的。这次我们从两个角度来看看http的缓存：缓存控制和缓存校验。缓存控制：控制缓存的开关，用于标识请求或访问中是否开启了缓存，使用了哪种缓存方式。缓存校验：如何校验缓存，比如怎么定义缓存的有效期，怎么确保缓存是最新的。
2020-08-05 11:18:08
1176
原创 setTimeout、Promise 性能比较
setTimeout 属于宏任务（MacroTask）， Promise 属于微任务（MicroTask），二者并不在一个异步队列中。无论是宏任务还是微任务，都是异步任务。在 JavaScript 中的异步是靠事件循环来实现的，拿大家最常见的 setTimeout 为例。// 同步代码let count = 1;setTimeout(() => { // 异步 count = 2;}, 0);// 同步count = 3;一个异步任务会被丢到事件循环的队列中..
2020-07-27 10:59:14
1788
原创 内网穿透（NATAPP）简易使用
内网穿透 内网穿透，也即 NAT 穿透，进行 NAT 穿透是为了使具有某一个特定源 IP 地址和源端口号的数据包不被 NAT 设备屏蔽而正确路由到内网主机。下面就相互通信的主机在网络中与 NAT 设备的相对位置介绍内网穿透方法。 内网穿透简单来说就是将内网外网通过natapp隧道打通,让内网的数据让外网可以获取。比如常用的办公软件只有在本地的局域网之内才能访问，开发时候不在一起前后端联调，这就需要natapp内网穿透工具了。运行natapp隧道之后，natapp会分配一个...
2020-07-23 10:49:20
1156
1
原创 NPM 技巧
NPM，Node Package Manager，是 JavaScript 编程语言的软件包管理器。 任何使用 Javascript 的开发人员都使用过这个出色的 CLI 工具来为他们的项目安装依赖项。初始化可以运行 npm init命令来初始化包，但是它会询问关于包、作者等信息。另一种方法可以使用 npm init -y 命令自动生成我们的 package.json ，并使用 npm config 命令设置一些默认的初始化配置。npm config set init-author-nam
2020-07-22 10:22:21
750
小程序贪吃蛇
2018-07-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人