2023
设计就是要跳出条条框框，有时这意味着要打破规则——所以，把这些建议和具体问题结合起来应用吧！ 密度设计，而非像素设计 如果你还不熟悉，密度就是屏幕每英寸的像素数或PPI。单位“dp”是“密度无关像素”的缩写，有时也缩写为“dpi”。 在设计界面时，建议不要为像素设计，而是为设备的像素密度设计。这确保了我们的元素被适当地缩放以适合不同的设备大小。 举个例子，如果我们设计一个按...
我们已经创建好了一个Vue项目工程，首先我们采用NPM的方式来安装Vue。打开IDEA的终端面板，使用终端在根目录下执行如下指令来安装vue router模块：npm install vue-router@4 -s 若安装成功，项目的package.json文件中会自动添加Vue Router的依赖。例如："dependencies": ,成功添加依赖后，便可以对Vue Router进行使用了。其...
大部分是部署在内部的局域网络中，没办法使用可信机构颁发的CA证书，但在实际项目实施过程中又遇到了使用HTTPS的场景，比如消息接口的服务端验证，APP的内网更新等等。那么局域网内部署HTTPS，只能采用自签证书来解决了。
Vue的防抖与节流首先我们先看一下防抖和节流的定义。防抖：在同一时间段执行多次,但是只在最后一次有效（执行）；每次触发函数清除掉原来的定时器，重新开始计时。如果在规定时间内不再触发函数，则执行，否则，清除掉之前的定时器，重新计时。节流：在一段时间内，只能触发一次函数。今天突然发现了一个问题，做搜索效果时每输入一个字母或者数字，都会立刻请求一次，如果输入量过大可能会对服务器造成影响，并且点击刷新时，...
最近又踩了一个坑，本身是一个很小的问题，但是很不容易被注意到，这个小问题还卡了我俩小时，一边扪心自问一边找错误，但就是没用，以下请看，不喜勿喷。在浏览器中，我们的数字和字符串是没有明显区别的，可能是显示问题或者自动转化了类型（这我还真不清楚）除非是console.log打印出来或者用typeOf（）判断下，否则肉眼是很难观察出来的。上一篇文章为大家介绍了组件间的传值，向大家展示了通过:prop传值...
1. 最常用，最经典，props传值--父传子Props传值适用于父组件传递数据给子组件，父组件在使用子组件的标签中通过字面量来传值，子组件中使用props来定义接收父组件传递过来的参数接下来我们来看一个例子，这里我封装了elementUI的列表项，在父组件中的子组件标签中设置了一些参数，并在子组件中规定预期类型的构造函数。其中，我在父组件中的fixed的值虽然是true是一个静态的值，但我们还是...
上一篇我们说到，props是组件的自定义属性，组件的使用者可以通过props把数据传递到子组件内部，那么如果要将子组件的值传递到组件外呢？ 我们可以使用this.$emit函数实现。 对于$emit的用法可以总结为以下两点：1. 子组件通过$emit的方式，调用父组件中的事件2. $emit函数只能在子组件中使用 我们来看个例子。 如图，我们先在自定义组件中，将按钮的点击事件定义为myclick事...
在项目中，我们经常会用到许多类似的效果，若一直进行复制粘贴，会导致代码重复性太高，且后期维护代价严重，为方便项目的开发和维护，可以根据封装的思想，将页面上可重用的部分封装成自定义组件。 首先在components文件夹下创建一个Vue组件，里面封装所需要的代码。 props中设定的是标签中的属性，用于父组件向自定义组件中传值。 注意：自定义组件中根元素只能有一个。 接着在外...
Es6中允许按照一定的模式从数组和对象中自动提取值给变量赋值，这种模式就被称为解构。在以前如果要赋值只能let a=1,b=2,c=3,但是在es6中可以写为let [ a,b,c] = [1,2,3] ,变量abc可以按照对应的位置自动取到值123。类似的写法还可以嵌套多层 例如 :当然，如果解构不成功的话变量的值就是undefinedLet [x,y=’b’] = [‘a’]这种写法虽然y取不...
继上次es6-变量和es6变量2，我们继续讨论es6特性-顶层对象顶层对象是指在最外层作用域中的变量全局可访问，浏览器中为window对象，node环境中为global对象。例如var a=1 那么windows.a 就是1，顶层对象的属性与全局变量相关被认为是js语言中最大的败笔，首先顶层对象只有在运行时才会报错，其次因为是全局所以对象属性可以导出读写不利于模块化变成。Es6中为了改变这一现象，...
