- 博客(19)
- 收藏
- 关注
RSS订阅原创 解决vue中map类型数据改变，无法触发视图更新
解决vue中map类型数据改变，无法触发视图更新问题：我们在写 vue 的时候，data 数据可能会用到 map 类型的对象（带有迭代器的对象，谁不爱呢），比如说用 v-for 渲染到视图；用 map 对象会导致一个问题，即修改 map 对象里面的数据时，不会触发视图的更新，尤其是像下面这种使用：<template> <div> <div v-for="...
2020-03-14 14:23:56
5183
原创 vue框架下浏览器打印部分页面功能
vue框架下浏览器打印部分页面功能业务情景方案业务情景需要在vue框架下spa应用中，使用浏览器打印下面这种格式的外卖小票方案使用 jq 的 jq-print 的框架：npm 库中没有，需要手动引用，且版本更新不方便，故放弃使用 window.print() 方法：在同一个窗口下，先将 body 和要打印的内容用变量存储，然后将页面的 body 里面的内容替换为要打印的内容，...
2020-02-17 11:37:40
1192
原创 vue的$refs的奇怪行为
vue的$refs的奇怪行为情景奇怪点情景通过 v-for 动态生成一组组件的 ref 名字，然后再通过 $refs[ref 名字] 来调用组件奇怪点正常使用 $refs 时，$refs 对象结构：使用 v-for动态生成时：...
2019-12-09 21:13:06
320
原创 工程化中vuex的使用
工程化中vuex的使用安装挂载到vue使用安装使用npm在项目目录下运行：//cnpm更快npm install vuex --save挂载到vue在 src 文件目录下新建 store 文件，然后在 store 文件下建立 store 的存储文件 store.js：import Vue from 'vue';import Vuex from 'vuex';Vue.use(...
2019-11-06 19:41:59
325
原创 JS设计模式
JS设计模式总结创建型设计模式简单工厂模式工厂方法模式抽象工厂模式建造者模式原型模式单例模式结构型设计模式外观模式适配器模式代理模式装饰者模式桥接模式组合模式享元模式行为型设计模式模板方法模式观察者模式状态模式策略模式职责链模式命令模式访问者模式中介者模式备忘录模式迭代器模式解释器模式技巧型设计模式链模式委托模式数据访问对象模式节流模式简单模板模式惰性模式参与者模式等待者模式架构型设计模式SMD同...
2019-09-05 15:47:34
1377
原创 你不知道的JavaScript中卷学习笔记
你不知道的JavaScript中卷学习笔记类型和语法类型和语法js 中变量是没有类型的，只有值有类型类型判断方式：typeof：可以判断简单基本类型instanceof：可以判断类型是否存在于原型链的任何位置Object.prototype.toStrin.call()：返回对象 [[class]] 属性，包含了对象类型...
2019-08-05 17:11:30
86
原创 flex弹性布局
弹性布局基础容器属性项目属性容器属性flex-direction：布局方向，默认rowrow：按行排列，从左到右row-reverse：按行排列，从右到左，同时向右浮动column：按列排列，正序column-reverse：按列排列，逆序，但不会浮动flex-warp：项目排列是否换行，默认nowarpwarp：换行nowarp：不换行warp-reverse：换...
2019-06-24 15:13:15
239
原创 你不知道的JavaScript上卷学习笔记
你不知道的JavaScript学习笔记编译原理编译原理虽然js被称为动态或者解释执行语言，但是实际上它是一门编译语言，虽然不会提前编译，编译结果也不会在分布式系统中移植。可以把编译过程当做由三部分配合完成：引擎（负责整个编译流程）、编译器（负责语法分析和代码生成等）、作用域（收集和维护所有声明的变量的查询）。引擎的查找分为：LHS（赋值操作的左侧查找，比如要使用的变量是否被声明了）、RH...
2019-06-21 09:57:17
173
原创 vue学习笔记
vue学习笔记vue起步vue模板语法vue起步vue应用语法格式：var vm = new Vue({//选项})vue示例:<div id="div_test"> <h1>hello : {{first}}</h1>//veu使用{{valuename}}来绑定数据和函数 <h1>world : {{sec...
2019-06-09 16:34:08
269
原创 开发Vue项目的时候遇到的问题
在写Vue中遇到的问题 <div id="app" v-bind:style="{fontSize: size + 'px'}"> <my-component message="hello" v-on:bigger="test" v-bind:style="{fontSize: size + 'px'}"></my-component> <...
2019-05-30 08:10:47
599
原创 使用vue脚手架时的知识点
使用vue脚手架时的知识点样式作用域样式作用域在不同的组件之中对同名标签设置不同的样式时，样式之间会覆盖，比如在 HelloWorld.vue 中设置：<template> <div class="hello"> <h1>{{ msg }}</h1> </div></template><style...
2019-05-23 10:20:30
327
原创 使用vue脚手架
vue脚手架安装使用步骤安装node.js安装全局 vue-cli创建一个基于 webpack 模板的新项目安装模块所需依赖运行项目安装node.js在官网下载安装就行，在这里就不在叙述安装全局 vue-cli在 windows 下使用 powershell 来进行创建，先打开 powershell在命令行内键入npm install --global vue-cli创建一...
2019-05-22 09:29:28
536
原创 node学习笔记一
node学习笔记console.log()可以像c的printf一样：$(document).ready(function () { console.log("我%d岁", 21);//我21岁});node只有一个全局对象（同时也是全局变量，但不是唯一的）：globales对全局变量的定义：在最外层定义的变量全局对象的属性隐式定义的变量（未定义直接赋值的变量）...
2019-05-13 09:09:39
121
原创 JQuery学习笔记
JQuery学习笔记js选择器js效果js操作HTMLjs遍历ajax操作jq防止和其它框架冲突js选择器元素选择器：$(“p”)类选择器：$(".class")id选择器：$("#id")伪类选择：$(“p:first”)、$(“p:last”)子选择：$(“div p”)属性选择：$("[href]")组合选择：$(“p.class”)、$(“p[href = ‘xxx’]”...
2019-05-04 14:06:40
114
原创 js里面的函数绑定和函数柯里化
js里面的函数柯里化和函数绑定通用的柯里化函数：function curry(fn) { var args = Array.prototype.slice.call(arguments,1);//只固定了一个参数 return function () { var innerArgs = Array.prototype.slice.call(arguments...
2019-04-30 21:04:16
162
原创 字符串全排列
字符串的全排列问题描述：给定一个长度为n的字符串，要求输出该字符串的所有字符的所有排列情况，比如给出字符串“abc”，则所有的排列情况为“abc”、“acb”、“bac”、“bca”、“cab”、“cba”。思路：首先将字符串s分解为一个等长的字符组ns，每个ns[i]存储一个字符，所以问题实际求的是字符组ns的全排列问题。以字符串“abc”为例，我们可以将其分为两个部分：a和bc，即第一...
2019-04-28 13:28:28
471
原创 字节跳动暑期实习面试题准备
字节跳动暑期实习后端面试题准备1.Java相关java中int和Integer的区别，为什么有了int还要有设计Integerjava中hashmap的实现原理，讲解一下哈希函数hashArray和list有什么区别？2.计算机操作系统操作系统中线程和进程的区别udp和tcp的区别ARP是什么？ARP内部如何实现？DNS是什么？内部如何实现？内存单元的作用是什么？3.算法类手写算法：判断一个数是否...
2019-04-11 12:36:26
2785
转载 几款移动框架比较
Cordova优点开源免费，社区生态成熟，插件丰富支持离线场景应用开发工具选择空间大缺点只提供基础访问设备的接口，需要自己搭配其他UI框架和JavaScript框架来搭配Ionic优点基于 Cordova漂亮的界面，追求性能，专注原生，免费开源Angular JS MVVM 开发理念，数据双向绑定继承自 Cordova，可以使用 Cordova 的插件...
2019-03-22 20:40:13
542
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人