- 博客(96)
- 收藏
- 关注
原创 node-sass 安装问题
文章目录一、背景二、问题原因三、解决方法(一)安装 nvm(二)修改配置1. 方式一2. 方式二参考一、背景新电脑运行前端项目出现报错,如下图。二、问题原因当前 node 和 项目 node-sass 版本对不上三、解决方法电脑上同时保持多个 node 版本,以应对不同项目对 node 的要求。我们选择 nvm 来控制 node 版本。(一)安装 nvm下载地址 https://github.com/coreybutler/nvm-windows目前推荐下载1.1.7 版本打开命
2022-03-30 15:49:17
1284
原创 git config
git 配置分为三类级别,并且分别处于不同路径。以windows11操作系统为例系统级的配置(System)配置文件路径:/xxx/etc/gitconfig。(xxx 是 git 安装路径)对应命令查询:系统用户级的配置(Global)配置文件路径: /xxx/.gitconfig。(xxx 是 当前系统用户目录)对应命令查询:仓库级别的配置配置文件路径: /xxx/.git/config。(xxx 是 当前仓库所在目录)
2022-03-23 10:48:08
6136
原创 JS 类型转换
因为JavaScript 不是强类型语言, 所以在写代码中,常常需要知道如何去转换类型。故在此记录下,转换类型一、 数字转字符串let a_num = 1;let b_string = "123";typeof a_num // "number"typeof b_string // "string"let c = '' + a_num;typeof c // "string"...
2021-11-26 09:35:46
383
原创 箭头函数的简写
今天看到这行代码,有点蒙蔽key => ({ key, val: key })首页可以明确这是箭头函数可是箭头函数不是下面这样的吗,右边怎么是个圆括号?(params) => { statements }我们就去查阅资料。发现了箭头函数的简写方式。简写1参数列表只有单个参数时,左边括号()可以省去如下(singleParam) => { statements }// 等价于singleParam => { statements }简写2函数体是返回一
2020-10-22 15:36:38
1966
原创 如何查看其他微信小程序的AppID
需求:在自己的小程序中给出导航至58同城小程序的功能。根据开发文档,我们需要知道 “58同城小程序”AppID。1、打开小程序,点击右上角“三个点”图标2、点击弹窗中的标题3、点击“更多资料”4、 查看AppID...
2020-10-12 09:59:48
4063
1
原创 2020-08-07
1. 水平居中(1)行内元素居中父元素设置 text-align:center示例代码:<body> <div class="parent"> <span class="son">sss</span> </div></body><style> .parent{ width: 500px; height: 300px; back
2020-08-07 10:44:16
293
原创 如何在windows操作系统开机自启tomcat
需求:我希望window开机的时候可以自己运行tomcat,以便网站可以使用。条件:电脑中安装的是apache-tomcat-7.0.96.zip,里面没有service.bat。其实在apache-tomcat-7.0.96-windows-x64中,是有service.bat的。apache-tomcat-7.0.96.zip的bin中内容:apache-tomcat-7.0.96-windows-x64的bin中内容:解决方法方法1重新安装一个windos上的tomcat,如ap
2020-06-04 15:58:57
311
原创 cors跨域请求排查与解决方法
1 背景与第三方对接,发现options请求正常,但是剩下的get请求没发出去。2 排查在浏览器中模拟请求,获取报错信息。重点信息Request header field x-requested-with is not allowed by Access-Control-Allow-Headers in preflight response.这句话什么意思呢?...
2020-05-29 10:25:05
673
原创 Html5中使用canvas绘制海报,供小程序分享至朋友圈
需求:小程序中webview页面H5可以分享至朋友圈解决:生成带小程序码的海报,在H5页面长按保存海报图片,自行分享至朋友圈。海报如下:绘制海报主要是三个部分1. 贴图需要注意的是,有时候图片未加载成功,导致未贴上图,所以需要在onload 事件中绘制图。 var c=document.getElementById("canvas"); var ctx=c.getContext("...
2020-05-15 19:28:02
1479
原创 wepy 如何使用 weui-miniprogram
今天看到微信小程序文档中出来了 weui 组件。迫不及待想使用看看。项目中使用的 wepy1 框架1 安装 weui-minprogram包执行:npm install weui-miniprogram结果:node_modules 目录下会有以下文件目录。2 引入 weui-miniprogram 到项目中在 app.wpy 文件中加入useExtendedLib: { ...
2020-04-23 14:32:31
2133
原创 微信小程序 webviewH5如何分享好友
通过给 button 组件设置属性 open-type=“share”,可以在用户点击按钮后进行分享。webview承载网页的容器。会自动铺满整个小程序页面。但是在webview页面中,没法使用小程序组件button, 所以这行不通。1 开启转发选项当然你需要在H5页面中,引导用户点击右上角的“三个点”。可以在webview页面中,右上角菜单中开启转发选项。在onLoad 生...
2020-02-28 10:27:40
3951
原创 Vue 过滤器Filter的使用
1 用处格式化文本。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式2 用法过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示:<!-- 插值 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 --><div v-bind:id="rawId | formatId"&...
2020-02-27 10:52:37
197
原创 ES 字符串中的方法
padStart, padEnd头部补全 padStart时间字符串格式化let date = new Date()let year = date.getFullYear()let month = (date.getMonth()+1).toString().padStart(2, '0')let day = (date.getDate()).toString().padStart(2...
2020-02-27 09:53:44
234
原创 如何购买内存条
1 首先确定你的电脑有几个一般笔记本有两个,如果有空插槽你就可以去购买;如果没有插槽你也可以更换原来内存条。2 确定内存型号最简单的方式:检测原有内存条型号,参照即可购买目前流行的是第三代(DDR3)和第四代(DDR4)内存条。(互不兼容)除了确定电脑使用的是第几代内存条,当然还需要看内存频率。即主板支持最高频率。如果主板支持内存最高频率2666MHz,买频率3000MHz的内存条...
2019-11-24 15:32:35
875
原创 vue 移动端 触屏拖拽功能
vue 实现移动端可拖拽浮球1 首先创建一个div<div class="floatball" id="floatball" @mousedown="down" @touchstart.stop="down" @mousemove="move" @touchmove.stop="move" @mouseup="end" @touchend.stop=...
2019-11-07 16:51:05
3248
3
原创 微信小程序 font-weight
偶然发现自己设置的font-weight在真机上没起到作用于是测试一下区别<view class="font900">中国热</view><view class="font800">中国热</view><view class="font700">中国热</view><view class="font600"&g...
2019-10-31 14:18:17
2664
原创 Xshell 和 Xftp 免费下载
免费下载 Xshell 和 Xftp这里以下载 Xshell 作为样例,下载 Xftp 同理1 进入官网,点击“下载”地址 : https://www.netsarang.com/zh/xshell/2 下载页,点击“免费授权页面”3 免费授权页,填写相关信息。普通邮箱可以使用4 进入邮箱,点击链接,下载即可...
2019-10-31 09:50:07
385
原创 Git
git stash储藏git stash list储藏的历史列表git stash apply {name}应用储藏,默认最近一次储藏,恢复到工作区。git stash apply {name} --index可以把之前暂存区的改动 恢复到 暂存区。git stash pop功能和apply类似,多出一个功能,在成功应用储藏后,会删除此储藏。git stash drop删...
2019-10-15 15:59:36
134
原创 CSS选择器
选择器种类繁多,有时候用着就忘记了,就知道加class,不知道使用其他方式。选择器分类标签选择器类(class)选择器id选择器属性选择器文档结构选择器后代选择器子代选择器兄弟选择器...
2019-09-10 16:22:32
337
原创 小程序 checkbox不可以携带自定义数据
小程序 checkbox不可以携带自定义数据。<checkbox data-index="123" value="{{item.typeID}}" checked="{{item.checked}}">{{item.typeName}}</checkbox>做个记录
2019-09-04 18:07:02
751
原创 css 字体颜色渐变的实现方法
设计人员为了页面的美观,常会有渐变色字体展示。在css中实现方法有如下几种1 使用background-clip这是最简单的一种方式,也十分好理解。在现有css中,没法将字体颜色直接设为渐变色,所以我们反向思考,将其背景设置为渐变色,裁去字体以外的部分,把字体颜色改为透明,这样就可以透过字体,看到背景色。就像是字体颜色是渐变色。具体分为三步,如下:将背景色改为渐变色背景将背景...
2019-08-22 19:31:00
2029
原创 vue项目中,index.html和main.js和App.vue的关系
总结:index.html是主渲染文件,mian.js是桥梁,App.vue是模块。main.js中创建的vue对象,通过el的值与index.html的元素产生关联。vue中的template替换index.html的元素vue中的components替换template,template的值需要是...
2019-08-07 14:27:50
2033
原创 js原型
一切都是对象!面向对象三大部分有封装,继承,多态!请大家记住三个名词:构造函数(对象)实例(对象)原型(对象)1 js里的继承!看以下代码:function Animal(){}var smallAnimal = new Animal();由代码显而易见:Animal 是一个构造函数!smallAnimal是实例对象!1.1 原型1.1.1 问题根据上...
2019-07-17 16:25:22
142
原创 CSS width与继承的关系
1 起因在做页面时,想把搜索按钮放在页面底部(在正常流中,搜索按钮紧挨着上部分),即图一变为图二。图一图二 2 现象在给元素设置position:absolute;样式后,发现搜索框变小了;如图3;3 思考在给元素设置定位position:absolute后,元素脱离正常流,不再继承父元素宽度。4 验证4.1 正常流中,块级子元素width继承父元素属性写如下代码:<...
2019-07-10 21:23:17
4114
原创 CSS width设置为100%
在子元素中设置width:100%容易溢出,因为子元素内容已经和父元素的大小一致,如果子元素还有内边距(padding)、边框(border)、外边距(margin),这样会使子元素溢出父元素。父元素没有内边距,溢出明细<div class="parent"> <div class="child"> <p>123456789ffffffffdddd...
2019-07-10 11:45:19
11157
2
原创 CSS flex布局
学习参考微信小程序开发指南:https://developers.weixin.qq.com/ebook?action=get_post_info&docid=00080e799303986b0086e605f5680a阮一峰博客:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuic...
2019-07-10 10:23:53
281
原创 美食专栏
土豆丝经过几次尝试,土豆丝做法有几个重要步骤土豆丝切好后,一定要多洗几次,并沥干水土豆丝入锅后,加入醋,保证清脆蒜在土豆丝6分熟的状态下入锅效果较好...
2019-07-06 19:44:12
273
原创 打开Eclipse,出现updating project卡死解决方案
现象: 打开Eclipse,一直更新updating project原因:可能是异常关闭解决方案:1 找到当前的工作空间,进入.metadata.plugins目录,删除org.eclipse.core.resources文件夹删除.metadata目录中的.lock文件2 重新打开eclipse,选择原来的工作空间即可。...
2019-06-14 20:01:09
4108
6
原创 第一行代码Android_第三章_ListView
ListView1 ListView的简单用法将ListView放入布局<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_pare...
2019-05-09 10:21:29
300
原创 Java Instant类
时间点此类的对象表示时间线上的一点。因为是时间线的一点,所以时间点可以比较大小,那么这个时间点的标准都是统一的(UTC时间);即这个时间点对于整个地球人们来说是唯一的,不是北京时间、也不是东京时间、而是世界时间。与时间点相关的两个概念就是时间线和时间的单位。一、时间线时间点在时间线上(点在线上)。时间线上有三个重要的点:最大值点、最小值点、原点(时间不知道有没有尽头)。在Java世界,...
2019-04-18 16:50:38
6791
1
原创 Linux【文件管理】文件归档tar
归档就是把一堆文件和目录放到一个新的文件里,有点类似有复制、备份。归档文件没有经过压缩,其所使用的磁盘空间是其中所有文件和目录大小的和。tartar命令是Linux下最常用的归档工具。tar命令可以让用户为某一些特定文件创建档案(备份),也可以查看、添加和删除归档文件的具体文件。语法格式和具体参数语法:tar -主参数+[辅助参数] +f+归档文件名+[待归档文件]具体参数:主...
2019-03-09 13:31:47
504
原创 Linux 目录详解
https://www.cnblogs.com/dengyungao/p/8426878.htmlhttps://www.cnblogs.com/itcui/p/5632311.htmlhttps://www.runoob.com/linux/linux-system-contents.html
2019-03-02 17:30:31
454
原创 Linux 区分命令选项参数和文件处理对象参数
在Linux中,文件的命名可以为-f.假设我们要删除这个文件。使用rm -f,那么程序可能把-f文件对象参数当做了命令选项参数,导致文件无法被删除如下:解决许多Linux命令(如cp, ls, mv, rm, cat, grep, set等) 用–显式地标志命令行选项的结束 ,识别以-开头的处理对象。例如:...
2019-02-27 21:34:35
553
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人