- 博客(104)
- 收藏
- 关注
原创 前端求职系列:如何写一份小程序简历(二)
在之前,我们清楚了如何写一份好的简历。那么当我们不满足于纸质简历想实现一个线上的简历如何实现呢?今天给大家带来一个微信小程序简历。
2023-02-21 15:04:10
2759
2
原创 微信小程序自定义tabbar
先在app.json文件中的tabbar属性中的list属性中写入,你需要使用的tabbar页面的信息如下图。在根目录下创建custom-tab-bar文件夹,并生成对应的组件。在custom-tab-bar文件夹中定义好自己的自定义tabbar。我们就可以看到下面的内容以及成功的显示。...
2022-08-01 16:13:31
693
原创 解决Echarts官网无法访问的问题
问题描述访问Echarts官网显示服务访问。问题原因:NDS域名解析出现了问题,解析出来的ip不是Echarts官网的ip解决方案第一步使用管理员身份打开。第二步进入到系统目录中,到etc文件夹下。cd C:\Windows\System32\drivers\etc第三步终端中输入输入notepad hosts会打开host文件,在文件最下面手动添加207.244.88.140 echarts.apache.org在终端下输入(更新DNS解析缓存)ipco
2022-04-29 14:26:11
36724
48
原创 Umi路由(Link跳转传参与history传参相互协调)
业务描述使用Link的方式传递的参数、与使用history方式跳转到相同页面并保证业务流程不存在问题。 // 操作页面 // 使用history跳转的/IfrsBill/IfrsPurchaselist路由 history.push({ pathname : '/IfrsBill/IfrsPurchaselist', state : {record:result.data} })// 通过用户点击跳转到/IfrsBill/IfrsPurcha
2022-04-18 11:57:36
2964
原创 关于antdpro中render使用async、await。
render : (_,recorf) => ( <RowComp record={record}> </RowComp>)const RowComp = ({...props} => { const [createModalVisible, handleModalVisible] = useState(false); useEffect(async () => { const res = await promise; handleModalV.
2022-03-28 16:07:01
876
1
原创 关于antd-pro、Umi中ejs文件图片引入显示404问题
问题描述页面写法浏览器问题解决方案<img src="<%= context.config.publicPath +'图片命.png'%>" width="32" style="margin-right: 8px" /><img src="<%= context.config.publicPath +'login.png'%>" width="32" style="margin-right: 8px" />
2022-03-09 10:26:16
1438
原创 关于uni-app请求封装
首先在src目录下创建server文件夹,并创建featch.js、config.js、request.js三个文件加。内容如下featch文件主要用来封装主题请求。export const featch = async ( method = 'GET' , url , param) => { return new Promise((resolve , reject) => { uni.request({ method, url, data: param,
2022-03-08 22:44:00
404
原创 小程序项目导入 hbuilder但被识别为web
这是一个微信小程序的项目,但导入 hbuilder但被识别为web。解决办法1、 首先修改package.json 为 package-lock.json2、右键重新识别项目3、我们看到一键变为小程序了4 、package-lock.json 修改为packag.json即可运行项目...
2022-03-02 11:09:42
2568
1
原创 React使用antd中tree组件添加按钮的解决方案
问题描述:需要给Tree组件上添加一个按钮。如下图在了解官网文档后关注一下这个属性这个属性的title是可以接受一个ReactNode的。因此可以在这个title上进行一个需求的添加。
2022-02-24 14:51:57
3018
1
原创 关于git commit -m ‘‘书写规范
关于git代码提交描述规范可以参考:约定式提交Commit message 的格式Commit message 都包括三个部分:Header,Body 和 Footer。<type>(<scope>): <subject> //header// 空一行<body>// 空一行<footer>其中,Header 是必需的,Body 和 Footer 可以省略。Headertype用于说明commit的类型如下fea.
2022-02-23 13:34:44
1278
原创 Windows Terminal配置好看的终端
1、前往Microsoft Store商店安装安装完成后在安装Ubuntu这里需要进行配置打开控制面板找到启用或关闭window功能勾选确定并重启。重启后就可以操作Ubuntu的系统的安装配置Zsh1、安装ZSH:sudo apt install zsh2、确认 zsh 成功安装:zsh3、把zsh设置为默认shell: chsh -s /bin/zsh4、重启zsh:exec zsh安装配置Oh-My-Zsh一、安装国内gitee镜像安装wget https://
2022-02-22 21:46:56
543
原创 关于新需求的解决方案
关于新需求的解决方案需求说明:用户消息管理相关的功能。1.项目搭建1.1 init# use by npmnpx create-umi myapp# use by yarnyarn create umi myapp选择对应开发语言:JavaScript选择对应的模板:simple进入项目文件夹安装依赖yarntyarnnpm icnpm i启动项目npm run startyarn start2.实施方案2.1 关于请求封装的解决方案a
2022-02-22 15:01:29
518
原创 前端开发规范-基本原则
代码规范一直以来是都是我们比较关注的问题。不统一且不规范的代码会导致我们在接手别人的项目的时候造成很大的学习成本。为了避免篇幅过长,我会分成几个部分逐一进行分享。也希望多提提意见以便大家一起进步。本文是对W3Cschool中的前端开发规范的梳理和解析以及个人见解,有兴趣的同学可以看一下。W3Cschool前端开发规范基本原则缩进统一两个空格缩进(总之缩进统一即可),不要使用 Tab 或者 Tab、空格混搭。对于这里笔者认为使用table和空格都不重要,重要的是几个缩进。建议:使用2.
2022-02-21 15:33:17
1176
原创 Java引用数据类型-数组
数组的初始化动态初始化int[] arr = new int[3]/* 左边: int:数组中元素的类型。 []:说明这是一个数组。 arr:数组名称。 右边 new:申请内存空间 int:说明数组中元素的类型 []:说面这是一个数组 3:数组的长度*/静态初始化格式:数据类型[] 变量名 = new 数据类型[]{数据1,数据2}简化格式:数据类型 [] 变量名 = {数据1,数据2}int[] arr = {1,2,3};数组的元素访问使用索引
2022-02-01 19:42:56
1179
原创 IDEA中项目结构
IDEA项目结构IDEA中内容辅助建和快捷建快捷生成语句快速生成main()方法:psvm,回车。快速生成语句:sout,回车。内容辅助建ctrl + alt +space(内容提示,代码补全)快捷键注释:ctrl + /格式化ctrl + alt + L...
2022-02-01 18:12:06
620
原创 React生命周期
React生命周期React17版本之前的声明周期挂载阶段constructcomponentwillmountrendercomponentdidmount更新阶段componentWillreceiveProps:组件将要接受参数。(父组件更新时触发)shouldComponentUpdate:组件是否应该更新。(this.setState)componentWillUpdate:(this.forceUpdate)rendercomponentDidUpdate销毁阶段
2022-01-24 09:39:15
226
原创 React-router-dom@6
React-router-dom@6随着技术的革新,React-router-dom@6对之前的版本有一些变动。目前踩坑如下路由配置1、Route必须被Routes包含。2、component 变成了 element3、路由嵌套要写在路由配置页,组件使用位置使用Outlet代替 <Routes> <Route path="/home" element={<Home />}> //路由嵌套
2022-01-16 17:29:26
579
原创 关于js的运算操作积累
问题描述:在使用js进行数学运算的时候,出现了一个问题,a||0 - b|| 0 = c。但是运算发现结果等于a。这是不满足我们的需求的。解决方案:1、我们先来复现一下场景 var a = 150 var b = 25 a || 0 - b || 0 = ? //答案150这是为什么,在操作的时候,我们发现是运算符的优先级造成的。网上没有合理的解释,我自己琢磨了一下,首先减法会先运行,这是发现 a || 0 还没有执行,就没法进行加减,函数就按照减数的值赋值。解决方案加上括号即可
2021-03-26 17:51:35
90
原创 云服务器购买指南
目前市面上的云服务器有很多。阿里云:https://www.aliyun.com/purchasing/2021?utm_content=se_1008711494腾讯云:https://cloud.tencent.com/act百度云:https://cloud.baidu.com/campaign/PromotionActivity/index.html天翼云:https://www.ctyun.cn/h5/activity/index华为云:https://www.huaweicloud.c
2021-03-19 15:37:23
574
原创 算法题:找出一个数组中出现三次的数字
题:一个数组[1,3,2,5,3,4,2,5,3,4,50],取出出现了三次的数字。 var countNUMBER = function (arr,number) { var returnArr = []; var obj = {}; for (let i = 0; i < nums.length; i++) { obj[nums[i]] = obj[nums[i]] + 1 || 1 }
2021-03-18 09:35:50
692
原创 关于https绑定ip还是域名问题
问题描述:1、我给一个域名绑定了ssl。并通过https访问他没问题。2、当我使用https,访问他的ip的时候,会显示不安全。原因:1、ssl认证一般是使用域名的。如果你选个使用https访问ip地址那么,你就需要给ip一个ssl的认证。...
2021-03-15 11:26:19
2331
2
转载 无忧主机原创:解决Joomla误开SSL功能导致无法访问管理员后台
操作方法:1、 连接FTP,进入网站根目录(public_html),下载configuration.php到本地。2、 使用文本编辑器editplus打开该文件,将:var $force_ssl = ‘2’; PS:这个数值,你不用管,只要将var $force_ssl的属性改为0就可以了。修改为:var $force_ssl = ‘0’; PS:零就关闭的意思。修改完毕后,上传覆盖后,joomla加密访问SSL功能就失效了。使用正常访问访问即可。...
2021-03-15 11:21:12
274
原创 vue.config,js配置简述
通过vue-cli 3.0 工具生成的项目,默认隐藏了所有webpack的配置项,目的是为了屏蔽项目配置过程,让程序员把工作重心,放在具体的功能和业务逻辑上。我们可以通过vue.config.js文件修改webpack的默认配置。官方配置//vue.config.js配置const path = require('path')const debug = process.env.NODE_ENV !== 'production'//导出一个对象module.exports = { //配
2021-03-11 22:14:51
179
原创 webpack4.0
webpackwebpack 安装npm install webpack webpack-cli -Dwebpack打包npx webpack会去找到node_module中的webpack.cmd文件(如果当前目录下有就执行,没有就返回上一级目录找到webpack中的webpack.js)webpack.js文件会看你是否安装webpack cli,如果有就会提示你安装webpack cli。webpack 手动配置默认配置名字:webpack.config.jslet path = re
2021-03-11 22:09:51
247
原创 节流与防抖
防抖用户在规定时间间隔内持续完成一件事,不会触发函数执行。立即防抖//func 执行的函数// wait 延迟时间function debounce(func, wait) { var timeout = null; var context = this; var args = arguments; return function () { if (timeout) clearTimeout(timeout); var callNow
2021-03-11 22:06:25
84
原创 小程序云数据库解析
数据库修改的四中权限所有用户可读,仅创建者可写所有的用户都可以访问到这个数据表中的数据,但是不能做修改。只有创建者才可以修改自己创建的数据。仅创建者可读写用户只能访问和修改到自己创建数据,看不见其他人创建的数据也不能修改其他人创建的数据。所有用户可读不可写所有用户都可以访问到数据表中的数据,但是任何人都不能修改数据表中的数据。包括创建者本身所有用户不可读写对外不公开的,没人能获取表中数据,也没人能修改数据。但是实际的开发情况可能会更复杂,我们需要其他的解决方案怎么办? 使用云函数可以修改数
2021-03-11 22:04:32
668
原创 微信小程序获取用户信息以及openid
获取用户信息在小程序新的文档中定义了,如果想要获取用户信息那么需要与open-type一起使用,否则是无法获取用户信息的。<button open-type="getUserInfo"bindgetuserinfo="bindGetUserInfo"> 获取用户信息</button>//open-type 开放能力,这里我们开放的市用户userInfo//bindgetuserinfo 点击获取用户信息,与wx.getUserInfo返回结果一致,(open-type=g
2021-03-11 22:02:09
861
转载 Sentry 入门实战
Sentry 是一个开源的实时错误追踪系统,可以帮助开发者实时监控并修复异常问题。它主要专注于持续集成、提高效率并且提升用户体验。Sentry 分为服务端和客户端 SDK,前者可以直接使用它家提供的在线服务,也可以本地自行搭建;后者提供了对多种主流语言和框架的支持,包括 React、Angular、Node、Django、RoR、PHP、Laravel、Android、.NET、JAVA 等。同时它可提供了和其他流行服务集成的方案,例如 GitHub、GitLab、bitbuck、heroku、slack、
2021-03-09 21:39:47
219
原创 nodejs学习笔记
node.js是什么?node.js一个让javascript运行在服务端的开发平台node.js不是一门语言node.js不是库,不是框架node.js是一个JavaScript运行时环境node.js是可以解析和执行js代码,以前只有浏览器可以解析JavaScript也就是说有了node,JavaScript可以完全脱离浏览器运行。构建与chrome的v8引擎上代码只是具有特定格式的字符串引擎可以识别他们,引擎会帮你去解析和执行chrome的v8引擎,是目前公认执行js最快的引擎n
2021-03-09 20:54:57
115
原创 Ajax
1、AJAX原理ajax说白了就是一套api,从而实现通过代码控制请求与响应2、AJAX三部曲var xhr = new XMLHttpRequest()xhr.open('请求方式','地址')xhr.send()3、onreadystatechange方法var xhr = new XMLHttpRequest()xhr.open('请求方式','地址')xhr.send()xhr.onreadystatechange = function(){}xhr.addEventList
2021-03-09 20:23:38
178
原创 websocket介绍
websocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器的全双工通讯-允许服务器主动发起信息个客户端,websocket’是一种持久协议,http是非持久协议。使用场景:现在很多网站都有实时推送的需求,比如聊天,客服咨询等。早期没有websocket的时候,是通过ajax轮询,由于http请求,服务器无法给浏览器主动发送数据,因此需要浏览器定时给服务器发送请求(比如1s一次),服务器把最新的数据响应给浏览器。这种模式的缺点就是浪费性能和资源。websocket使用H5中使用.
2021-03-09 20:10:55
1508
原创 虚拟dom
1、什么是虚拟domVirtual DOM其实就是一颗以JavaScript对象作为基础的树,用对象属性来描述节点,实际就是真实dom的抽象。最终通过一系列操作使这课树映射到真实环境上。它描述了应该如何船舰一个真实的DOM节点。2、vue为什么使用虚拟dom创建真实DOM的代价高真实的DOM节点(node)实现的属性很多,而虚拟节点(vnode)仅仅实现一些必要的属性,相比至下,创建一个vnode的成本低。不会覆盖,重绘,节点。他会找到真正有变化的节点对其进行修改。例如:一个ul标签下面有很多li标
2021-03-09 20:04:53
93
原创 nginx双机热备与负载均衡
1、nginx反向代理首先在本地启动一个端口号为80的node服务,这个服务会被代理到192.168.0.0.1的ip地址上。也就说你可以通过访问192.168.0.0.1这个地址访问到你本地80端口的服务。server{ listen 80; server_name localhost; location /{ proxy_pass http://192.168.0.0.1 }}2、nginx负载均衡在本地开启两个服务相
2021-03-09 20:01:40
1860
原创 js解析引擎垃圾回收机制
JS垃圾回收机制js中,垃圾回收机制,是一种自动管理内存的机制。找到不在需要的变量,并释放他的内存。1、为什么会有垃圾回收机制。因为每次创建一个变量/函数都会占用内存,如果不清理内存都会导致内存泄漏。内存泄露程序去申请内存,无法释放已申请的空间,一块内存没办法使用,也没办法释放。常见的内存泄露全局变量全局变量会导致内存无法回收,会造成内存泄露。平时开发的时候建议少使用全局变量,来控制内存。定时器定时器不清除也会导致内存无法回收,造成内存泄露内存溢出大量的内存泄露会导致
2021-03-08 21:04:14
153
原创 HTML5缓存机制
应用缓存应用缓存:把资源缓存到web应用中优势:离线浏览:不联网就可以访问,之前访问的页面与数据。速度:已缓存的资源加载的更快减少服务器负载:浏览器只需要从服务器下载更新过或者更改过的资源缓存实现只需要在文档中标签中包含manifest属性,manifest建议的文件拓展名为“.appcache”manifest文件:CACHE MANIFEST:在次标签下列出的文件将在首次下载后进行缓存。(缓存)NETWORK:在此标题下列出的文件需要与服务器链接,并且不会缓存
2021-03-08 20:23:09
275
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人