- 博客(12)
- 资源 (1)
- 收藏
- 关注
原创 Vuex的简单介绍及使用
1)可以直接通过this.$store获取store实例,(this.$store.state/mutations/actions/getters)它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。(简单说就是对所有组件的状态进行集中管理及流转的)一、每一个 Vuex 应用的核心就是 store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的。3.创建一个简单的store,目录位置src/store/index.js。4.在组件中获取状态。
2023-05-26 18:12:55
240
1
原创 构造函数、实例、原型间的关系
打印一下Object.prototype.__proto__,结果是个null,即表示‘没有对象’,所以原型查找到Object.prototype,便停止了,这一系列的原型,原型的原型,一直到Object.prototype,就叫做原型链。实例会向原型上“继承”属性。综上,Fn.prototype === f1.__proto__ === Object.getPrototypeOf(f1)5.当读取实例的属性时,如果找不到,就会查找实例的原型中的属性,如果还查不到,就去找原型的原型,一直找到最顶层为止。
2023-03-14 14:33:59
380
原创 vue3.0 引用公共文件的混入样式,报错:SassError: Undefined mixin.定位于@include XXXXXX;
vue3.0根目录新建文件vue.config.js配置:module.exports = { css: { loaderOptions: { sass: { prependData: `@import "@/assets/css/mixin.scss";` } } ...
2019-12-20 16:04:04
14800
原创 dataTable分页功能,使用到的几个配置项
$('#example').dataTable({ "bLengthChange": true, //开关,是否显示每页显示多少条数据的下拉框 "aLengthMenu": [[5, 10, 25, -1], [5, 10, 25, "所有"]],//设置每页显示数据条数的下拉选项 'iDisplayL...
2018-07-26 17:47:57
17234
1
原创 angular-cli快速搭建
Angular中文官网地址:https://angular.cn/guide/quickstart1.设置开发环境 node 8.X以上版本,npm 5.x以上版本(node -v , npm -v) 全局安装Angular Cli windows系统: npm install -g @angular/cli mac 系 统: sudo npm install -g @an...
2018-06-26 18:56:12
290
转载 angular如何组织controller directive service 转自https://blog.youkuaiyun.com/sinat_24070543/article/details/5271
<div id="article_content" class="article_content clearfix csdn-tracking-statistics" data-pid="blog" data-mod="popu_307" data-dsm="post"> <div class="markdown_vie
2018-06-11 15:09:36
292
原创 禁止html5手机端双击页面放大的问题
制作手机端页面的时候我们都会加入一个meta标签,<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">该meta标签的作用是让当前viewport的宽度等于设备的宽度,同时不允许用户手动缩放。其中 maximum-scale为允...
2018-06-01 17:43:06
42258
6
原创 弹出遮罩层,body不滚动,点击遮罩层非内容区域关闭遮罩层
一 .弹出遮罩层时,控制页面不再滚动,需要给body设置position:fixed;height:100%;overflow-y:hidden;关闭遮罩层后,去掉上述属性即可。二 .另外,手机端还可以通过禁止移动端触屏滑动来解决弹出遮罩层,阻止页面滑动的问题$('body').bind("touchmove",function(e){e.preventDefault();});关闭遮罩层后,解除...
2018-06-01 17:42:17
3222
原创 vue-cli的安装
什么是vue-cli?vue的脚手架工具,帮助我们写好vue.js基础代码的工具 ,帮我们搞定目录结构/本地调试/代码部署/单元测试/ 热加载等工作。vue-cli是一个node包。需要用npm安装。安装之前需要先安装node,安装完成node -v查看node版本,在4版本以上就可以。1.npm install -g vue-cli(npm安装vue)2.vue(查看vue是否正常安装,包括哪些...
2018-06-01 17:40:24
294
原创 移动端经常出现的兼容问题
1、 安卓浏览器看背景图片,有些设备会模糊。因为手机分辨率太小,如果按照分辨率来显示网页,字会非常小,安卓手机devicePixelRatio比较乱,有1.5的,有2的也有3的。想让图片在手机里显示更为清晰,必须使用2x的背景图来代替img标签(一般情况都是用2倍),或者指定 background一size:contain;都可以2、 防止手机中网页放大和缩小<meta name="view...
2018-06-01 17:39:14
706
原创 requireJs随笔
RequireJS以一个相对于baseUrl的地址来加载所有的代码。 页面顶层<script>标签含有一个特殊的属性data-main,require.js使用它来启动脚本加载过程,(以data-main="js/main"为例)可像如下进行配置,如果不进行配置将以data-main定义的文件js为baseUrl,在js文件下寻找加载模块(data-main如果不定义,会在index....
2018-05-31 17:11:54
163
转载 echarts世界地图各个国家及中国城市的经纬度数组
{'阿富汗':[67.709953,33.93911],'安哥拉':[17.873887,-11.202692],'阿尔巴尼亚':[20.168331,41.153332],'阿联酋':[53.847818,23.424076],'阿根廷':[-63.61667199999999,-38.416097],'亚美尼亚':[45.038189,40.069099],'法属南半球和南极领地':[69.3...
2018-03-22 15:12:54
26547
1
ECharts 百度地图扩展插件bmap.min.js,可以在百度地图上展现 点图,线图,热力图 等可视化。
2018-07-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人