全渣工程师JsonWang-CSDN博客

原创小程序知识

小程序中更改data里面的值data: { tel: '15184138787', list: { title: '我是标题哦' }}1、需求：更改tel的值操作如下this.setData({ tel: 15188888888})2、需求：更改list里title的值；操作如下： let value = 'list.title'; // 注意这里哈 this.setData({ [value]: '我是新标题' })3、需求：list新增动态

2021-11-28 13:43:54 163

原创 visualstudio 使用小技巧

快速注释1.注释先按Ctrl - K 组合键,再按 Ctrl - C 组合键进行注释2.取消注释,先按Ctrl - K 组合键,再按 Ctrl - U 组合键即可取消注释

2021-08-12 10:17:20 111

原创 js常用的循环，for of 和 for in等比较

1、for…in 循环：只能获得对象的键名，不能获得键值for…of 循环：允许遍历获得键值var arr = ['red', 'green', 'blue'] for(let item in arr) { console.log('for in item', item)}/* for in item 0 for in item 1 for in item 2*/ for(let item of arr) { console.log('for of item', ite

2021-07-08 10:26:30 312

原创 nginx 常用小命令

nginx -s reload 重启nginx -s quit:此方式停止步骤是待nginx进程处理任务完毕进行停止。nginx -s stop:此方式相当于先查出nginx进程id再使用kill命令强制杀掉进程。tasklist | findstr nginx 查看nginx是否成功启动的状态start nginx 启动nginx...

2021-07-07 11:35:52 236

原创 git 的常用命令

git的复制粘贴Ctrl+ins 复制 Shift+ins 粘贴git拉代码git clone https://xxxxxx/xxxx.gitgit commit 提交git commit -am “init” 提交并且加注释git push origin master 将文件给推到服务器上git pull 本地与服务器端同步...

2021-07-05 14:36:07 155

原创元素属性操作

1.获取元素的属性js获取属性/*js获取属性*/var temp = document.getElementById('href').getAttribute('data-id');console.log("???? ~ file: A001获取元素属性.js ~ line 12 ~ temp", temp)jq获取属性/*jq获取属性*/var temp = $('.href').attr('href');console.log("???? ~ file: A001获取元素属性.js

2021-06-28 20:17:06 123

原创 js数组去重

Array.prototype.uniq = function () { let len = this.length, f = true; for (let i = 0; i< len; i++) { if (this.indexOf(this[i]) !== i) { if (f && isNaN(this[i])) { f = false; continue;

2021-06-18 17:11:25 72

原创 vue中hook：xxx中的使用（以及vue清除定时器）

在vue中可遇到hook：xxx的用法1.清除定时器methods:{ fun1(){ const timer = setInterval(()=>{ //需要做的事情 console.log(11111); },1000); this.$once('hook:beforeDestroy',()=>{ clearInterval(timer); timer = null;

2021-06-15 10:56:33 389

原创获取 url 参数

场景：获取location地址栏的信息，指定参数名称，返回该参数的值或者空字符串不指定参数名称，返回全部的参数对象或者 {}var url ='https://xxxx.com?a=json&b=vue&c=444&d=55555';/** * * @param {*} sUrl 传入需要解析的url * @param {*} skey 想取的key值，如果没有的话可以不传 * @returns */function getJson(sUrl,sK

2021-06-11 15:27:43 98 1

原创前端实现分页Pagination效果

场景：一般分页效果是前端提供pageNum（第几页），pageSIze（一页几个），但是最近在做的时候有个场景需要前端进行分页，所有就自己写了个函数，/** * * @param {*} array 源数据 * @param {*} pageNum pageNum（第几页） * @param {*} pageSIze pageSIze（一页几个） * @returns */const arrData = [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16

2021-06-11 14:42:03 457

原创 vue keep-alive 的使用

1.这个是keepalive缓存组件2.如果，用v-if的时候切换a到b销毁a组件,创建b组件，但是用了keepalive就是会缓存a组件，3.在首页的时候用v-show里面的css控制也是可以的4.但是首次会把所有的都加载进来，如果组件过大的话，就会非常的消耗性能5.所以经量使用keepalive直接看代码<template> <div class="wrapper"> <button @click="state ='A'"..

2021-06-11 14:17:09 159

原创 vue的快速开发

1.最近就很苦恼，发现我们开发vue的时候，需要安装node，挺复杂的，但是有的时候我们只是做个单元测试，很简单的跑下，这个时候我们就可以用vue-cli给我们提供的快速开发，npm install -g @vue/cli-service-global直接安装，在进行单元测试，就很方便啦注意点：1.你所需要将文件命名为 App.vue 文件2.然后在这个 App.vue 文件所在的目录下运行：vue servevue serve 使用了和 vue create 创建的项目相同的默认设置

2021-06-11 13:56:15 428

原创 VScode 快速建立vue模板

1.打开vscode ，“文件->首选项->用户片段”2.新建代码片段导入一下模板{ "vueT": { "prefix": "vueT", "body": [ "", "<template>", " <div class='main'></div>", "</template>", "",

2021-06-11 11:40:17 551 4

原创 jsvascript中的this问题以及改变this指向

this常用的几种情况默认情况下this是引用全局对象window console.log(this) // window在函数中，当不处于严格模式时，this指的是全局对象。function fn(){ console.log(this) //window} fn()在函数中严格模式时是undefinedfunction fn() { 'use strict'; //或者是"use strict"; console.log(this)...

2021-02-18 16:11:49 138

原创用colorUi的modal模块在里面加入input的时候ios下输入框不显示原因

用colorUi的modal模块在里面加入input的时候ios下输入框不显示原因在这里插入代码片 <view class="cu-modal {{modalName=='Modal'?'show':''}}" > <view class="cu-dialog diaLogstyle" style="vertical-align: sub;"> </view> </view>在这里 cu-dialog diaLogs

2021-02-18 10:07:16 658

原创前端常用的一些方法总结

url传参前端分割成对象形式url传参前端分割成对象形式获取css的样式值获取屏幕的宽度和高度获取滚动的头部距离和左边距离时间格式化和获取当前时间判断浏览器环境手机端判断浏览器类型深浅拷贝obj 数据类型检查函数柯里化匀速动画函数缓动动画检查是不是一个Promisejs类型转换移除数组的某一项。如果找到就返回删除的哪一项改变原数组检查对象中是不是有这个key为一个纯函数创建一个缓存的版本。驼峰和大小写转化将类数组的对象转换成一个真正的数组将属性混入到目标对象中，返回被增强的目标对象。判断两个值是否相等。

2020-12-31 10:53:25 373

wj859548的博客