雅七岁-CSDN博客

原创 ECMAScript6

ECMAScript6数组扩展运算符（…）将一个数组/对象转化为参数队列let item = [1,2,3]console.log(this.array) //第一个结果console.log(...this.array) //第二个结果[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jmTjTBsj-1626145001097)(C:\Users\ASUS\AppData\Roaming\Typora\typora-user-images\imag

2021-07-13 10:57:16 86

原创 vue练习记录(js/css）

css与js练习（2）vue练习记录(js/css）2参照https://cn.vuejs.org/v2/examples/todomvc.html的功能js控制checkbox或li元素的显示或隐藏选中全部取消全选全部显示已选中显示未选中显示方法总结input为checkbox类型时，改变其状态用@change；绑定点击状态为:checked；选中全部——所有的isCheck为true；取消全选——所有为false；全部显示——显示为true；项

2021-07-07 15:04:17 135

原创 css/js练习

vue练习记录(js/css）1对照https://cn.vuejs.org/v2/examples/todomvc.html的功能input点击inputinput[type = text]:focus{ outline: none; border:2px solid rgb(243, 109, 109) ; }其中outline为none，focus才有效果其中的borderborder-style需要在border-color前，否则边框颜色不正常bord

2021-07-07 14:18:39 107

原创移动端自适应布局-rem

自适应布局设置viewport进行缩放参考rem是如何实现自适应布局的？-前端开发博客 (caibaojian.com)在html中设置font-sizerem等比例，设置html的font-size通过设置html的font-size属性，其中计算如下：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oEoUC5B7-1625537862755)(C:\Users\ASUS\AppData\Roaming\Typora\typora-user-imag

2021-07-06 10:19:39 122

原创 Ant Design Vue项目(3)

VUE项目实战Ant Design Vue项目第三步（整体运用）新建导航栏的跳转界面以view文件夹的menu1、menu2网页为例，项目文件目录：router里的index.js配置如下：import Vue from 'vue'import Router from 'vue-router'import Layout from '../layout/index.vue'Vue.use(Router)export default new Router({ routes:

2021-07-05 14:52:47 238

原创 Ant Design Vue项目（2）

VUE项目实战Ant Design Vue项目第二步（整体布局）整体布局使用Ant Design Vue组件，定义了布局组件，可以利用他进行全部布局，官网链接可以瞅瞅[https://www.antdv.com/components/layout-cn/]:Layout布局menu导航栏安装插件npm install ant-design-vue --save在main.js中引入：import Antd from 'ant-design-vue'import 'a

2021-07-05 10:21:33 300

原创路由的异步加载、跳转界面

VUE项目实战（侧重路由）第一步（页面跳转）路由配置路由的异步加载（懒加载）本文以跳转网页为例，如果你跳转网页，网址是变化的，但内容不变，那99%的可能是路由的配置问题。以下是router/index.js的代码：import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)export default new Router({ routes: [ { path: '/', n

2021-07-02 16:30:58 494

原创 vscode自动生成vue文件模板

vscode自动生成vue文件模板只需输入“vue”，点击回车，就可以生成你配置好的文件！点击“文件 --》首选项 --》用户片段/用户代码片段，在输入栏输入”vue.json“（选择全局），没有的话就新建在文件夹中输入如下：{ // Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and // description. A

2021-07-02 10:24:54 383

原创 vue踩坑----less-loader的安装

VUE踩坑篇npm install less less-loader --save-dev报错版本问题，但是温馨提示：如果一直报错，不要总是安装下载，因为电脑会晕！之后换版本，换来换去，报的错更绝望。这时候，恭喜你，重新安装nodejs吧，不会浪费太多时间。npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree：如图：ps：我只是针对这个less-loader的install会报错，其他的不会，比如我输入

2021-06-30 11:00:17 4588

weixin_43162630的博客