- 博客(42)
- 收藏
- 关注
RSS订阅原创 vue3+ts+vite搭建项目
1、全局安装Vue CLI 3.X版本。快速搭建vite+vue3+ts项目。2、创建vue 项目。5、运行项目几种方式。
2023-11-06 17:42:58
167
原创 js三个等号和两个等号的区别（“===”和“==”）
1、===：称为等同符，当两边值的类型相同时，直接比较值，若类型不相同，直接返回false；2、==：称为等值符，当等号两边的类型相同时，直接比较值是否相等，若不相同，则先转化为类型相同的值，再进行比较；类型转换规则：1）如果等号两边是boolean、string、number三者中任意两者进行比较时，优先转换为数字进行比较。 2）如果等号两边出现了null或undefined,null和undefined除了和自己相等，就彼此相等注意：NaN==NaN
2022-04-12 16:19:38
545
原创 this指向
根据函数调用的方式不同，this会指向不同的对象：1、以函数的形式调用时，this的指向永远都是window。2、以方法的形式调用时，this指向调用方法的那个对象。3、以构造函数形式调用时，this指向实例对象。4、以事件绑定函数的形式调用时，this指向绑定事件的对象。5、使用call、apply、bind调用时，this指向指定的那个对象。...
2022-03-03 10:44:21
139
原创 JS运行机制总结
JavaScript 单线程，任务需要排队执行同步任务进入主线程排队，异步任务进入事件队列排队等待被推入主线程执行定时器的延迟时间为 0 并不是立刻执行，只是代表相比于其他定时器更早的被执行以宏任务和微任务进一步理解js执行机制整段代码作为宏任务开始执行，执行过程中宏任务和微任务进入相应的队列中整段代码执行结束，看微任务队列中是否有任务等待执行，如果有则执行所有的微任务，直到微任务队列中的任务执行完毕，如果没有则继续执行新的宏任务执行新的宏任务，凡是在执行宏任务过程中遇到微任务都将其推入微任务队
2022-02-23 18:26:46
432
原创 对于MVVM的理解
数据驱动（MVVM）MVVM 表示的是 Model-View-ViewModelModel: 数据模型层；负责处理业务逻辑以及和服务器端进行交互。View: 视图层；负责把数据模型转化为UI展示，可以简单的理解为HTML。View Model: 视图模型层；用于连接Model和View,是Model和View的之间的通信桥梁。图示Model 和 View并无直接联系，而是通过View Model来进行联系的；Model和View Model之间有着数据双向绑定的联系。因此当Model中的数据发生
2022-02-22 14:29:58
810
原创 solidity笔记
智能合约默认规则（1）合约中的方法默认为public（2）合约中的状态变量默认为internal（3）this是指当前的合约地址，this.() 只能去访问当前合约的public类型的（4）状态变量为public的状态变量，在合约内部会自动生成一个public同名的方法（5）如果在合约中，重写public的状态变量同名的方法，将会覆盖掉合约自动生成的同名方法（6）在继承中，子合约只能继承父合约中的所有public类型的方法（7）在继承中，子合约只能继承父合约中的所有public类型和inter
2021-12-29 15:31:13
10876
原创 JavaScript基本类型和引用类型的区别
最新的 ECMAScript 标准定义了 8 种数据类型:基本类型（原始类型）：undefined、null、String、Boolean、Number、Symbol(ES6)、BigInt(ES11)引用类型：Object区别：基本类型不能添加属性和方法，引用类型可以；基本类型变量储存在栈，引用类型需要栈堆共存；基本类型比较的是值，引用类型比较的是地址。...
2021-11-01 18:08:01
102
原创 vue+less使用全局变量
1、新建全局样式文件common.less,并自定义变量。2、安装插件npm install sass-resources-loader --save-dev，然后找到build文件夹下面的utils.js修改less css: generateLoaders(), postcss: generateLoaders(), // less: generateLoaders('less'), less: generateLoaders('less').concat({
2021-09-18 11:49:11
2093
原创 Node.js Web 模块
什么是 Web 服务器？Web服务器一般指网站服务器，是指驻留于因特网上某种类型计算机的程序，Web服务器的基本功能就是提供Web信息浏览服务。它只需支持HTTP协议、HTML文档格式及URL，与客户端的网络浏览器配合。大多数 web 服务器都支持服务端的脚本语言（php、python、ruby）等，并通过脚本语言从数据库获取数据，将结果返回给客户端浏览器。目前最主流的三个Web服务器是Apache、Nginx、IIS。Web 应用架构Client - 客户端，一般指浏览器，浏览器可以通过 HT
2021-09-03 18:43:46
134
1
原创 Node.js 回调函数
Node.js 异步编程的直接体现就是回调。异步编程依托于回调来实现，但不能说使用了回调后程序就异步化了。回调函数在完成任务后就会被调用，Node 使用了大量的回调函数，Node 所有 API 都支持回调函数。例如，我们可以一边读取文件，一边执行其他命令，在文件读取完成后，我们将文件内容作为回调函数的参数返回。这样在执行代码时就没有阻塞或等待文件 I/O 操作。这就大大提高了 Node.js 的性能，可以处理大量的并发请求。回调函数一般作为函数的最后一个参数出现：function foo1(na
2021-08-27 18:31:26
111
原创 使用 Node.js 发送 HTTP 请求
使用 Node.js 发送 HTTP 请求执行 GET 请求执行 POST 请求PUT 和 DELETE执行 GET 请求const https = require('https')const options = { hostname: 'nodejs.cn', port: 443, path: '/todos', method: 'GET'}const req = https.request(options, res => { console.log(`状态码: ${
2021-08-20 15:08:33
396
原创 从输入 URL 到展示的过程
浏览器相关知识从输入 URL 到展示的过程DNS 解析TCP 连接浏览器发送HTTP请求服务器处理HTTP请求浏览器页面渲染断开TCP连接重绘与回流浏览器存储从输入 URL 到展示的过程DNS 解析TCP 连接浏览器发送HTTP请求服务器处理HTTP请求浏览器页面渲染断开TCP连接重绘与回流浏览器存储...
2021-08-18 18:26:13
83
原创 DApp开发
了解DApp开发过程什么是DApp？二级目录三级目录什么是DApp？DApp即分布式应用或去中心化应用，DApp于区块链，就好比App于iOS和Android。一个真正的DApp应用，需要同时满足以下几个条件：1、应用必须完全开源、自治，且没有一个实体控制该应用超过51%的Token。该应用必须能够根据用户的反馈及技术要求进行升级，且应用升级必须由大部分用户达成共识之后方可进行；2、应用的数据必须加密后存储在公开的区块链上；3、应用必须拥有Token机制，矿工或应用维护节点需得到代币奖励；4
2021-08-02 15:38:29
15462
2
原创 使用Remix编译部署合约
solidity文档remix 是一个以太坊智能合约语言 solidity 的浏览器版本的 IDE，我们在上面编辑测试我们的智能合约，对于新手是一个非常棒的编辑工具。因为官方文档内容比较多，并且是英文的，很多内容我们还不需要了解，所以这里只介绍一个常用的流程，编辑->编译->部署->测试。一、编辑打开编辑器，新建文件vault.sol，我们就可以在右侧编辑区编辑这个文件了。二、编译按着图中的指示，即可编译智能合约，如果代码有错误，右侧编辑区会红色显示。三、部署编译成功之后，
2021-07-30 15:50:42
1778
原创 一个16进制的数是多少个bit
一字节是八个二进制位。字节（Byte）是计算机信息技术用于计量存储容量的一种计量单位，也表示一些计算机编程语言中的数据类型和语言字符。 数据存储是以“字节”（Byte）为单位，数据传输是以大多是以“位”（bit）。1个字节是8位，二进制8位：xxxxxxxx 范围从00000000－11111111，表示0到255。一位16进制数（用二进制表示是xxxx）最多只表示到15（即对应16进制的F），要表示到255,就还需要第二位。所以1个字节＝2个16进制字符，一个16进制位＝0.5个字节。...
2021-05-31 14:24:44
16093
1
原创 移动端分辨手机像素显示计算
移动端手机根据设备独立像素显示设备独立分辨率 = 设备分辨率 / 设备像素比(DPR)设备分辨率：指的就是物理像素(DP)。设备独立分辨率：设备独立像素(DIP)。设备像素比获取：window.window.devicePixelRatio可参考以下文章便于理解CSS像素、设备独立像素、设备像素之间关系...
2020-12-28 17:44:39
320
原创 IOS日期时间转JSON格式计算显示NAN问题
问题是这样的：因为做的是一个需要时间转换的，即24小时内转换为小时、分、秒，所以用后台返回的数据（2020-09-27 18:34）转为时间戳和现在的时间戳进行比较。但是通过这种（2020-09-27 18:34）格式转换出来，在IOS手机上显示为NaN，原因是IOS系统不支持这种格式，所以需要将其转换为（2020/09/27 18:34）这种格式。export function formatTime(dataTime){ let time = dataTime.replace(/\-/g, "/
2020-09-17 18:40:45
278
原创 前端各种优化
页面/资源优化：1、图片合理的优化方式(1)、图片懒加载(2)、小图标使用SVG或者字体图标(3)、通过 base64 和 webp 的方式加载小型图片(4)、能通过cdn加速的大图尽量用cdn2、首屏优化/**如果项目很大，那么首次加载资源耗时会比较久，一次可能曹成页面白屏问题。因此可以在public下写一个加载动画，告诉用户，网页在加载中这个提示。因此，推荐大家都设计一个自家公司的loading加载方式放入index.html中吧。**/加载优化：1、路由懒加载/按需加载
2020-08-26 18:48:20
131
原创 vue + element搭建项目
前言：使用到的技术和框架及平台插件git、vue+vuex、element、js-cookies步骤：1、配置开发环境node.jsnpm -v //查看node版本Vue -v //查看vue版本vue vue-cli //全局安装vue、vue脚手架2、新建文件夹，在文件下初始化项目vue init webpack vue-elementui（项目名称）npm run dev 就可以运行项目了3、项目的配置相关三方插件的引入（vuex、axios、elemen
2020-08-25 17:38:07
252
转载 Echarts (option.yAxis) Y轴 的属性
yAxis: [{show: true, // 是否显示 Y轴type: ‘value’, //(‘value’‘category’‘time’‘log’)name: ‘降雨量(mm)’, // 坐标轴名称nameLocation: ‘end’, // 坐标轴名称显示位置。(‘start’‘middle’‘center’‘end’)//nameTextStyle: {…}, // 坐标轴名称的文字样式。//nameGap: 15, // 坐标轴名称与轴线之间的距离。//nameRotate:
2020-07-04 19:21:34
2902
原创 vue知识笔记
1、router-link 和 a 标签的区别：a标签: 通过a标签进行跳转，页面会被重新渲染，违背了多视图单应用的概念。router-link组件：通过router-link进行跳转不会到新的页面、也不会重新渲染，它会选择路由所指向的组件进行渲染，避免了重复渲染。总结：对比a标签而言，router-link组件避免了不必要的渲染，它只会更新变化的部分，从而减少DOM性能消耗。...
2020-07-04 12:06:46
117
原创 git 使用
提交 切换wch分支 --> git push 远程分支名拉取 git pull origin 分支名提交他人分支: git push origin 本地分支名:远程分支名git 如何解决 (master|MERGING)：git reset --hard head //回退版本信息新建分支：https://www.jianshu.com/p/4b95058088c2master提交：https://blog.csdn.net/xiaoyanyanlh/article/details/8
2020-06-16 09:38:54
75
原创 小程序配置
1、目录components //组件文件目录images //图片目录pages //页面目录utils //配置文件目录app.js //全局jsapp.json //全局json配置app.wxss //全局wxssproject.config.json //项目配置文件小程序包大小上限 2M ------- 分包最多可8M如包不够的情况下使用分包 subpackages
2020-06-12 17:47:50
102
原创 小程序功能模块
1、picker日期选择const formatNumber = n => { n = n.toString() return n[1] ? n : '0' + n}const formatTime = () => { let date = new Date; const year = date.getFullYear() const month = date.getMonth() + 1 return [year, month].map(formatNumber)
2020-06-12 16:45:02
1026
原创 小程序工作中注意事项
1、每次刷新数据前要初始化数据initData() { this.setData({ pageIndex: 1, dataList: [], })}2、凡是有列表数据的页面都要做上拉/下拉刷新//json文件中 "backgroundTextStyle": "dark", //下拉刷新黑点 "enablePullDownRefresh": true //允许下拉刷新3、scroll-view标签一定要设置高度data: { height: ''}//初始化设置
2020-06-12 16:03:00
164
原创 微信小程序踩坑坑坑坑坑
1、问题：scroll-view 元素及内部元素不可以使用display:flex样式;解决办法： 在 wxml页面的 scroll-view标签上添加enable-flex="true"属性。2、问题： scroll-view 内容下方空白遮挡边框；原因： srcoll-view 元素不设定高度会出现；解决办法： 设定固定高度。...
2020-05-15 11:02:28
168
原创 H5缓存基本用法
1、localStorage用法设置缓存：localStorage.setItem('key',value)获取缓存：localStorage.getItem('key')清除缓存：localStorage.removeItem('key') //清除某一项缓存 localStorage.clear() //清除所有缓存
2020-05-15 11:00:57
738
原创 简单的webpack打包步骤
/*搭建webpack步骤 * 1.初始化环境 npm init -y * 2.安装webpack npm install webpack webpack-cli -D * 3.创建src目录和配置文件webpack.config.js * 4.进行webpack配置mode、entry、output、plugins等 * 5.打开网页需要配置npm in...
2020-04-03 11:10:50
383
原创 html5新特性总结
1.说下HTML5的新特性？HTML5新增了语义化标签、音频视频、地理定位、canvas、储存方式等新特性。(1).语义化的优点有哪些？让标签有含义；增强可读性；使页面结构清晰；便于团队开发和维护；优化搜索引擎。(2).H5储存的几种方式？本地储存WebSQL、indexddbH5离线缓存(3).本地储存的几种方式的区别？H4的储存方式：cookie 和 session 。...
2020-03-20 21:18:46
296
原创 js交换值的5种方法
1 普通做法 var a = 1, b = 2, c; c = a; a = b; b = c; console.log(a,b) 2 算数运算 var a = 1, b = 2; a = a+b; b = a-b; a = a-b; console.log(a,b)3 异或运算 var a = 1, b = 2; a = a ^ b;...
2019-11-26 17:20:59
341
原创 开发收藏书签
新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；全新的 KaTeX数学公式 语法；......
2019-11-07 10:29:29
138
原创 PC兼容、移动适配
1、PC兼容性：代码兼容：IE7及以上，360浏览器，搜狗浏览器，谷歌，火狐，欧朋等。（1）初始化css，保证消除不同浏览器的细微差别（2）针对IE低版本浏览器及其他 （A）使用前缀；-ms -> IE、-moz -> Firefox、 -webkit -> Chorme|Safari （B）css hack （C）条件hack（3）其他border（IE）.m...
2019-08-09 17:54:26
644
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人