Vue
BianHuanShiZhe
这个作者很懒,什么都没留下…
展开
-
npm发布自己的包
按照上面流程操作。原创 2023-06-17 21:04:30 · 107 阅读 · 0 评论 -
VSCode常用插件
Chinese (Simplified) (简体中文)原创 2023-01-07 15:33:45 · 86 阅读 · 0 评论 -
node的http创建服务器
/用于获取请求过程的一些参数信息等});console.log(`🚀服务器在${HTTP_PORT}启动~`)})});console.log("服务器启动成功~");})在Restful规范中,我们对于数据的增删改查应该通过不同的请求方式GET:查询数据;POST:新建数据;PATCH:更新数据;DELETE:删除数据;我们可以通过判断不同的请求方式进行不同的处理将JSON字符串格式转成对象类型,通过JSON.parse方法即可});原创 2022-12-11 14:19:32 · 550 阅读 · 0 评论 -
Vue中的SSR 服务端渲染技术概述
SSR 全称是 ,是指一种传统的渲染方式,就是在浏览器请求页面URL的时候,服务端将我们需要的HTML文本组装好,并返回给浏览器,这个HTML文本被浏览器解析之后,不需要经过 JavaScript 脚本的执行,即可直接构建出希望的 DOM 树并展示到页面中。SSR 有两种模式,单页面和非单页面模式,第一种是后端首次渲染的单页面应用,第二种是完全使用后端路由的后端模版渲染模式。他们区别在于使用后端路由的程度。与之相对的是 CSR(Client Side Render),是一种目前流行的渲染方式,它依赖的是运行原创 2022-12-05 11:31:49 · 372 阅读 · 0 评论 -
Vue中常见的loader的作用
loader 加载器原创 2022-12-01 13:00:02 · 894 阅读 · 0 评论 -
Vue中常见的loader的作用
loader 加载器原创 2022-12-01 10:39:43 · 239 阅读 · 0 评论 -
JS防抖和节流的实现
【代码】JS防抖和节流的实现。原创 2022-12-01 02:17:21 · 189 阅读 · 0 评论 -
Vue中的数据代理
通过Object.defineProperty()把data对象中所有属性添加到vm上,为每一个添加vm中对象,都指定一个getter/setter ,在在getter/setter内部大操作data中对应的属性。通过vm对象来代理data对象中属性的操作,好处是更加方便的操作data中的数据。...原创 2022-08-13 12:14:56 · 159 阅读 · 0 评论 -
写博客文档
Vuepress原创 2022-06-30 11:32:35 · 103 阅读 · 0 评论 -
查看vue的webpack的默认配置
vue inspect > outputconfig.js原创 2022-01-23 23:40:15 · 716 阅读 · 0 评论 -
Vue中全局组件配置
Vue.component('father',{ template:'<div><son></son></div>', components: { //创建一个子组件 son: { template: '<p>我是一个子组件</p>', } }})原创 2022-01-09 12:11:38 · 385 阅读 · 0 评论 -
Vue常用知识点
v-if 和 v-show 控制元素的显示与隐藏,如果只是在创建组件的时候一次判断需要隐藏元素节点,通常用v-if,如果多次控制元素的显示和隐藏,建议用v-show来提升性能通过render函数对元素进行渲染render(h){ return h('h'+this.leval,'123')},Vue中自定义指令与操作inherit Attrs :false 当设置false的时候,不继承父类的属性,当设置成true的时候继承父类的属性继承属性Vue中的事件修饰符1 pr.原创 2022-01-08 22:54:54 · 378 阅读 · 0 评论 -
Vue单例模式
单例模式具有唯一性缓存的副作用 1 缓存的更新问题 localstorage cookies本地化存储 window.mycache = 100if (window.mycache) { console.log("window.mycache====",window.mycache)} window.mycache = (function(){ new promise((resole,reject)=>{ resole(2) }.原创 2022-01-08 16:32:04 · 1346 阅读 · 0 评论 -
Vue动态改变样式的5种方法
1 第一种方法<div :class= "{'active':isActive}" > 文字</div>2 第二种方法<div class="activeOne" :class= "{activeTwo:isActive,'activeThree': hasError}" > 文字</div> 3 第三种方法 <div :class="classObject"> 文字</div>4 第四种方法<原创 2021-12-23 23:03:42 · 6399 阅读 · 0 评论 -
less计算宽高
在css中有函数calc()可以动态计算不同比例的宽度或高度height:calc(100% - 30px)在less中本身有减这个操作height: ~"calc(100%-30)"原创 2021-12-21 23:29:54 · 1202 阅读 · 0 评论 -
vue中的单元测试
1 引入jest2 在package.json的script中配置"scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint", "test": "jest --watchAll", "coverage":"jest --coverage"},新建一个文件sum.jsfunction sum(a, b) .原创 2021-11-23 00:26:59 · 131 阅读 · 0 评论 -
vue使用的一些问题小记
cross-env的版本6仅支持Node.js 8和更高版本,才能在Node.js 7或更低版本的安装版本5上使用 npm install --save-dev cross-env@5npm install --save-dev cross-env原创 2021-10-30 22:33:16 · 339 阅读 · 1 评论 -
webpack的用法
原创 2021-10-08 01:14:07 · 75 阅读 · 0 评论 -
Vue的flex布局方式
align - itemsalign-items决定了flex items在cross axis上的对齐方式strtch 当flex items在cross axis方向的size为auto时,会自动拉伸至填充flex containerflex-start:与cross start对齐flex-end: 与cross end对齐center: 居中对齐baseline:与基准线对齐flex-wrapflex-wrap 决定了flex container是单行还是多行nowrap.原创 2021-07-02 23:50:48 · 1231 阅读 · 2 评论 -
Vue客户端调试插件Vconsole,在移动端查看打印日志
安装vConsolenpm install vconsole使用vConsole在main.js中引入 import Vconsole from 'vconsole'; let vConsole = new Vconsole(); export default vConsole编译你的vue项目,用移动端打开项目就可以看到绿色的vconsole图标...原创 2021-01-24 21:51:29 · 473 阅读 · 0 评论 -
Vue中的网络请求
getInfo() { // get 方式获取数据 this.$http.get('请求链接').then(res => { console.log(res.body); })}发送POST请求postInfo() { var url = 'http://127.0.0.1:8899/api/post'; // post 方法接收三个参数: // 参数1...原创 2019-05-28 22:20:11 · 1786 阅读 · 0 评论