- 博客(108)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue3.x:报错记录清单
#报错提示在组件命名的时候不够规范，根据官方风格指南，除了根组件（App.vue）外，自定义组件名称应该由多单词组成，防止和html标签冲突。vue-cli创建的项目使用了最新的vue/cli-plugin-eslint插件，在vue/cli-plugin-eslint v7.20.0版本之后就引用了vue/multi-word-component-names规则，所以在编译的时候判定此次错误。
2023-04-17 16:47:32
359
原创 微前端：qiankun
什么是微前端微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。微前端项目搭建流程本文主要记录qiankun与vue-template相结合实现微服务框架过程。参考文档涉及 qiankun-TMVC、qiankun、element-ui、vue-element-admin1、乾坤qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。2、vue-template是
2021-09-28 17:32:31
1544
原创 vue：vue3.x学习笔记
命令式编程和声明式编程命令式编程关注的是 “how to do”；声明式编程关注的是 “what to do”，由框架(机器)完成 “how”的过程；模板语法v-once用于指定元素或者组件只渲染一次。<h2 v-once> {{message}}:{{counter}} <div>{{tips}} : {{counter}}</div></h2><button @click="addAction">+<
2021-06-09 13:46:43
577
2
原创 vue：vue2.x学习笔记
v-if vs v-showv-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。相比之下，v-show 就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。一般来说，v-if 有更高的切换开销，而 v-show 有更高的初始渲
2021-06-09 13:45:03
118
原创 react：创建新项目
React中文官方文档给出创建新应用的最佳方式（命令行）。npx create-react-app my-appcd my-appnpm start终端直接报错，提示如下：bogon:~ jing$ npx creat-react-app myJob_reactnpm ERR! code E404npm ERR! 404 Not Found - GET https://registry.npmjs.com/creat-react-app - Not foundnpm ERR! 404 n
2020-08-25 17:45:40
1907
1
原创 微信小程序：页面跳转url传参，对象数据过长报错
小程序A页面跳转B页面通过url传参时，若参数为对象（字典）需要先转成字符串（使用用JSON.stringify()转换成字符串）B页面在用JSON.parse()再转换回对象（字典）。但是这样的传参方式遇到一个问题，对象数据长度过大时B页面在用JSON.parse()会报错。Unexpected end of JSON input控制台打印查看问题是发现是，字符串长度超过限制,已经做截取（大致在45KB的数据量左右会被截取）导致数据转换回来时格式不对而报错。这时可以再添加另一个API：enco
2020-08-20 14:31:24
1672
1
原创 微信小程序:scroll-view安卓机隐藏横向滚动条
微信小程序使用scroll-view横向布局在iOS和Android上有不同的展示，iOS无滚动条，Android有滚动条，按照产品需求需要隐藏横向滚动条。在网上搜索一些，说是以下几段代码可以实现，代码如下：使用组件的伪类。亲测，在小程序端无效/隐藏滚动条/::-webkit-scrollbar{ width: 0; height: 0; color...
2020-03-02 15:04:38
1047
原创 微信小程序:百度地图JavaScript API定位不准确，实际位置偏差大
发现一个严重问题，我们的服务端使用了百度地图提供的SDK，微信小程序端使用wx.getLocation获取经纬度，与服务端经纬度位置对应不上。更换了百度地图为小程序提供的SDK，经过测试发现，该SDK获得取得经纬度和wx.getLocation获取经纬度是一致，与服务端经纬度位置也对应不上。为了解决经纬度前后端一致，查找了转换方法，如有疑问可以在拾取坐标系统测试，方法如下：方法亲测有效，误差...
2019-12-20 11:53:36
4382
原创 微信小程序:分包报错
微信提供了分包加载目前小程序分包大小有以下限制：整个小程序所有分包大小不超过 8M单个分包/主包大小不能超过 2M出现这个报错，主要是因为放在tabbar中的的子路径也放在了分包中，解决办法：1、更分包路径2、撤出分包...
2019-10-30 17:28:11
839
原创 微信小程序:小程序内用户帐号登录规范调整和优化建议
昨天晚上大概九点多，公众平台安全助手突然发来一条推送 《小程序内用户帐号登录规范调整通知》 粗略的看一眼推送，还以为自己的小程序被发警告信，惊吓出一身冷汗，迅速打开推送文章，细度一番才安下心来。<小程序内用户帐号登录规范调整和优化建议>总结下来就是：微信要规范小程序内帐号登录功能，开发者、设计师来活啦！1．服务范围开放的小程序不限制用户注册，但是注册后无任何提示强制用户登录后才享...
2019-07-24 09:56:55
8130
原创 git常用命令
小白git操作小白git操作适合新使用git操作人员，包含了下载远程代码，修改后提交代码到远程，操作简单，易于掌握。// 远程仓库代码克隆到本地 (localhost:~ Jane$ 确保你终端路径)git clone https://github.com/CitrusHan/MyJobs_WeChat.git // 进入到你的项目文件 cd MyJobs_WeChat// ...
2019-05-16 12:10:18
384
原创 微信小程序:自定义组件（Component）
微信小程序文档中提供的组件有限，一定程度上限制了开发需求，这里就需要我们自定义一些控件，实现开发需求。自定义控件有两种方式，一种是选择模板的方式，另一种是选择组件的方式来创建。这里我选择了组件方式来创建，这样只需引入组件和外部添加数据，内部展示数据，即可实现重用。1、文件目录结构这里一定要注意我们目录结构，个人喜好把项目中的业务文件放在pages中，图片放在与pages同级的images文件...
2019-04-03 10:50:03
4672
原创 web前端 -- Day26 js高级
拷贝浅拷贝: 只复制指向对象的指针，而不复制引用对象本身。就相当于把一个对象中的所有的内容，复制一份给另一个对象，属于直接复制。或者说就是把一个对象的地址给了另一个对象,他们指向相同，两个对象之间有共同的属性或者方法，都可以使用。深拷贝: 复制引用对象本身，把一个对象中所有的属性或者方法,一个一个的找到.并且在另一个对象中开辟相应的空间，一个一个的存储到另一个对象中。这里借用网上的一个通俗的...
2019-03-26 14:54:34
221
原创 web前端 -- Day25 js高级
apply和call的使用apply和call作用: 可以改变this的指向apply的使用语法函数名字.apply(对象,[参数1,参数2,…]);方法名字.apply(对象,[参数1,参数2,…]);call的使用语法函数名字.call(对象,参数1,参数2,…);方法名字.call(对象,参数1,参数2,…); //函数的调用,改变this的指向 funct...
2019-03-26 14:41:11
208
原创 web前端 -- Day24 js高级
原型链 重点原型链: 是一种关系,实例对象和原型对象之间的关系,关系是通过原型(__proto__)来联系的。 //人的构造函数 function Person(age) { this.age=10; } //人的原型对象方法 Person.prototype.eat=function () { console.log("吃什么？什么时候...
2019-03-26 14:02:49
235
原创 web前端 -- Day23 js高级
js基础 JavaScript简称:JSJS分三个部分:ECMAScript标准—基础的语法DOM Document Object Model 文档对象模型BOM Browser Object Model 浏览器对象模型什么是JS? 前面的文章有更详细的解释，自行查找是一门脚本语言是一门解释性语言是一门弱类型语言是一门基于对象的语言是一门动态类型的语言动态页面 ：...
2019-03-26 13:32:03
315
原创 web前端 -- Day22 js基础
元素的样式元素的样式属性是无法直接通过：对象.style.属性 来获取的，（样式在style属性中设置）offset系列：获取元素的宽高offsetWidth：元素的宽 (有边框)offsetHeight：元素的高 （有边框）offsetTop：元素距离上边位置的值offsetLeft：元素距离左边位置的值scroll系列：卷曲出去的值scrollWidth：元素中内容的实际宽度 ...
2019-03-26 11:45:31
207
原创 web前端 -- Day21 js基础
元素移动元素要实现移动，就要要脱离文档流 ，设置样式 position: absolute;注意问题如果样式的代码是在style标签中设置，外边是获取不到的。如果样式的代码是在style属性中设置的 ，外边是可以获取的。动画函数封装代码：function animate(element, target) {clearInterval(element.timeId);//定时器的...
2019-03-18 08:40:53
230
原创 web前端 -- Day20 js基础
为元素绑定多个事件绑定事件的区别事件绑定的方法：addEventListener(); attachEvent();相同点：都可以为事件绑定元素不同点：方法名不一样；参数个数不一样；addEventListener()谷歌、火狐、IE11支持，IE8不支持；attachEvent()谷歌、火狐、IE11不支持，IE8支持；this不同，在addEventListener中的...
2019-03-14 09:03:53
210
原创 web前端 -- Day19 js基础
概念文档：document元素：页面中所有的标签，元素–element，标签–元素–对象节点：页面中所有的内容（标签，属性，文本），node根元素：html标签节点节点的属性：可以使用标签 – 元素.出来；可以使用属性节点.出来，使用文本.出来。nodeType:节点类型1–标签；2–属性；3–文本nodeName:节点的名字：标签节点–大写的标签名字，属性节点–小写的属性名字...
2019-03-13 09:18:17
226
原创 web前端 -- Day18 js基础
设置元素的样式方式对象.style.属性=值;对象.ClassName=值;对象.style="属性:值”;兼容代码innerText和textContent的兼容问题目前的浏览器都支持innerText，应该是属于ie的标准textContent本身是火狐支持，IE8不支持innerText和innerHTML的区别都可以设置标签的文本内容，如果要设置标签及内容推荐...
2019-03-11 14:36:56
299
原创 web前端 -- Day17 js基础
javaScript分三个部分ECMAScript标准：js的基本语法DOM:Document Object Model --&amp;gt; 文档对象模型 --&amp;gt; 操作页面的元素BOM:Brower Object Model --&amp;gt; 浏览器对象模型 --&amp;gt; 操作的是浏览器文档：把一个HTML文件看成是一个文档，由于万物皆对象，所以把这个文档看做一个对象。HTML:展示信息，展...
2019-03-11 14:27:49
267
原创 web前端 -- Day16 js基础
Date// 当前时间 – 当前的服务器的时间var dt=new Date();dt.getFullYear();//年dt.getMonth();//月---从0开始 国外和我们差一个月 + 1为中国的二月份dt.getDate();//日dt.getHours();//小时dt.getMinutes();//分钟dt.getSeconds();//秒dt.getDay()...
2019-03-07 14:40:51
253
原创 web前端 -- Day15 js基础
数据类型原始数据类型包括：number、string、boolean、null、undefined、object。数据类型分类：基本类型（简单类型，值类型）值在栈上，值类型之间传递的是值复杂类型（引用类型）对象在堆上，地址（引用）在栈上，引用类型之间传递的是引用（地址）空类型：null、undefined对象对象分为三种：内置对象，自定义对象，浏览器对象内置对象：系统提供自...
2019-03-07 09:49:04
257
原创 web前端 -- Day14 js基础
编程思想1、面向过程：凡事亲力亲为，多有的事情的过程都清楚，注重的是过程。2、面向对象：提出需求，找到对象，对象解决这个问题，我们要结果，注重的是结果。面向对象的特性：封装、继承、多态、（抽象性）创建对象的方式1、调用系统的构造函数创建对象 new Object();2、自定义构造函数创建对象var obj2 = new 自布定义构造函数();3、字面量的方式创建对象var o...
2019-03-07 09:40:16
269
原创 web前端 -- Day13 js基础
作用域作用域：适用范围。写代码要注意变量在哪声明和使用的问题。全局变量和全局变量1、全局变量：声明的变量是使用var声明的，那么这个变量就是全局变量，全局变量可以在页面的任何位置使用2、全局变量：在函数内部定义的变量，是局部变量，外面不能使用注：除了函数以外，其他的任何位置定义的变量都是全局变量,全局变量如果页面不关闭，那么就不会释放，就会占用内存全局作用域和局部作用域1、全局作用域...
2019-02-28 15:20:57
173
原创 web前端 -- Day12 js基础
函数函数是把一段相对独立的具有特定功能的代码块封装起来，形成一个独立实体，就是函数，起个名字（函数名），在后续开发中可以反复调用。函数的作用就是封装一段代码，将来可以重复使用。函数的定义：// 语法function 函数名字() { 函数体（重复的代码）}// 函数的调用函数名();1、函数可以作为参数使用，如果一个函数作为参数使用，那么我们说这个参数是回调函数。2、...
2019-02-28 15:04:42
159
原创 web前端 -- Day11 js基础
数组数组是一个有序的列表，可以在数组中存放任意的数据，并且数组的长度可以动态的调整。其作用是：一次性存储多个数据。数组的定义：1、通过构造函数创建数组语法：var 数组名 = new Array();注:Array()就是构造函数，数组的名字如果直接输出，那么直接就可以把数组中的数据显示出来，如果没有数据，就看不到数据var 数组名 = new Array(长度);注： 如果数组中没...
2019-02-28 14:45:41
228
原创 web前端 -- Day10 js基础
代码流程控制代码的执行过程，分为三种方式：顺序结构、分支结构、循环结构1、顺序结构代码执行的顺序，从上到下，从左到右执行顺序2、分支结构if语句、if-else语句 、switch-case语句、三元表达式语句// 1、分支结构：if语句。执行过程：先判断表达式的结果是true还是false，如果是true则执行代码，如果是false，大括号中的代码是不执行的。if（表达式）{ ...
2019-02-28 14:11:34
168
原创 web前端 -- Day9 js基础
JavaScriptJavaScript简称js，分三个部分：1、ECMAScript 标准—js的基本语法2、DOM ---- Document Object Model 文档对象模型3、BOM ---- Brower Object Modle 浏览器对象模型JavaScript是什么？1、是一门脚本语言：不需要编译，直接运行2、是一门解释性语言：遇到一行代码就解释一行代码3、是...
2019-02-26 09:11:51
202
原创 web前端 -- Day8基础知识
文档类型<!DOCTYPE> 标签位于文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范，必需在开头处使用<!DOCTYPE>标签为所有的XHTML文档指定XHTML版本和类型，只有这样浏览器才能按指定的文档类型进行解析。注意事项： 一些老网站可能用的还是老版本的文档类型比如 XHTML之类的，但是我们学的是HTML5,而且HTML5的文...
2019-02-21 17:08:18
237
原创 web前端 -- Day7基础知识
img插入图片和背景图片的区别背景图片只是装饰作用，因此相当于不存在，而img是存在的内容.两者的优缺点：1、背景图片：只是修饰作用，控制更方便，有定位，所以小图标一般都是用背景图片。2、img图片：具有语义，可以被搜索引擎抓取，因此重要的图片建议用img插入图片。行内元素的垂直间距行内元素的本质就是一个字，所以它们的垂直间距是不受padding和margin影响的，行内元素的垂直间距...
2019-02-21 16:46:10
202
原创 web前端 -- Day6基础知识
列表列表包括无序列表、有序列表、项目列表（自定义列表）。在Day1中已经详细介绍过了列表，这里补充个知识点。自定义列表样式的制作步骤：1、清空列表样式；2、将列表样式图标设置为li的背景，定位方式设置为left center，例如： background: url(../images/arr.jpg) no-repeat left center;3、通过padding-left: 10p...
2019-02-21 16:41:31
242
原创 web前端 -- Day5基础知识
css准备工作1、清空默认边距和样式；2、设置正文的默认样式；3、设置超链接的默认样式；css继承性和层叠性1、继承性继承性指的是给父标签写属性，后代标签也可以生效；那些属性可以继承?css属性可以分成两大类：文字控制属性和区块控制属性；文字控制属性都是控制文字内容的，因此文字控制属性是可以继承的；而区块控制属性只是控制标签本身，所以区块控制属性不会继承。注意事项：超链接的颜...
2019-02-21 09:15:30
217
原创 web前端 -- Day4基础知识
####背景属性在css中，背景值通过background控制，它也是一个复合属性。背景图定位坐标的书写方式：1、方向特殊值：水平位置：left center right ; 垂直位置：top center bottom;2、具体像素值：例如：100px 20px ,这里可以接受负值。如果背景图固定模式设置为fixed，可展现背景图固定于屏幕。background:背景颜色 背景图 平...
2019-02-20 11:24:19
200
原创 web前端 -- Day3基础知识
####css&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;css是指层叠样式表（casscading style sheet），css 是专门管理网页样式的，看到一个网页漂亮的外观绝大多数的工作是由css来制作的。css最重要的特点是可以给任何标签写样式属性。css优势 涉及一些面试题1、提高页面浏览速度。使用css方法，
2019-02-20 11:07:23
213
原创 web前端 -- Day2基础知识
####相对路径相对路径指的是查找文件的一种关系，它的原理是从文件自身出发去查找目标文件。（使用范围：背景图、img、网页之间的链接）以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对路径。图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如。图像文件位于HTML文件的下一级文件夹：输入...
2019-02-19 17:28:14
221
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人