- 博客(55)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 git提交规范，规范自己的提交标准
为了规范我的git提交内容，提交的时候commit -m “备注的信息”，但是每个人的备注信息千奇百怪，为了统一，我们进行了git的规范。首先要全局安装commitizennpm i -g commitizen@4.2.4然后安装插件npm i cz-customizable@6.3.0 --save-dev在package.json中添加代码"config": { "commitizen": { "path": "node_modules/cz-customizable
2022-04-22 09:55:34
18380
5
原创 vscode中 保存代码后自动使用Prettier格式化代码
在我们编写代码的时候，很经常会与eslint发生一些冲突，导致我们会关闭eslint，但是使用了prettier之后，我们可以使用插件自动的格式化我的不规则的代码了，从而减轻我们的工作量提升我们的工作效率首先在vscode中安装prettier的插件然后在根目录上创建一个.prettierrc的文件，写入下面的代码，我的eslint是标准化的，安装的时候可以选择semi js后面是否带分号singleQuote 是使用单引号代替双引号trailingComma 是在多行的对象或者属性的最后一行
2022-04-21 11:39:24
4266
原创 iframe中父级数据传到子级父子通讯postMessage
有个需求是从父级的页面中传值到iframe的子页面中，然后再子页面中渲染。也可以从父页面中获取子页面的数据，具体如下子页面获取父页面数据父页面中进行传送数据<!DOCTYPE html><html><head> <title>父页面</title></head><body> <button onclick="toParent()">传值按钮</button> <div
2022-03-04 17:48:48
448
原创 uniapp中使用vuex，获取vuex的方法
uniapp中使用vuex首先创建一个index在store的index中写入import Vue from "vue"import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ // 数据参数 state:{ list:[ { id:1, name: "商品一", }, { id:2, name: "商品2", }, { id:3,
2021-10-09 10:32:24
4911
原创 vue和nvue共享的变量和数据
nvue是不支持vuex的，当我们要是现实之间的数据共享，可以使用下面的方法1、uni.storage vue 和nvue可以使用相同的uni.storage存储，这个存储是持久的，登录状态可以使用这个方法。存储页面uni.setStorage({ key:'index', data:"88888"})获取页面let index = uni.getStorageSync('index'); console.log(index)使用全局变量进行共享在App.vue中<scr
2021-06-01 09:15:53
759
原创 nvue和vue之间的通讯
nvue和Vue之间的方法第一种方法：1、在Vue页面中使用plus.webview.postMessageToUniNView(data,nvueId) 发送信息，data为json格式，（只支持字符串），nvueId是nvue所在webview的id，viewId可以使用$getAppWebview()获取2、在nvue的页面上使用globalEvent模块监听plusMassage事件上代码vue页面中<template> <view> <button
2021-02-06 11:36:43
2641
1
原创 获取复选框的状态判断复选框是否选中状态
判断复选框是否选中状态推荐两种方法的使用第一种是prop(‘checked’);示例代码<input type="checkbox" id="checks"><script> //获取文本框 let c1 = $("#checks").prop('checked'); //得到c1为true或者false</script>第二种方法是is(“checked”)<input type="checkbox" id="checks">&
2020-09-03 16:46:50
5315
1
原创 提升页面性能的方法有哪些？
资源的压缩合并，减少HTTP请求异步加载使用更快的网络：CDN使用浏览器的缓存预解析 DNS<meta http-equiv="x-dns-prefetch-control" content="off"><link rel="dns-prefetch" href="//www.zhix.net">异步加载 —异步加载的方式 —异步加载的区别异步加...
2020-04-04 22:29:53
594
原创 JS继承的几种方式
JS继承方式有多种，但是各自有各自的优缺点1. 使用构造函数方式继承//构造函数方式的继承function Animal(name){ this.name = name}Animal.prototype.getName = function(){ console.log('name')}function Child(child){ Animal.call(this,'body...
2020-04-02 22:26:15
259
原创 HTTP协议
HTTP协议HTTP协议的主要特点：简单快速 ：客户向服务器请求服务时，只需传送请求方法和路径。灵活： HTTP允许传输任意类型的数据对象。正在传输的类型由Content-Type加以标记。无状态： HTTP协议是无状态协议。无状态是指协议对于事务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的信息，则它必须重传，这样可能导致每次连接传送的数据量增大。另一方面，在服务器不需要先前信...
2020-03-30 22:16:51
152
原创 标准盒模型和IE模型
盒模型的组成，由里向外分别是content，padding，border，margin盒子模型在页面中占的实际宽度是：（margin+padding+border）*2 + width，高度同理。两个模型的区别是: 标准盒模型的宽高指的是 content 然而IE模型 的宽高是 content + padding + border如何设置两个模型标准盒模型： box-sizing:co...
2020-03-30 21:33:08
259
原创 前端跨域的几种方式
同源策略即：同一协议，同一域名，同一端口号。当其中一个不满足时，我们的请求即会发生跨域问题。三种跨域方法第一个CORS跨域第二个JSONP 跨域第三个代理跨域CORS跨域前端直接调用就可以了在vue中安装axiosimport axios from ‘axios’axios(url).then(()=>{})jsonp跨域安装jsonpimport jsonp ...
2020-03-26 11:16:55
223
原创 webpack和babel的使用
webpack的使用需要安裝node.js初始化package.jsonnpm init -y // -y安装默认的省略回车安装webpack 和webpack-clinpm install webpack webpack-cli -D //-D y创建一个webpack.config.js的文件const path = require('path') //引入路径modul...
2020-03-24 16:20:16
686
1
原创 小程序书单页面的实现
整体的实现过程开发book组件Component({ /** * 组件的属性列表 */ properties: { book:Object }, /** * 组件的初始数据 */ data: { }, methods: { onTap(event){ const bid = this.properties.b...
2020-03-17 14:41:10
1229
2
原创 Promise.all的使用
在多处调用Promise函数的时候,可以使用Promise我应用的场景是当全部数据都加载之后才熏染出数据wx.showLoading() 是小程序加载的图标wx.hideLoading() 是小程序结束加载图标三个请求的时候很难把握时候结束加载 const bid = options.bid const detail = bookModel.getDetail(bid); ...
2020-03-10 11:05:06
373
原创 前端中的吸顶
前端的吸顶效果实现原理是当scroll的值大于头部部分像素的时候执行一个position ： fixed 的固定首先要获取scroll的像素let scrollTops = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;判断是否大于头部的像素...
2020-03-09 12:04:16
694
1
原创 小程序的授权
小程序授权思路小程序中可以不用授权直接获取用户的头像和名称<open-data type="userAvatarUrl"> </open-data><open-data type="userNickName"> </open-data>如果需要在js中获取用户信息就需要使用getUserInfo“getUserInfo” 直接使用是不...
2020-02-21 08:01:37
217
1
原创 Git的配置 环境变量的配置
1、ssh公钥配置git config --list 查看git的配置git config --global user.name “666666czp”git config --global user.email “921xxx721@qq.com”git config --global credential.helper store //记住密码ssh-keygen - t rsa...
2020-02-14 09:48:43
1393
原创 使用Promise在小程序中请求数据
promise第一步是创建第二步写异步代码第三步修改进行中的状态，进而调用resolve或者reject在小程序中使用的完整的步骤创建config.js存储URL的地址const config = { api_base_url: 'www.baidu.com', appkey:'dream6666'}export {config}创建请求文件夹utils，下面创建ht...
2020-02-14 09:45:14
579
原创 git常用命令
Vue全家桶小米电商网站Git的配置 环境变量的配置1、ssh公钥配置git config --list 查看git的配置git config --global user.name “666666czp”git config --global user.email “921579721@qq.com”git config --global credential.helper st...
2020-02-07 09:35:04
171
转载 npm install、npm install --save与npm install --save-dev区别
npm install X:会把X包安装到node_modules目录中不会修改package.json之后运行npm install命令时，不会自动安装Xnpm install X –save:会把X包安装到node_modules目录中会在package.json的dependencies属性下添加X之后运行npm install命令时，会自动安装X到node_modules目录...
2019-09-15 14:45:10
337
原创 Vue项目的创建
首先你得去官网下载node.js查看node -v //查看node版本npm -v //查看npm 版本下载vue 和vue-clinpm install -g @vue/cli //可以在后面加版本号 @3.0.1查看是否成功vue -V //注意是大写的V ，出现版本号就行了下一步就是创建了vue -create vue-dream ...
2019-09-09 21:01:35
105
原创 Flex布局语法
1. 容器中的属性Flex被称为弹性布局，弹性盒子display: flex;display: inline-flex;display: -webkit-flex; /* Safari */ //Webkit内核的浏览器，必须加上-webkit前缀。容器中有6个属性flex-directionflex-warpflex-flowjustify-contenta...
2019-08-26 11:19:21
313
原创 五大主流浏览器的内核
五大浏览器分别有Chrome，Opera，Firefox，Safari，IEChrome浏览器内核（谷歌）：俗称Chrome内核以前是Webkit，现在是blink内核Opera浏览器内核（欧朋）：开始用自己的Presto，后来用Webkit,现在用的是blinkFirefox浏览器内核（火狐）：用的是Gecko，俗称Firefox内核Safari浏览器内核（苹果浏览器）：使用的内核是W...
2019-08-24 17:03:11
401
原创 vue报错
Vue中报错[WDS] Errors while compiling. Reload prevented.errors @ index.js?bed3:161onmessage @ socket.js?57b2:41EventTarget.dispatchEvent @ sockjs.js?3600:170(anonymous) @ sockjs.js?3600:887SockJS._...
2019-08-16 13:07:58
1055
原创 微信小程序文本框，单选按钮，滑动选择器，时间选择器的实现。
## 这是自己做的一个自己制定方案的代码。包括了很多的知识点，希望能帮助大家。WXML文件<view class="intro" > <form bindsubmit="formSubmit" bindreset="formReset"> <view class="section"> <view class="section__titl...
2019-06-08 21:35:11
1582
原创 查找2进制中1的个数
这个题目有很多种解法，我们可以一一列举出来第一种分析：在32位的二进制中，给出一个1001010的一连串的数，我们就可以联想到与 1& 得出想要的结果。移动可分为两种，可以将二进制数向右移动，或者将1向左移动向右移动时&出来的得数要和1向右的得数相等就证明有1。 Scanner sc=new Scanner(System.in); int s=sc.nextInt(...
2019-06-06 23:25:18
487
原创 java鸡兔同笼
鸡兔同笼 一个笼子里面关了鸡和兔子（鸡有2只脚，兔子有4只脚，没有例外）。已经知道了笼子里脚的总数和头的数量，问笼子里兔和鸡的数量。其实这是一道数学题，只要把公式列出来就能解决。ji + tu = headji * 2 + tu * 4 = footpublic class Exam2 { public static void main(String[] args) { Scann...
2019-06-06 22:01:52
8164
原创 用H5和js技术实现一个音乐播放器
用H5和js技术实现一个音乐播放器直接上代码吧，几乎都有备注，希望你们能看得懂首先css的代码#CDimage{ width:260px; }//3d的一个效果#CDimage img{ border-radius:50%;}#CDimage #voice{ text-align:center; }#CDimage #music{ text-align:center...
2019-05-14 23:05:52
6558
5
原创 实现斗地主案例
java案例-实现斗地主游戏案例1.需求分析：模拟斗地主游戏，利用集合存储，可以看分派好的牌2.具体实现：(1)在牌盒(字符串数组)存储四个花色：String color[] = {"♠","♥","♣","♦"};(2)按照斗地主游戏规则由大到小：String number[] = {"2","A","K","Q","J","10","9","8","7","6","5","4"...
2019-05-06 13:11:01
916
原创 Iterator迭代器
java.util.Iterator接口：迭代器（对集合进行遍历）两种方法：1、boolean hasNext()如果迭代具有更多的元素，则返回true 。 （换句话说，如果next()返回一个元素而不是抛出一个异常，则返回true ）2、E next()返回迭代中的下一个元素。重点：使用集合中的方法iteration（）获取迭代器的实现类对象，使用接口来接收（多态）使用iterat...
2019-05-05 18:36:35
174
原创 Collection集合
集合是java提供的一种容器，可以存储多个数据。集合和数组的区别？1、数组的长度是固定的，集合是可变的，随着数据加而加。2、数组存储的是同一种类型，可以存储基本数据类型的值，而集合存储的都是对象，而且对象的类型可以不一致，一般开发对象多的话，会用集合。集合框架图collection的一些方法的使用import java.util.ArrayList;import java.util...
2019-05-05 17:25:20
115
转载 计算机网络
计算机网络基础Q：五层协议的体系结构分别是什么？每一层都有哪些协议？https://blog.csdn.net/cainv89/article/details/46885197应用层，应用层确定进程之间通信的性质以满足用户的需要。应用层不仅要提供应用进程所需要的信息交换和远地操作，还要作为互相作用的应用进程的用户代理（user agent)；运输层任务是负责主机中两个进程间的通信；网络...
2019-04-27 19:35:12
158
原创 final、finally和finalize有什么区别？
finalfinal用于声明属性、方法和类，分别表示属性不变，方法不可覆盖和类不可以被继承。final属性：被final修饰的变量不可以变。一个是引用不可变，第二个是对象不可变。被final修饰的引用地址不能被改变，但是可以对这个引用的内容进行更改，可以appen一些内容进去。所以被final修饰的必须初始化。final的方法：方法不能当方法声明为final时，该方法不能被任何子类重写这个...
2019-04-27 17:13:15
542
原创 break、continue以及return有什么区别？
breakbreak用于直接强行跳出当前循环，不再执行剩余代码。可以跳出for ，while，do while 但不跳出函数。当多层循环嵌套，并且break语句出现在嵌套循环中的内部循环时，它将仅仅终止了内层的循环，不影响外层的循环的执行。continuecontinue用于停止当次的循环，回到循环的起始处，进入下一次的循环操作。continue之后的语句不再执行，用于跳过循环体的一部分语...
2019-04-27 16:35:12
224
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人