- 博客(27)
- 收藏
- 关注
RSS订阅原创 redux
reduxredux是负责组织state的工具，是javascript应用的状态容器，提供可预测的状态管理。她保证程序行为一致性且易于测试1.什么时候需要redux1.有大量的，随着时间变化的数据；2.你的state需要有一个单一可靠数据来源；3.把所有state放在最顶层组件已无法满足需求；4.某个组建状态需要共享；2.redux基本使用方法2.1 安裝npm install redux --save2.2 使用store/index.jsimport { createStore
2021-02-19 16:47:12
161
原创 简单手动实现Vue
核心点：1.实现响应式、2，模版编译cvue.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <p style='color: red'>{{count}}</p> <span c-
2021-01-29 18:02:54
362
原创 手动实现vue-router(hash)
实现VueRouter需要做到三点：1.处理路由选项2.监听url变化3.如何响应url变化cvue-router// 因为vuerouter是个插件，需要实现一个install方法// 1.$router注册, 2、声明全局组件<rouet-link><router-view>// 自己写router// 1.VueRouter类是一个插件let Vueclass VueRouter { // options 是routes里面的配置项 constru
2021-01-04 14:05:33
221
原创 React基础(一)
一、安装1.创建项目： npx create-react-app my-app2.打开项目： cd my-app3.启动项目： npm start4.暴露配置(config)： npm run eject二、项目结构三、基本使用index.jsimport React from 'react'; // 负责逻辑控制。帮助把数据转化生成虚拟DOMimport ReactDOM from 'react-dom'; // 渲染真实dom,虚拟dom转真实domimport './index.
2020-12-28 11:39:49
183
原创 vue（css预处理器）
安装# Sass npm install -D sass-loader node-sass # Less npm install -D less-loader less# Stylus npm install -D stylus-loader stylusless<template> <div class="about"> <h1 class="hh">This is an about page</h1> </div&
2020-12-23 15:03:40
356
原创 Vue可复用性
一、过滤器(filter)https://blog.csdn.net/tortoise666/article/details/108581330二、自定义指令https://blog.csdn.net/tortoise666/article/details/108661588三、渲染函数render.vue<script>// 渲染函数构建组件export default { name: 'heading', props: ['title', 'level'],
2020-12-23 10:39:55
177
2
原创 浏览器缓存
一、强缓存http1.0:expireshttp1.1:cache-controlexpires和cache-control都在服务端返回的响应头中查看expiresexpires设置了具体得时间，在这个时间前都只需要从缓存中请求，但是由于服务器时间和浏览器存在时间不一致的可能性，所以服务器的时间可能是不准确的cache-control由于expires服务器传递时间不确定性，在http1.1就有了cache-control。cache-control与expires不同点就在于cache-c
2020-10-26 09:23:55
304
1
原创 VUE-CLI3配置
一、安装脚手架3.0以下： npm install -g vue-cli @版本号脚手架3.0以上： npm install -g @vue/cli @版本号1.node.js安装nodejs官网：https://nodejs.org/en/，最好安装在默认文件里面2.安装vue脚手架npm install -g @vue/cli卸载脚手架：npm uninstall vue-cli -g查看版本号：vue -V3.创建项目vue create 项目名选择项目需要的一些特性()上下
2020-10-10 13:24:13
1102
1
原创 Vue基本使用(三)
一、transition过度/动画transition可以在vue更新，插入，隐藏，删除dom的时候提供一个过渡的效果<transition name="fade"> <div v-if="show">hello</div></transition>上面代码中trancition 标签中的name属性决定了css选择器的名字，如上面name=“fade”,那么样式选择器使用.fade-enter{ }，如果是"fade1"则为.fade1-e
2020-09-23 10:16:18
226
原创 javascript-面向对象基础(笔记)
一、动态类型和静态类型静态类型： 编译时就已经知道数据类型动态类型： 某个变量数据类型要在程序运行时，变量被赋予了某个值才有类型静态类型特点：优点：编译时可以提前发现类型不匹配的错误，规避程序运行时的错误，同时数据类型确定后编译器可以帮我们把程序性能上进行优化...
2020-09-20 17:14:47
197
原创 vue基本使用(二)
允许一个自定义组件在使用 v-model 时定制 prop 和 event。默认情况下，一个组件上的 v-model 会把 value 用作 prop 且把 input 用作 event，但是一些输入类型比如单选框和复选框按钮可能想使用 value prop 来达到不同的目的。使用 model 选项可以回避这些情况产生的冲突。
2020-09-17 11:45:53
361
2
原创 this、call、apply
this作为对象方法调用this在对象方法中调用时，this指向当前对象let a = 1let obj = { a: 2, getA: function() { console.log(this === obj); // true console.log(this.a) // 2 }}普通函数中调用在普通函数中this总是指向全局的，从下面代码可知，函数在哪儿声明，this就指向哪儿，不会因为调用地方改变而有所不同<script> var
2020-09-16 17:34:20
192
原创 vue简介以及基本使用（一）
Vue.js是一个构建数据驱动的web界面界面的渐进式mvvm框架，2014年2月正式发布；2016年4月发布2.0版本；创造者-尤雨溪vue官网：https://cn.vuejs.org/一、设计模式MVC、MVP、MVVMMVC(model-view-controller)：view:用户看到的界面，model:数据，controller:业务逻辑MVC特点：1.用户可以向view发送指令，再由view直接要求model改变状态；2.用户向controller发送指令，再由controlle
2020-09-14 15:40:14
265
原创 canvas绘制频谱图
canvas是html5的一个元素，元素本身没有绘制图像得能力，需要结合javascript绘制图像。绘制之前我们要了解绘制图形的各种属性方法：一、html设置画布需要设置画布大小二、javascript操作方法1.获取canvas元素（操作dom节点获取画布）2.创建 context 对象cxt = dom.getContext(“2d”)3.绘制x轴，y...
2020-08-17 10:13:01
1581
6
原创 auto.js基础
1.项目地址：https://github.com/hyb1996/Auto.js2.auto.js免费版下载地址：https://t00y.com/file/5210373-4121082633.api文档：3.1在线文档：https://hyb1996.github.io/AutoJs-Docs/#/3.2vs右上角：3.3app中查看：4.vs下载地址:https://code.visualstudio.com/5.ctrl+shift +p点击auto.js start serv
2020-08-06 14:45:21
1140
原创 使用Hbuilder把vue项目打包成app
一．前期准备1.注册并激活账号：https://dev.dcloud.net.cn/2.下载Hbuilder：https://www.dcloud.io/hbuilderx.html下载有两个版本，新版本无法转app，所以最好下载两个，老版本转app，新版本配置发行，老版本配置不方便而且无法使用公共证书二．代码打包1.打开命令窗口进入项目npm run build2.把打包的文件拖到Hbuilder（老版本）里面右键转换成app，W变成A3.manifest.json文件配置，由于老版本H
2020-06-18 17:03:27
630
原创 odoo模块搭建及开发
以下操作均在windows环境下一.模块搭建python odoo-bin scaffold 模块名 模块所在的文件名python odoo-bin scaffold demo my-modules看下图就搭建好了一个模块，但这个模块在系统应用中还没法看到的下面讲一下模块组织结构：controllers需要自定义路由在该文件里面配置models在该文件里面创建模型，就是我们数据库字段，以及处理逻辑交互security配置权限views在这个文件写前端视图页面manifest.p
2020-05-29 14:26:54
1164
原创 odoo开发问题总结
1.关于fields.Selection()动态设置selection，选中后页面不显示得问题model.pyapprovalby = fields.Selection(selection = '_get_option', string="审批人", help="字段描述", required=True)def _get_option(self): option_list = [] form item in range(10): option_list += [(item, 'xxxx')]
2020-05-25 15:01:45
995
原创 git安装配置使用
一、下载下载地址：https://git-scm.com/downloads双击安装包直接点下一步进行安装，可以自由更改安装的地址二、配置密钥ssh生成：桌面鼠标右键点击选择Git Bash Here：1.输入ssh-keygen -t rsa -C “[email protected]”三次回车；2.进入.ssh目录：cd ~/.ssh3.查看公钥：cat id_rsa.pub4.登录g...
2020-04-24 16:22:08
423
原创 JavaScript的继承
js的继承在之前一直有很多疑惑，理解并不透彻，今天有时间打算做一个梳理继承首先需要有一个父类提供继承所需要用到的方法和属性prototype：需要共享的属性和方法放在prototype对象里面，不需要共享的放在构造函数里面// 父类function Parent(name) { this.name = name; // 属性 this.say= function() { alert...
2020-02-19 18:16:21
299
原创 git命令
1.从远程仓库克隆项目：git clone "git://xxxxx"或者git clone “https://xxxxx”2.本地新建并切换到该分支： git checkout -b xxx3.切换到某个分支： git checkout xxx4.撤销本地工作区的所有文件修改： git checkout .5.撤销本地工作区的某个文件修改： git checkout xxx6.撤销暂...
2020-02-12 17:09:30
399
原创 vue生命周期浅解析
每个vue实例从创建到销毁都有一个生命周期，理解生命周中每个钩子的意义可以帮助我们快速理解使用vue（下图源自vue官网）vue实例化以后完成实例创建第一次渲染页面会依次执行beforeCreate、created、beforeMount、mounted,每当页面数据发生变化才会触发beforeUpdate、beforeUpdated，在关闭实例会依次执行beforeDestroy、destr...
2020-02-10 15:43:37
322
原创 关于Vue的各种通信方式
vue通信应该是一个老生常谈的问题，面试也经常会有相关的问题，我之前作答往往是prop父传子，emit子传父，vuex复杂组件之间通信，bus全局通信如果不采用vue的通信方式我们还可以使用web存储（不推荐），自我感觉已经算很完美的回答了呀，现在想想可真的太无知了，今天详细介绍一下vue各种通信方式1.prop、emit、bus、vuex上面几种通信都是最基础的建议异步vue官网查阅2.p...
2019-06-12 10:39:28
1654
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人