木子木木的专栏-CSDN博客

原创带你复习vue中那些关于组件的基础知识

一，什么是组件：1，扩展HTML元素，封装可重用的代码如下图，左侧是一个页面被拆分成小的区块，每个区块对应一个组件，组件可以嵌套，最终组合成完成页面.png2，组件设计原则页面上每个独立的可视/可交互区域视为一个组件每个组件对应一个工程目录，组件所需要的各种资源在这个目录下就近维护页面不过是组件的容器，组件可以嵌套自由组合形成完整的页面如下示例：把组件拆分成根组件和两个子组件： const app = Vue.createApp({ t..

2021-04-26 20:57:03 273

原创 VUE3中 v-for指令用法，列表循环

一，v-for指令简介：v-for指令需要以 itemin list形式的特殊语法，list是源数据数组， item是数据组元素迭代的别名可以使用v-for指令对数组进行循环，示例如下： const app = Vue.createApp({ data() { return { list:['haha','doms','呵呵'] } }, te...

2021-04-15 18:08:49 21385

原创 vue3生命周期及生命周期函数（钩子函数）详解通俗易懂

一，什么是生命周期： Vue实例从创建到销毁的过程，就是生命周期。就是vue实例从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，在vue生命周期中提供了一系列的生命周期函数，如下图所示：二，生命周期函数：在某一时刻会自动执行的函数1，beforeCreate: 在vue实例生成前,初始化后会自动执行的函数（此时vue实例并未完全创建出来）2，created: 在vue实例创建完成之后会自动执行的函数（vue实...

2021-04-13 17:15:28 10331 4

原创实现loading加载效果带百分比进度

html:<div class="d-loading" id="loading"> <div class="d-loadVpic"> <div class="d-opctv"></div> <div class="d-innervpic"></div> <div class="d-loadmesg">

2021-03-29 16:23:48 1382

原创 JavaScript内置对象 Global 和 Math

一，Global Global 对象是一种兜底对象，代码不会显示的访问它，它所针对的是不属于任何对象的属性和方法，不存在全局变量和全局函数，在全局作用域中定义的变量和函数都会变成Global对象的属性，isNaN(),isFinish(),parseInt(),parseFloat()都是Global对象的方法，还有其他一些方法：1，URL编码方法： encodeURI():用于对整个URI进行编码，不会编码属于URL组件的特殊字符； encodeURIComponent()...

2021-02-24 21:42:44 180

原创 JavaScript基本引用类型及原始值包装类型

一，基本引用类型：1，Date： 1.1 Date类型简介及两个辅助方法： Date类型将日期保存世界时间 1970年1月1日零时至今所经过的毫秒数。使用这种存储格式，Date类型可以精确表示1970年1月1日之前及之后285161年的日期。 >>使用new操作符来调用Date构造函数来创建日期对象：let nowDate = new Date(); 不给Date构造函数传参的话，创建的对象保存的是当前日期和时间。...

2021-01-31 20:56:46 224

原创设计心理学3-情感化设计【读书笔记】

总结：本书主要讲解了情感元素在设计领域扮演的角色，情感元素的三个层面：本能行为反思并提出不同层面的设计原则。第一部分：物品的意义一：情感的作用 1，情感改变人脑解决问题的方式 -- 改变着认知系统的工作模式。 2，情感在人类日常生活中扮演着极其重要的角色，能帮助评价出京是好是坏，是安全或危险。 3，认知体系负责阐释世界，增进理解和智识，情感包含情绪，是辨别好与坏，安全与危险的判断体系，是人类更好生存的价值判断。 ...

2021-01-24 21:09:26 1228 2

原创 JavaScript实现数字转换为万千万百万

function numberConversion(value) { const newValue = ['', '', ''] let fr = 1000 let num = 3 let txt = '' let fm = 1 while (value / fr >= 1) { fr *= 10 num += 1 } if (num <= 4) { // 千 newValue[0].

2020-12-23 19:46:55 3256 2

原创 JavaScript垃圾回收机制：如何减少JavaScript中的垃圾回收？

一，垃圾回收释义：垃圾回收基本思路：确定那个变量不会再使用，然后释放它占用的内存。这个过程是周期性的，即垃圾回收程序每隔一定时间就会自动运行。垃圾回收程序必须跟踪记录那个变量还在使用，以及那个变量不会再使用，以便回收内存，否则，JavaScript的解释器将会消耗完系统中所有可用的内存，造成系统崩溃；var n = 'java';var c = 'c++';var n = c;//重写nconsole.log(n);//'c++' 代码运行之后，“java”这个字符串失去了引用，系

2020-12-05 18:27:13 717

原创 JavaScript执行上下文：理解执行上下文

一，执行上下文：变量或函数的上下文决定了它们可以访问那些数据，以及他们的行为，每个上下文都有一个关联的变量对象，而这个上下文中定义的所有变量和函数都存在于这个对象中上。虽然无法通过代码访问变量对象，但后台处理数据会用到它；在浏览器中，全局上下文是我们常说的window对象，因此所有通过var定义的变量和函数都会成为window对象的属性和方法，使用let和const的顶级声明，不会定义在全局上下文中，但在作用域链解析上效果是一样的。上下文在其所有代码执行完毕后会被销毁，包括定义在它上面的所有变量.

2020-11-29 19:27:40 267

原创 JavaScript变量：你知道原始值和引用值的区别吗

一，变量：（1）定义基本类型的值和引用类型的值方式类似，创建一个变量并为其赋值，但是当这个值保存在变量中后，对不同各类型值可以执行的操作则大相径庭，对于引用类型的值，可以为其添加属性和方法，也可以改变和删除其属性和方法，示例如下：以下代码创建了一个对象并将其保存在了变量p中，为该对象添加了一个名为name的属性，并将字符串 'java' 付给了这个属性,又通过console.log()访问了这个属性。如果对象不被销毁或者这个属性不被删除，这个属性将一直存在；var p = new...

2020-11-28 21:11:08 186

原创 JavaScript函数：函数有多少种类呢？

一，函数基本语法： 1，函数基本语法如下：//基本语法：function functionName(a1,a2,...an){ statements}//函数示例：function yaya(name,age,sex){ console.log('我的名字:' + name +',我的年龄:' + age +',我的性别'+ sex)}yaya('yaya','18','女'); //我的名字:yaya,我的年龄:18,我的性别女函数中定义的命名参数na..

2020-11-14 22:18:00 922

原创 JavaScript类型：数据类型

一，数据类型：基本数据类型：Undefined Null Boolean String Number Symbol 引用数据类型： Object typeof 操作符用来检测给定变量的数据类型1，Undefined： Undefined 表示未定义，即在使用var声明变量但未对其加以初始化时，这个变量的值就是undefined,只有一个值，类型就是Undefined类型；例如：下面案例只声明了msg，并没有对其...

2020-11-14 20:57:35 150

原创 Vue基础之表单应用

一，可以用 v-model 指令在表单控件元素上创建双向数据绑定案例1： <div id="app"> <p>input 元素：</p> <input v-model = "message" placeholder="编辑……"> <p >消息是: {{message}}</p> <p>textarea 元素：<..

2020-08-18 17:58:55 239

原创设计心理学2-与复杂共处【读书笔记】

1，主要内容：探讨了为什么我们的生活需要复杂，而不是简单，而设计促成了复杂生活的实现。当物品的设计师可以被理解的，易于管理的，令人愉悦的，在适度情况下，在合适的时间里，我们渴望的是复杂。通过基于良好的设计，复杂可以被管理近而生产处最实用的产品，形成理想的，以人为本的设计；第一章：设计复杂生活：为什么复杂是必需的 ...

2020-08-08 20:14:59 1554

原创 JavaScript 实现倒计时及定时功能

1倒计时： countTime(value)function countTime(value) {var date = new Date(); var now = date.getTime(); //设置截止时间 var endDate = new Date("2020/5/17 23:59:59"); var end = endDate.getTime(); //时间差 var differTime = end - now;...

2020-08-07 19:44:20 198

原创 Vue.js 基本概念及基础语法用法一

一，MVVM框架简介： 1，基本概念： MVVM框架主要包括三个部分，View(视图 DOM) ViewModel(通讯链接视图和数据的中间件) Model (数据 JavaScipt对象) 当数据发生变化 ViewMdel 能够观察到数据这种变化，通知到对应的视图做自动更新，当用户操作视图，ViewModel也能监听到视图的变化，然后通知数据做改动，实现了数据的双向绑定； 2，应用场景： ...

2020-08-07 19:38:09 357

原创 CSS实现圆形和孤形效果

一，圆形： .circle { border-radius: 50%; }二，半圆： .semi-circle { border-radius: 100px 100px 0 0; height: 50px; }四，扇形 .sector { border-radius: 100px 0 0;}五，弧形：.arc{ border-radius: 100px 0; ...

2020-07-24 14:44:11 255

原创流动时代消费链路离散化下广告设计的衍变方向【学习笔记】

主题：流动时代下商业营销和广告设计的衍变方向，我们不只依赖技术的革新，也在尝试加入更多的中国文化，到我们的设计和创意中来，让更多传统文化和品牌结缘，将更多传统文化变成国潮，让创意具备更强使命感和更深远社会价值；一，流动时代下中国互联网发展的四个阶段门户网站电子商务 SNS 短视频二，主流产品格局形成及消费者的时间被个性化填充互联网发展到今天主流产品格局已经逐步形成，包括以社交咨询 ...

2020-07-20 18:38:43 792

原创拥抱微利社会的降临【学习笔记】

分享人：御安阿里巴巴高级用户体验研究专家总结：大数据时代下，线上消费者各种各样的消费行为，都会被大数据以非常微小的颗粒度所纪录下来，微粒社会以至，总体的均值特征已经不再是营销人对于数据或者一个数据科技公司唯一的需求，拥抱微粒社会，以社会学的理论指导或者通过定性调研的方式去理解行为背后的情景及动机，才能够更好的助力品牌与消费者之间的互动；以为情境后描的方式让消费者从均值意义的个体纵向更加立体化，可以用户营销和沟通，甚至前瞻创新的单体；在微粒社会下数据不仅仅可以告诉我们已经发生的事实和趋势，进而...

2020-07-18 21:20:28 1177

原创 Python 类的高级特性类的实例方法和静态方法

一，@property:将类的方法当做属性来使用代码示例如下class PetCat(object): """家猫类""" def __init__(self,name,age): self.name = name self.age = age @property #加入@property def showInfo(self): return '我叫{0},我今年{1}岁'.format(self.name...

2020-07-16 22:02:01 202

原创 Python 类的定义及类的继承

一，类和类的定义： *面向对象的基础（实现类的过程当中实际上就是对现实事物的进一步抽象） *一种类型（类的类型） *类的实例称之为对象（例如 ‘瓶子’是一类型的东西， ‘桌子上的那个瓶子’，比较具体是一个对象） *一种用户自定义的类型 *类里面有很多自定义的属性和方法（写代码的时候没有必要把所有的属性方法列出来，只需要列出有用到的就行）例子：Cat类：属性(变量，属性的名称)：名称种类皮毛猫龄行为（方法函数...

2020-07-14 18:42:27 676

原创 Python 什么是面向对象？

一，什么是面向对象？ 1，什么是对象：生活中的实体：一杯水一只猫一个人在python中对象就是类的实例表现 2，什么是面向对象：人关注对象人关注事物的信息 python中物品的特征是类，物品就是对象 *在python中的类，就是模子，确定对象将会拥有的特征（属性）和行为（方法） *对象是类的实例化表现 *类是对象的类型 *对象是特定类型的数据3，属性和方法：属性：对象具有各种静态特...

2020-07-05 16:16:06 1949

原创 Python 文件的读写模式

一，‘r’ :读取模式（默认值）'w':写入模式 ‘x’:独占写入模式‘a’：附加模式 'b':二进制模式 't'：文本模式（默认值，与其他模式结合使用）‘+’：读写模式（与其他模式结合使用） 'r+' ---表示 :可读可写：该文件必须存在，后写入的文件内容追加在原文件内容前尾，如果原文件不存在则会报错光标一直在原文件末尾 'w+' ---表示 :写读：该文件不存在创建新的文件并且写入数据，存在则覆盖之前数据内容使用f.read() 文件里是否有数据 ...

2020-07-05 14:36:49 2684

原创设计心理学1-日常的设计【读书笔记】

本书作者：唐纳德·A·诺曼被美国《商业周刊》评为全球最具影响力的设计师之一，兼具教授，企业高级主管与顾问，主讲人，书籍和专栏作者等身份，有工程学与认知心理学的背景，将多种学科的知识引入到设计领域，对我们重新理解设计过程中每个环节的作用，精准把握并实践以人为本的设计有着重要的贡献；是国际知名的心理学家与当代认知心理学应用先驱，美国国家艺术与科学院院士，美国计算机学会，美国心理学会，认知科学学会会长，于2006年获富兰克林奖章；著作：《设计心理学1-日常的设计》《设计心理学2-情感化设计》...

2020-06-27 12:00:23 3608

原创 Python常用函数 filter map reduce lambda

一，lambda函数：是一种表达式，创建内嵌的简单匿名函数，又称为lambda表达式，可定义一种无函数名的匿名函数，主要用来处理简单的业务逻辑，如加法，取绝对值，过滤等函数体的语句只可以为单行，提高运行效率，不可以跨行定义，不是代码块能接收任何数量的参数，但只能返回一个表达式的值二，filter函数：回一个filter对象，其中包含对其执行函数时结果为真的所有元素语法：filte...

2020-06-17 15:10:38 148

原创 Python 虚拟环境的安装及使用

一，什么是虚拟环境：建立在宿主环境(安装的环境比如python环境)上的独立容器具备和宿主环境相同的功能快速创建和删除，方便管理好处：独立的，相互隔离互不影响纯净，只有我一个项目用的包和依赖好管理方便，摒弃频繁安装/卸载包和依赖二，虚拟环境 virtualenv的安装 1，cmd 打开 windows环境，通过cd命令到要安装虚拟环境的目录文件...

2020-06-16 20:28:26 698

原创 Python自定义包及判断文件类型和时间转字符串案例

一，实现自定义包案例：包含trans和work两个包两个包都有同样的tools模块包含 constants常量模块模块中会引用常量模块提供的常量值在测试模块中可以分别调用tools相关方法目录结构图如下：test_module.py为测试模块 1，实现根据输入的时间得到一个唯一的ID值功能： a,建立trans包在包内建立tools.py文件，写入功能逻辑，代码如下：...

2020-06-16 14:44:01 201

原创 Python 标准模块与第三方模块及案例操作

一，Python标准模块-os模块 os模块：对于不同系统需要用到的操作统一封装，方便使用，提高效率 1， os模块帮助文档路径：安装目录-Python-Doc-python383.chm 打开cmd 输入python进入交互式环境，import os dir(os) 可查看变量/函数：environ:系统的环境变量 os.environ可查看环境的变量 system(command):在子shell中执行操作系统命令 ...

2020-06-15 21:16:30 332

原创 Python模块与包及常用命令行/终端知识

一，命令行/终端知识 1，别名：命令行、终端、terminal、控制台、小黑窗、交互式界面 2，使用场景：DOS系统、linux 3，打开终端的方式：按windows键-->windows系统-->命令提示符按windows键-->windows powershell 运行(windows+r) -->cmd MAC系统：直接搜终端 pycharm中：用 Te...

2020-06-13 19:34:57 699 1

原创 Python 实现简单生活小助理功能

需求：实现简单生活小助理功能具体要求如下： 1,双色球随机选号 2,号码百事通 3,明日天气预报 0,结束程序说明：双色球由6个红色球(每个红球取值是 1-33的随机数) 和 1个蓝色球(每个蓝色球取值是1 -16的随机数) random()函数生成随机数 find()函数：在原有的字符串中去查找是否包含某一个字符或者子字符创，如果包含返回第一次出现的位置，不包含则返回-1...

2020-06-08 17:58:25 486

原创 Python 函数的定义及基本用法

一，函数：实现具有特定功能的代码；特点：隐藏实现功能的细节代码可重用提高可读性便于调试1,语法： def 函数名(形式参数(形参)1,形式参数2，....形式参数n): 要运行的代码(函数体) return 输出的数据(返回值)示例：输出一首古诗def print_arch(): print('鹅鹅鹅，曲项向天歌，白毛浮绿水，红掌拨清波') print('*' * 50) pri...

2020-06-06 16:00:35 325

原创 Python 集合的基本操作及集合生成式案例

一，集合的说明集合(set)是Python中的内置数据结构，可看做是没有Value的字典元素是无序的, 不能重复，集合里的元素是可变的注意集合不支持按索引提取数据，因为输出是乱序的；二，集合的创建：{} 和set()函数创建集合，注意：打印输出元素顺序与原始顺序不一样示例1：用 {} 创建集合d = {'张三','李四','王五','赵六'}print(d)>>>>> {'赵六', '张三', '李四', ...

2020-06-04 17:17:29 883

原创 Python 元组与序列基本操作

一，元组的读写：元组（tuple）是不可变的列表(list) 运行中内容都是不可变的元组用小括号，示例如下：t = ('a','b','c',1,2,3)print(t) #>>('a', 'b', 'c', 1, 2, 3)print(type(t)) #>> t为tuple类型二，元组获取数据：在获取数据时与列表完全相同t = ('a','b','c',1,2,3)print(t[2])#正序索引，获取第3个元素 &...

2020-06-02 10:53:04 363

原创 Python 基础之冒泡排序法

说明：冒泡排序是经典的排序算法。算法思想是，重复的遍历要排序的列表，一次比较两个元素，如果他们的顺序错误就把他们交换过来，遍历列表的工作是重复的进行直到没有在需要交换，也就是说该列表已经排序完成。这个算法的名字由来是因为越大的元素会经由交换慢慢‘浮’到数列的顶端，故名为‘冒泡排序’。示例：list = [21,51,32,88,99,5,11]n = len(list)for i in range(n-1): for j in range(n-1-i): ...

2020-06-01 16:39:59 179

原创 Python 字典的介绍与应用

一，什么是字典：所有数据都是成对出现用大括号进行包裹 { '姓名':'哈哈','性别':'女' '绩效平级':'A','岗位':'销售' } 特点： a,字典采用键(key):值(value) 形式表达数据 b,字典中key不允许出现重复，value允许重复 c,是可修改的，运行时动态调整存储空间二，如果创建字典使用{}来创建字典...

2020-05-27 15:29:25 254

原创 Python列表的介绍与创建一

数据结构：从计算机存储组织数据的结构列表(List) 元组(Tuple) 字典(Dictionary) 集合(Set)一，列表(List)： 1,基本特点: a,列表中的数据按顺序排列 b,列表有正序与倒序两种索引 c,列表可存储任意类型数据，且允许重复如下图用示意图表示：说明：当前列表包含了 7个元素，第一个列表在最左边代表字符串 a 之后 b c....

2020-05-26 18:58:33 282

原创 Python中常用运算符之赋值运算符成员运算符身份运算符位运算符(为二进制运算准备的运算符)

常用运算符：算数运算符比较运算符逻辑运算符赋值运算符成员运算符身份运算符位运算符(为二进制运算准备的运算符)一，赋值运算符：示例：a = 1b = 2c = 3d = 4e = 5f = 6g = 7#加法a += 1print(a)str = 'cbd'str += 'bck'print(str)#减法b -= aprint(b)#乘法c *= 4print(c)#除法d /= 20print(d)#取模e %= 3..

2020-05-25 19:43:09 308

原创 Python 实现查找1000以内的质数

说明：质数在大于1的自然数中除了1和他自身外不能整除其他自然数的数是质数代码：可在编辑器内运行结果j = 2while j <= 1000: num = j i = 2 is_pri = True #标识当前数字是否为质数 while i < num: if num % i == 0: is_pri = False break i = i + 1 i..

2020-05-25 17:15:35 3965 1

原创 Python流程控制语句 - while循环语句

说明：循环是在满足条件下周而复始的运行的情况while 关键字用于创建循环,在满足条件时，将循环执行语句；1，while循环基本写法： while 循环执行条件：被循环执行的代码块修改循环的判断条件示例1：i = 0;while i < 5: #如果i变量值小于5 才会执行下面循环语句代码 print('哈哈哈哈哈哈萌新') #被执行的循环代码 i = i...

2020-05-25 15:20:21 394

空空如也

空空如也