- 博客(115)
- 收藏
- 关注
原创 js的变量和数据类型①
在JavaScript中,变量是用来存储数据的容器,你可以给变量命名,并且给变量赋值。在JavaScript中,除了原始数据类型(Number、String、Boolean、null、undefined)之外的所有都是对象。JavaScript中所有的数字都是以64位浮点数形式存储的,即使它们表现为整数。在JavaScript中,变量的类型不是固定的,它是动态的,这意味着你可以将一个变量从一种类型改变为另一种类型。(ES6新增):表示唯一的、不可变的原始值,通常用作对象的属性键。:表示一个空的值或“无”。
2024-04-03 09:11:52 411
原创 Js之运算符与表达式——②
运算符:也叫操作符,是一种符号。通过运算符可以对一个或多个值进行运算,并获取运算结果。表达式:由数字、运算符、变量的组合(组成的式子)。表达式最终都会有一个运算结果,我们将这个结果称为表达式的返回值。都是运算符,而(3+5)/2则是表达式。比如:typeof 就是运算符,可以来获得一个值的类型。它会将该值的类型以字符串的形式返回,返回值可以是 number string boolean undefined object。
2024-03-30 11:09:40 644
原创 10种 loading加载动画效果
第一种效果图:<template> <view class="load-box"> <view class="loading"></view> </view></template><script> export default { name: 'loading', data() { return {
2024-01-29 11:53:25 906
转载 JavaScript中Array.from()的超全用法详解
Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map),别忘记就来讲讲他的具体用法吧。Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map)。下面是一个类似数组的对象,Array.from将它转为真正的数组。
2023-10-17 16:07:17 1183
原创 uni-app 的条件编译(APP-PLUS 、H5、MP-WEIXIN )
条件编译是用特殊的注释作为标记,在编译时根据这些特殊的注释,将注释里面的代码编译到不同平台。写法:以 #ifdef 或 #ifndef 加 %PLATFORM% 开头,以 #endif 结尾。1 #ifdef:if defined 仅在某平台存在2 #ifndef:if not defined 除了某平台均存在3 %PLATFORM%:平台名称
2023-09-06 14:44:08 1466 1
原创 js知识点
执行规则:首先执行try中的代码 如果抛出异常会由catch去捕获并执行 如果没有发生异常 catch去捕获会被忽略掉 但是不管有没有异常最后都会执行。finally 使你能够执行代码,在 try 和 catch 之后,无论结果如何。throw 语句允许你创建自定义错误。try 语句使你能够测试代码块中的错误。catch 语句允许你处理错误。try catch 错误处理;
2023-02-25 21:34:36 118 1
原创 HTML页面如何添加ICO图标?
2,然后用link标签引入,href 处填ico所在的文件路径。3,然后就打开浏览器查看网页就能看见实现后的成功了。1,我们先准备一个小图标,用的ico格式。
2023-02-16 08:55:48 4521
原创 uni-app工程搭建②
开发文档:https://developers.weixin.qq.com/miniprogram/dev/framework/微信公众平台:https://mp.weixin.qq.com/componets 文件夹下定定义组件页面引用组件,无需倒入适量,直接使用即可其他操作(组件传值,事件绑定同 vue)
2023-02-13 21:45:47 526
原创 uni-app简介 ①
uni-app 是一个使用 Vue.js 进行 开发所有前端应用的框架。开发者编写一套代码,即可发布到 iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。详细的 uni-app 官方文档,请翻阅 https://uniapp.dcloud.net.cn/
2023-02-13 18:14:20 355
原创 bootstrap 框架
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。响应式所具有的特点1、网页的宽度自动调整2、尽量少用绝对宽度3、字体要使用 rem、em 做为单位4、布局要使用浮动、弹性布局必须使用 HTML5 文档类型每个页面的开始部分默认栅格系统带有基本栅格的 HTML 代码媒体类型媒体类型逻辑运算符 用来做条件判断页面布局: 引入 css(bootstrap.min.css) + 类名03-面包屑导航
2023-02-08 17:20:15 12226
原创 函数的柯里化
柯里化,是函数式编程的一个重要概念。它既能减少代码冗余,也能增加可读性。另外,附带着还能用来装逼。先给出柯里化的定义:在数学和计算机科学中,柯里化是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术。柯里化的定义,理解起来有点费劲。// 6毫无疑问,sum 是个简单的累加函数,接受 3 个参数,输出累加的结果。假设有这样的需求,sum 的前 2 个参数保持不变,最后一个参数可以随意。
2023-02-02 16:18:31 218
原创 js纯函数
简单来说,一个函数的返回结果只依赖于它的参数,并且在执行过程里面没有副作用,我们就把这个函数叫做纯函数。一个函数的返回结果只依赖于它的参数,并且在执行过程里面没有副作用,我们就把这个函数叫做纯函数。为什么要煞费苦心地构建纯函数?因为纯函数非常“靠谱”,执行一个纯函数你不用担心它会干什么坏事,它不会产生不可预料的行为,也不会对外部产生影响。不管何时何地,你给它什么它就会乖乖地吐出什么。如果你的应用程序大多数函数都是由纯函数组成,那么你的程序测试、调试起来会非常方便。
2023-02-02 16:17:15 222
原创 ES6 课程概述⑦
执行上端代码,我们会发现更改 state 的操作是在回调函数中执行的,这样会让我们的代码在 devtools 中变的不好调试:当 mutation 触发的时候,回调函数还没有被调用,devtools 不知道什么时候回调函数实际上被调用,任何在回调函数中进行的状态的改变都是不可追踪的。既然 Vuex 的 store 中的状态是响应式的,那么当我们变更状态时,监视状态的 Vue 组件也会自动更新。严格模式会深度监测状态树来检测不合规的状态变更,要确保在发布环境下关闭严格模式,以避免性能损失。
2023-01-18 14:30:59 1527
原创 ES6 课程概述⑥
render() {... {他们的优先级高于普通的类名,这对于 Vue 的过渡系统和其他第三方 CSS 动画库(如 Animate.css)结合使用十分有用。Animate.css 官网地址:https://daneden.github.io/animate.css/路由是根据不同的 url 地址展现不同的内容或页面。早期的路由都是后端直接根据 url 来重载页面实现的,即后端控制路由。
2023-01-18 14:29:56 739
原创 Vue学习笔记 ④
组件默认只是写好结构、样式和行为,使用的数据应由外界传递给组件。如何传递?注册需要接收的 prop,将数据作为一个自定义特性传递给组件。
2023-01-12 17:23:20 301
原创 Vue学习笔记 ②
v-cloak这个指令保持在元素上直到关联实例结束编译可以解决闪烁的问题和 CSS 规则如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕v-once只渲染元素一次。随后的重新渲染,元素及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能v-text更新元素的 textContentv-text 替换元素中所有的文本,Mustache 只替换自己,不清空元素内容v-text
2023-01-12 17:12:50 429
原创 Vue学习笔记 ①
因为会将 data 中数据代理给 vue,假如说我们自己写的 data 名称和 vue 中自带的属性冲突了,那么就会覆盖 vue 内部的属性,所以 vue 会把自己内部的属性成员名称前加上$或_,如果加上的是$,代表是我们可以使用的,如果加上的是_,是 vue 自己内部使用的方法或属性,我们不需要调用。答:本质上没什么不同,$mount 为手动挂载,在项目中有时要进行延迟挂载,比如有时要在挂载之前进行一些其他的操作,比如判断等等(但是,这样做的时候很少,比邓哥回家的次数还少,emmmmm)
2023-01-12 16:50:47 334
原创 ES6 课程概述⑤
XMLHttpRequest 的问题所有的功能全部集中在同一个对象上,容易书写出混乱不易维护的代码采用传统的事件驱动模式,无法适配新的 Promise ApiFetch Api 的特点并非取代 AJAX,而是对 AJAX 传统 API 的改进精细的功能分割:头部信息、请求信息、响应信息等均分布到不同的对象,更利于处理各种复杂的 AJAX 场景使用 Promise Api,更利于异步代码的书写Fetch Api 并非 ES6 的内容,属于 HTML5 新增的 Web Api。
2023-01-12 16:27:51 382
转载 原型及原型链②
混淆,二来它们之间的各种指向实在有些复杂,其实市面上已经有非常多的文章在尝试说清楚,有一张所谓很经典的图,上面画了各种线条,一会连接这个一会连接那个,说实话我自己看得就非常头晕,更谈不上完全理解了。所以我自己也想尝试一下,看看能不能把原型中的重要知识点拆分出来,用最简单的图表形式说清楚。长那么像,让人怎么区分呢?相信不少初学者甚至有一定经验的老鸟都不一定能完全说清楚,下面用三张简单的图,配合一些示例代码来理解一下。我们知道原型是一个对象,其他对象可以通过它实现属性继承。的原型是一个很让人头疼的事情,一来。
2023-01-12 10:06:58 44
转载 原型及原型链 ①
本文转:https://github.com/stone0090/javascript-lessons/tree/master/2.5-Prototype。
2023-01-11 19:31:26 72
原创 CSS3 之属性:calc() 函数、border、background、word-wrap、font-face
auto:无特殊对齐方式。left:内容左对齐。center:内容居中对齐。right:内容右对齐。justify:内容两端对齐。start:内容对齐开始边界。end:内容对齐结束边界。定义块内文本内容的最后一行(包括块内仅有一行文本的情况,这时既是第一行也是最后一行)或者被强制打断的行的对齐方式。
2023-01-07 17:28:32 1141
原创 ES6 课程概述③
如果对象字面量初始化时,成员的名称来自于一个变量,并且和变量的名称相同,则可以进行简写对象字面初始化时,方法可以省略冒号和 function 关键字有的时候,初始化对象时,某些属性名可能来自于某个表达式的值,在 ES6,可以使用中括号来表示该属性名是通过计算得到的。
2023-01-06 18:10:37 428
原创 ES6 课程概述②
后来,由于技术的发展,Unicode 对文字编码进行了扩展,将某些文字扩展到了 32 位(占用两个码元),并且,将某个文字对应的二进制数字叫做码点(Code Point)。在 ES6 中,提供了模板字符串的书写,可以非常方便的换行和拼接,要做的,仅仅是将字符串的开始或结尾改为反引号 ` 符号。形参和 ES6 中的 let 或 const 声明一样,具有作用域,并且根据参数的声明顺序,存在暂时性死区。这样一来,当调用函数时,如果没有给对应的参数赋值(给它的值是 undefined),则会自动使用默认值。
2023-01-06 17:49:45 1014
转载 wx.navigateTo、wx.redirectTo、wx.reLaunch的event参数的理解
最后, 我所说的父方法, 子方法, 其实都是定义在eventChannel上的, 这样说只是方便大家理解, 父页面应该也也是可以通过emit去触发自己在events里面定义的方法的, 但是这样没有意义, 所以, 我就不做测试了,因为没有人会傻到自己跟自己通信吧, 哈哈哈…遇到一个这样的业务需求, 用户点击提现按钮, 跳转到提现处理结果页面, 为了避免提现请求被重复提交, 所以需要在用户点击了提交按钮以后就把按钮锁起来不给用户提交, 在拿到请求结果以后再把按钮打开。于是测试, 无果(有兴趣的同学可以试试)
2023-01-06 14:33:57 325
转载 微信小程序之页面带参跳转
本文转载:https://blog.csdn.net/generallizhong/article/details/117773615。页面跳转参数传递有很多中方式,这里只说一种非常简单的。
2023-01-06 11:12:23 12083
原创 ES6 课程概述①
ECMAScript:简称 ES,是一个语言标准(循环、判断、变量、数组等数据类型)JavaScript:运行在浏览器端的语言,该语言使用 ES 标准。NodeJs:运行在服务器端的语言,该语言使用 ES 标准。无论 JavaScript,还是 NodeJs,它们都是 ES 的超集(super set)ECMAScript 有哪些关键的版本?ES6.0: 2015, 从该版本开始,不再使用数字作为编号,而使用年份为什么 ES6 如此重要?ES6 解决 JS 无法开发大型应用的语言层面的问题。
2023-01-06 11:05:55 428
原创 前端开发人员常的 JS 库
Loash.js是一个一致性、模块化、高性能的 JavaScript 实用工具库。通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。下载&中文文档: https://javasoho.com/lodash/index.html。遍历 array、object 和 string。
2023-01-05 17:13:00 76
转载 js正则验证手机号
原文链接:https://blog.csdn.net/wxban/article/details/53944508。后面那截,是验证台湾的手机号(台湾手机10位数,皆以09起头),所以有台湾业务重点注意。注意:以上表达式只验证港澳台及大陆手机号码,不包含座机小灵通及区号等验证。香港手机号码正则 :^([6|9])\d{7}$大陆:开头1 3-8号码段,后面加9位数字。js正则验证页面手机号,是否符合规则。更完整完善的手机正则。澳门:66或68开头后面跟5位数字。香港:9或6开头后面跟7位数字。
2022-12-30 16:45:08 1473
原创 jq写轮播图
/$.fn.extend({add: function () {}}) ---> 实例方法 $('.demo').add()//$.extend({add: function() {}}) ---> 工具方法 $.add()//图片尺寸 imgWidth imgHeight。//运动方式 animationType。//小圆点是否展示 showSpot。//左右按钮是否展示 showBtn。//图片列表 imgList。//动画时间 time。
2022-12-17 22:46:17 666
原创 juery笔记
jQuery 是一个非常流行的快速、小巧、功能强大的开源 JavaScript 库。“Write less,do more”它还为我们做了跨浏览器的兼容(小数无法兼的 API 官方会作特殊的说明)1.只需要引入 jQuery 库的 js 文件(官方网站)cdn:http://www.jq22.com/cdn/#a22.下载地址:http://www.jq22.com/jquery-info122(放在自己的服务器上)1、一个是源代码:jquery-version.js(version 表示具体版本号)2、
2022-12-14 22:39:34 859
原创 javascript中制作滚动代码的常用属性
网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body.scrollWidth;网页正文全文高: document.body.scrollHeight;网页被卷去的高: document.
2022-12-04 12:14:35 354
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人