- 博客(32)
- 收藏
- 关注
原创 记录uniapp集成vant遇到的问题
需求:用uniapp做h5开发,需要用到第三方UI库。步骤:1.vant下载地址:GitHub - youzan/vant-weapp: 轻量、可靠的小程序 UI 组件库2.复制UI库:将下载或者clone下来的dist文件悉数拷到uniapp创建的根目录下的wxcomponents【ps:wxcomponents此文件需要自己手动创建,且名称不能更改,具体看uni-app官网】,此处我的目录结构为下图所示3.引入UI库:首先在app.vue文件里面@import "/w.
2021-12-10 20:32:14
1748
2
原创 vue 组件懒加载 import require
使用懒加载原因:像vue这种(spy)单页面应用,如果没有使用到懒加载,webpack打包的文件过大,造成进入首页时,加载的资源过多,时间过长,即使做了loading也不利于用户体验,而运用懒加载可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加载压力,减少首页加载事件,简单来说就是进入首页不用一次加载过多资源造成时间过长问题背景:路由懒加载在开发阶段的时候,随手改一行代码热更新都是要几千ms,导致等待过长。这里是异步加载导致 webpack 每...
2021-08-24 18:26:27
1866
原创 uniapp开发环境H5环境代理
打开manifest.json文件,如下图所示 "h5" : { "title" : "xrnh-shop", "domain" : "", "router" : { "mode" : "hash", "base" : "./" }, "devServer" : { "https" : false,//是否启用https协议 "disableHos.
2021-08-11 16:05:02
729
原创 圆弧倒计时器
<!DOCTYPE html><html> <head> <style type="text/css"> /* 动态计时圈 */ .circleContainer{ width: 100%; height: 100%; position: absolute; .
2021-07-28 10:20:14
144
原创 axios的封装
import axios from 'axios'// var baseUrl = 'http://localhost:8080/admin'let DEV_BASE_URL = "http://localhost:8080/admin"let PRO_BASE_URL = "http://localhost:8080/admin"let net_type = 0; // 0-开发, 1-生产// get/post 请求统一修改的config参数let BASE_CONFIG = { .
2021-05-16 16:22:27
111
原创 对beforeRouteUpdate的理解
以下为官方对组件内守卫的说明const Foo = { template: `...`, beforeRouteEnter (to, from, next) { // 在渲染该组件的对应路由被 confirm 前调用 // 不!能!获取组件实例 `this` // 因为当守卫执行前,组件实例还没被创建 }, beforeRouteUpdate (to, from, next) { // 在当前路由改变,但是该组件被复用时调用 // 举例来说,对于
2021-01-21 14:43:29
4510
1
原创 记录Vue proxy代理配置
vue.config.js配置module.exports = { devServer: { // proxy: 'http://192.168.1.117:8085' proxy: { '/lsh': { // 1.lsh这个值 的意义在于,声明axios中url已/lsh开头的请求都适用于该规则,最后的请求地址为http://192.168.1.117:8085/lsh/xxx/xxx
2020-12-24 15:16:39
1687
4
原创 vue引用外部js文件
1.一般在.vue文件引用js文件都是通过import方式,但是这个前提是对应的js有export2.遇到没有npm方式安装的js库时,可直接在index.html引用外部的js库,与传统html页面引入js文件一致,可以在任何一个.vue项目都能访问...
2020-09-29 10:31:28
1305
原创 响应式布局知识点
1.css3视口单位:vw,vh,vmin,vmax【视口:视口,就是根据你浏览器窗口的大小的单位,不受显示器分辨率的影响,是不是很神奇,这就代表了,我们不需要顾虑到现在那么多不同电脑有关分辨率的自适应问题】vw:这是“视口宽度”单位。 1vw等于视口宽度的1%。它与百分比类似,不同之处在于,所有元素的值都保持一致,无论其父元素或父元素宽度如何vh:这与vw(视口宽度)单位相同,只是它基于视口高度。vmin:当前 vw 和 vh 中较小的一个值vmax:当前 vw 和 vh 中较大的一个
2020-07-09 13:40:31
195
转载 nginx基本配置与参数说明
#运行用户user nobody;#启动进程,通常设置成和cpu的数量相等worker_processes 1;#全局错误日志及PID文件#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log info;#pid logs/nginx.pid;#工作模式及连接数上限events { #epoll是多路复用IO(I/O Multiple.
2020-06-29 13:46:46
130
原创 base64+img
<template> <img :src="'data:image/jpeg;base64,'+verifyImg"></template><script> export default { data(){ verifyImg:''//后端传递的图片地址 } }</script>
2020-05-28 14:06:08
108
原创 router学习笔记之路径参数和查询参数
1.一个“路径参数”使用冒号:标记。当匹配到一个路由时,参数值会被设置到this.$route.params,可以在每个组件内使用。我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件。例如,我们有一个User组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染。以下代码的效果就会把/user/foo和/user/bar都将映射到相同的路由。const User = { template: '<div>User</div>'}con...
2020-05-27 11:35:45
2455
原创 IE下令div的显示层级高于object
一定要注意层级关系!!!HTML页面代码: <div style="position:relative;"> <div class="testDiv"> <iframe id="iframe1" src="about:blank" frameBorder="0" marginHeight="0" marginWidth="0" style="position: absolute;visibility: inherit;to
2020-05-19 16:28:10
1355
原创 activiti的stencilset解析
stencilset.json:定义元素的属性,规则的配置文件,页面的展示就是根据这个配置文件。此文件截取了一部分数据,不全{ "title" : "BPMN 2.0标准工具", "namespace" : "http://b3mn.org/stencilset/bpmn2.0#", "description" : "BPMN process editor", "prop...
2020-03-31 16:14:08
1877
原创 iview中表单验证记录
对其对应的rules添加type:'number'属性<template> <Form ref="formDynamic" :model="formDynamic" :label-width="80" style="width: 300px"> <FormItem v-for="(item, index) in items" ...
2020-03-18 13:45:34
147
原创 常用css样式
清除浮动.clearFloat { zoom: 1; }.clearFloat:after { display: block; clear: both; content: ""; visibility: hidden; height: 0;}上下左右箭头.arrow { width: 0; height: 0; b...
2020-01-22 17:20:22
139
原创 Vue编译渲染学习小结——el vs vm.$mount()
在new Vue的时候,会有这两种写法1.含有el参数的new Vue({ el: '#app', render: h => h(App)})el选项只用在new创建实例时生效,其作用是提供一个在页面上已存在的DOM元素作为vue实例的挂载目标。可以是css选择器,也可以是HTMLElement实例。【Vue 不能挂载到 body、HTML 这样的跟节点上。】在实...
2020-01-19 10:52:54
738
原创 vue项目启动问题小结
1:不同操作系统影响vue项目中node_module的安装(即使package-lock.json控制到版本号)问题描述: 项目在电脑A(win10系统)中可以编译运行访问页面,用IE浏览器也可以打开看到效果,用电脑B(win7旗舰版)访问A以IE浏览器都能看到效。但是,同样代码(包括包全部拷过去)在电脑B中编译运行没有报错,除了IE浏览器看不到效果,其他浏览器正常显示解决思路...
2020-01-15 10:54:09
389
原创 Vue的mixins学习小结
定义:混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。mixin为一个对象,调用方式如下:// 定义一个混入对象var myMixin = { created: function () { this.hello() }, m...
2020-01-10 10:22:31
228
原创 ECharts——基础概念学习笔记
1.每个echarts独占一个dom节点2.option配置包含的组件有:var option={ legend:{},//--图例组件,用于点击对应的图例是否显示 toolbox:{},//--工具栏组件 tooltip:{},//--提示框组件 dataZoom:[{},{}],//--数据区缩放组件 visualMap:{},//--视觉映射...
2020-01-07 14:05:45
579
原创 vuex【getter,mutation,action】函数参数记录
const store = new Vuex.Store({ state: { todos: [ { id: 1, text: '...', done: true }, { id: 2, text: '...', done: false } ] }, getters: { //--通过属性访问 doneTodos: (state...
2020-01-02 13:38:52
363
原创 .babelrc的presets配置格式
{ "presets": [//当需要额外参数进行配置时,可将预设对象名称与参数配置放在一个数组中进行设置 ["@vue/app", { "modules": false, "useBuiltIns": "entry" }], ["@babel/preset-env", { "targets": { "chrome...
2019-12-04 11:02:19
1230
原创 Vue在IE9下导出Excel表
exportExcelInIE9 () { // -- <Table :columns="tableTitle" :data="tableData" ref="excelTable"></Table> let excelTable = this.$refs.excelTable.$refs.tbody.$el let oXL...
2019-12-04 10:54:51
667
原创 css盒模型理解
基础概念:margin(外边距):元素外边的空白区域,被称为边距/边界,透明的border(边框):围绕在内边距和内容外的边框padding(内边距):清除内容周围的区域,内边距是透明的,用于控制content与border之间的距离content(内容):盒子的内容,显示文本和图像盒子模式由内容、边框、内边距、外边距组成盒模型有两种标准:W3C标准模型和IE模型两...
2019-07-30 15:17:22
234
转载 iview_admin兼容ie11,ie9
记录解决IView_Admin在ie11页面无法显示问题!!!转载链接:https://www.cnblogs.com/ysxq/p/11052207.html1.安装babel-polyfill ==>npm installbabel-polyfill2.安装完毕之后在启动类main.js中的第一行导入==>import 'babel-polyfill'3.在配...
2019-07-05 13:36:03
1897
4
原创 网易云音乐NodeJSAPI环境搭建
1.首先下载Git工具,我这里使用的是msysgit(http://msysgit.github.io/)2.然后按照网易云音乐的官网API的安装步骤进行(https://binaryify.github.io/NeteaseCloudMusicApi/#/?id=%E5%AE%89%E8%A3%85)3.遇到ssh key不存在时,可参考https://www.cnblogs.com/w...
2019-06-05 17:42:57
6173
1
原创 axios
import axios from 'axios';import config from '../../config/index'const baseUrl = process.env.NODE_ENV === 'development' ? config.baseUrl.dev : config.baseUrl.proaxios.interceptors.request.use(conf...
2019-06-04 17:36:51
110
原创 flash中的世界坐标系和stage3D坐标系的关系
在不使用正交投影的情况下,将一张纹理贴图_tex显示到stage舞台你想要的坐标点上,通过改变顶点数据里面的x,y值即可要求:纹理贴图_tex想要放在stage舞台上的(x1,y1)点显示已知条件:点(x1,y1)【stage舞台上的坐标点,不是stage3D坐标系的】,_tex 的 width,height求:修改顶点数据上改变令其显示
2016-09-20 16:39:39
919
转载 关于Stage3D中的顶点坐标x,y,z与u,v的对应关系
var vertices:Vector. = Vector.([ -1,-1,0, 0, 1, // x, y, z, u, v -1, 1, 0, 0, 0, 1, 1, 0, 1, 0, 1, -1, 0, 1, 1]);这里定义3个顶点,可以组成1个三角形了。默认情况下,顶点的0,0位置是屏幕大小的中心,例如800,600,那么0,0点的位置就是400,300顶点在屏幕的范围是-1
2016-09-18 14:25:57
2016
原创 冒泡算法的自我理解
个人理解:冒泡算法就如在水里的泡泡,越往后面越大!var arr:Array = [59,2,9,4,5,6]private function test(_arr:Array):void{ //让数组每个数字都能去对比大小 for(var j:int=0;j<arr.length;j++) { //比较一个数组得到最大值,比较的次数=数组的长度-1,已经比较过了的数字不必再拿来比较
2016-09-01 23:13:34
283
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人