ILove_bugs
码龄5年
关注
提问 私信
  • 博客:50,379
    社区:2
    50,381
    总访问量
  • 65
    原创
  • 1,060,950
    排名
  • 70
    粉丝
  • 0
    铁粉

个人简介:less is more

IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:北京市
  • 加入CSDN时间: 2019-05-29
博客简介:

ILove_bugs的博客

查看详细资料
个人成就
  • 获得5次点赞
  • 内容获得2次评论
  • 获得18次收藏
创作历程
  • 65篇
    2021年
成就勋章
TA的专栏
  • 小程序
    5篇
  • css html
    15篇
  • React
    6篇
  • Vue
    7篇
  • Nodejs
    12篇
  • javascript
    20篇
兴趣领域 设置
  • 前端
    javascriptcssvue.js前端框架
  • 后端
    node.js
  • 学习和成长
    面试
创作活动更多

HarmonyOS开发者社区有奖征文来啦!

用文字记录下您与HarmonyOS的故事。参与活动,还有机会赢奖,快来加入我们吧!

0人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

小程序学习第五天(云开发,behaviors,computed计算属性,工程优化 ,发布上线)

一、云开发wxml<!--pages/index/index.wxml--><view class="container"> <input type="text" model:value="{{phone}}" bindinput="input" placeholder="请输入账号"/> <input type="text" model:value="{{pass}}" bindinput="input" placeholder...
原创
发布博客 2021.12.31 ·
930 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

小程序学习第四天(常用界面api,获取用户信息,weui组件库,云开发初识)

常用界面api及案例常用界面API:wx.showToast()、wx.showLoading()、wx.hideLoading()、wx.setNavigationBarTitle()获取用户信息授权过程:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/authorize.html## 通过API获取用户信息wx.getUserProfile({ }) 获取用户信息页面产生点击事件(..
原创
发布博客 2021.12.30 ·
1060 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

flex弹性盒布局最后一行不满时左对齐的实现思路

弹性盒子经典问题
原创
发布博客 2021.12.30 ·
1087 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

小程序学习第三天(组件,导航,自定义组件,组件通信,api)

容器组件1.滑动视图容器```html<!-- 滑块视图容器 默认有150px高度 swiper内部必须嵌套swiper-item --><view class="swiper"> <swiper autoplay interval="2000" circular previous-margin="50" next-margin="50" bindchange="swiperchange"> <swiper-ite...
原创
发布博客 2021.12.29 ·
377 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

小程序学习第二天(WXML语法,WXSS样式,事件系统,WXS脚本语法 ,组件)

视图层概述(1)框架的视图层由 WXML 与 WXSS 编写,由组件来进行展示。(2)将逻辑层的数据反映成视图,同时将视图层的事件发送给逻辑层。(3)WXML(WeiXin Markup language) 用于描述页面的结构。(4)WXS(WeiXin Script) 是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。(5)WXSS(WeiXin Style Sheet) 用于描述页面的样式。(6)组件(Component)是视图的基本组成单元。WXML语法https:.
原创
发布博客 2021.12.28 ·
27150 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

小程序学习第一天(工具安装,配置,逻辑层,场景值)

微信开发简介1.微信开发概述概述(1)微信开发即微信公众平台开发,将企业信息、服务、活动等内容通过微信网页的方式进行表现,用户通过简单的设置,就能生成微信网站。 (2)通俗的说,就是微信对外提供了例如聊天、支付、分享、收藏等功能,同时还提供了丰富的封装好的接口,开发者利用这些接口和功能,写入程序中,进行的开发。目的(1)企业开发的需要,使自己更加符合企业发展的需求 (2)个人的发展以及技能的提升 (3)发展前景大、生态系统丰富平台(1)微信开放平台 (2)微信公众平台...
原创
发布博客 2021.12.27 ·
413 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

React (hooks)

hooks hooks介绍 什么是hooks 不编写类的情况下使用 state(状态) 和其他 React 功能,hooks是在react16.8新增功能 主要解决的问题 1.用于在函数组件中引入状态管理和生命周期方法. 2.取代高阶组件和render props来实现抽象和可重用性. 3.完全脱离'类',便可写出一个全功能的组件. 优点 1.避免在被广泛使用的函数组件在后期迭代过程,需要承担一些副作用,而必须重构成类组件. 2.帮助函数组件引入状态管
原创
发布博客 2021.12.20 ·
275 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

React ( Action Creator/ ActionTypes/reducer/redux devTools调试工具/react-redux/redux高阶/项目目录设计)

Action Creator:action创建函数是将action作为一个函数进行封装,为了在store和view中进行方便调用 actionCreator = { // changeName是一个函数,是actionCreator的一个方法. // 调用这个方法,就会返回一个对象,这个对象就是action changeName: (name) => ({ type: CHANGENAME, name: name }), changeAge: (age) =&g...
原创
发布博客 2021.12.17 ·
348 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

React (fetch redux初识 state action reducer getState dispatch .subscribe 取消监听 ActionTypes Action Crea)

axios数据交互 安装axios cnpm i axios --save2.发起http请求 this.axios.get('/api/menulist').then(res=>{ console.log(res); })​ this.axios.post('/api/menuedit', {pid: '345sdfj'}).then(res=>{ console.log(res); }) 配置代理之手动配置 安...
原创
发布博客 2021.12.17 ·
367 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

React 过渡动画 路由 ui

过渡动画 下载react-transition-group cnpm i react-transition-group --save CSSTransition实现单元素过渡动画 (1) unmountOnExit:退出时实现卸载该组件,该属性必须添加 (2) in:控制元素显示状态的 state 状态数据 (3) timeout:过渡动画效果持续时间,单位为毫秒 (4) classNames:指定过渡动画类名前缀(需要自定义两组四个过渡动画需要的 css 类选择器) (5) onEnte
原创
发布博客 2021.12.15 ·
1193 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

React 生命周期 表单元素处理 ref属性 性能优化 HOC高阶组件

React 生命周期 表单元素处理 ref属性 性能优化 HOC高阶组件
原创
发布博客 2021.12.14 ·
847 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

React 初识

React第一天 React的初步介绍 react是有facebook公司的前端开发团队进行开发和维护的一套js库 react一切皆组件,all in JS react是用来构建web用户交互界面 react提供一套虚拟DOM(virtual dom),机制 react中facebook专为其提供一套语法糖---jsx 优点: 一切皆组件,在react中几乎全是使用组件进行开发 速度快,react提供了虚拟dom机制, 跨浏览器
原创
发布博客 2021.12.13 ·
1659 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

axios

一.axios简介网址:axios中文网|axios API 中文文档 | axiosaxios是一个基于Promise的http库,支持浏览器端和node.js端 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御 XSRF 二.安装及配置 npm
原创
发布博客 2021.12.02 ·
710 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Vue 路由

路由传参 动态路由 命名视图 路由元信息 懒加载 路由模式 导航守卫
原创
发布博客 2021.12.01 ·
686 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Vue 组件通信 scoped ref属性 is动态组件 插槽 混入 缓存组件

v-if与v-show的生命周期影响再深刻认识 v-if和v-show以及组件的生命周期 v-if对组件的生命周期每次都会执行一遍 而v-show只会执行一遍。1. scoped 样式的问题我们需要为一个.vue中的style添加一个scoped属性,以保证样式也是局部的。<style scoped>​</style> app.vue中的样式是全局的 <style>​​.box{ margin:20px; ...
原创
发布博客 2021.11.29 ·
654 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

Vue 过渡动画 组件 脚手架安装

1.过渡动画(了解)1.一般对元素的添加,修改或者删除时,需要使用过渡动画2.在大型应用中,使用过渡动画一般在导航切换3.在vue中使用过渡动画的地方: v-if(条件判断) v-show(条件展示) 动态组件(component)总结:一般实现过渡动画需要结合CSS样式.1-1 transition组件在vue中系统提供了一个组件为transition,将需要实现过渡动画的元素被transition组件进行包裹即可.​语法:
原创
发布博客 2021.11.25 ·
471 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

webpack

WebPack4.X配置指南一、简介(一)WebPack简介Webpack是一个前端自动化打包工具,根据它的名字也很好理解,web-pack顾名思义就是前端打包工具,它是基于Node和NPM的,所以在安装使用webpack之前,需要安装nodejs,nodejs的版本过低也不行,所以推荐安装nodejs版本为v8.11.2以上,npm版本为v5.6.0以上。二、项目建立(一)项目建立第一步:新建一个文件夹,命名为mywebpack;第二步:在cmd命令框中使用cd命令切...
原创
发布博客 2021.11.25 ·
457 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

Vue 生命周期 侦听器 计算属性 (百度搜索,购物车案例) 过滤器

1.生命周期表示的是一个vue实例对象的一个轮回。人的生命周期。一个月内要办理出生证明以及去派出所办户口、打疫苗从技术上来考虑,这8个生命周期就是8个函数,也叫生命周期钩子函数 。不需要自己手动调用,它是在相应的时机上自动触发的,语法上这8个函数不在methods中。 beforeCreate 创建之前 created 创建完成 : 最早发送ajax的地址在这里 beforeMount 挂载之前 mounted 挂载完成 : 有些项目中,一些开发者也在这
原创
发布博客 2021.11.24 ·
496 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

Vue 表单、事件处理、$set 生命周期

1. 指令综合案例-信息表<!DOCTYPE html><html lang="en">​<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
原创
发布博客 2021.11.23 ·
927 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

Vue 初体验

第1阶段:html css 。 浮动、定位布局、mdeia(百分比)、响应式、flex、rem布局<tagname key="value"></tagname><tagname key="value" />selector{ key:value;}第2阶段:得保证嵌套标签要合理 ,逻辑思维,编程思维。声明变量、数据类型、运算符(算术、赋值、比较、逻辑、三目)、 声明函数( 参数、this )、分支语句( if,switch ),..
原创
发布博客 2021.11.22 ·
363 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏
加载更多