- 博客(39)
- 收藏
- 关注
RSS订阅原创 three.js基础搭建第一个基础three
相当于你的眼睛，有了相机才能看见。有了渲染器，才会渲染到界面。首先要了解必要的条件！必须有场景才能渲染出来。
2023-04-28 13:28:25
319
2
原创 V2 与 V3 响应式原理区别
Vue2.0实现MVVM(双向数据绑定)的原理是通过 Object.defineProperty 来劫持各个属性的setter、getter，在数据变动时发布消息给订阅者，触发相应的监听回调。Vue 3.0实现响应式基于ES6的Proxy。V3 通过代理对象 Proxy 当为代理对象赋值的时候就修改了data对象的属性。v2通过 对象的数据劫持 通过 get set 方法来获取 或者是赋值。
2023-04-28 09:13:56
1186
1
原创 微信小程序day01
project.private.config.json 项目配置文件(项目私有的 使用此文件会覆盖 项目配置文件相同的配置).js文件 wxss 样式文件 wxml 页面文件 .json 文件配置文件。sitemap.json 项目索引文件 用来判断是否让微信小程序搜索到。pages 页面目录 文件夹中的每一个文件都是一个页面。页面文件夹中的子文件都是一个界面 子页面中的文件。app.json 全局的配置文件 关于代码的。app.wxss 全局的样式文件。app.js 项目的入口文件。
2023-02-16 21:09:41
153
原创 Vuex中state（状态）、mutations（更改状态） actions（异步操作）、getters(计算属性)、modules(模块)使用详解！
如何使用actions 修改异步操作呢？已经定义好的方法1.直接通过 this.$store.dispatch('方法名') 来调用 可以传参2.通过辅助函数 导入 然后...map 映射方法名...mapActions(['方法名'])
2022-12-27 16:54:48
5033
原创 Vue router 路由
路由是一种映射关系！在vue中路由是路径和组件的映射关系！优点：①整体不刷新页面，用户体验更好②数据传递容易，开发效率高缺点：①开发成本高（需要学习专门的知识）②首次加载比较慢，不利于SEO优化什么是单页面应用？所有的业务都在一个页面，编写只有一个html单页面的好处？开发效率高，用户体验好点页面如何切换场景？依赖路由切换。
2022-12-02 20:36:53
204
原创 Vue动态组件、组件缓存、组件激活和非激活、组件插槽、组件name
如何切换2个组件 互斥的显示或者隐藏呢 除了v-if什么是动态组件？多个组件使用同一个挂载点，并动态切换。这就是动态组件完成一个注册功能页面, 2个按钮切换, 一个填写注册信息, 一个填写用户简介信息vue内置component组件, 配合is属性, 设置要显示的组件名字在频繁的切换动态组件 会导致 组件的频发创建和销毁，导致效率不高可以通过vue 内置的Keep-alive 组件包裹 component 组件 来解决keep-alive 组件有两个生命周期。
2022-11-29 22:07:27
1843
原创 Vue2 组件 和 组件间的通信
一个页面，可以拆分成一个一个组件，一个组件就是一个整体，每个组件都可以有自己独立的结构样式和行为。给style 加上scoped属性，就会在组件的标签上加上一个随机生data-v生成的属性。组件化 封装的思想，把页面上的可重复的部分，封装为组件，从而方便项目的开发和维护。组件是可以复用的Vue实例，封装标签，样式，和 JS代码。子组件内，props定义变量属性接收，并在子组件中使用。循环使用组件注意事项，每次循环，变量和组件都是独立的。从一个vue组件里的值，传给另外一个vue组件的时候。
2022-11-27 16:28:53
228
原创 vue 2 过滤器 计算属性（comuted）侦听器
目的：转换格式，其实过滤器本事就是一个函数，传入值后 处理函数返回后的值。重点只能用在，插值表达式 和 v-bind 表达式上使用场景：字母转大写 输入hello 输出 HELLO字符串反转 输入hello,world 输出 dlrow,olleh语法：Vue.filter("过滤器名",(值) => {return " 返回处理后的值"}) 全局定义filters:{过滤器的名字:(值)=> (return "返回处理后的值")} 局部定义。
2022-11-27 15:02:41
290
原创 vue2 v-for ,虚拟dom ，diff算法，动态class，动态style
概念：.vue 中的template里面写的标签，都是模版，要被vue处理成虚拟dom对象，才会渲染现实到真实Dom页面上。介绍：内存生成一样的虚拟Dom结构 本质是个js 对象因为真实的dom属性好几百个，没办法快速的知道哪一个属性改变了。比如template 里面的标签结构对应的虚拟dom 结构以后vue数据更新，生成新的虚拟dom结构 和 旧的 dom结构 对比 利用diff算法，找不同，只更新变化的部分（重绘/回流）到页面。也叫打补丁。
2022-11-24 21:02:03
1673
原创 vue2 学习之路 常见的指令！
文件夹 和 文件夹含义。主要的文件及其含义？node_modules 下载的第三方包 安装目录public/index.html 浏览器运行的网页src/main.js webpack打包的入口文件src/App.vue vue项目入口页面package.json 依赖包列表文件项目架构 了解eslint 工具是什么？eslint 是代码检查工具，违反规定就报错。可以通过在vue.config.js中 设置lintOnSave为false重启服务器即可单vue 文件的好处？
2022-11-22 21:21:04
648
原创 Vue - webpack vue/cli 脚手架
概念：为什么要学webpack？思考1、以前写的网站，文件很多，体积很大？？2、有没有一种自动整合，压缩，剔除无用代码的技术？？小结1、减少文件数量2、压缩代码体积3、提高浏览器打开速度。（浏览器打开项目的速度）
2022-11-20 20:32:22
1373
原创 Promise async/await EventLoop 宏任务/微任务
调用then-fs提供的readFile()方法，可以异步的读取文件的内容，它的返回值是Promise的实例对象，因此可以调用.then（）方法 为每个Promise异步操作指定成功和失败之后的回调函数。通过 .then()方法的链式调用，就解决了回调地狱的问题。由于 node.js官方提供的fs模块仅支持以回调函数的方式读取文件，不支持Promise的调用方式，因此，需要先运行如下的命令，安装 then-fs 第三方包。调用.then()方法时，成功的回调函数是必选的，失败的回调函数是可选的。
2022-11-19 21:31:59
445
原创 ES6 模块化
ES6 模块化规范是浏览器端与服务器端通用的模块化开发规范。它的出现极大的降低了前端开发者的模块化学习成本，开发者不需再额外学习 AMD 、CMD 或 CommonJS 等模块化规范。ES6 模块化规范中定义：每个 js 文件都是一个独立的模块导入其它模块成员使用import关键字向外共享模块成员使用export关键字。
2022-11-18 14:28:41
1167
原创 node js包的概念 npm的使用、包的使用及管理。
不同于 Node.js 中的内置模块与自定义模块，包是由第三方个人或团队开发出来的，免费供所有人使用。注意： Node.js 中的包都是免费且开源的， 不需要付费即可免费下载使用。由于 Node.js 的内置模块仅提供了一些底层的 API ，导致在基于内置模块进行项目开发的时，效率很低。就像电脑和计算机指的是相同的东西，第三方模块和包指的是同一个概念，值不够叫法不同。指的就是node.js中的第三方模块又称为包。，提供了更高级、更方便的 API，
2022-11-18 13:41:59
908
原创 node 中的模块化
这个对象的作用可以将模块内的成员共享出去，功外界使用，外界使用 require（）方法导入自定义函数模块时，得到的就是module.exports 所指向的对象、和函数作用用类似，在自定义模块中定义的变量、方法等成员，只能在当前模块内被访问，这种模块级别的访问限制，叫做模块作用域。3.第三方模块（由第三方开发出来的，并非官方提供的内置模块，也不是用户创建 的，使用前同样需要下载）使用强大的require（）方法，可以加载需要的内置模块、自定义模块、第三模块。四、向外共享模块作用域中的成员。
2022-11-18 13:38:39
207
原创 node 文件系统模块，path路径模块，http模块，模块化
fs模块是node.js官方提供的，用来操作文件的模块，他提供了一系列的方法和属性，来满足用户对文件的操作需求!fs.readFlie() 方法用来指定文件中的内容。，用来向指定的文件中内容。如果需要在JS代码中，需要引入。和java 导入类是类似的1.1读取指定文件中的内容。使用fs.readFlie() 语法格式。1.2写入指定文件。
2022-11-18 12:19:44
84
原创 git使用gitee 仓库教程详细
①先创建一个文件夹 在文件夹内运行git②生成git 仓库之后 创建一个想要上传到云库的文件，然后通过 git add . 添加所有文件命令添加跟踪 也叫添加到暂存区等③再执行。
2022-11-14 21:33:11
3363
原创 git的使用过程
①将尚未进行版本控制的本地目录转位Git仓库 鼠标右键打开“Git Bash②从服务器克隆一个已经存在的Git仓库注意：克隆可以理解为复制的意思，就是在互联网上复制一个Git仓库到本地。
2022-11-13 20:39:01
87
原创 Ajax原生XHR和Promise 学习
把一个函数当成参数来传递，将来特定的时机调用，这个函数就叫回调函数。一般异步操作都会用到回调函数！回调地狱?在回调函数内，再嵌套回调函数，一直嵌套下去就形成了回调地狱！
2022-11-10 21:14:58
626
原创 AJax表单提交
表单的作用是什么？网页中收集用户输入的信息表单的组成有什么？表单、表单域、表单按钮1.2表单自我提交form表单是否能够自我提交？表单，表单域和提交按钮配合才可以form表单自我提交的缺点是什么？整个网页跳转（刷新网页），体验不好，所以很少使用Ajax提交表单思路是什么？给按钮绑定点击事件，并阻止表单默认提交行为事件处理函数中，获取每个表单域的值基于axios携带数据给服务器Ajax比form表单自我提交的优势在哪里？Ajax局部提交，不会跳转到提交的地址。
2022-11-10 09:14:11
973
原创 Ajax浅谈1
浏览器是一个检索、展示、传送web资源的应用程序。服务器：存放资源和对外提供各种服务和计算的主机电脑。常见服务器功能：浏览器访问的资源在服务器！浏览器和服务器的作用分别是？http协议：超文本传输协议，规定浏览器和服务器之间传输数据的规则，保证能读懂对方发来的内容。主机名：标记服务器在互联网中电子方位，也是唯一地址，确保能访问到它。端口号：标记服务器里不同服务，端口号可以是0-65535之间任意整数，浏览器默认访问80端口资源路径：标记资源在某个服务下的具体位置。
2022-11-07 08:45:00
188
原创 JS深浅拷贝、异常处理、处理this、性能优化
注意情况1在开发中【使用箭头函数前需要考虑函数中 this 的值】，事件回调函数使用箭头函数时，this 为全局的 window因此DOM事件回调函数如果里面需要DOM对象的this，则不推荐使用箭头函数注意情况2同样由于箭头函数 this 的原因，基于原型的面向对象也不推荐采用箭头函数总结：1. 函数内不存在this，沿用上一级的2.不适用构造函数，原型函数，dom事件函数等等3. 适用需要使用上层this的地方。
2022-11-06 14:03:53
390
原创 JS面向过程+面向对象编程区别，原型的应用
思路：面向过程就是分析出解决问题所需要的步骤，再用函数把这些步骤一步一步实现，使用的时候一个一个的依次调用即可。
2022-11-03 21:47:46
351
原创 js正则表达式
用于验证表单，还也可以过滤页面内容中的一些敏感词（替换），或者从字符串中获取特定的部分（提取）.作用 约束正则执行的某些行为，是否区分大小写，是否支持多行匹配。①边界符（表示位置，开头和结尾，必须用什么开通，用什么结尾）元字符是具有特殊含义字符，可以提高灵活性和强大的匹配功能。是用于匹配字符串中字符串组合的模式。①定义规则 ②根据规则查找或者判断。③字符类（比如\d 表示0-9）②量词（表示重复次数）1.3.3 字符类写法。
2022-10-27 19:23:30
152
原创 jsWeb Apis 05
location 的数据类型是对象，它拆分并保存了 URL 地址的各个成部分。清楚延时 clearTimeout 用法和间歇函数雷同。setTimeout（回调函数体，延迟时间）这个函数只能执行1次。search 属性获取地址中携带的参数，符号？histroy的数据类型是对象是用来管理历史记录的。在实际开发中比较少用，但是会在一些OA系统中见到。1.Bom（浏览器对象模型）简介。获取 符号 # 后面的部分。2.定时器-延时函数。案例1 经典面试题1。案例2 经典面试题2。
2022-10-24 19:19:46
417
原创 jswebApis 04日期对象和节点操作
日期对象：用来表示时间的对象。作用 可以得到当前系统的时间在代码中发现new关键词时，一般将这个操作称为实例化。上图控制台中标红的部分是返回的数据，但我们不能直接使用，所以需要转化未实际开发中 常用的格式常见的使用方法特殊的以下getDay 返回的是 0代表星期日geMonth 返回的0 代表12月份 下图中也有几个也是从0开始的需要注意。可以通过getMonth()+1 来改变（因为这是老外写的）注释部分还有另一种简单写法 可以看看能够获取当前时间戳。
2022-10-23 19:24:25
287
原创 jswebApi 03
1.1事件流与两个阶段 （捕获事件和事件冒泡）目标 简单了解事件捕获执行过程概念 从DOM的根元素开始执行对应的事件事件类型不一样的时候 也不会触发L0事件就是 onclick事件(老版本的写法)L0时间没有捕获案例 1当一个元素的事件被触发的时候，其祖上同名元素都会被依次触发。L2事件 监听第三个元素 就是false。L0默认也是false.所以事件冒泡是默认存在的。所以false可以省略。注意捕获 L0 是没有的也就是说冒泡是默认存在的。
2022-10-21 20:55:25
344
1
原创 浅谈响应式布局+bootstrap框架
2.如何引入bootstrap框架，这个框架是Twitter写的，也是目前很受欢迎的前段框架，它是基于HTML CSS JavaScript 的，目前发布了 2.xx 3.xx 4xx，这几个版本，那么我们目前使用最多的是3的版本，2版本已经停止更新，4版本是目前最新的。这是例子 ，基本通过这个原理，但是需要适应这个屏幕需要写多个媒体查询 非常浪费时间，影响我们的开发效率，那么这个时候我们可以引入 bootsrap框架。那么我们怎么引入这个框架呢， 去它的官网把这个框架下载下来。
2022-10-08 14:22:06
328
原创 前端-flex弹性布局笔记
这个意思是：将剩余的空间分成1+3份，第一个子盒子占1份，第二个子盒子占3份。flex全称是flexiblebox既弹性盒子，用来进行弹性布局，弹性布局也是目前应用最广泛的布局。也就是子元素的宽度大于外部盒子宽度时，flex布局辉自动压缩子元素以适应外部盒子大小。flex-shrink 设置盒子的缩小比例 设置后超出父盒子的范围的子盒子不会缩小压缩。wap-reverse：换行或者换列，但是里面盒子的顺序会变成相反的方向排列。2.当内嵌的盒子超出最外层大盒子的宽度时，会挤压离着边最近的盒子。
2022-09-06 15:22:08
291
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人