- 博客(68)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Vue—— vue 富文本(vue2-editor)
npm install vue2-editor --save 安装至项目中<template> <div> <vue2-editor v-model="htmlStr" :editorToolbar="customToolbar"></vue2-editor> </div></template><script> import {VueEditor} from 'vue2-editor' expo
2020-10-31 16:18:09
1036
原创 nginx —— nginx的启动和关闭
nginx的启动和关闭nginx -h 查看帮助信息nginx -v 查看Nginx的版本号nginx -V 显示Nginx的版本号和编译信息start nginx 启动Nginxnginx -s stop 快速停止和关闭Nginxnginx -s quit 正常停止或关闭Nginxnginx -s reload 配置文件修改重新加载nginx -t 测试Nginx配置文件的正确性及配置文件的详细信息task /fi "imagename eq nginx.exe" wi
2020-10-31 16:14:40
128
原创 JS—— indexOf数组去重
返回某个指定的字符串在字符串中首次出现的位置indexOf() 对大小写敏感如需检索的字符串值没有出现，则返回 -1var list = [1, 1, 1, 2, 2, 2, 3, 3, 3, 4, 4, 4]； var newlist = []； list.forEach(function (v) { if (newlist.indexOf(v) === -1) { newlist.push(v)； .
2020-10-31 16:05:29
279
原创 Vue——vue父子通信、子父通信、兄弟通信
父子通信：通过prop上来接收自定义属性子父通信：通过子组件使用$emit去触发父组件的内置事件兄弟通信：两个同级的组件进行通信，我们可以设置一个父组件，两个子组件同时在这个父组件下，可以通过父组件去获取数据和方法（子组件1<——>父组件<——>子组件2）......
2020-10-31 16:01:35
176
原创 Node.js——npm运行项目报错----Cannot find module ‘@babel/compat-data/corejs3-shipped-proposals‘
方法一：npm install -D babel-loader @babel/core @babel/preset-env webpack方法二：package.json中devDependencies对象添加 "@babel/compat-data": "7.9.0"
2020-10-31 16:00:27
1388
1
原创 Vue——Vue时间格式转化
位置：main.jsVue.filter('dateFormat', function (originVal) { //dateFormat为自定义函数名 const dt = new Date(originVal) const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').padStart(2, '0') const d = (dt.getDate() + '').padStart(2, '0')
2020-10-31 15:59:22
788
原创 CSS——px, rem , em , vw , vh，%，vm 的区别
pxpx就是pixel像素的缩写,相对于显示器屏幕分辨率而言。em参考物是父元素的font-size。值不固定，会继承父级元素的字体大小。rem相对于HTML根元素的字体大小（font-size）em && rem 区别em相对于其父元素的字体大小rem相对于其子元素的字体大小vw、vh、vmax、vminvw是相对视口（viewport）的宽度而定的，长度等于视口宽度的1/100假如浏览器的宽度为200px，那么1vw就等于2
2020-10-31 15:55:45
349
原创 Vue——@vue中 input 和 @click 区别
@input 一般用于监听事件，只要输入的值变化了就会触发input@click 事件触发事件
2020-10-31 15:50:29
430
原创 Node.js —— npm i 和 npm install 的区别（推荐使用npm install ）
npm i 安装的模块及依赖，使用npm uninstall是没有办法删除的，必须使用npm uninstall i才可以删除。npm i 会帮助检测与当前node最匹配的npm的版本号，并匹配出相互依赖的npm包应该升级的版本号。npm i 安装的一些包，在当前的node版本下是没有办法使用的，必须使用建议版本。npm i安装出现问题是不会出现npm-debug.log文件的，但npm install 安装出现问题是有这个文件的。......
2020-10-30 15:47:22
1030
原创 Vue——v-show v-if 区别
手段v-if是动态的向DOM树内添加或者删除DOM元素v-show是通过设置DOM元素的display样式属性控制显隐编译过程：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件v-show只是简单的基于css切换编译条件v-if是惰性的，如果初始条件为假，则什么也不做；只有在条件第一次变为真时才开始局部编译（编译被缓存？编译被缓存后，然后再切换的时候进行局部卸载)v-show是在任何条件下（首次条件是否为真）都被编译，然后被缓存，而且DOM元
2020-10-30 15:44:26
163
原创 CSS——选择器&和＞
父选择器&，只实现自己，不会影响到后代article a { color: blue; &:hover { color: red }}子选择器> ,会选中此过元素下的子元素中的一些元素//会选择article下紧跟着的子元素中命中section选择器的元素article > section { border: 1px solid #ccc }......
2020-10-30 15:39:59
4169
原创 Vue——vue中computed和watch的区别
computed支持缓存，只有依赖数据发生改变，才会重新进行计算不支持异步computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值如果一个属性是由其他属性计算而来的，这个属性依赖其他属性，是一个多对一或者一对一，一般用computedwatch不支持缓存，数据变，直接会触发相应的操作支持异步监听的函数接收两个参数，第一个参数是最新的值；第二个参数是输入之前的值当一个属性发生变化时，需要
2020-10-30 15:34:55
92
原创 CSS——伪类:nth-child()和:nth-of-type()之前的区别
:nth-child()1、先计算是第几个节点2、然后再判断选择器。如： p:nth-child(3)：1、先算节点：同父的第三个节点2、然后判断选择器：是不是p标签选择器。结果：同父的第三个节点若是p标签选择器就运用样式。:nth-of-type()1、先将同父节点按照标签分组2、按照分组后的标签计算是第几个节点3、然后再判断选择器如：p:nth-of-type(3)1、先将标签分组（h1,h2,div,p…）2、每组的第三个节点，3,是不是p标签......
2020-10-30 15:26:20
88
原创 Vue——vuex模块结构
模块结构：1、constants.jsns.js：各模块的命名空间名称export default { HOME: 'home', // 首页 demo: 'demo', // 模板}types.js： 存放了一些变量const types = [ 'SWITCH_LOADING', // 更改全局loading状态'SWITCH_SCREEN_FULL', // 更改全屏状态 ] const typesObj = {}//定义一个空对象 types.forE
2020-10-30 15:15:27
160
原创 JS——简易websocket
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>WebSocket</title></head><body> <!-- 在文本框写入的内容会在下面的div中显示出来 --> <h1>Echo Test</h1> <input type="
2020-10-30 09:16:20
371
原创 小技巧——浏览器打断点
暂停/继续(F8)、单步执行(新版浏览器F9、F10)、单步跳入此执行块(F11快捷键)、单步跳出此执行块(shift+F11)
2020-10-29 17:01:30
3655
原创 CSS——禁止 input 自动填充密码
<input type="text" type="password" autocomplete="new-password">
2020-10-29 16:59:27
1260
1
原创 微信小程序——解决input 自动填充问题
后面再加一个input ， 然后将这个Input隐藏.hidden-input{ display:block; width:0 !important; height:0 !important; opacity:0; margin:0 !important; padding:0 !important;}
2020-10-29 16:57:54
2113
原创 git- git clone显示需要密码（git生成ssh key）
方法一：1、第一步2、第二步3、第三步：复制key的内容4、第四步：打开gitlab中的设置，如果是github，同理第五步最后刷新一下就OK了方法二：第一步第二步第三步：复制key的内容接着走方法一的第4步，一直到结束为止good luck！！！...
2020-10-29 16:25:18
1609
原创 git——git push报错 failed to push some refs to ‘gitlab.yufengtek.com:yf_front_group/farm-recruitmentr-a
git——git push报错 failed to push some refs to 'gitlab.yufengtek.com:yf_front_group/farm-recruitmentr-a
2020-10-29 16:07:29
129
2
原创 git——git 报错-refusing to merge unrelated histories(拒绝合并不相关的历史)
解决方案git pull origin master --allow-unrelated-histories
2020-10-29 16:06:21
176
原创 git——git报错The remote end hung up unexpectedly
git——git报错The remote end hung up unexpectedly
2020-10-29 16:05:23
75
2
原创 git——git命令(常用)
1、配置个人的用户名称和电子邮件地址：git config --global user.name "runoob"git config --global user.email [email protected]、查看配置信息git config --list git config user.name // 查看特定信息3、查看自带的版本git --version4、初始化git init5、查看仓库当前的状态，显示有变更的文件git statusgit status -s //
2020-10-29 15:59:51
114
原创 微信小程序——跳转地图并选择其位置
调用的api: wx.chooseLocation()wxml文件<view bindtap="chooseLocation">跳转地图</view>js文件 chooseLocation: function () { const that = this wx.chooseLocation({ success: function (res) { console.log(res) } }) },效果：
2020-10-29 09:14:35
1337
原创 微信小程序——使用微信内置地图（官方自带）
wxml文件<view bindtap="navigation" >点我看地图</view>js文件navigation() { wx.openLocation({ latitude: 39.92, longitude: 116.46, scale: 18, // 缩放比例，范围5~18 name: '位置名', address: '地址的详细说明', })},效果：...
2020-10-28 15:51:39
853
原创 js——文本超过三行查看更多
wxml文件 <view class='{{readmore.status ? "hide" : ""}}'> 昆明菌子极多。雨季逛菜市场，随时可以看到各种菌子。最多，也最便宜的是牛肝菌。牛肝菌下来的时候，家家饭馆卖炒牛肝菌，连西南联大食堂的桌子上都可以有一碗。牛肝菌色如牛肝，滑，嫩，鲜，香，很好吃。炒牛肝菌须多放蒜，否则容易使人晕倒。青头菌比牛肝菌略贵。这种菌子炒熟了也还是浅绿色的，格调比牛肝菌高。菌中之王是鸡枞，味道鲜浓，无可方比。鸡枞是名贵的山珍，但并不真的贵得惊人。一盘红烧鸡枞的
2020-10-28 15:22:42
1490
原创 微信小程序——路由跳转传多个参数（encodeURIComponent编码）
页面A跳到页面BencodeURIComponent() 函数可把字符串作为 URI 组件进行编码decodeURIComponent() 函数可对 encodeURIComponent() 函数编码的 URI 进行解码。页面 A：wxml文件<view data-aa="{{aa}}" data-bb="{{bb}}" data-cc="{{cc}}" bindtap="{{demo}}"></view>js文件data: { aa: 1, bb: 2,
2020-10-28 14:13:06
4526
原创 JS——for in 、forEach、for of 用法
let aa = [1,2,3] for (const index in aa) { if (aa.hasOwnProperty(index)) { // hasOwnProperty()返回布尔值，对象自身属性中是否具有指定的属性 console.log('每一项' + aa[index],'索引' + index) } } // aa.forEach((item,index) => { console.l....
2020-10-27 11:52:10
51
原创 微信小程序——遮罩层样式
wxml文件<view class="mark">此处有个遮罩层</view>wxss文件.mark { position: absolute; bottom: 0; left: 0; right: 0; height: calc(100vh - 180rpx); background-color: rgba(0, 0, 0, 0.7); z-index: -10; -moz-opacity: 0.7; opacity: 0; widt
2020-10-27 10:02:26
608
原创 微信小程序——微信开发者工具使用less语法
1、在vscode扩展商店中下载Easy less插件2、打开微信开发者工具3、打开此电脑把刚才复制的mrcrowl.easy-less-1.6.3文件放在这里4、点这个图标打开设置输入代码{ "less.compile": { "outExt": ".wxss" }}5、最后重启微信开发者工具，愉快地使用less吧！...
2020-10-26 18:03:25
1390
1
原创 微信小程序——icon图标的封装
icon组件1、wxml文件<view class='iconfont {{iconClass}}' style='color:{{color}}’></view>js文件// components/icon/icon.jsComponent({ /** * 组件的属性列表 */ properties: { iconClass: { type: String, value: '' }, color: { type: String,
2020-10-26 16:36:26
243
原创 微信小程序——上拉分页
1、首先要在json文件配置onReachBottomDistanceonReachBottomDistance： 页面上拉触底事件触发时距页面底部距离，单位为px。json文件{"onReachBottomDistance": 50}js文件const api = require("../../utils/api") // 引入api接口data: { pageSize: 10, // 显示数据量 currentPage: 1, // 当前页 list: [],
2020-10-24 16:58:13
275
原创 JS——时间戳转换为日期
parseInt() 函数可解析一个字符串，并返回一个整数toLocaleString() 函数把数组转换为本地字符串let createTime = '1603446465'let date = new Date(parseInt(createTime) * 1000).toLocaleString().replace(/\//g, '-')console.log(date) // 2020-10-24 下午3:55:25......
2020-10-24 16:38:56
111
原创 微信小程序——tabbar点击事件
js文件 onTabItemTap: function (item) { console.log(item.index) // tabbar索引 console.log(item.pagePath) // tabbar路径 console.log(item.text) // tabbar文字 }
2020-10-24 13:57:07
2538
原创 微信小程序——获取用户详细手机号码
wxml文件<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>js文件getPhoneNumber (e) { console.log(e.detail.encryptedData) console.log(e.detail.iv) let param = { encryptedData: e.detail.encryptedDat
2020-10-24 13:51:53
102
原创 微信小程序——禁止页面滚动
1、页面json 中 配置 disableScroll （官方自带）设置为 true 则页面整体不能上下滚动。只在页面配置中有效，无法在 app.json 中设置json 文件{ disableScroll： true}2、设置wxss样式wxml文件<view class="noScrolling">我是页面</view>wxss文件.noScrolling { overflow: hidden; height: 100vh;}...
2020-10-24 11:44:10
5508
名称：WindTerm_2.5.0 Windows 64位版本zip压缩包 适合人群：合适前后端运维开发人员 使用场景：远程连接
2022-06-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人