学习记录
文章平均质量分 54
记录不是很懂得部分
王倔强
这个作者很懒,什么都没留下…
展开
-
React 报错 Uncaught TypeError: changeOpen is not a function
React 子组件向父组件传值遇到问题 Uncaught TypeError: ××××××××(函数名) is not a function原创 2022-12-05 10:01:00 · 327 阅读 · 1 评论 -
Vue父子组件传值
父向子传 通过属性 先于父组件引进子组件: 给孩子组件(child) 自定义属性(Trmsg) 从父亲传值给儿子 儿子通过Props接收: props: ["Trmsg"],//属性的属性 子向父传 通过自定义事件 在父组件中自定义事件 <child @myevent='changeData' :Trmsg="Trmsg"></child> //changeData加()没拿到数据 methods: { // 父组件中的子标签中监听该自定义事件并添加一个响应该原创 2021-12-04 13:55:48 · 493 阅读 · 0 评论 -
RESTful风格简化路由文件
restful接口的url定义 通过一行 router.resources 实现增删改查涉及到的全部请求 List item原创 2021-11-14 21:00:39 · 391 阅读 · 0 评论 -
egg新建一个控制器
Controller // 1.引入egg的controller类 const Controller = require('egg').Controller // 2.自己定义的controller继承egg的controller class FruitsController extends Controller{ // 处理用户请求 // egg要求async函数 async index(){ // 获取上下文对象 .body给响应 this.ctx.body = '此为水原创 2021-11-14 13:14:40 · 639 阅读 · 0 评论 -
新建一个egg项目
Egg项目初始化 创建egg:npm init egg --type=simple 安装依赖:npm install 启动egg项目:npm run dev 试运行,Egg项目启动后,默认端口是7001,可以直接通过浏览器访问http://127.0.0.1:7001。 主要文件夹介绍: app/router.js 用于配置 URL 路由规则 app/controller/ 用于解析用户的输入,处理后返回相应的结果 config/config.default.js 用于编写配置文件 config/plu原创 2021-10-25 11:03:39 · 376 阅读 · 0 评论 -
关于移动WEB开发
分辨率 作为开发者我们暂时无需关注分辨率,因为我们常用的尺寸单位是 px (为什么?) 视口 视口(viewport): 就是浏览器显示页面内容的屏幕区域。 在pc端严格等于浏览器窗口的高度和宽度,在手机端,由于 viewport 太窄,所以手机端有两个 viewport。 总体来说视口可以分为布局视口、视觉视口和理想视口: layout viewport:布局窗口 一般移动设备的浏览器都默认设置了一个布局视口,用于解决早期的PC端页面在手机上显示的问题。iOS, Android基本都将这个视口分辨率设置原创 2021-10-20 11:25:36 · 75 阅读 · 0 评论 -
js for...in for...of forEach
for…in const arr = [1, 2, 3, [4, 5, [6, [1]]], 7] let flatten = function (arr) { for(let i in arr){ //console.log(arr[i]); console.log(i); } } console.log(flatten(arr)); 数组下标: const arr = [1, 2, 3, [4, 5, [6,原创 2021-10-06 11:30:20 · 82 阅读 · 0 评论 -
关于Vuex的使用(createApp引入)
vuex是一个插件,调用时要用Vue.use安装 我的cli没指定版本,这里已经不能用原来的: 新的: 原来的原创 2021-09-25 22:16:53 · 255 阅读 · 0 评论 -
vue生命周期函数
生命周期钩子 本质:函数 在vue创建实例时运行,旨在给用户在不同阶段添加自己的代码的机会 create钩子 在实例创建后执行写于其中代码 const vm = new Vue(){ data:{ a:1 } }原创 2021-09-20 11:21:49 · 83 阅读 · 0 评论 -
vue条件渲染学习记录
用 key 管理可复用的元素 Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。这么做除了使 Vue 变得非常快之外,还有其它一些好处。例如,如果你允许用户在不同的登录方式之间切换: <template v-if="loginType === 'username'"> <label>Username</label> <input placeholder="Enter your username"> </template>原创 2021-09-20 20:55:41 · 78 阅读 · 0 评论 -
Class 与 Style 绑定学习记录
绑定HTML Class 绑定的数据对象不必内联定义在模板里,即可以把数据对象写在data里,只需在内联引用即可: <div v-bind:class="classObject"></div> data: { classObject: { active: true, 'text-danger': false } } 渲染的结果和上面一样。我们也可以在这里绑定一个返回对象的计算属性。这是一个常用且强大的模式: <div v-bind:class="cl原创 2021-09-20 20:21:28 · 89 阅读 · 0 评论 -
vue列表渲染(学习记录)
v-for 块可以访问所有父作用域的 property 在 v-for 块中,我们 可以访问所有父作用域的 property。 v-for 还支持一个可选的第二个参数,即当前项的索引。 <ul id="example-2"> <li v-for="(item, index) in items"> {{ parentMessage }} - {{ index }} - {{ item.message }} </li> </ul> var exam原创 2021-09-22 14:27:25 · 141 阅读 · 0 评论