- 博客(238)
- 收藏
- 关注
RSS订阅原创 Git常用命令
Git是一个免费、开源的、分布式版本控制系统它使用一个特殊的叫做仓库的数据库来记录文件的变化仓库中的每个文件都有一个完整的版本历史记录就可以直接只用graph查看图形化的提交记录了。
2024-04-23 12:42:03
676
1
原创 鸿蒙开发中：首选项（Preferences）和长连接（PersistentStorage）的区别
可看做是配置项，为应用提供Key-Value键值型的数据处理能力，支持应用持久化轻量级数据，并对其修改和查询。Preferences中的数据会。：提供持久性的数据存储，数据在设备上保持不变，即使应用关闭或设备重启。PersistentStorage将选定的AppStorage属性保留在。PersistentStorage的持久化变量最好是小于2kb的数据，不要大量的数据持久化，
2024-04-21 20:58:43
401
原创 TypeScript
随着JavaScript语言的应用越来越广泛，人们也在积极地修订 ECMAScript标准，不断加入新的特性，比如类、async和await等。但 由于兼容性问题，ECMAScript标准中新引入的特性往往无法直接在实 际项目中使用，因为JavaScript运行环境通常不会很快支持这些新特 性。js是一门具有弱类型和动态类型的编程语言，特点是数据类型检查发生在执行时，并且允许隐式的类型转换，码在真正运行前无法很好地检测代码中是否存在错误。在计算机科学中，字面量用于在源代码中表示某个固定值。
2024-03-19 21:17:34
225
原创 ArkTs-装饰器
1、都可以实现UI复用的效果，2、自定义组件可以定义自己的状态变量，而@Builder方法不能如：todolist，需要给每个待办事项都定义一个状态变量，此时只能用自定义组件实现。
2024-03-11 21:22:22
780
原创 arkTS语法
structarkTS新增的关键字，是用于自定义组件或者自定义弹窗的关键字buildbuild方法是用于声明自定义组件和UI结构组件属性可用于自定义组件的参数，使得自定义组件更为通用。@Component装饰器用于装饰struct关键字声明的数据结构，struct被Component装饰后才具备组件化能力@Entry该装饰器的作用是标识该组件为组件树的根节点，也就是一个页面的入口组件从入口组件开始 逐层渲染：struct LightPage{.....
2024-03-09 18:01:35
409
原创 async 和 await的使用
async关键字是将一个同步函数变成一个异步函数，并将返回值变为promiseawait可以放在任何异步的、基于promise的函数之前。在执行过程中，它会暂停代码在该行上，直到promise完成，然后返回结果值。而在暂停的同时，其他正在等待执行的代码就有机会执行了。await后面的被暂停的任务，放到了微任务队列中等待 async onConfirm(e) { if (e.phoneNumber != this.originVal) { //等getFin
2021-09-17 21:29:49
158
原创 this.nextTick()的作用
1.Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。2.同一事件循环中的所有数据变化完成之后 统一进行视图更新//改变数据vm.message = 'changed'//想要立即使用更新后的DOM。这样不行，因为设置message后DOM还没有更新console.log(vm.$el.textContent) // 并不会得到'changed'//这样可以，nextTick里面的代码会在DOM更新后执行Vue.nextTick(fun
2021-09-16 11:32:00
376
原创 JS 计算时间
new Date() =>Wed Jul 21 2021 17:30:30 GMT+0800 (中国标准时间)//获取时间戳new Date().getTime()=>1626859949626时间戳转时间var currentDate = new Date(1626859949626);//new Date(时间戳) 获得当前时间currentDate.toLocaleDateString().replace(/\//g, "-") + " " + curr..
2021-07-21 18:45:24
530
原创 vue-router
1.安装使用<script src="/path/to/vue.js"></script><script src="/path/to/vue-router.js"></script>或者npm install vue-router// 0. 如果使用模块化机制编程，导入Vue和VueRouter，要调用 Vue.use(VueRouter)// 1. 定义 (路由) 组件。// 可以从其他文件 import 进来const Foo =
2021-07-12 20:07:00
100
原创 组件通信
props和$emit之外：一、$attrs与$listeners的使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia...
2019-10-17 19:55:48
116
原创 vue-cli的使用
npm install -g vue-cli //全局安装vue-cli脚手架vue init webpack vuedemo //使用webpack构建，vuedemo是自定义的文件名cd vuedemonpm installnpm run dev
2019-10-15 20:35:58
119
原创 正则表达式
[]中代表一个字符的可能取值1、/./g：任意一个非断行字符；/3\.14/g 可以准确匹配到3.142、\w： 匹配阿拉伯数字、英文大小写字母和下划线3、\W: 匹配被\w排除在外的字符4、\d: 仅匹配数字5、\s: 匹配空白符：空格、制表符、断行等6、\S: \s的补集7、[abc]:匹配字符a,b,c8、[b-z]:匹配b,c,d.....z字符9、yo...
2019-07-26 14:34:48
140
原创 hexo+github如何上传自己的网页
进入你的网站文件夹1.在public文件夹下创建一个myDoc文件夹；2.把自己网页的所有资源文件都复制到myDoc里；3.在theme中的_config.xml中加入一下# Headermenu: Home: / myDoc: /myDoc Archives: /archivesrss: /atom.xml再hexo g--->hexo d....
2019-07-13 21:21:30
424
原创 attachevent和addeventlistener和on绑定事件的区别
1.on绑定事件 js ： div.onclick=function(){ console.log(11111); }JQuery： $('div').on('click',function(){ })在IE，FF，Chrome，Safari，Mozilla，Opera下都适用。但是，同一个...
2019-06-27 21:53:03
360
原创 页面加载过程中触发的事件
readyState属性描述了文档的加载状态，在整个加载过程中 document.readyState会不断变化，每次变化都会触发readystatechange事件。readyState的值变化：1.loading（加载） 文档被加载时2.loaded （加载完毕）文档数据加载完毕3.interactive（交互）文档结束加载并且被解析，可以操作对象，但部分资源还没有加载完成；...
2019-06-27 21:05:50
7015
原创 原型继承-圣杯模式
function inhert(Target,Origin){ function F(){}; F.prototype = Origin.prototype; Target.prototype = new F(); Target.prototype.constructor = Target;//更正Target上正确的构...
2019-06-25 23:10:02
162
原创 es6总结
一、let/const 命令：声明的变量只在所在的块级作用域内有效 不存在变量声明提升 不允许重复声明 const：只声明不赋值，会报错 声明后常量的值就不能改变（引用值另当别论）ES5 只有全局作用域和函数作用域，没有块级...
2019-06-25 22:29:57
269
原创 JS判断数据类型
JS的基本数据类型：String、Number、Boolean、Null、Undefined、symbol（ES6）；引用类型：Object一、typeof:（可以对基本类型（包括function）做出准确的判断引用类型就只会返回Object；二、求得对象的具体类型1.instanceof运算符用于测试 构造函数的prototype属性是否出现在对象的原型链中的任何位置....
2019-06-23 21:27:49
153
原创 作用域，作用域链
预编译四部： 1.创建GO/AO对象 2.找形参和变量声明，将变量和形参名作为AO属性名，值为undefined 3.将实参值和形参统一 4.在函数体里面找函数声明，值赋予函数体（为了深刻理解预编译搬来自牛客的错题解析）var foo = {n:1};(function(foo){ //形参foo...
2019-06-22 23:22:31
157
原创 常见的请求头和相应头内容
常见的请求头和相应头都有什么呢？1)请求(客户端->服务端[request]) GET(请求的方式) /newcoder/hello.html(请求的目标资源) HTTP/1.1(请求采用的协议和版本号) Accept: */*(客户端能接收的资源类型) Accept-Language: en-us(客户端接收的语言类型) Connection: ...
2019-06-18 20:53:07
166
原创 js求对象的深度
样例： var obj = { a:{ b:{ x:'a' } }, b:{ b:{ c:{ x:'x', arr:[1,2,...
2019-06-18 10:55:45
1130
原创 js练习笔录
1.预编译与引用类赋值 var foo = {n: 1}; (function(foo){ console.log(foo.n);//1 foo.n = 3; var foo = {n: 2}; console.lo...
2019-06-18 08:55:47
177
翻译 input总是和button不能对齐
之前写搜索框时没注意这个问题，按正常而定写法input框和button边框总是不能对齐，可以在控制台通过实验button的marign-top来调节，但是还是不太好的这里的总会出现错位；解决1：在input和button外层都加一层span，使两个span对齐，处理input边框就行了，代码：html： <div class="search"> ...
2019-06-08 18:56:14
2763
原创 闭包
<style> div{ height: 20px; width: 200px; margin-top: 10px; background:red; } </style><body> <div>...
2019-06-05 16:55:27
99
原创 webpack简记
前端模块化：提高代码复用性，多人协作开发项目，更让资源更合理的进行缓存Webpack中所有资源都是模块，模块需要通过AMD或者CMD规范加载；使用npm命令需要先安装好node环境1.安装 webpacknpm install webpack -gnpm install webpack-cli -g(4以上版本需要单独安装cli)webpack -v 查看版本号2.进...
2019-06-04 21:39:22
107
原创 webpack安装错误记录
1.打包时用webpack --mode=development2.webpack.config.js配置遇到Error: Cannot find module '@babel/core'&&Cannot find module '@babel/plugin-transform-react-jsx' 问题。详解见https://www.cnblogs.com...
2019-06-02 17:11:28
1343
原创 CDN
CDNCDN是构建网络之上的内容分发网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度的命中率。CDN的关键技术主要有内容存储和分发技术CDN的基础原理：广泛采用各种缓存服务器，将这些缓存服务器分布到用户访问相对集中的地区或网络中，在用户访问网站时，利用全局负载技术将用户的访问指向距离...
2019-06-01 20:44:32
198
原创 Web Socket
HTTP/1.0中大多实现为每个请求/响应交换使用新的连接HTTP/1.1中一个连接可用一次或多次请求/响应交换HTTP协议中，服务端不能主动联系客户端，只能由客户端发起webSocket服务器和客户端均可主动发送数据WebSocket对象提供了一组API，用于创建和管理WebSocket连接，以及通过连接发送的接收数据WebSocket其实是一个新协议，根HTTP协议基...
2019-06-01 14:43:19
611
原创 drag 简单使用方法
<title>Document</title> <style> #item{ width:100px; height: 100px; background:red; } #wrapper{ height...
2019-05-31 20:33:49
2271
原创 cookie/storage
特性 Cookie localStorage sessionStorage 数据的生命周期 一般由服务器生成，可设置失效时间，如果在浏览器生成Cookie，默认关闭浏览器后失效 除非被清除，否则永久保存 仅在当前会话下有效，关闭页面或浏览器后被清除 存放数据大小 4k左右 一般为5MB 一般为5MB 与服务器端通信 每次都会携...
2019-05-30 21:37:45
106
原创 用iframe实现跨域
同源情况下可以这样取值：iframe.contentWindow.age；father-->son window.parent.age; son---->father不同源下：1.获取hash值---->son取father中的值在father页面中： <...
2019-05-11 21:55:59
2541
1
原创 跟踪记录用户
1、标记承载用户身份的HTTP请求首部： form：存放email user-agent:监听浏览器 referer：记录上次跳转的链接2、根据客户端IP地址进行跟踪：只能跟踪主机3、用户登录4、胖URL，开始进入网站的时候，网站会生成一个标识，加在每个a标签上，当访问此网页的所有链接时，服务器识别出标识知 道还是这个客户，1缺点：1.不...
2019-05-11 13:26:04
581
原创 ajax请求封装
var sub = document.getElementById('sub'); sub.onclick = function(e){ e.preventDefault(); var data = "username=" + userName.Value + '&age=' + age.value; ...
2019-05-10 15:41:20
123
原创 http请求过程解析
（裸域中只能绑定一个a记录（对应的IP地址）不能有小名（绑定c记录向浏览器中输入www.xxx.com后 http请求的过程解析：1.http请求大致过程：www.baidu.com--->DNS服务器把域名解析成IP地址（倒着一段一段的解析），返回给客户端，浏览器收到IP地址后，可以向该IP地址定位，向该服务器发送请求；解析： 2.http请求，通...
2019-05-08 21:48:25
538
原创 封装轮播图
在HTMLDivElement上封装方法createTurnPage()；功能;使得传入的图片按照某一宽高空气内轮播；如arr=['img1.jpg','img2.jpg','img3.jpg','img4.jpg'];div.createTurnPage(arr,700,300);可以让arr里的图片在width = 700 px ;height = 300 px的框里轮播；1...
2019-05-03 21:48:01
286
2
原创 拖拽，碰撞，重力减速运动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-05-03 11:46:55
129
原创 建立个人博客网站
1.需要下载git，拥有github账号，安装好nodejs；（如果不是第一次使用Git的话就next）2.本地新建一个文件夹(如hexo)，打开文件夹，空白处右击，选择GItBashHere；3.接下来就是安装hexo：$ npm install hexo-cli -g我上面的总是出错；后来又执行的 $ npm install hexo-g 也有了hex...
2019-05-02 18:01:56
118
原创 Git的使用
集中式版本控制工具SVN：大家协同工作但是用的是同一个服务器，一旦出了问题所有人都不能提交更新。历史记录存放位置单一，出现问题可能面临版本丢失的问题分布式版本控制工具GIT：客户端存的是原始代码的完整镜像，存储到本地，每个客户端的代码仓库都是一样的，任何部分代码出现问题，可以使用其他客户端代码进行修复。Git的使用：1、git下载2、新建一个文件夹myProject，在文件夹下右键，点击...
2019-05-01 18:25:38
274
原创 JS封装 多物体多值链式运动方法
html部分： <div class="top"></div> <div class="bottom"></div>css部分： div{ width: 100px; height: 100px; background:red; ...
2019-04-30 20:43:11
219
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人