- 博客(37)
- 收藏
- 关注
RSS订阅原创 如何用手机访问电脑本地localhost网页, 以调试项目?
方法很简单:先确保你的手机和电脑连在同一个局域网内.Window + R, 然后输入 ipconfig,然后获取ip地址, 长这样: 192.168.XX.XX手机浏览器里输入这个地址: http://192.168.XX.XX:8080, it works注意:如果上面方法仍然不行. 关掉360一类的杀毒软件, 再试下,还不行的话关掉防火墙, 因为这问题跟防火墙有关系...
2020-04-27 11:41:10
3255
原创 VSCode代码自动换行设置
File>>Preferences>>settings>>UserSettings>>CommonlyUsed>>找到Editor:WordWrap,将off修改为on即可也可以直接打开设置搜索Editor:WordWrap 修改即可
2020-04-26 16:53:01
2296
1
原创 解决Chrome插件安装时程序包无效:"CRX_HEADER_INVALID"
打开chorme的扩展程序（设置——>更多工具——>扩展程序）chrome://extensions选择开发者模式拖拽.crx至Chrome的扩展程序列表安装失败报错为：程序包无效:“CRX_HEADER_INVALID”选择加载已解压的扩展程序成功安装的操作如下：成功安装...
2020-04-25 17:45:14
326
原创 Vue router / Element 重复点击导航路由报错解决方法
写 Vue 项目中，使用 Element-ui 重复点击导航路由会报错，报错信息如下：虽然此报错并不会影响项目运行，但是作为一个强迫症的码农的确受不了error，解决方法如下：方法①：把项目依赖的 node_modules 文件夹删除， 然后再 npm install 重新下载依赖包，如果安装的 vue-router 还是之前出错的那个版本，在项目目录下运行 npm i vue-router...
2020-04-25 11:37:52
1117
原创 vue-cli 创建项目不成功 原因为项目文件夹无node_modules文件 进行npm install不成功解决办法
不知道有没有童鞋出现过全局安装vue-cli是成功的，但是创建项目时命令行报了很多错误，如下本来是需要按照提示依次切换到项目文件夹，再npm run dev 即可完成项目创建并启动的，但是又报了如下错误经过排查，发现整个项目文件夹下竟然没有node_modules文件（这个我也不知道什么原因），所以就想着应该是需要手动下载一下依赖吧即npm install但是也不行，还报了以下的错...
2020-04-25 00:21:16
3751
原创 vue-cli 创建 vue 2.X 和vue 3.X项目
1、全局安装 vue-clinpm install -g vue-cli2、创建存放项目的工作区文件夹 project3、在 project 文件夹打开 cmd 窗口执行如下命令，创建名为 finance 的项目vue init webpack finance如果是想创建 Vue 3.X 为 my-project项目vue create my-projectvue-cli ...
2020-04-25 00:18:38
598
原创 后端路由、前后端分离、前端路由
后端路由阶段因此，后端路由都是由服务器来生成页面，然后返回给客户端，这种方式渲染的页面，不需要单独再加载js或css代码，可以直接交给浏览器显示。缺点就是 后端开发人员的任务太多太杂，而前端要想处理这部分工作，就必须学习额外的技术，比如Java、PHP等；另外，HTML代码与数据混合在一起，造成逻辑混乱。前后端分离阶段这种模式显然没有路由的概念，因为数据都是通过ajax请求获得。这种...
2020-04-24 14:57:05
1844
原创 组件化开发笔记
一. 组件化开发1.1. 父子组件的访问children/refsparent/root1.2. slot的使用基本使用具名插槽编译的作用域作用域插槽二. 前端模块化2.1. 为什么要使用模块化简单写js代码带来的问题闭包引起代码不可复用.自己实现了简单的模块化AMD/CMD/CommonJS2.2. ES6中模块化的使用exportimport...
2020-04-23 18:51:05
126
原创 hexo d后 ERROR Deployer not found: git
$ hexo dERROR Deployer not found: gitnpm install --save hexo-deployer-git即可。
2020-04-17 19:45:21
104
原创 js 正则表达式 test()方法的使用
test() 方法是正则表达式的一个方法，用于检测一个字符串是否匹配某个模式.test 方法检查字符串是否与给出的正则表达式模式相匹配，如果是则返回 true，否则就返回 false。每个正则表达式都有一个 lastIndex 属性，用于记录上一次匹配结束的位置.语法：regexp.test(str)在全局匹配模式下对于同一个正则对象重复调用就会出现下一次的匹配位置从上一次匹配结束的位置...
2020-04-15 16:36:24
3218
原创 jsDOM元素创建构成
DOM元素创建：1，var oE = document.createElement();在元素对象中创建一个元素节点，要与appendChild() 或 insertBefore()方法联合使用。其中，appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点。2，var att = document.cr...
2020-04-15 14:52:08
105
原创 jQuery 常用代码集锦(记录一下)
选择或者不选页面上全部复选框var tog = false; // or true if they are checked on load$('a').click(function() { $("input[type=checkbox]").attr("checked",!tog); tog = !tog;});取得鼠标的X和Y坐标$(document).mousemove...
2020-04-14 22:48:42
241
原创 npm install卡顿问题记录
遇到的问题npm install -g @angular/cli安装angular cli工具时，发现进度条一直卡住不动，相信很多朋友也遇到过。原因应该是国内的网络连接npm速度较慢，甚至很多东西都无法下载安装。那么如何解决这个问题呢？方案一：安装cnpm镜像这个是比较常用的方法，我首先也是使用了这个方法。cnpm的安装方法，参考http://npm.taobao.org/npm in...
2020-04-11 20:59:13
173
原创 table表格去掉默认样式的方法！代码
今天在写代码的时候发现表格具有一些默认的样式有时候并不需要，它会影响美观!可以通过以下方式去掉它。cellpadding – 代表单元格外面距离,用于隔单元格与单元格空间 。cellspacing-- 代表表格边框与单元格补白距离,单元格补白间距离。方法1：（在css样式中设置）table{ border-collapse:collapse; //表格的边框合并，如果相邻，则共用一个...
2020-04-08 17:51:53
2302
1
原创 开始Vue的学习笔记
day01Vue 是什么？Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合使用Vue将helloworld 渲染到页面上指令本质就是自定义属性Vue中指定都是以 v- 开头v-cloak防止页面加载时出现闪烁问题 <style type="text...
2020-04-07 19:52:43
125
原创 清除浮动的四种方法，各种的优缺点
为什么要清除浮动？清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度为0的问题1.如下，我给父盒子设置一个boder，内部放两个盒子一个big 一个small，未给big和small设置浮动，则他们会默认撑开父盒子2.当我给内部两个盒子加上float属性的时候顶部深蓝色盒子就会顶上来，然后父盒子因为没设置高度，变成一条线，big和small已经浮动了总结一下：当父元素不给...
2020-04-07 18:39:34
372
原创 jQuery课堂笔记总汇
day01 - jQuery学习目标：能够说出什么是 jQuery能够说出 jQuery 的优点能够简单使用 jQuery能够说出 DOM 对象和 jQuery 对象的区别能够写出常用的 jQuery 选择器能够操作 jQuery 样式能够写出常用的 jQuery 动画1.1. jQuery 介绍1.1.1 JavaScript 库 JavaScript库：即 libr...
2020-04-05 23:29:34
256
原创 解决Chrome插件安装时程序包无效:"CRX_HEADER_INVALID"
JSON Formatter 插件的安装出现错误打开chorme的扩展程序（设置——>更多工具——>扩展程序）chrome://extensions选择开发者模式拖拽.crx至Chrome的扩展程序列表安装失败报错为：程序包无效:“CRX_HEADER_INVALID”选择加载已解压的扩展程序成功安装的操作如下：成功安装...
2020-04-05 20:30:56
250
原创 Python安装教程
一、博主自言随着人工智能的快速发展，python语言越来越受大家的欢迎，博主前段时间先自学了一次，这次再次巩固，顺便分享给大家我遇到的坑。帮助大家学习的时候少走弯路。 希望会对大家有所帮助，欢迎留言提问。二、安装环境本套教程的安装环境是：win7 或者win10系统 Python版本：python3.7. 至于在linux的安装和python其他版本的安装都大同小异，...
2020-04-05 09:45:54
241
原创 node项目 Error: Cannot find module 'mongoose'
这是因为你部署的项目没有添加mongoose，使用 在自己项目的根目录下：npm install mongoose --save
2020-04-02 19:45:57
618
1
原创 MongoDb windows环境安装，附百度云链接
1、下载安装mongdb软件百度云：https://pan.baidu.com/s/1c-um10DOoi9uq5eKLncwxA密码：04rv2、安装选择custom模式，自定义目录，比如D:\MongoDB，一路next直到结束3、创建文件夹data、etc[创建mongodb.conf]、logs[创建mongodb.log空日志文件]mongodb.conf配置如下：db...
2020-04-02 16:48:24
515
原创 Cannot find module 'mime'错误
又是Cannot find module 未找到模块系列的错误在js中引用然后用监听文档调用显示报错。未找到当前模块就直接安装相应的模块，顺利解决现在正常运行启动成功...
2020-04-02 11:06:59
2198
原创 module.js:549 throw err; ^ Error: Cannot find module 'portfinder' at Function.....以及类似问题
解决办法：vue框架，先删除node_modules整个文件夹，然后cnpm cache clean,然后cnpm install.cnpm cache clean时可能会提示这时执行cnpm cache clean --force即可。
2020-04-01 15:34:13
1905
原创 ionic 安装插件报错：源文本中存在无法识别的标记
当我在vs code执行cnpm install --sava @ionic-native/XXX （XXX是插件名）的时候报错 内容如下解决方法：使用cmd 执行该句可以。切换方法代码1.按Windows+R快捷键打开运行窗口。2.输入regedit，按下回车键即可进入注册表编辑器。HKEY_CLASSES_ROOT\Directory\Background\shell\cmd...
2020-04-01 14:11:37
608
1
原创 nodejs 启动报错：cannot find module；gulp安装及使用流程
nodejs 启动报错：cannot find module 刚刚出现了这个错误。纠结了实在太久直接把缺失的模块安装 但是还是提示同意的错误。一气之下我把整个gulp重新安装了一遍。现在正常运行下面整理一下 gulp 安装步骤~安装nodejs去 https://nodejs.org/en/下载安装文件安装即可。安装完成后，在终端输入node -v回车打印出nodejs的版本号，说...
2020-04-01 13:34:59
4507
1
原创 在PowerShell中实现复制粘贴功能
为了方便在windows下能够像Linux下一样方便的使用命令行进行操作，选取了命令行工具powershell。但是其复制粘贴功能无法使用……下面给出解决思路：1、从运行对话框或者开始菜单中搜索powershell，启动powershell2、左键点击CMD处理程序左上角，选择属性。（或者按下Alt+空格）。选中快速编辑模式，点击确定如下图所示： ...
2020-03-31 23:13:12
4420
原创 nodemon : 无法加载文件 因为在此系统上禁止运行脚本。
nodemon运行 提示错误：无法加载文件 C:\Users…\AppData\Roaming\npm\nodemon.ps1，因为在此系统上禁止运行脚本。这是你机子禁止运行脚本，解决办法1.管理员身份打开powerShell2.输入set-ExecutionPolicy RemoteSigned如果未成功，提示如下内容……内容省略……要更改当前用户的执行策略，请运行 "Set-Exe...
2020-03-31 21:36:10
1636
原创 如何解决nodemon运行报错问题
nodemon可以用来监视node.js应用程序中的任何更改并自动重启服务，作为懒癌晚期的我在进行Node相关服务开发的过程中肯定是不愿意一遍又一遍的重启node服务然后进行代码调试的。今天自己电脑重装系统后在安装nodemon时遇到了这个问题，下面内容仅作为记录，以免后面忘记导致自己重复掉坑。错误截图原因nodemon没有被正确安装解决方法如果yarn global add nodem...
2020-03-31 21:32:50
2217
原创 更改windows 7 右键菜单的在此处打开命令行
按照网上方法，大多数没错，但如果在D盘主目录下，例如d:\，则会提示以如下字符开头的字符串:所在位置 行:1 字符: 6+ cd D: <<<< "缺少终止符: "。所在位置 行:1 字符: 7+ cd D:" <<<< + CategoryInfo : ParserError: (:String) [], Pa...
2020-03-31 15:30:39
191
原创 javascript 中 click 和onclick有什么区别呢
<script type="text/javascript"> $(function(){ $("#btn4").click(function(){ $("#btn3").click(); }); }); function change(){ alert("onclick");...
2020-03-28 13:39:13
844
原创 学习插件 和框架 内心激动
day07 - Web APIs学习目标:能够写出移动端触屏事件能够写出常见的移动端特效能够使用移动端开发插件开发移动端特效能够使用移动端开发框架开发移动端特效能够写出 sessionStorage 数据的存储以及获取能够写出 localStorage 数据的存储以及获取能够说出它们两者的区别1.1. 触屏事件1.1.1 触屏事件概述移动端浏览器兼容性较好，我们不需要考虑...
2020-03-25 14:48:35
221
原创 web学习第三天
day03 - Web APIs学习目标：能够使用removeChild()方法删除节点能够完成动态生成表格案例能够使用传统方式和监听方式给元素注册事件能够说出事件流执行的三个阶段能够在事件处理函数中获取事件对象能够使用事件对象取消默认行为能够使用事件对象阻止事件冒泡能够使用事件对象获取鼠标的位置能够完成跟随鼠标的天使案例1.1. 节点操作1.1.1 删除节点[外链图...
2020-03-22 15:23:26
157
原创 小节感悟~
前面一直在编写数组的翻转和排序每次都敲键盘编写几次今天学到了直接可以调用。卧槽还可以这样玩~var arr = [‘昊哥’, ‘red’, ‘bule’];arr.reverse();console.log(arr);// 数组排序(冒泡排序)var arr1 = [13, 4, 77, 1, 7];arr1.sort(function(a, b) {// return a -...
2020-03-18 17:06:31
88
原创 js百位数十位数个位数
今天在学习for的整个循环语句在提取个位数的时候停顿思考了很久后来恍然大悟。简单的问题都被我想得太复杂了。后来把整个百位数 十位数 个位数整理了一下 ...
2020-03-16 15:46:46
363
原创 项目总结 常用单词整理合集
1. 品优购项目1). 详情页 detail.html 常用单词名称说明主体de_container面包屑导航crumb_wrap产品介绍product_intro （ introduction介绍）预览包preview_wrap（左侧部分）预览缩略图preview_img预览列表preview_list左按钮arro...
2020-03-09 23:45:29
534
原创 代码规范的整理，借鉴京东前端代码规范~
代码规范1. 概述欢迎使用品优购代码规范， 这个是我借鉴京东前端代码规范，组织的品优购内部规范。旨在增强团队开发协作、提高代码质量和打造开发基石的编码规范，以下规范是团队基本约定的内容，必须严格遵循。HTML规范基于 W3C、苹果开发者 等官方文档，并结合团队业务和开发过程中总结的规范约定，让页面HTML代码更具语义性。图片规范了解各种图片格式特性，根据特性制定图片规范，包括但不限于...
2020-03-08 18:37:15
1593
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人