- 博客(30)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Module build failed (from ./node_modules/ts-loader/index.js)
在webpack打包TS的项目的时候，什么都配置好了，但是总是失败，直接上图，其实是很简单的问题。这个时候我们的地址都已经配置的好了，但是仔细观察发现缺少了ts-loader的模块，但是packjson中已经有了！这个时候就需要吧这个模块的版本号和对应的webpack的版本号一致就可以解决问题了。以下是本项目用到的版本号，其他小伙伴自己根据自己项目的版本号，做好匹配...
2021-06-01 14:42:50
9229
原创 【uniapp】如何引入第三方的组件-------详解
第三方的组件引入要符合uniapp的组件规范，首先一点就是要明白是否允许你这样做。第一步：在这里我们要看清除，他的组件存放名称，一定要写正确，建议复制，然后在自己项目根目录下面进行创建该名称的文件夹第二步：去插件商城或者组件官网下载组件压缩包zip第三步：根据自定义组件引入的规则把压缩出来的vant文件夹存放到根目录下，具体看第一步第四步：这一步就是在我们需要引入组件的页面组件上，按照规范引入组件，这个dist文件夹可以创建，也可以不创建，但是不影响我们组件的使用，根据个人需要第五步：这个
2020-08-23 15:15:15
11135
3
原创 VM2551:1 Component “pages/tabs/cates“ does not have a method “onChange“ to handle event “change“.
uniapp之为小程序的侧导航栏设置点击获取index，但是不生效问题！ <van-sidebar active-key="activeKey" bind:change="onChange"> <van-sidebar-item :title="item.cat_name" v-for="(item,index) in catesDate" :key="index"/> </van-sidebar>这个时候我
2020-08-19 14:54:59
5513
9
原创 【已解决】Errors compiling template: 09:10:40.964 border=“{{false}}“: Interpolation inside
uniapp导入vant组件出现报错问题这个是导入的逻辑：???????????????????????????????????????????????????????????????? <view> <van-button type="primary" color="red">按钮</van-button> <van-cell-group> <van-cell title="单元格" value="内容" />
2020-08-19 09:17:50
580
原创 前端排错
如何排查错误 - [排查错误的步骤]语法错误 SyntaxError,这是代码中写的变量，语句在语法上有问题引用错误 ReferenceError, 这是使用的变量，在使用这一刻之前并没有定义，遇见这种错误，就找到这个变量使用的位置，在此之前进行定义类型错误 TypeError, 这是对数据类型操作不当引起的，比如说对一个 undefined 数据取属性，报错cannot read a property a of undefined；对一个非数组数据执行数组才有的方法，报错`abc.for
2020-08-13 11:44:47
632
原创 常用正则表达式（以及如何动态设置正则）
一、校验数字的表达式 1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$ 8 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$ 9 有两位小数的正实数：^[0
2020-08-13 10:57:08
2154
原创 四种请求方式的区分！
restful API请求方法幂等当前这个操作执行多次对资源的影响如果是一致的，那就是幂等，否则就不是get 获取资源 幂等1请求类型就是form序列化字符串格式2参数在URL后面3参数大小有限制（浏览器进行的限制2048kb）4 参数只可以传递ascii码 对其他字符需要转换的 使用encodeURLComponent对参数进行转码5请求可以缓存6请求是HTTP应用层的协议，数据传输的话，使用TCP传输 只发送一次post 创建资源（一般用来更新资源）不幂等post 请求常用
2020-08-13 10:36:36
1262
原创 前端面试题（持续更新）
JSh5c3Vue跨域其他第一题：移动端1px（0.5px）边框问题xrem（面试兼容问题） 解决方案： 使用伪元素做这条线，伪元素的宽或高设置为1px,在JS中设置transform:scale(0.5)或者在 css中设置(css设置的前提是JS有获取屏幕密度dpr并设置到页面元素)[data-dpr=2]{设置缩放比例}...
2020-08-09 16:32:24
152
原创 移动端适配问题（一步到位）
移动端适配之间的准备工作amfe-flexible 动态设置rem基准值1-安装配置的包npm I amfe-flexible2-安装后在入口文件中进行加载 import ‘amfe-flexible’ 动态设置rem的基准值设置PX转换为rem [行内样式不会进行转换为rem]1安装 npm I postcss-poxtorem -D2进行配置 根目录下创建 .postcssrc.js具体的设置份数，需要根据UI的设计稿！，这里我以375PX的二倍图为例postCss的介绍一个处
2020-08-09 16:23:50
937
原创 移动端上拉加载更多
上拉加载更多组件的原理上拉加载1。当滚动条到达触底距离（触底距离：距离底部的一定距离），触发加载下一页数据 调用加载函数fn2。如果正在加载下一页时（网速过慢时/重复下拉时），此时即使时反复的拖拽滚动条，又达到了步骤一的条件，按照条件一的步骤，那么就会又发起请求加载，这是重复加载某一页数据，这个是不符合需求和使用习惯的，通过发起请求时添加一个标识变量loading，将loading设置为true,再通过 fn函数判断loding为true阻止代码的继续进行3。如果数据已经加载全部，也要阻止fn
2020-08-09 16:03:53
914
原创 第三方图片403问题(移动端)
解决第三方图片403问题(移动端)移动端解决第三方图片403的问题服务端一般使用referrer请求头识别访问来源，然后处理资源访问referrer是HTTP请求头的一部分，当浏览器向web服务器发送请求的时候一般会带上，它包含了请求资源来源页面的地址，服务端一般使用referrer请求头来访问识别来源，可能会以此进行统计分析，日志记录以及缓存优化等如何解决？不用发送referrer,对方的服务器就不知道你从哪里来的了如何设置a arer img iframe script link
2020-08-09 16:02:09
349
原创 为什么要使用Vuex?
vuex1. 为什么要用 vuex使用 vue/react 等框架，需要关注点基本就是数据，因为框架解决了数据和页面更新的实现。页面和数据的关系是y=f(x)那么我们需要关注数据(model) 和 视图(组件) 之间的关系.一个组件使用一个 model，一对一的关系2. 一个组件使用多个 model，一对多的关系3. 多个组件使用一个 model，多对一的关系4. 多个组件使用多个 model，多对多的关系所以组件和数据之间的对应关系，随着项目的复杂，变得混乱。所以需要统一管理
2020-08-03 11:00:32
3730
原创 Vuerouter路由
1. 前/后端路由1. 后端路由一个url（uniform resource location）对应一个页面在页面地址跳转时，后台会根据url地址返回新的页面内容（后台在内部使用后台模板+数据渲染生成一个html字符串返回给前端浏览器），然后浏览器去解析这个字符串，构建dom树，css树，合并生成渲染树renderTree，根据内容的不同生成渲染层 和 合成层，然后调用gpu去渲染页面到屏幕上每次切换路由，后台返回新的页面内容，浏览器等待这个新内容时有白屏时间，每个页面之间的有些资源是共用的，重复
2020-08-03 09:32:32
208
原创 （Module parse failed: Unexpected token (1:0) You may need an appropriate loader）
在新写一个页面的时候，写完后报错排除错误步骤： 1–index.js路由文件中，是否引入Order组件，2–是否在component文件夹中创建组件，3–是否在路由规则中定义规则这三步仔细对照，远离错误...
2020-07-31 10:49:14
10443
原创 [Vue warn]: Error in nextTick: “InvalidCharacterError: Failed to execute ‘setAttribute‘ on ‘Element‘
这个报错的问题十分的简单就是再element组件的属性中使用了 “ ,” 逗号，再找到逗号后，把逗号去掉报错就会消失
2020-07-30 18:36:36
5541
原创 一步解决this指向问题！
一步理解this的指向问题！// 0. this对象是函数执行时才有的，它是函数执行上下文的一个对象，上下文中包括this对象、函数参数、作用域链// 1. 箭头函数的this: 箭头函数没有自己的this，它的this指向到该函数定义时所在的区域的this// 2. 显式指定的this: call apply bind// 3. 通过对象调用的方法的this: 指向调用函数的对象// 4. 直接执行某个函数的this: 不管这个函数从哪来，它的this指向全局对象，在严格模式全局是undefi
2020-07-30 09:47:53
398
原创 element-ui Messagebox 显示不全的问题
第一步：需要导入Messagebox组件第二步：进行使用第三步：效果展示问题的解决在方法后面再进行调用就可以解决想要的问题了
2020-07-25 14:24:27
1861
原创 Errors compiling template: duplicate attribute: @click 105| ＜span slot=“foot
在引入element的Dialog 对话框组件时的报错我们去掉自带事件，就会正常的显示页面了所以，多个button可以使用一个点击事件，但是一个button不可以使用多个@click哦
2020-07-25 11:13:49
1313
原创 cokie session token之间的区别
cokie session token之间的区别cookie：会被自动的携带，如果用户访问一个正常网站后，再访问危险网站，危险网站中嵌入对正常网站的请求，此时可以根据用户的cookie身份信息访问正常网站，这样就不需要用户是谁，就可以冒充他的身份完成非法的操作cookie只可以适用在浏览器上，APP上不认是cookie，没有cookie概念session：在某一台服务器上存储用户的身份集合，如果分布部署，多台机器之间就需要session的同步，这样浪费机器的存储空间，同时需要在机器进行sess
2020-07-23 09:31:45
205
原创 前端学习-接口的调用（axios）
前端学习-接口的调用今天我们主要学习的是 通过异步的方式来进行axios的接口调用的学习第一部分：axios的基础用法- get和 delete请求传递参数通过传统的url 以 ? 的形式传递参数restful 形式传递参数通过params 形式传递参数- post 和 put 请求传递参数- 通过选项传递参数- 通过 URLSearchParams 传递参数第一部分(1)：发送get请求的三种方式 # 1. 发送get 请求 axios.get('http://
2020-07-22 11:04:41
4485
原创 vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: ＜el-form＞ - did you register the com
在引用Vue组件的时候出现引入错误：这个时候要看一下是否引入了element的JS文件，是否进行了全局的配置这个时候看到elementJS文件已经引入，要在看一下是否进行了全局的注册现在这个时候看到了已经进行了按需导入，并且还进行了全局的注册然后我感觉了全局注册有了问题进行了修改现在可以看到了已经没有了报错...
2020-07-22 09:20:22
31184
6
原创 前端工程化(webpack)
第一部分：组件、模块、工程化的区别前端工程化既是模块化：对所有的资源进行统一管理，对开发者的开发习惯进行统一的梳理，达到自动化，工程化模块化出现的原因（传统开发的主要问题）：1-命名的冲突 2-文件的依赖问题模块化:模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互的隔离，但是可以通过特别的接口公开内部成员，也可以依赖别的模块，大模块由小模块组成，代码重用，耦合性低，方便后期的维护。模块化的好处：1方便代码的重用，提高开发效率 2方便后期的维护2 组件化： 组件化按照系
2020-07-20 11:41:52
420
原创 JS数组全部方法
⭐数组方法⭐容易混淆的地方:Vue中 响应式并不包括数组中的 项vue对在data中声明的数据进行处理，将这些数据都变成响应式的。(响应式即数据变化会自动更新页面)对在data中声明的基本类型的数据，对象及对象中的属性，都是响应式的，但是例外对数组中的项并不是响应式的new Vue({ el: '#app', data: { // 基本类型的数据，响应式的 str: 'abc', num: 123, flag:
2020-07-15 17:59:50
5490
原创 Vue 入门到精通（持续更新）
第一部分：Vue入门什么是Vue：是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 第一步：引入<script src="./js/vue.js"></script> 第二步：利用插入表达式的形式，进行渲染<div id="app
2020-07-10 15:51:25
1629
原创 parseInt( )函数 遇到的问题
parseInt( )函数遇到的问题，欢迎大佬们帮助解决在做一个简单的计算器案例，需要进行数值的增加，但是有点想不通，希望各位留言。
2020-07-10 10:52:44
301
原创 MVVM设计模式的好处
MVVM设计思想M （model）模型（数据）从模型到视图如何进行的交互（Data bindinger 数据绑定）V (view) 视图（DOM）页面展示效果 从视图到模型 (DOM Listeners 事件监听)VM (View-Model)中介的关系 把数据和页面的展示联系到一起2、MVVM优点MVVM模式和MVC模式一样，主要目的是分离视图（View）和模型（Model），有下面四个优点：低耦合性： 视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定
2020-07-09 16:10:37
2274
原创 uniapp[精通之作]
第一部分:uniapp，项目目录介绍1-pages存放整个uniapp所有的页面[页面级的标题会覆盖全局的标题！！]2-static存放所有的静态资源（比如：字体图标，图片，视频等）3-unpackage存放打包输出文件4-APP.vue项目根组件【调用应用的生命周期函数】5-main.js项目的入口函数【项目首先加载】6-mainifest.json配置应用打包所需的东西7-page.json设置整个项目的存放路径和窗口外观pages第一个path是项目的启动页面独有的样式可以在某个页面
2020-07-05 19:15:43
676
原创 node入门到放弃（持续更新）
**node初认**首先我们来说一说什么是node，其实node就是一个基于Chrome V8引擎的JS运行环境.（中文官网：http://nodejs.org/zh-cn）在node中执行JS时，它属于JS的后端运行环境，并且它无法调用DOM和BOM在简单的介绍完node后，我们应该如何进行学习呢？学习的路径:JS基础语法+ Node .js内置API（fs,path,http等）+第三方API（express,mysql等)，学完这些基本上你就大致能明白什么是...
2020-07-01 21:22:24
707
2
原创 uni-app项目目录介绍
uni-app项目目录介绍1-pages存放整个uniapp所有的页面[页面级的标题会覆盖全局的标题！！]2-static存放所有的静态资源（比如：字体图标，图片，视频等）3-unpackage存放打包输出文件4-APP.vue项目根组件【调用应用的生命周期函数】5-main.js项目的入口函数【项目首先加载】6-mainifest.json配置应用打包所需的东西7-page.json设置整个项目的存放路径和窗口外观pages第一个path是项目的启动页面独有的样式可以在某个页面的path
2020-06-22 15:08:01
1578
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人