源小新
码龄2年
  • 13,378
    被访问
  • 44
    原创
  • 156,906
    排名
  • 106
    粉丝
关注
提问 私信

个人简介:冲鸭!!!!!

  • 加入CSDN时间: 2020-08-12
博客简介:

yuan_xiaoxin的博客

查看详细资料
  • 2
    领奖
    总分 176 当月 5
个人成就
  • 获得48次点赞
  • 内容获得24次评论
  • 获得39次收藏
创作历程
  • 33篇
    2021年
  • 13篇
    2020年
成就勋章
TA的专栏
  • Vue
    12篇
  • react
    1篇
  • 前端
  • js总结
    8篇
  • class类
    1篇
  • TypeScript
    3篇
  • 小程序开发
    7篇
  • webpack
    2篇
  • Git
    2篇
  • 前端入门学习步骤
    3篇
  • xml
    1篇
  • 简单地HTML学习汇总
    1篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jses6webpack前端框架
  • 后端
    node.js
  • 小程序
    小程序
  • 职场和发展
    面试
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

v-show和v-if能否一起使用的问题---透过本质看问题

v-show和v-if能否共同使用的问题v-show 本质是 操作css样式display属性来控制元素 显示和隐藏v-if 本质是 控制页面上DOM节点添加和删除虽然直观的样式都是我们在页面上能不能看到我们的元素标签,但是本质是不一样的哦~看本质display属性值 和 DOM的添加和删除没有冲突所以v-show和v-if,他们之间也是没有冲突的我尝试了加上v-else也是正常的所以得出的结论是v-show和v-if可以在同一标签内一起使用哦~v-if和v-for的使用注意事项但是v-i
原创
发布博客 2021.10.27 ·
1013 阅读 ·
0 点赞 ·
0 评论

class类的基本讲解

什么是类?类的特点—重点使用class声明 ,使用时需要实例化 ,new~ 一下constructor构造器使用时,用来接受实例对象参数构造器中的this是谁?—— 指向类的实例对象定义类方法十分简洁speak() { //speak方法放在了哪里?——类的原型对象上,供实例使用 //通过Person实例调用speak时,speak中的this就是Person实例 console.log(`我叫${this.name},我年龄是${this.age}`);}好啦~ 这样
转载
发布博客 2021.07.27 ·
171 阅读 ·
0 点赞 ·
0 评论

React初学入门-简单易懂(这篇文章一定会给你收获!)

React初学入门-简单易懂好学初识React1.React介绍2.书写静态React页面需要配置三个js文件文件使用案例利用react创建视图JSX讲解JSX语法规则---重点!!!react条件输出react列表循环React定义组件初识Reactreact中文官网地址1.React介绍用于动态构建用户界面的 JavaScript 库(只关注于视图)由Facebook开源2.书写静态React页面需要配置三个js文件babel.min.js他用来以babel的方式来解析
原创
发布博客 2021.07.26 ·
266 阅读 ·
0 点赞 ·
4 评论

服务器常用的状态码

1XXInformational信息性状态码,表示接受的请求正在处理2XXSuccess成功状态码,表示请求正常处理完毕3XXRedirection重定向状态码,表示需要客户端需要进行附加操作4XXClient Error客户端错误状态码,表示服务器无法处理请求5XXServer Error服务器错误状态码,表示服务器处理请求出错...
原创
发布博客 2021.07.13 ·
44 阅读 ·
0 点赞 ·
0 评论

Vue3-入门 拿来吧你!

Vue3-初学入门Vue3 简介1. 了解相关信息2. 性能提升3.新增特性创建Vue3项目有两种方式1.可以使用vue-cli2.可以使用vitevue3 部分源码解析Vue3 简介1. 了解相关信息vue.js 3.0 它支持vue 2.0 的大多数特性更好的支持 TypeScript2. 性能提升减小打包的数据占用空间渲染更快速内存减少使用 Proxy 代替 defineProperty 实现数据响应式重写虚拟 DOM 的实现和 Tree-Shaking3.新增特性
原创
发布博客 2021.07.02 ·
183 阅读 ·
3 点赞 ·
6 评论

TypeScript

快速入门1. TypeScript简介TypeScript是JavaScript的超集。它对JS进行了扩展,向JS中引入了类型的概念,并添加了许多新的特性。TS代码需要通过编译器编译为JS,然后再交由JS解析器执行。TS完全兼容JS,换言之,任何的JS代码都可以直接当成JS使用。相较于JS而言,TS拥有了静态类型,更加严格的语法,更强大的功能;TS可以在代码执行前就完成代码的检查,减小了运行时异常的出现的几率;TS代码可以编译为任意版本的JS代码,可有效解决不同JS运行环境的兼容问题;同样的功
原创
发布博客 2021.07.02 ·
32 阅读 ·
0 点赞 ·
0 评论

TypeScript快速入门和面向对象

快速入门1. TypeScript简介TypeScript是JavaScript的超集。它对JS进行了扩展,向JS中引入了类型的概念,并添加了许多新的特性。TS代码需要通过编译器编译为JS,然后再交由JS解析器执行。TS完全兼容JS,换言之,任何的JS代码都可以直接当成JS使用。相较于JS而言,TS拥有了静态类型,更加严格的语法,更强大的功能;TS可以在代码执行前就完成代码的检查,减小了运行时异常的出现的几率;TS代码可以编译为任意版本的JS代码,可有效解决不同JS运行环境的兼容问题;同样的功
原创
发布博客 2021.07.01 ·
56 阅读 ·
0 点赞 ·
1 评论

TypeScript学习

TypeScript学习介绍TS和JS的不同点1. 类型注解2. **变量在终端打印**3. TS中的数据类型4. Any 类型详情5. 位运算符6. 带参数函数TypeScriptJavaScript7. 可选参数和默认参数可选参数TypeScriptTS和JS的相同点1. 变量的命名规则和规范2. 空白和换行3. TypeScript 保留关键字4. 算术运算符5. 关系运算符6. 逻辑运算符7. 条件语句和循环总结:介绍通过本篇文章你可以通过了解TS和JS不同之处和相同之处来学习T
原创
发布博客 2021.06.30 ·
29 阅读 ·
0 点赞 ·
0 评论

TypeScript初学

TypeScript教程介绍TS语言特性JavaScript 与 TypeScript 的区别区别图示TypeScript 实例NPM 安装 TypeScript什么是镜像,什么是源?总结介绍TS是什么?TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准(ES6 教程)。TypeScript 由微软开发的自由和开源的编程语言。TS可以用来做什么?TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScriptTy
原创
发布博客 2021.06.29 ·
22 阅读 ·
1 点赞 ·
0 评论

微信小程序项目开发知识点

小程序项目开发-商品详情跳转介绍商品列表跳转url传参代码示例返回示例返回参数说明小知识点第二步:设定商品详情的js,来获取到cid的参数微信开发者工具设置总结介绍本文讲解小程序的商品详情跳转接口路径商品列表跳转要实现以上的商品详情跳转需要注意什么细节呢?url传参小程序支持url传参参数名说明query关键字cid分类idpagenum页码pagesize页容量使用的参数cid 分类id代码示例<!-
原创
发布博客 2021.06.28 ·
105 阅读 ·
1 点赞 ·
2 评论

微信小程序-生命周期

微信小程序的生命周期介绍应用生命周期代码示例表格属性说明页面生命周期代码示例表格属性说明生命周期图解总结介绍微信小程序的生命周期分为应用生命周期和页面生命周期关于小程序前后台的定义和小程序的运行机制,请参考运行机制章节.运行机制应用生命周期写在全局 app.js 中代码示例App({ //1.应用第一次启动就会触发的事件 onLaunch(){ //1.应用第一次启动的时候,获取用户的个人信息 console.log("onLaunch"); }, //2. 应用被用户看到
原创
发布博客 2021.06.27 ·
55 阅读 ·
0 点赞 ·
1 评论

微信小程序-自定义组件传参

微信小程序-自定义组件传参自定义组件介绍创建自定义组件声明组件编辑组件注册组件声明引⼊⾃定义组件页面中使用自定义组件定义段与示例方法微信小程序-自定义组件传参介绍流程图示小结自定义组件介绍类似于vue或者react中的自定义组件小程序允许我们使用自定义组件的方式来构建页面创建自定义组件类似于页面,一个自定义组件由json wxml js 4个文件组成的可以在微信开发者工具中快速创建组件的文件结构,如图所示在文件夹内 components/myHeader ,创建组件名为myHeade
原创
发布博客 2021.06.26 ·
551 阅读 ·
0 点赞 ·
0 评论

小程序自定义组件以及模板与样式

微信小程序自定义组件和组件的模板和样式自定义组件1. 介绍:2. 创建自定义组件3. 使用自定义组件4. 细节注意事项组件模板和样式1. 组件模板2. 模板数据绑定3. 组件 wxml 的 slot4. 组件样式5. 组件样式隔离6. 外部样式类7. 引用页面或父组件的样式8. 虚拟化组件节点总结自定义组件1. 介绍:开发者可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用;也可以将复杂的页面拆分成多个低耦合的模块,有助于代码维护。自定义组件在使用时与基础组件非常相似。2. 创建自定
转载
发布博客 2021.06.24 ·
182 阅读 ·
2 点赞 ·
0 评论

微信小程序组件学习(详细且简单易懂)

微信小程序组件学习简介:基础常见组件viewtexticonradioimageswiper轮播图(滑块视图容器)swiper-item注意navigator导航横向布局与纵向布局样式展示总结简介:通过本篇文章我们可以了解到微信小程序常见组件的作用以及特性基础常见组件view小程序中的view标签和我们web中的div标签很像我们可以把它理解为小程序中的div标签<view hover-class="h-class">点击我试试</view>hover-cla
原创
发布博客 2021.06.23 ·
199 阅读 ·
2 点赞 ·
0 评论

微信小程序-模板语法-事件绑定与样式

微信小程序-模板语法和事件绑定与样式模板语法1. 数据绑定渲染2. 多种运算方式3. 列表渲染4. 条件渲染5. 注意点小程序事件的绑定样式WXSS样式导入总结介绍:本章我们可以学会如何去操作微信小程序的视图页面,以及事件的绑定和触发模板语法1. 数据绑定渲染普通写法在wxml内 <view> {{ message }} </view>在js中 Page({ data: { message: 'Hello MIN
原创
发布博客 2021.06.22 ·
224 阅读 ·
2 点赞 ·
0 评论

微信小程序开发初学

微信小程序开发初学1. 为什么要学习微信小程序开发2. 拓展知识:还有其他的小程序,不只是微信有小程序3. 微信小程序开发的环境准备4. 创建第一个微信小程序4.1 打开微信开发者工具4.2 新建一个小程序项目4.3 填写项目的信息4.4项目创建成功5. 小程序的结构目录5.1 小程序文件结构和传统web对比5.2 基本的项目目录6. 小程序配置文件7. 全局配置app.json8. window页面配置page.json9. 注意点10. 总结简介:本篇文章我们能学习到创建微信小程序的方法以及步骤1.
原创
发布博客 2021.06.21 ·
98 阅读 ·
1 点赞 ·
0 评论

webpack的理解以及打包的使用

webpack使用1. webpack的功能2. webpack核心概念3. webpack实践4. 打包css5. 将css打包成独立的文件当中6. 给css添加样式前缀(防止浏览器出现不兼容问题)7. 压缩css8. 打包less9. 打包HTML总结:1. webpack的功能讲多个文件合并(打包),减少HTTP请求次数,从而提高效率对代码进行编译,确保浏览器兼容性对代码进行压缩,减少文件体积,提高加载速度检测代码格式确保代码质量提供热更新服务,提高开发效率针对不同环境,提供不同的打包策
原创
发布博客 2021.06.19 ·
49 阅读 ·
0 点赞 ·
0 评论

Webpack是什么?(webpack初学简单易理解)

Webpack5实战教程1. 什么是webpack?简介2. 学习webpack使用的环境参数node.js安装webpack安装3. 学习webpack的必备技能4. 为什么使用webpack5. 如何使用webpack6. webpack五个核心概念7. webpack初始化配置8.编译打包应用9.注意!!!10.每日总结1. 什么是webpack?简介首先,他是一个工具,就像扳手螺丝刀,等一系列工具.工具的作用就是让我们更方便,更快捷方便的完成我们想做的事webpack的作用是文件打包,
原创
发布博客 2021.06.10 ·
60 阅读 ·
0 点赞 ·
0 评论

Git学习最终篇(第三天)

Git存储-回退撤销-数据恢复介绍1. 分支回顾2. Git存储为什么要用到存储?(存储的介绍)Git存储指令存储的存在的意义3. Git回退撤销操作4. 数据恢复5. 什么是 GitHub?6. 远程协作基本流程介绍本篇博客首先回顾了昨天的git分支指令,然后今天学习了Git的存储以及操作失误后的回退撤销和数据恢复1. 分支回顾回顾分支操作指令:作用效果指令创建分支git branch 分支名切换分支git checkout 分支名创建&切换分
原创
发布博客 2021.06.09 ·
25 阅读 ·
0 点赞 ·
0 评论

Git分支指令学习---切换分支的注意事项!!!(第二天 )

Git分支指令学习1. Git中三种对象的介绍a. Git对象b. 树对象c. 提交对象2. Git目录3. 高层命令1Git操作最基本的流程Git操作指令查看版本初始化配置初始化仓库C(新增)R(查询)U(修改)D(删除 & 重命名)总结git命令(CRUD)4. Git分支操作为什么要使用分支?为什么选择Git分支?创建分支切换分支删除分支切换分支注意!!!总结分支命令1. Git中三种对象的介绍a. Git对象它只是用来存放内容,无法当做一次git的版本快照因为每次在修改文件之
原创
发布博客 2021.06.08 ·
143 阅读 ·
0 点赞 ·
0 评论
加载更多