- 博客(62)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 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
738
原创 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
498
原创 项目图床选择
非隐私图片：使用Github、七牛云(http)、SM.MS图床、路过图床。隐私图片：使用阿里云OSS七牛云(https)（绑定的域名不能丢）。测试环境（日常使用）自行选择；生产环境选择阿里云oss。
2023-01-31 09:06:57
555
1
原创 Python 基础（二）
Python 变量类型变量存储在内存中的值，这就意味着在创建变量时会在内存中开辟一个空间。基于变量的数据类型，解释器会分配指定内存，并决定什么数据可以被存储在内存中。因此，变量可以指定不同的数据类型，这些变量可以存储整数，小数或字符。变量赋值Python 中的变量赋值不需要类型声明。每个变量在内存中创建，都包括变量的标识，名称和数据这些信息。每个变量在使用前都必须赋值，变量赋值以后该变量才会被创建。等号 = 用来给变量赋值。等号 = 运算符左边是一个变量名，等号 = 运算
2021-12-29 11:22:01
123
原创 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
87
原创 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
580
原创 JavaScript （二）
一、语法字面量写数值有无小数点均可。字符串是文本，由双引号或单引号包围。变量在编程语言中，变量用于存储数据值。JavaScript 使用var关键词来声明变量。=号用于为变量赋值。// x 被定义为变量。然后，x 被赋的值是 7：var x;x = 7;运算符JavaScript 使用算数运算符（+-*/）来计算值。JavaScript 使用赋值运算符（=）向变量赋值。表达式表达式是值、变量和运算符的组合，计算结果是值。表达式也可包含变量值。...
2021-12-01 14:48:07
546
原创 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
111
原创 Ant Design Pro
文档总览 - Ant Design Pro开始使用Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后台产品模板/组件/业务场景的最佳实践，也十分期待你的参与和共建。开发前的输入
2021-11-30 11:40:53
2760
原创 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
262
原创 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
161
转载 安装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
71
原创 setTimeout代替setInterval
在需要重复发送请求或者某些效果的时候，一般都会想到使用setInterval，但是它的一些弊端，会给程序带来很大的隐患一、弊端1.setInterval对自己调用的代码是否报错漠不关心。即使调用的代码报错了，它依然会持续的调用下去2.setInterval无视网络延迟。在使用ajax轮询服务器是否有新数据时，必定会有一些人会使用setInterval，然而无论网络状况如何，它都会去一遍又一遍的发送请求，如果网络状况不良，一个请求发出，还没有返回结果，它会坚持不懈的继续发送请求，最后导致的结果就是请求
2021-08-03 15:22:37
818
原创 在线工具网址
在线工具支持接口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
67
原创 问题记录-百度地图 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
274
原创 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
2332
原创 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
6568
原创 TypeScript学习 (一)
什么是 TypeScriptTypeScript是一种由微软开发的自由和开源的编程语言，它是 JavaScript 的一个超集，扩展了 JavaScript 的语法。安装 TypeScript通过 npm 安装$ npm install typescript -g以上命令会在全局环境下安装tsc和tsserver两个命令，安装完成之后，我们就可以在任何地方执行它了。tsserverTypeScript 独立服务器(又名 tsserver )是一个节点可执行文件，它封...
2020-09-27 15:55:03
473
原创 Hooks 与 React 生命周期
一、Hooks 组件函数组件的本质是函数，没有 state 的概念的，因此不存在生命周期一说，仅仅是一个render 函数而已。但是引入Hooks之后就变得不同了，它能让组件在不使用 class 的情况下拥有 state，所以就有了生命周期的概念，所谓的生命周期其实就是useState、useEffect()和useLayoutEffect()。即：Hooks 组件（使用了Hooks的函数组件）有生命周期，而函数组件（未使用Hooks的函数组件）是没有生命周期的。下面，是具...
2020-09-25 15:01:27
8398
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
1581
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
260
原创 网页工具总结
检查测试检测Web前端兼容性或者是网站性能测试网址 说明 Can I use 查这个属性能在哪些浏览器兼容 Browser Sandbox 各大平台浏览器兼容性在线测试 GTmetrix 网站在线性能测试分析、优化建议 HttpWatch 一款强大的网页HTTP数据分析软件 validator W3C的HTML有效性验证 css-validator W3C的CSS有效性验证 设计规范 iPhone各设备屏幕尺寸
2020-08-06 15:01:32
109
原创 浏览器渲染流程|知识
渲染流程首先要了解的概念: 渲染引擎：它是浏览器最核心的部分是 “Rendering Engine”，不过我们一般习惯将之称为 “浏览器内核” 渲染引擎主要包括的线程： 各个线程主要职责GUI渲染线程：GUI 渲染线程负责渲染浏览器界面，解析 HTML，CSS，构建 DOM 树和 RenderObject 树，布局和绘制等。当界面需要重绘（Repaint）或由于某种操作引发回流（Reflow）时，该线程就会执行。 JavaScript引擎线程: JavaScript 引擎线程主
2020-08-05 11:39:24
574
转载 Cache -Control缓存
缓存简介我们在用http访问时，会先发送一个请求，之后服务器返回一个应答。在开发者工具中，点击网络可以查看。第一部分General是概要，包含请求地址，请求方式，状态码，服务器地址以及Referrer 策略。第二部分是应答头部，是服务器返回的。第三部分是请求头部，是客户端发送的。这次我们从两个角度来看看http的缓存：缓存控制和缓存校验。缓存控制：控制缓存的开关，用于标识请求或访问中是否开启了缓存，使用了哪种缓存方式。缓存校验：如何校验缓存，比如怎么定义缓存的有效期，怎么确保缓存是最新的。
2020-08-05 11:18:08
790
原创 setTimeout、Promise 性能比较
setTimeout 属于宏任务（MacroTask）， Promise 属于微任务（MicroTask），二者并不在一个异步队列中。无论是宏任务还是微任务，都是异步任务。在 JavaScript 中的异步是靠事件循环来实现的，拿大家最常见的 setTimeout 为例。// 同步代码let count = 1;setTimeout(() => { // 异步 count = 2;}, 0);// 同步count = 3;一个异步任务会被丢到事件循环的队列中..
2020-07-27 10:59:14
1597
原创 内网穿透（NATAPP）简易使用
内网穿透 内网穿透，也即 NAT 穿透，进行 NAT 穿透是为了使具有某一个特定源 IP 地址和源端口号的数据包不被 NAT 设备屏蔽而正确路由到内网主机。下面就相互通信的主机在网络中与 NAT 设备的相对位置介绍内网穿透方法。 内网穿透简单来说就是将内网外网通过natapp隧道打通,让内网的数据让外网可以获取。比如常用的办公软件只有在本地的局域网之内才能访问，开发时候不在一起前后端联调，这就需要natapp内网穿透工具了。运行natapp隧道之后，natapp会分配一个...
2020-07-23 10:49:20
1007
原创 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
610
原创 前端静态资源库
前端静态资源库CDN支持gzip压缩360 前端静态资源库https://cdn.baomitu.com/BootCDN前端开源项目CDN服务http://www.bootcdn.cn/七牛云存储开放静态文件https://www.staticfile.org/字节跳动静态资源公共库https://cdn.bytedance.com/jsDelivrhttp://www.jsdelivr.com支持Brotli压缩cdnjs.nethttp://c
2020-07-21 18:12:34
456
转载 GitLab 配置ssh key
打开本地git bash,使用如下命令生成ssh公钥和私钥对ssh-keygen -t rsa -C '[email protected]' 然后一路回车(-C 后参数是你的邮箱地址)然后打开~/.ssh/id_rsa.pub文件(~表示用户目录，比如我的windows就是C:\Users\Administrator)，复制其中的内容打开gitlab,找到Profile Settings-->SSH Keys--->Add SSH Key,并把上一步中复制的内容粘贴到Key所对应的文本框，在
2020-07-17 14:56:36
158
原创 单点登录（SSO）
概念：单点登录(SingleSignOn，SSO)，就是通过用户的一次性鉴别登录。当用户在身份认证服务器上登录一次以后，即可获得访问单点登录系统中其他关联系统和应用软件的权限，同时这种实现是不需要管理员对用户的登录状态或其他信息进行修改的，这意味着在多个应用系统中，用户只需一次登录就可以访问所有相互信任的应用系统。这种方式减少了由登录产生的时间消耗，辅助了用户管理。特点：单点登录：用户只需登录一次，即可通过单点登录系统（eTrueSSO）访问后台的多个 应用系统，二次登陆时无需重新输入用户名和密
2020-07-17 14:49:35
307
原创 ajax, fetch,axios
XHR(XMLHttpRequest)，是规范，是标准，The XMLHttpRequest Standard defines the networking API exposed to scripts on the web；ajax(Asynchronous JavaScript and XML)是一种技术方案,是网页设计技术概念,也可以是一个方法，比如 $.ajax是jquery通过xhr...
2020-04-26 18:08:26
87
原创 vConsole使用
平时在web应用开发过程中，我们可以console.log去输出一些信息，但是在移动端，console.log的信息我们是看不到的。这种情况下，可以选择使用alert弹出一些信息，但是这种方法不怎么方便，也会阻断JS线程，导致后面的线程都不执行。也影响调试体验。因此，我们需要借助第三方插件：vConsole。第一种用法：引入js文件<script src="path/to/...
2020-03-11 17:38:37
1730
1
小程序贪吃蛇
2018-07-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人