- 博客(18)
- 收藏
- 关注
RSS订阅原创 关于Element-UI中el-menu，则给其他标签添加点击事件改变 default-active 的值无法使el-menu-item高亮显示的问题
关于Element-UI中el-menu，则给其他标签添加点击事件改变 default-active 的值无法使el-menu-item高亮显示的问题因为这是element中两个不相关联的组件，无法通过组件内的方法去实现这个需求。我采用vuex状态机来实现。为三个导航栏绑定点击事件，点击的时候去改变状态机里的state数据。然后再相应的页面里，调用updated狗子函数，当页面更新...
2019-05-16 15:57:04
23837
6
原创 底部点击加载更多功能的简单实现
底部点击加载更多功能的简单实现 主要思路是：后台将数据按10个一页进行处理，前端请求的时候传递的分页参数就是页数。从主页选择一个类型去到列表页，会先从后端请求10条数据渲染到页面上。点击加载更多的时候，将分页参数加一，从后端请求11-20的数据，拿到后，使用数组方法concat合并到最初的十条数据后面，页面就自动渲染20条数据了。 切换"加载更多"和"没有更多"是根据后台总数据长度与你已...
2019-05-16 15:48:25
11946
2
原创 关于类型转换的一个问题
关于类型转换的一个问题：需求：解决方案：简述：将接口返回来的数据勇forEach进行处理，对于简单数据类型，forEach方法不会改变原数组，但是对于复杂数据类型，forEach将会改变原数组。如此，即可将dataList中的type，从原来的数字类型，转化为对应的文字类型。var arr1 = [1,2,3,4]; var arr2 = [{a:1},{a:2},{a:3}];...
2019-05-16 15:45:30
326
原创 搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop
搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTopdocument.body.clientHeight：网页可见区域高document.body.scrollHeight： 网页正文全文高document.body.offsetHeight：网页可见区域高（包括边线border高） document.bod...
2019-05-16 15:42:17
356
原创 Vue开发中遇到的坑（总结）
1.fs.readFile读数据，解析不出json文件。1）问题描述：2）解决办法：3）总结：有可能是node的版本差异，导致原先的写法出现解析不到json文件：原来的写法：let http = require('http');let fs = require('fs');let url = require('url');let sliders = require('....
2019-03-05 22:49:53
6739
原创 4.创建第一个vue项目
打开Mac终端：1.确保全局安装 vue-cli。$ npm install --global vue-cli2.创建一个基于webpack模板的新项目。$ vue init webpack my-project3.安装依赖$ cd my-project$ npm install4.成功之后，就可以把我们的项目跑起来了！$ npm run dev...
2019-03-04 22:03:57
164
原创 前端常用的网站（Updating Forever）
1.最接近原生APP体验的高性能前端框架——MUI2.基于 Vue.js 的移动端组件库——MinUI1.最接近原生APP体验的高性能前端框架——MUI1.最接近原生APP体验的高性能前端框架——MUI1.最接近原生APP体验的高性能前端框架——MUI1.最接近原生APP体验的高性能前端框架——MUI1.最接近原生APP体验的高性能前端框架——MUI1.最接近原生APP体验的高性能前...
2019-03-01 19:48:15
355
原创 Mac 版webstorm（2018.3）快捷键
mac版WebStorm快捷键⌘——Command⌃ ——Control⌥——alt⇧——Shift⇪——Caps Lockfn——功能键就是fn编辑Command+alt+T 用 (if…else, try…catch, for, etc.)包住Command+/ 注释/取消注释的行注释Command+alt+/ 注释/取消注释与块注释alt+↑ 向上选取代码块alt+↓...
2019-03-01 14:06:35
421
原创 webstorm 写Vue项目中遇到的坑
1.单词底部有波浪线,提示typo in word打开偏好设置，输入typo，找到右侧的Effects，选择不勾选，立即解决。2.Unresolved variable or type module解决办法
2019-02-28 21:49:08
6059
原创 Mac 怎么将本地项目通过git提交到github
1.首先你需要一个github账号和安装git首先你需要一个github账号，所有还没有的话先去注册吧！https://github.com/我们使用git需要先安装git工具，这里给出下载地址，下载后一路直接安装即可：https://git-for-windows.github.io/2.进入Github首页，点击New repository新建一个项目3.点击Clone o...
2019-02-28 14:48:39
430
原创 Mac自带的apache服务支持php解析
mac 系统本身自带了apache服务和php环境，但是apache默认是没有加载php模块，所以只需要把php模块加载了，apache就能解析php.其中apache默认的网页访问路径为/Library/WebServer/Documents/.1.在默认资源文件夹中建立一个pinfo.php文档sudo cp /Library/WebServer/Documents/index...
2019-02-01 15:32:04
913
1
原创 Mac自带Apache配置虚拟主机（最详细教程）
1.在finder中建立一个统一存储站点资源的文件夹2.右键finder——>前往文件夹，输入/private/etc，找到apache2文件夹里的下列两个文件，按照图示的配置。3.添加虚拟主机（可以添加无数个，我这里添加三个）4.配置虚拟主机域名解析文件5.测试现在可以打开浏览器，输入job.io api.io sweb.io 页面就可以显示...
2019-02-01 13:30:51
3923
3
原创 Git常用操作命令
Git常用操作命令远程仓库相关命令检出仓库：$ git clone git://github.com/jquery/jquery.git查看远程仓库：$ git remote -v添加远程仓库：$ git remote add [name] [url]删除远程仓库：$ git remote rm [name]拉取远程仓库：$ git pull [remoteName] [local...
2019-01-25 21:39:42
113
原创 5.vue开发中v-for在Eslint的规则检查下出现：Expected 'v-bind:key' directives to use the viriables错误
在使用VScode编辑器vue开发过程中，v-for在Eslint的规则检查下出现报错：Expected ‘v-bind:key’ directives to use the viriables which are defined by the ‘v-for’ directive.Eslint规则检查显示如下：这是因为我们安装了ESLint插件，对vue进行了eslint检查，只需将这个规...
2018-12-12 23:49:28
22162
8
原创 3.Mac安装Vue出现的问题解决方案：Error: EACCES: permission denied
问题描述：当执行 vue init webpack 时，终端报错为：Error: EACCES: permission denied, unlink ‘/Users/xxx/.vue-templates/webpack/.gitignore’1.第一步：删除提示中提到的 templates 文件夹。sudo rm -rf /Users/xxx/.vue-templates2.第二步：...
2018-12-12 20:16:40
4483
原创 2.Mac安装cnpm
1.安装cnpm需要一个最高权限，打开终端，输入以下这行代码。$ sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose2.等待一到两分钟，出现下图的代码，表示安装成功。3.可以继续在终端中输入以下命令查看cnpm的版本号：$ cnpm -v亲测有效。...
2018-12-12 09:22:43
1158
原创 1.Mac中chrome下手动安装vue-devtools-dev
1.下载Github源文件 vue-devtools-devhttps://github.com/vuejs/vue-devtools#vue-devtools2.打开终端，切换到vue-devtools-dev文件夹所在目录：cd Desktop/vue-devtools-dev3.安装所需npm依赖包，这里建议用国内淘宝的镜像：链接: link.安装好cnpm后，在终端里安装所...
2018-12-11 23:51:40
1135
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人