- 博客(228)
- 资源 (1)
- 收藏
- 关注
原创 vue引入css三种方式
vue引入css三种方式1.在对应.vue文件的中引入<script>import "@/assets/css/reset.css"</script>2.在.vue文件的中引入<style scoped> @import '../../assets/css/VueCss.css'; </style>3.main.js 全局引入import './assets/css/common.css'...
2022-04-06 18:40:32
48908
4
原创 uni-app项目中主要文件的加载顺序
uni-app项目中主要文件的加载顺序1.先后顺序index.html > App.vue的export外的js代码 > main.js > App.vue的export里面的js代码 > Index.vue的export外的js代码2.测试的页面代码块2.1 App.vue<script> console.log('App.vue的export外的js代码') export default { onLaunch: function() { c
2022-03-26 10:21:33
3116
原创 js编译提升
编译提升1.ES6的import变量提升ES6 import 会产生变量提升的现象 比如uni-app项目,main.js的测试代码:console.log('main.js')import App from './App'import test from './test.js' 运行uni-app项目,控制台打印如下结果我是test.jsmain.js 打印的结果是先出现‘我是test.js’,然后再出现‘main.js’,这就是变量提升的现象。 这是因为 ES6
2022-03-26 09:33:13
393
原创 uni-app项目网络异常跳转到404页面
uni-app项目网络异常跳转到404页面1.跳转到404页面流程 1.某个A页面,发送某个请求,网络异常,拿不到响应 1.1 这个时候,我们记录当前页面地址url 存储到页面地址 1.2 进行页面跳转,有两种方法: 1.2.1 使用uni.redirectTo 跳转到404 页面,因为redirectTo方法不会把调用redirectTo方法的页面加入堆栈,所以跳转后堆栈 :[‘首页’,‘404’],redirectTo方法表现形式:关闭当前页面,跳转到应用内的某个页面
2022-03-21 17:06:40
595
原创 uni-app text标签开头不显示占位符的bug以及解决方案
uni-app text标签开头不显示占位符的bug以及解决方案 本文借鉴https://blog.csdn.net/weixin_44310456/article/details/119894918<template> <view> <view> <text space="emsp" decode="true">这是段落1</text> </view> <view> <text spa
2022-02-25 17:23:21
2422
2
原创 签名证书(.keystore)生成指南
签名证书(.keystore)生成指南1.window电脑生成指南 1)安装JRE环境(推荐使用JRE8环境,如已有可跳过) 2)生成签名证书 使用keytool -genkey命令生成证书:keytool -genkey -alias testalias -keyalg RSA -keysize 2048 -validity 36500 -keystore test.keystoretestalias是证书别名,可修改为自己想设置的字符,建议使用英文字母和数字test.keysto
2022-01-24 15:10:58
4212
原创 类和对象总结
对面向对象的理解面向过程面向过程,核心是过程二字。过程即解决问题的步骤,设计一条流水线,机械式的思维方式。它考虑的是实际地实现,针对一个特定的问题去思考其解决步骤。学过C语言的同学就知道,用C语言编程,我们需要去解析题意,分析目的,画出流程图,按着步骤实现。这就是一种面向过程的思考方式。一般的面向过程是从上往下步步求精,所以面向过程最重要的是模块化的思想方法。因此在模块化编程的时候才会有“低耦...
2022-01-15 13:13:55
189
原创 高等数学之函数
高等数学之函数1.函数概念函数定义:设数集D ⊂ R,则称映射ƒ:D→R为定义在D上的函数,通常简记为:y=ƒ(x), x∈D。对于每个x∈D,按对应法则总有唯一确定的值y与之对应x称为自变量-y称为因变量D称为定义域,记作Df,即Df=D函数值:ƒ(x),即y=ƒ(x)函数关系:因变量y与自变量x之间的依赖关系函数值ƒ(x)的全体所构成的集合称为函数ƒ的值域,记作Rf或ƒ(D),即Rf=ƒ(D)={y|y=ƒ(x),x∈D}ƒ和ƒ(x)的含义是有所区别的:前者表示自变量和因变量y之间的
2021-12-26 18:17:09
8977
1
原创 高等数学之映射
高等数学之映射1.映射概念映射定义:X、Y非空集合 ,有一个法则ƒ,使得X中每一个元素x,有唯一的y与之对应。记作:ƒ:X→Yy称为x的像,记作:y=ƒ(x)x称为y的一个原像集合X称为映射ƒ的定义域,记作:Dƒ,即Dƒ=X集合X中所有元素的像所组成的集合称为映射ƒ的值域,记作:Rƒ或ƒ(X),即Rƒ=ƒ(X)={ƒ(x)|x∈X}映射概念图:通俗的讲就是一个孩子不可能有多个亲生的妈,但是一个母亲确可以有多个亲生的孩子映射的三要素:X、ƒ、Rƒ注意点:对于每个x∈X,对应的y是唯
2021-12-25 18:20:27
20744
4
原创 Render()函数&JSX
Render()函数&JSX 本文参考这篇文章 https://www.jianshu.com/p/7353974795dd1. 前言1.1 HTML DOM树与和Vue的virtual DOM我们知道,浏览器在解析HTML文件时,会将HTML标签解析成一个DOM树(tree of DOM nodes)。通过结构化的组织节点元素,浏览器可以很方便的跟踪整个页面的情况,但频繁的局部更新节点代价很高。为了更高效的渲染HTML,Vue.js和React以及Ember.js一样,根据真实DO
2021-12-21 23:07:08
2226
原创 vue页面echarts卡顿问题
vue页面echarts卡顿问题1.在vue中使用echarts使用setOption更新加载图形很慢 在vue中使用echarts和绘制柱状图,图例很多,但是只有100多条,但是绘制很慢。this.myChart.setOption(this.option) 因为是在data中定义了myChart属性,在script中定义一个变量用来接收myChart,就可以解决这个问题,原因变量定义在data里,canvas触发了vue监听而更新,而每一次的更新,导致加载变慢var myChartmy
2021-12-16 11:23:43
12489
2
原创 postman使用
postman使用1.post请求1.1 application/json1.2 application/x-www-form-urlencoded
2021-12-12 16:46:38
196
原创 D3.js创建力导向图(V4)
D3.js创建力导向图(V4) 本文借鉴:https://blog.csdn.net/juzipidemimi/article/details/100787059 创建一个力导向图需要三个东西:仿真模拟系统节点力 仿真模拟系统中存在多个节点和多种类型的力,通过力控制节点的运动,每个节点都在多个力的作用下不断发生移动,直到系统趋于平衡。中间会发生多次tick事件,每次tick,仿真系统都会更新节点的位置,且系统的能量(alpha)也会逐渐降低,直到达到某个数值(alphaMin),整个图
2021-11-28 18:08:04
1690
原创 双击事件会触发两次单击事件问题
双击事件会触发两次单击事件问题 问题描述:当在dom上同时绑定单击事件和双击事件时,点击双击事件会触发两次单击事件,这是我们不想看到的,而是应该单击事件与双击事件分开。 分析:单击事件和双击事件区别就在间隔时间,当我们点击一次时,设置一个延时器,延时一定时间(300ms为好),在这300ms之内,在此点击,认定执行的是双击事件,如果超过300ms再点击第二次,执行的是单击事件。 方案: 单击事件代码:handleNodeClick(data) { var that = this
2021-11-18 20:56:01
1296
原创 vue-router的base和vue.config.js的publicPath区别和联系
vue-router的base和vue.config.js的publicPath区别和联系 vue-router的base官方文档解释:base类型: string默认值: "/"应用的基路径。例如,如果整个单页应用服务在 /app/ 下,然后 base 就应该设为 "/app/" vue.config.js的publicPath官方文档解释:1.只设置vue-router的base配置 配置路由基准路径为app,vue.config.js配置文件的publicPath为相对路径
2021-11-17 11:20:14
18002
6
原创 vue-use应用自定义指令
vue-use应用 相信很多人在用Vue使用别人的组件时,会用到 Vue.use() 。例如:Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时,就不需要用 Vue.use(axios),就能直接使用。那这是为什么呐? 答案 因为 axios 没有 install。 什么意思呢?接下来我们自定义一个需要 Vue.use() 的组件,也就是有 install 的组件,看完之后就明白了。1.自定义指令 以自定义指令举例,也可以自定义组件。 ins
2021-11-16 16:38:23
976
原创 vue 部署上线清除浏览器缓存
vue 部署上线清除浏览器缓存 本文借鉴https://blog.csdn.net/weixin_43299180/article/details/116271209 vue 项目打包上线之后,每一次都会有浏览器缓存问题,需要手动的清除缓存。这样用户体验非常不好,所以我们在打包部署的时候需要尽量避免浏览器的缓存。下面是我的解决方案:一、修改根目录index.html在 head 里面添加下面代码<meta http-equiv="pragram" content="no-cache"&g
2021-11-15 20:08:06
5725
3
原创 Vue通过在index.html添加的script js文件 如何在组件内使用不会 xxx is not defined错误
Vue通过在index.html添加的script js文件 如何在组件内使用不会 xxx is not defined错误 本文参考https://www.cnblogs.com/sxz2008/p/8245282.html我们以 jQuery 为例,来讲解一、绝对路径直接引入,全局可用 主入口页面 index.html 中用 script 标签引入:<script src="./static/jquery-1.12.4.js"></script>这样,其实就已经可
2021-11-06 17:24:30
8408
2
原创 vue之webpack打包的一些理解
vue之webpack打包的一些理解 一个使用vue-cli2创建的项目,npm run build 打包后的文件目录如下: 打包后的文件分析:app.js:基本就是你实际编写的那个app.vue(.vue或.js?),没这个页面跑不起来.vendor.js:vue-cli全家桶默认配置里面这个chunk就是将所有从node_modules/里require(import)的依赖都打包到这里,所以这个就是所有node_modules/下的被require(import)的js文件manife
2021-10-22 18:59:19
509
原创 原生js和jquery 获取文档高度
原生js和jquery 获取文档高度一.原生js获取页面和浏览器高度和宽度1.获取浏览器的高度和高度 工具栏高/宽度 :包含了地址栏、书签栏、浏览器边框等范围。如:高度,可通过浏览器高度 - 页面可用高度得出,即:window.outerHeight - window.innerHeight。 window.outerHeight :浏览器高度(包含了工具栏高度)。 window.outerWidth :浏览器宽度(包含了工具栏宽度)。 以获取浏览器的高度为例: 1) window
2021-10-22 10:00:52
2530
原创 vue多页面应用
vue多页面应用 配置vue多页面,生成的vue项目默认是单页面 单页面和多页面的优缺点:单页面应用是指只有一个主页面的应用,浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中,内容较多时首页加载速度比较慢多页面是指一个应用中有多个页面,页面跳转时是整页刷新1.在src文件夹下新建两个页面文件夹2.每个页面文件夹下都有基本的一个.html后缀的文件(页面模板文件),.js文件(主入口)和.vue(根组件) public下面的index
2021-09-29 17:41:08
11782
2
原创 微信小程序分包
微信小程序分包1.为什么要分包 在微信小程序上线时,要求整个小程序所有分包大小不超过 16M(主包 + 所有分包, 单个分包/主包大小不能超过 2M。如果你主包大小大于2M则需要做一些处理,比如分包或者把一些大的资源如图片放在服务器上,然后从服务器上选取所用的图片2.分包组成方式: 分包后,小程序项目由1 个主包+ 多个分包组成: 主包:一般只包含项目的启动页面或TabBar 页面、以及所有分包都需要用到的一些公共资源 分包:只包含和当前分包有关的页面和私有资源3.配置方法:4.
2021-09-26 14:34:18
2636
原创 如何知道vue-cli创建的项目对应的webpack版本
如何知道vue-cli创建的项目对应的webpack版本 找到项目下node_modules/webpack/package.json文件里的version字段即可知道
2021-09-24 18:06:41
6279
原创 Vue.config.productionTip = false 是什麽意思?
Vue.config.productionTip = false 是什麽意思? main.js中总会有这么一行代码:Vue.config.productionTip = false 访问项目,打开控制台如下提示信息。 将Vue.config.productionTip 设为true ,打开控制台如下提示信息,比设为false多了行提示信息。Vue.config.productionTip = true它会显示你生产模式的消息。所以,在开发环境下,保持默认设置false即可。...
2021-09-22 14:57:52
2272
原创 vue之Runtime+Compiler和Runtime+Only区别
1).vue这选择Runtime+Compiler或Runtime+Only版本生成的项目,public 下面都有的 index.html 模板文件 <div id="app"></div> html里面的div元素id为app可以不用在里面写内容,因为在main.js里的template里面的内容会对el绑定的元素进行替换。 这是Runtime+Compiler版本项目下main.js内容new Vue({ el: '#app', components:
2021-09-22 14:00:54
396
原创 html特殊字符和js字符串标签单双引号嵌套
html特殊字符和js字符串标签单双引号嵌套1.如何在html页面显示<…>标签内容 1) 如下这种html会把< > 会被html当成标签解析<h1><abc></h1> 2) 解决方法1:如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体<h1><abc></h1> 3) 解决方法2:<xmp>和</xmp><h1>
2021-09-09 20:06:58
1363
原创 npm install 安装依赖包 --save、--save-dev、-S、-D的区别
npm install 安装依赖包 --save、–save-dev、-S、-D的区别 本文参考:https://blog.csdn.net/aaqingying/article/details/1013713521.npm install 和 npm i 是一样的,都是安装package.json文件中的依赖包。 安装单独的依赖包时,npm install <packageName> --save等同于-S (常用,可保存在package.json文件中), -S, --sa
2021-09-09 09:11:06
3830
原创 gitlab合并分支代码
gitlab合并分支代码1.点击 Merge Requests2.点击 new Merge Requests3.选择要合并的源分支和目标分支4.确认无误后,点击submit merage rqueest5.出现如下页面,是没有合并代码权限
2021-09-08 13:41:31
6558
原创 git merge 冲突解决
git merge 冲突解决 本文参照 [https://www.cnblogs.com/aidixie/p/12577272.html] (https://www.cnblogs.com/aidixie/p/12577272.html) git merge 不同分支合并时,同一文件名的内容不同产生冲突 同一项目有三个分支,将second分支合并到first分支上 first分支的hello.txt文件内容 second分支的hello.txt文件内容 git merg
2021-09-08 10:27:41
314
原创 乾坤-vue应用实例
乾坤-vue应用实例1.前期准备工作1.1 创建主应用 1) vue 新建主应用vue create qiankun-main 2) 创建src/components/father.vue<template> <div>我是father</div></template><script>export default { name: 'Father'}</script><style sco
2021-09-07 16:26:50
2672
1
原创 vue-router的base和mode配置项
vue-router的base和mode配置项 路由代码如下:const router = new VueRouter({ mode: 'history', base: '/vue', routes}) 1) mode mode: 'history’表示,访问路径不带#号,如:http://localhost:8080/vue 2) base 配置单页应用的基路径,当点击路由时: <router-link to="/">Home</ro
2021-09-07 15:44:23
2802
1
原创 vue根目录下index.html中的id=“app“与src目录下的App.vue中的id=“app“的关系
vue根目录下index.html中的id="app"与src目录下的App.vue中的id="app"的关系 1) index.html中的<div id="app"></div>是指定绑定元素根路径的 2) App.vue的<div id="app"></div>则是用于具体注入绑定元素的内容 3) 由于Vue组件必须有个根元素,所以App.vue里面,根元素<div id="app"></div>与外层被注入框架in
2021-09-07 14:29:38
3510
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人