- 博客(228)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 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
50389
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
3497
原创 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
430
原创 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
791
原创 uni-app text标签开头不显示占位符的bug以及解决方案
uni-app text标签开头不显示占位符的bug以及解决方案 本文借鉴https://blog.youkuaiyun.com/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
2491
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
4497
原创 类和对象总结
对面向对象的理解面向过程面向过程，核心是过程二字。过程即解决问题的步骤，设计一条流水线，机械式的思维方式。它考虑的是实际地实现，针对一个特定的问题去思考其解决步骤。学过C语言的同学就知道，用C语言编程，我们需要去解析题意，分析目的，画出流程图，按着步骤实现。这就是一种面向过程的思考方式。一般的面向过程是从上往下步步求精，所以面向过程最重要的是模块化的思想方法。因此在模块化编程的时候才会有“低耦...
2022-01-15 13:13:55
222
原创 高等数学之函数
高等数学之函数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
9862
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
21840
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
2395
原创 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
12830
2
原创 postman使用
postman使用1.post请求1.1 application/json1.2 application/x-www-form-urlencoded
2021-12-12 16:46:38
225
原创 D3.js创建力导向图(V4)
D3.js创建力导向图(V4) 本文借鉴：https://blog.youkuaiyun.com/juzipidemimi/article/details/100787059 创建一个力导向图需要三个东西：仿真模拟系统节点力 仿真模拟系统中存在多个节点和多种类型的力，通过力控制节点的运动，每个节点都在多个力的作用下不断发生移动，直到系统趋于平衡。中间会发生多次tick事件，每次tick，仿真系统都会更新节点的位置，且系统的能量(alpha)也会逐渐降低，直到达到某个数值(alphaMin)，整个图
2021-11-28 18:08:04
1776
原创 双击事件会触发两次单击事件问题
双击事件会触发两次单击事件问题 问题描述：当在dom上同时绑定单击事件和双击事件时，点击双击事件会触发两次单击事件，这是我们不想看到的，而是应该单击事件与双击事件分开。 分析：单击事件和双击事件区别就在间隔时间，当我们点击一次时，设置一个延时器，延时一定时间（300ms为好），在这300ms之内，在此点击，认定执行的是双击事件，如果超过300ms再点击第二次，执行的是单击事件。 方案： 单击事件代码：handleNodeClick(data) { var that = this
2021-11-18 20:56:01
1367
原创 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
19917
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
1021
原创 vue 部署上线清除浏览器缓存
vue 部署上线清除浏览器缓存 本文借鉴https://blog.youkuaiyun.com/weixin_43299180/article/details/116271209 vue 项目打包上线之后，每一次都会有浏览器缓存问题，需要手动的清除缓存。这样用户体验非常不好，所以我们在打包部署的时候需要尽量避免浏览器的缓存。下面是我的解决方案：一、修改根目录index.html在 head 里面添加下面代码<meta http-equiv="pragram" content="no-cache"&g
2021-11-15 20:08:06
5888
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
9525
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
553
原创 原生js和jquery 获取文档高度
原生js和jquery 获取文档高度一.原生js获取页面和浏览器高度和宽度1.获取浏览器的高度和高度 工具栏高/宽度 ：包含了地址栏、书签栏、浏览器边框等范围。如：高度，可通过浏览器高度 - 页面可用高度得出，即：window.outerHeight - window.innerHeight。 window.outerHeight ：浏览器高度(包含了工具栏高度)。 window.outerWidth ：浏览器宽度(包含了工具栏宽度)。 以获取浏览器的高度为例： 1) window
2021-10-22 10:00:52
2621
原创 vue多页面应用
vue多页面应用 配置vue多页面，生成的vue项目默认是单页面 单页面和多页面的优缺点：单页面应用是指只有一个主页面的应用，浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中，内容较多时首页加载速度比较慢多页面是指一个应用中有多个页面，页面跳转时是整页刷新1.在src文件夹下新建两个页面文件夹2.每个页面文件夹下都有基本的一个.html后缀的文件（页面模板文件），.js文件（主入口）和.vue（根组件） public下面的index
2021-09-29 17:41:08
11989
3
原创 微信小程序分包
微信小程序分包1.为什么要分包 在微信小程序上线时，要求整个小程序所有分包大小不超过 16M（主包 + 所有分包， 单个分包/主包大小不能超过 2M。如果你主包大小大于2M则需要做一些处理，比如分包或者把一些大的资源如图片放在服务器上，然后从服务器上选取所用的图片2.分包组成方式： 分包后，小程序项目由1 个主包+ 多个分包组成： 主包：一般只包含项目的启动页面或TabBar 页面、以及所有分包都需要用到的一些公共资源 分包：只包含和当前分包有关的页面和私有资源3.配置方法：4.
2021-09-26 14:34:18
2726
原创 如何知道vue-cli创建的项目对应的webpack版本
如何知道vue-cli创建的项目对应的webpack版本 找到项目下node_modules/webpack/package.json文件里的version字段即可知道
2021-09-24 18:06:41
7209
原创 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
2413
原创 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
432
原创 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
1494
原创 npm install 安装依赖包 --save、--save-dev、-S、-D的区别
npm install 安装依赖包 --save、–save-dev、-S、-D的区别 本文参考：https://blog.youkuaiyun.com/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
3961
原创 gitlab合并分支代码
gitlab合并分支代码1.点击 Merge Requests2.点击 new Merge Requests3.选择要合并的源分支和目标分支4.确认无误后，点击submit merage rqueest5.出现如下页面，是没有合并代码权限
2021-09-08 13:41:31
6904
原创 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
340
原创 乾坤-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
2777
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
3055
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
3699
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人