- 博客(29)
- 收藏
- 关注
原创 Vue组件和插件
支持vue2.0功能还挺强大的:可拖拽、改变网格的大小网址:https://jbaysolutions.github.io/vue-grid-layout支持vue2.0网址:https://www.npmjs.com/package/vuedraggable网址:https://vuepress.vuejs.org/zh/guide/支持vue2.0网址:https://vue-meta.nuxtjs.org/网址:https://www.npmjs.com/package/vue-chartjs
2023-09-20 10:31:13
217
原创 Js的位运算符
(1)交换变量(个人感觉,不实用,建议使用es6的结构方法,更简单)计算公式:a << n = a * (2 ^ n)计算公式:a >> n = a / (2 ^ n)转为二进制数据,向右移动n位,符号位也会跟着移动。计算公式(取反,减1):~a = -a - 1。均转为二进制数据,同1取1,其他取0。均转为二进制数据,同0取0,其他取1。均转为二进制数据,不同为1,同为0。转为二进制数据,0取1,1取0。转为二进制数据,向左移动n位。转为二进制数据,向右移动n位。如:2 & 2 ,结果是2。
2023-09-20 10:27:48
142
原创 5、vue-route
1、简介2、基本使用3、嵌套路由4、路由传参5、命名路由6、路由的params参数7、路由的props配置8、router-link的replace属性9、编程式路由导航10、缓存路由组件11、两个新的生命周期钩子12、路由守卫13、history模式和hash模式一、简介路由就是一组key-value的对应关系;多个路由需要经过路由器的管理。
2023-07-12 23:39:31
230
原创 4、vuex
1、简介2、工作原理3、搭建vuex环境4、基本使用(getters配置项、mapState、mapGetters、mapActions、mapMutations)5、vuex模块化+namespace命名空间一、简介。
2023-07-10 00:32:44
127
原创 3、Vue脚手架
存储内容大小一般支持5MB左右(不同浏览器可能还不一样)浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制该方法接受一个键和值作为参数,会把键值对添加到存储中,如果键名存在,则更新其对应的值该方法接受一个键名作为参数,返回键名对应的值该方法接受一个键名作为参数,并把该键名从存储中删除该方法会清空存储中的所有数据SessionStorage存储的内容会随着浏览器窗口关闭而消失。
2023-06-24 15:52:57
76
原创 1、Vue基础学习
文章目录1、Vue简介2、基本使用3、理解MVVM模型4、数据代理5、事件6、计算属性7、监听8、绑定样式9、列表10、监测数据的原理11、收集表单数据12、过滤器13、指令14、生命周期一、Vue简介1、定义官网定义:一套用于构建用户界面的渐进式JavaScript库构建用户界面:拿到的数据,通过某种办法,变成用户可看见的界面前端的职责:在合适的时机发送合适请求,把得到的响应数据展示在合适的位置渐进式:Vue可以自底向上逐层的应用,即简单应用:只需一个轻量小
2023-06-01 00:47:38
218
原创 Js的Blob/File/ArrayBuffer/FileReader的详解
学习Blob、File、ArrayBuffer、FileReader
2023-05-18 17:52:49
696
原创 XMLHttpRequest基础知识
XMLHttpRequest 是一个由浏览器的js环境提供的一个API对象,主要用来浏览器与服务器交换数据,简称XHR。XHR可以在页面加载完后,再继续向服务端发送请求及接收返回的数据时,达到不刷新页面情况下更新页面数据。XHR使用的协议不同于HTTP,不仅可以使用XML格式的数据,也支持JSON、HTML、或者纯文本。
2022-12-05 20:33:56
1277
原创 百度小程序开发的基础
百度app下载:http://mo.baidu.com/开发工具下载:https://smartprogram.baidu.com/docs/develop/devtools/history/一、小程序全局配置App()1、app.json{ // 设置页面路径的数组 "pages": [ "component/component", "api/api" ], // 分包结构配置 "subPackages": [
2022-05-19 23:06:34
1097
原创 换行符CRLF LF及在GIT设置
一、不同系统的换行符对于不同的操作系统,换行符的表示是不一样的。也就是说,当我们在不同系统操作,在键盘按下回车键换行的时候,保存进入文件的换行符是不一样的,如下所示:CR:表示回车\r(Mac OS系统)LF: 表示换行\n (Mac OS X系统、Linux/Unix系统)CRLF:表示回车换行\r\n (Windows系统)对于不同的系统,换行符有不同的表现形式,这就很容易引发问题。**情形一:**代码开发者在不同的系统都编辑过同一份代码且来回传输过**情形二:**多人协作开发一个项目,
2022-05-19 15:26:28
9326
原创 Android Studio入门教程(计算器)
一、建立开发环境1、AS简介Android Studio 是Google开发的一款面向Android开发者的IDE,支持Windows、Mac、Linux等操作系统,基于流行的开发语言java集成开发环境IntelliJ搭建而成的,类似Eclipse ADT。该IDE在2003年5月的Google I/O开发者大会首次露面,当时的测试版本还不够完善,直到2014年12月8日发布了稳定的版本。Android Studio 提供了集成的 Android 开发工具用于开发和调试。1)基于 Gradle 的灵
2022-05-16 16:55:45
16268
1
原创 npm install报错(syscall unlink npm ERR ERRNO -4048)
使用npm install报错:npm ERR! code EPERM npm ERR! syscall unlink npm ERR! ERRNO -4048在网上找到的解决方法:https://blog.csdn.net/qq_27674439/article/details/108703682方法1需要删除npmrc文件。强调:不是nodejs安装目录npm模块下的那个npmrc文件而是在C:\Users{账户}\下的.npmrc文件…方法2或者直接用命令清理就行,控制台输入:npm
2022-05-13 19:05:45
1153
原创 使用vue-cli(脚手架)快速搭建项目
一、node.js安装在D盘官网下载:https://nodejs.org/en/1、在所安装的Node.js文件目录下创建 node_global 和 node_cache 两个文件夹2、创建好以上文件,打开cmd,输入一下命令;npm config set prefix "D:\strongsoft\nodejs\node_global"npm config set cache "D:\strongsoft\nodejs\node_cache"命令中的路径根据自己所创建的文件夹的路径3、
2022-05-13 18:36:40
941
原创 npm快速入门
一、npm是什么?1、介绍世界上最大的软件注册表,每周大约有30亿次的下载量,包含超过60万个package(代码块)。来自各大洲的开源软件开发者使用npm互相分享和借鉴,能够轻松跟踪依赖项和版本。2、组成三个部分: 网站、注册表 registry、命令行工具CLI网站: 开发者查找包、设置参数以及管理npm使用体验的主要途径注册表: 巨大的数据库,保存了每个包的信息CLI: 通过命令行或终端运行3、用处:1)使程序适应我的应用,或按原样合并他们;2)下载可独立使用的工具;3)使用np
2022-05-13 18:03:17
926
原创 node的版本管理(nvm)
在开发过程中,可能需要经常切换node版本来应对不同的开发环境,所以需要不同版本的node,下面将介绍使用nvm来管理node版本。1、nvm下载1)Windows 下 nvm 安装安装步骤如下:第一、到 github 上面下载。下载地址:https://github.com/coreybutler/nvm-windows/releases第二、下载完 nvm-setup.zip 之后解压,解压出来一个 nvm-setup.exe 文件第三、双击安装第四、打开 cmd ,输入 nvm 验证是否
2022-05-12 14:53:38
5546
原创 Android Studio项目结构详解
在AS中,提供了许多中项目结构类型。下面主要是介绍Project、Android和Packages1、项目结构的选择点击左上角的小图标可选择对应的项目结构2、Project项目结构MyApplication.gradle: Gradle编译系统,版本由wrapper指定(无须手动修改).idea: IDE所需要的文件(无须手动修改)app: 开发项目的所有代码和资源文件build: app模块编译输出的文件libs: 放置引用的类库文件src: 放置应用的主要文件目录And
2022-05-12 11:58:32
3435
原创 React基础学习三
一、JSX1、元素是构成React应用的最小单位,JSX就是用来声明React当中的元素2、JSX就是JavaScript,一些标识符像class和for不建议作为XML属性名。作为替代,React DOM使用className和htmlFor来做对应的属性。3、p元素添加自定义属性data-myattribute,添加自定义属性需要使用data-前缀。4、不能使用 if else 语句,但可以使用三元运算表达式来代替。5、样式推荐使用内联样式,使用小写驼峰语法。二、组件1、元素HTML以小写
2021-09-12 17:30:35
319
原创 弹性布局display:flex
一、含义Flexbox 是 flexible box 的简称(注:意思是“灵活的盒子容器”),意为"弹性布局",是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列,使它们能在不同的屏幕尺寸和设备下可预测地展现出来。/*任何一个容器都可以指定为Flex布局。*/.box1 { display: flex;}/*行内元素也可以使用Flex布局。*//*Webkit内核的浏览器,必须加上-webkit前缀。*/.box2 { display: inline-flex; d
2021-09-01 23:58:43
72
原创 React基础学习二
一、React.createElement的理解使用根据指定的第一个参数创建一个react元素React.createElement( type, [props], [...children])第一个参数(必填):传入类似html的标签,比如:ul、li第二个参数(选填):表示的是属性,比如:className第三个参数(选填):子节点,比如:要显示的文本例子:var child1 = React.createElement('li', null, 'one');var ch
2021-08-30 21:03:33
150
原创 钉钉小程序的基础
一个小程序就是一个全局的app函数,函数在初始化时加载各个页面page,页面加载各个组件component。小程序分为app和page两层。一、App() 全局函数管理所有页面和全局数据,以及提供生命周期回调函数。是一个构造方法,构成App实例,一个小程序就是一个App实例。包含三个文件:1、app.json:应用配置设置页面文件的路径、窗口表现、多Tab、分包、插件等。示例:{ "pages": [ "pages/index/index", "pages/logs/lo
2021-08-29 18:25:33
1073
原创 React基础学习一
一、什么是React用于构建用户界面javascript UI库,很多人认为它是MVC中的V(视图),起源于Facebook的内部项目二、React的特点1、声明式设计 −React采用声明范式,可以轻松描述应用(自动dom操作)。2、高效 −React通过对DOM的模拟(虚拟dom),最大限度地减少与DOM的交互。3、灵活 −React可以与已知的库或框架很好地配合。4、JSX − JSX 是 JavaScript 语法的扩展。5、组件 − 通过 React 构建组件,使得代码更加容易得到复
2021-08-02 22:26:26
130
原创 vue鼠标移入移出事件注意事项
vue鼠标移入移出事件注意事项发生冒泡事件今天在写一个鼠标的移入移出的事件,使用mouseout和mouseover期间,踩了一个大坑,经过半天的排查,终于发现是发生了冒泡事件。把mouseout和mouseover绑在父元素上,移过父元素和子元素都会触发。即子元素mouseover和mouseout事件会冒泡至父元素一、解决方法使用 mouseenter 和 mouseleave 事件。这两个事件是根据组件在页面上的范围进行计算的,只要在某个组件上添加了这两个事件,会计算鼠标的位置,只要在组件
2021-06-07 22:35:52
19978
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人