![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 58
chengRantianxia
这个作者很懒,什么都没留下…
展开
-
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 · 807 阅读 · 0 评论 -
项目图床选择
非隐私图片:使用Github、七牛云(http)、SM.MS图床、路过图床。隐私图片:使用阿里云OSS七牛云(https)(绑定的域名不能丢)。测试环境(日常使用)自行选择;生产环境选择阿里云oss。原创 2023-01-31 09:06:57 · 613 阅读 · 1 评论 -
LambdaTest
真机测试转载 2022-09-30 10:08:52 · 2936 阅读 · 0 评论 -
Bag管理系统框架
vue-bag-admin原创 2022-09-07 15:29:44 · 685 阅读 · 0 评论 -
uni-app开发,防止踩坑
uniapp问题记录原创 2022-09-07 15:28:13 · 4246 阅读 · 0 评论 -
遇到问题记录
遇到问题记录原创 2022-09-07 15:24:16 · 98 阅读 · 0 评论 -
8 个对前端开发者有用的工具
前端工具原创 2022-09-07 15:17:04 · 311 阅读 · 0 评论 -
阿里开源的低代码工具LowCodeEngine
阿里开源的低代码工具LowCodeEngine原创 2022-09-07 15:15:04 · 9783 阅读 · 2 评论 -
整理感兴趣记录
整理记录原创 2022-09-07 15:10:07 · 210 阅读 · 0 评论 -
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 · 621 阅读 · 0 评论 -
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 · 267 阅读 · 0 评论 -
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 · 173 阅读 · 0 评论 -
安装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 · 73 阅读 · 0 评论 -
setTimeout代替setInterval
在需要重复发送请求或者某些效果的时候,一般都会想到使用setInterval,但是它的一些弊端,会给程序带来很大的隐患一、弊端1.setInterval对自己调用的代码是否报错漠不关心。即使调用的代码报错了,它依然会持续的调用下去2.setInterval无视网络延迟。在使用ajax轮询服务器是否有新数据时,必定会有一些人会使用setInterval,然而无论网络状况如何,它都会去一遍又一遍的发送请求,如果网络状况不良,一个请求发出,还没有返回结果,它会坚持不懈的继续发送请求,最后导致的结果就是请求原创 2021-08-03 15:22:37 · 880 阅读 · 0 评论 -
问题记录-百度地图 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 · 296 阅读 · 0 评论 -
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 · 2417 阅读 · 0 评论 -
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 · 7050 阅读 · 0 评论 -
TypeScript学习 (一)
什么是 TypeScriptTypeScript是一种由微软开发的自由和开源的编程语言,它是 JavaScript 的一个超集,扩展了 JavaScript 的语法。安装 TypeScript通过 npm 安装$ npm install typescript -g以上命令会在全局环境下安装tsc和tsserver两个命令,安装完成之后,我们就可以在任何地方执行它了。tsserverTypeScript 独立服务器(又名 tsserver )是一个节点可执行文件,它封...原创 2020-09-27 15:55:03 · 525 阅读 · 0 评论 -
Hooks 与 React 生命周期
一、Hooks 组件函数组件的本质是函数,没有 state 的概念的,因此不存在生命周期一说,仅仅是一个render 函数而已。但是引入Hooks之后就变得不同了,它能让组件在不使用 class 的情况下拥有 state,所以就有了生命周期的概念,所谓的生命周期其实就是useState、useEffect()和useLayoutEffect()。即:Hooks 组件(使用了Hooks的函数组件)有生命周期,而函数组件(未使用Hooks的函数组件)是没有生命周期的。下面,是具...原创 2020-09-25 15:01:27 · 8560 阅读 · 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 · 1692 阅读 · 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 · 267 阅读 · 0 评论 -
网页工具总结
检查测试检测Web前端兼容性或者是网站性能测试网址 说明 Can I use 查这个属性能在哪些浏览器兼容 Browser Sandbox 各大平台浏览器兼容性在线测试 GTmetrix 网站在线性能测试分析、优化建议 HttpWatch 一款强大的网页HTTP数据分析软件 validator W3C的HTML有效性验证 css-validator W3C的CSS有效性验证 设计规范 iPhone各设备屏幕尺寸原创 2020-08-06 15:01:32 · 116 阅读 · 0 评论 -
浏览器渲染流程|知识
渲染流程首先要了解的概念: 渲染引擎:它是浏览器最核心的部分是 “Rendering Engine”,不过我们一般习惯将之称为 “浏览器内核” 渲染引擎主要包括的线程: 各个线程主要职责GUI渲染线程:GUI 渲染线程负责渲染浏览器界面,解析 HTML,CSS,构建 DOM 树和 RenderObject 树,布局和绘制等。当界面需要重绘(Repaint)或由于某种操作引发回流(Reflow)时,该线程就会执行。 JavaScript引擎线程: JavaScript 引擎线程主原创 2020-08-05 11:39:24 · 609 阅读 · 0 评论 -
Cache -Control缓存
缓存简介我们在用http访问时,会先发送一个请求,之后服务器返回一个应答。在开发者工具中,点击网络可以查看。第一部分General是概要,包含请求地址,请求方式,状态码,服务器地址以及Referrer 策略。第二部分是应答头部,是服务器返回的。第三部分是请求头部,是客户端发送的。这次我们从两个角度来看看http的缓存:缓存控制和缓存校验。缓存控制:控制缓存的开关,用于标识请求或访问中是否开启了缓存,使用了哪种缓存方式。缓存校验:如何校验缓存,比如怎么定义缓存的有效期,怎么确保缓存是最新的。转载 2020-08-05 11:18:08 · 958 阅读 · 0 评论 -
setTimeout、Promise 性能比较
setTimeout 属于宏任务(MacroTask), Promise 属于微任务(MicroTask),二者并不在一个异步队列中。无论是宏任务还是微任务,都是异步任务。在 JavaScript 中的异步是靠事件循环来实现的,拿大家最常见的 setTimeout 为例。// 同步代码let count = 1;setTimeout(() => { // 异步 count = 2;}, 0);// 同步count = 3;一个异步任务会被丢到事件循环的队列中..原创 2020-07-27 10:59:14 · 1677 阅读 · 0 评论 -
内网穿透(NATAPP)简易使用
内网穿透 内网穿透,也即 NAT 穿透,进行 NAT 穿透是为了使具有某一个特定源 IP 地址和源端口号的数据包不被 NAT 设备屏蔽而正确路由到内网主机。下面就相互通信的主机在网络中与 NAT 设备的相对位置介绍内网穿透方法。 内网穿透简单来说就是将内网外网通过natapp隧道打通,让内网的数据让外网可以获取。比如常用的办公软件只有在本地的局域网之内才能访问,开发时候不在一起前后端联调,这就需要natapp内网穿透工具了。运行natapp隧道之后,natapp会分配一个...原创 2020-07-23 10:49:20 · 1041 阅读 · 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 · 670 阅读 · 0 评论 -
前端静态资源库
前端静态资源库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 · 503 阅读 · 0 评论 -
单点登录(SSO)
概念:单点登录(SingleSignOn,SSO),就是通过用户的一次性鉴别登录。当用户在身份认证服务器上登录一次以后,即可获得访问单点登录系统中其他关联系统和应用软件的权限,同时这种实现是不需要管理员对用户的登录状态或其他信息进行修改的,这意味着在多个应用系统中,用户只需一次登录就可以访问所有相互信任的应用系统。这种方式减少了由登录产生的时间消耗,辅助了用户管理。特点:单点登录:用户只需登录一次,即可通过单点登录系统(eTrueSSO)访问后台的多个 应用系统,二次登陆时无需重新输入用户名和密原创 2020-07-17 14:49:35 · 328 阅读 · 0 评论 -
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 · 97 阅读 · 0 评论 -
vConsole使用
平时在web应用开发过程中,我们可以console.log去输出一些信息,但是在移动端,console.log的信息我们是看不到的。这种情况下,可以选择使用alert弹出一些信息,但是这种方法不怎么方便,也会阻断JS线程,导致后面的线程都不执行。也影响调试体验。因此,我们需要借助第三方插件:vConsole。第一种用法:引入js文件<script src="path/to/...原创 2020-03-11 17:38:37 · 1822 阅读 · 1 评论 -
Vuex入门
Vuex入门一、什么是Vuex?什么情况要使用它? 当我们需要一个“常量”,在各个组件之间传播(或者是.vue文件中传播),父组件,子组件,孙组件等5层到6层。当用户打开几个窗口进行数据操作的时候,数据就可能被污染(大中型项目中常见)。这样我们就需要一个控制中心的东西——这也vuex中的store(仓库),它把所有公用的数据和方法存起来,当需要修改的时候,就到store种进行修改...原创 2020-03-11 17:34:39 · 85 阅读 · 0 评论 -
js清除浏览器缓存
浏览器缓存浏览器缓存(Browser Caching)是为了节约网络的资源加速浏览,浏览器在用户磁盘上对最近请求过的文档进行存储,当访问者再次请求这个页面时,浏览器就可以从本地磁盘显示文档,这样就可以加速页面的阅览。浏览器缓存主要有两类:缓存协商:Last-modified ,Etag 和彻底缓存:cache-control,Expires。清理网站缓存的几种方法meta方法...原创 2019-12-02 09:31:48 · 467 阅读 · 0 评论 -
async、await函数的使用
JavaScript 编程中,经常使用到异步交互,因为逻辑嵌套或者请求嵌套,所以出现了 许多延时、数据不同步的问题。从最早的回调函数,到 Promise 对象,再到 Generator 函数,每次都有所改进,但又都有额外的复杂性,都需要理解抽象的底层运行机制。async函数就是为了解决异步交互的问题而出现的。async 函数对 Generator 函数的改进,体现在内置执行器、更好的语义及...原创 2019-11-13 15:49:41 · 1000 阅读 · 0 评论 -
async 函数的使用
JavaScript 编程中,经常使用到异步交互,因为逻辑嵌套或者请求嵌套,所以出现了 许多延时、数据不同步的问题。从最早的回调函数,到 Promise 对象,再到 Generator 函数,每次都有所改进,但又都有额外的复杂性,都需要理解抽象的底层运行机制。async函数就是为了解决异步交互的问题而出现的。async 函数对 Generator 函数的改进,体现在内置执行器、更好的语义及...原创 2020-03-11 17:35:30 · 1934 阅读 · 0 评论 -
Vue学习笔记
Vue.js 是什么 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。可以创建一个 .html 文件,然...原创 2019-08-14 14:48:12 · 195 阅读 · 0 评论 -
vue项目实现国际化-vue-i18n
vue-i18n一、安装1、直接下载 / CDNhttps://unpkg.com/vue-i18n/dist/vue-i18n unpkg.com 提供了基于 NPM 的 CDN 链接。上面的链接会一直指向在 NPM 发布的最新版本。你也可以通过 https://unpkg.com/vue-i18n@8.9.0/dist/vue-i18n.js 这样的 URL 指定版本号或者 ...原创 2019-08-20 11:09:23 · 1662 阅读 · 0 评论 -
nvm安装及使用
不同的项目所使用的node版本有可能是不一样的,或者是要用更新的node版本进行试验和学习。在这种情况下,对于维护多个版本的node将会是一件非常麻烦的事情,nvm就可以解决这个问题,nvm可以方便的在同一台设备上进行多个node版本之间切换。一、安装nvm 安装包下载网址:https://github.com/coreybutler/nvm-windows/re...原创 2019-08-12 20:40:46 · 187 阅读 · 0 评论 -
前端常见的跨域技术
广义的跨域:跨域是指一个域下的文档或脚本试图去请求另一个域下的资源。1.) 资源跳转: A链接、重定向、表单提交2.) 资源嵌入: <link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-face()等文件外链3.) 脚本请求: js发起的ajax请求、dom和js...转载 2019-08-26 11:41:17 · 151 阅读 · 0 评论 -
session,cookie,token总结
HTTP简介 HTTP是Hyper Text Transfer Protocol(超文本传输协议)的缩写。它的发展是万维网协会(World Wide Web Consortium)和Internet工作小组IETF(Internet Engineering Task Force)合作的结果,(他们)最终发布了一系列的RFC,RFC 1945定义了HTTP/1.0版本。其中最著名的就...原创 2019-09-06 11:32:03 · 109 阅读 · 0 评论