- 博客(21)
- 收藏
- 关注
原创 Mac上安装使用MongoDB(附加command脚本文件自动执行)
下载社区版:下载后解压,改名为mongodb,将解压文件放在 /usr/local()路径下(也可以放在其他路径,后续操作根据自己的文件路径填写即可)
2023-03-22 11:15:32 428
转载 使用uni-app + vant-weapp 发布到H5以及小程序遇到的问题
框架(uni-app) + ui (vant-weapp)1、vant-weapp 引入(如何引入请自行搜素,这里只讲问题)在pages.js中注册(如果使用频率较高,可以在globalStyle中注册,如果使用不多,可以在pages使用页面注册即可)编译到小程序没问题,但是编译到h5报错了!!!!不知道大家有没有遇到过这个问题解决办法就是将 wxcomponents > vant > icon中的 index.wxss 格式化一下就好了这个问题解决了,以为就可以开心的开发
2022-01-13 18:47:51 1452 1
转载 微信小程序引入iconfont的坑(渲染层网络层错误)
1.首先,我们在iconfont官网下载字体图标2.解压,引入到小程序中(注意,css文件的后缀要改成wxss):3.编译,报错Failed to load local font resource /iconfont.woff2?t=1628652179539-do-not-use-local-path-./fonts/iconfont.wxss&5&7net::ERR_CACHE_MISS4.**解决办法:**去到下载代码的页面,点击查看在线链接5、把在线链接的代码覆盖掉
2022-01-12 17:26:46 4575 6
转载 uniapp在标签里放:style在微信小程序不生效问题
首先我是这样写,只能在h5页面生效<view :style="speed_s"></view>//在data里定义了样式 speed_s:{ width: '160rpx', height: '100%', background: '#adadad' }可是这样在微信小程序里面并不生效,被编译成了这样正确应该在在标签里加上[ ],在微信小程序就会生效了<view :style="[speed_s]"></view>
2022-01-12 11:55:08 1999
转载 base64格式图片转换为FormData对象进行上传
原理:利用ArrayBuffer、Blob和FormDatavar base64String = /*base64图片串*/;//这里对base64串进行操作,去掉url头,并转换为bytevar bytes = window.atob(base64String.split(',')[1]);//处理异常,将ASCII码小于0的转换为大于0,这里有两种写法第一种:var ab = new ArrayBuffer(bytes.length);var ia = new Uint8Array(a
2022-01-11 11:31:19 1645
原创 css:inline-block存在的小问题
问题:最近在项目中遇到一个问题,在div使用了display:inline-block后,div之间会存在空白间隙,翻阅资料后发现,这个问题产生的原因是换行引起的,因为我们写标签时通常会在标签结束符后顺手打个回车,而回车会产生回车符,回车符相当于空白符,通常情况下,多个连续的空白符会合并成一个空白符,而产生“空白间隙”的真正原因就是这个让我们并不怎么注意的空白符。去除空隙的方法:1.将子元素标签的结束符和下一个标签的开始符写在同一行 或 把所有子标签写在同一行;2.父元素中设置font-size为
2022-01-06 16:33:36 587
转载 HTML5实现本地文件读取和写入
HTML5实现本地文件读取和写入最近有这样一个需求,就是在HTML页面中有个按钮导出,点击它,将构造一个文档并存储到本地文件系统中。另外还有个按钮,点击它,从本地文件系统中读取一个文件并对内容进行分析。说白了,就是一件事,就是如何读取或写入本地文件系统中的文件。这件事情在HTML5以前是一件非常恐怖的,因为浏览器对本地文件系统有非常强的保护,似乎是一种叫做沙盒的机制,总之是,JS不可以直接操作它。所以,这个时候,要想读某个文件,就需要将文件上传到服务器,然后服务器读取并解析这个文件,并将解析结果返回.
2021-12-27 16:52:34 1607
转载 HTML之marquee(文字滚动)详解
语法:以下是一个最简单的例子:代码如下:Hello, World下面这两个事件经常用到:onMouseOut=“this.start()” :用来设置鼠标移出该区域时继续滚动onMouseOver=“this.stop()”:用来设置鼠标移入该区域时停止滚动代码如下:onMouseOut=“this.start()” :用来设置鼠标移出该区域时继续滚动 onMouseOver=“this.stop()”:用来设置鼠标移入该区域时停止滚动这是一个完整的例子:代码如下:这是一个完整的例
2021-01-20 14:24:15 761
原创 vue之递归组件实现导航栏
最近自己写demo用到了递归组件来实现导航栏菜单,特此记录:1、什么是递归组件?就是自己调用自己,比如我们的导航栏菜单,父级菜单下有子菜单,子菜单下还有子菜单,可以这样无穷无尽,就像俄罗斯套娃。注意:递归组件与一般组件不同的地方是,你需要给组件提供一个name选项。就像这样:递归组件适合那些在UI上有父子关系的场景2、怎么创建递归组件就像上图,先写一个组件,给它命个名,然后在内部调用以它命名的组件,这样就创建了一个递归组件。除了name选项是必须的之外,还有一点也是在实现递归组件要注意的,就
2020-12-31 11:37:08 1028
原创 在github上删除项目和删除项目中的某个文件
一、删除项目GitHub上删除仓库很简单:找到setting,进入新页面并把滚动条拉到最下面,找到按钮Delete this repository,点击它,然后在弹框中输入删除的项目名字,点击删除,这时会弹出页面验证,输入github密码,完事儿;二、删除项目中的某个文件由于在github上不能直接删除某个文件,要用git命令去删除文件。案例:删除项目中的test文件首先在上传项目的本地文件中打开git客户端,输入git pull origin master把github上的文件重新拉下来;然
2020-11-11 17:56:15 2071
转载 使用CSS隐藏元素滚动条
如何隐藏滚动条,同时仍然可以在任何元素上滚动?首先,如果需要隐藏滚动条并在内容溢出时显示滚动条,只需要设置overflow:auto样式即可。想要完全隐藏滚动条只需设置overflow:hidden即可,但是这样一来将导致元素内容不可滚动。时至今日,还没有任何一条CSS规则可以使元素可以隐藏滚动条的同时依然可以滚动内容,只能通过针对特定浏览器设置滚动条样式来实现。Chrome和Safari浏览器对于Chrome和Safari浏览器,我们必须使用CSS滚动条选择器,然后使用display:none隐藏它
2020-10-28 13:13:23 1152
原创 vue中使用基于d3的dagre-d3.js做一个流程图组件
由于工作中用到了此插件制作简易流程图,以前没用过,特此记录效果图:下载npm install d3npm install dagre-d3html<svg width="400" height="253"> <g /> <rect /></svg>1.声明数组state(点)和edg(边)图形中最重要的就是节点和连线(节点之间的联系)list: { //节点 nodeInfos: [ {
2020-10-10 17:47:55 4318
转载 npm安装任何包都报错的解决办法
不知道什么原因,安装nodejs后,用npm安装任何东西都报错:C:\Users\Administrator>npm install expressnpm ERR! Windows_NT 6.1.7601npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install" "express"npm ERR! nod
2020-09-28 09:38:34 3101
原创 vuex-along解决vuex中存储的数据在页面刷新之后失去的问题
一. 发现问题在vue项目的开发中经常会用到vuex来进行数据的存储,然而在开发过程中会出现刷新后页面的vuex的state数据初始化问题。其实这个问题困扰我很久了????,以前就只会傻傻地使用localStorage来解决。今天偶然看到公司的大佬在项目中使用了vuex-along插件(之前没见过),于是请教了一番,然后自己在网上也搜了搜这个插件,感觉发现了新大陆????。学吧,学无止境????二. 解决问题一般都会采用cookie、sessionStorage或localStorage等方法(但这些
2020-09-27 21:53:18 3881
转载 VScode解决格式化后单引号变双引号
默认情况下,vscode格式化代码后,全部变成双引号了,这就有可能不满足我们的代码规范。所以我们需要操作一波,经过以下操作,不仅能解决单双引号的自动更换,还能去掉不需要的分号 (不过还是建议保留分号)==》1、在根目录下面创建一个文件.prettierrc.json2、代码内容如下:{ "singleQuote": true, "semi": false}原文地址:https://blog.csdn.net/weixin_44285250/article/details/937240
2020-09-27 21:08:51 3079 1
转载 git 忽略不提交的文件3种方式
一 、在项目(我的是vue)的根目录下创建.gitignore文件 :从未提交过的文件,从来没有被 Git 记录过的文件,也就是添加之后从来没有提交(commit)过的文件,可以使用.gitignore忽略该文件。只能作用于未跟踪的文件(Untracked Files)。例如:.gitignore.DS_Storenode_modules/dist/npm-debug.logbuild-debugger.js.idea二、命令git rm --cached Xml/config.xml
2020-09-27 20:53:14 1804
原创 vue 自定义组件切换时刷新
我们在使用vue自定义组件时,常常会遇到切换组件的操作,但是切换组件的时候,如果没有处理好,组件内容就不会刷新。如:标签页下放自定义组件,切换标签时,组件里面的内容不刷新,导致页面停留在上一次的操作。那么我们应该如何来解决这个问题呢?接下来说说我在网上看到的两种方法一、通过v-if来刷新当我们在爷辈组件请求后台接口完成后要刷新子孙组件时,我们就可以在爷辈组件使用以下代码,实现子孙组件的刷新(感觉这种方法怪怪的,个人喜欢第二种方法)上代码://父组件内容<child v-if="show"&g
2020-09-25 23:00:56 2256
转载 HTML5语义化标签
HTML5新增的语义化标签主要有:<article>、<section>、<nav>、<aside>、<header>、<footer>、<time>等等…优点:为了在没有CSS的情况下,页面也能呈现出很好地内容结构、代码结构比<div>标签有更加丰富的含义,方便开发与维护方便搜索引擎能识别页面结构,有利于SEO方便其他设备解析(如移动设备、盲人阅读器等)有利于合作,遵守W3C标准注意:
2020-09-20 19:57:30 594
原创 iframe标签的使用(隐藏操作栏)
iframe标签的基本使用iframe标签在预览pdf文档时,顶部默认会有一行操作栏,可供用户下载、打印等。因在工作中遇到过一次这样的需求,需要控制用户的下载权限,网上大部分是说iframe无法控制,都推荐用pdf.js插件,但我总感觉应该可以的,功夫不负有心人,最终还是被我找到了,此方法基本可行,特此记录一、基本用法<iframe ref="iframe" height="700" width="100%" :src="pdfurl"
2020-09-20 15:06:11 9343 6
转载 前端必须要了解的浏览器常识
前端必须要了解的浏览器常识一. 首先来说说浏览器的构成二. 浏览器内核的理解三. 浏览器渲染的过程四. 浏览器兼容问题总结(ie,firefox)一. 首先来说说浏览器的构成用户界面,浏览器引擎,渲染引擎,js解释器,数据存储,网络,UI后端用户界面:包括地址栏,后退/前进按钮,书签目录等浏览器引擎:用来查询和操作渲染引擎的接口渲染引擎:用来显示请求的内容,eg.如果请求的内容为html,就负责解析html及 css,并将解析后的结果显示出来网络:用来完成网络调用,eg.http请求,有与平台无
2020-09-20 13:02:46 288
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人