- 博客(36)
- 收藏
- 关注
RSS订阅翻译 UX设计师必备的10项技能
随着用户体验设计变得越来越受欢迎，需求也越来越大，显然需要多样化的技能。以下是用户体验设计师必须具备的10项技能没有哪个严肃的用户体验设计师想成为一个无所不知、一事无成的人。但是，有许多UI-UX设计师技能可以帮助任何一个初露头角的设计师走向成功。从使用像Justinmind这样的线框工具到理解行为心理学的内部和外部，用户体验设计对每个人都有好处。有时候，把你的手指放在所有的馅饼里是有帮助的。撇开食品类比不谈，UI-UX设计是一个多元化的行业，人们在各种能力方面都有专长，这并不少见。这可能会..
2022-03-27 22:15:25
1463
1
翻译 2022年启发作品的10大平面设计趋势
1、2D和3D结合多年来，3D设计一直呈上升趋势，并在继续发展和确立自己的地位。它为设计师提供了无限的创作空间，因为它提供了几乎无穷无尽的选择。我们在这个领域看到的最受欢迎的作品包括从模糊数字和物理元素之间界限的高度逼真的3D视觉效果，到包含2D图形和剪纸的混搭。2022年将是2D和3D之间发生重大转变的一年。趋势#2-怀旧（90年代）最近，Netflix的Cobra Kai&Friender Things等大众媒体（以及无数其他媒体）带回了80年代的怀旧情绪，并开启了一个蒸
2022-03-06 22:14:56
214
原创 取出数组不能匹配到一起的选项
delArr(array, array2){ var arrResult = []; for(var i=0; i< array.length; i++){ var stra = array [i]; var count = 0; for(var j = 0; j <array2.length; j ...
2021-12-11 18:43:40
59
原创 解决echarts中国地图南海岛屿为空的问题
const chinaJson = require("./china.json")ECharts.registerMap("china", chinaJson);
2021-01-04 15:39:44
748
原创 常见城市城市名称中英文json
{ '上海': 'Shanghai', '东莞': 'Dongguan', '东营': 'Dongying', '中山': 'Zhongshan', '临汾': 'Linfen', '临沂': 'Linyi', '丹东': 'Dandong', '丽水': 'Lishui', '乌鲁木齐': 'Urumqi', '佛山': 'Foshan', '保定': 'Baoding', '兰州': 'Lanzhou', '包头': 'Baotou', '北京': 'Beijing', .
2020-08-06 11:38:38
1111
原创 改写数据结构[{a: '1',b: '2',time:'1'},{a: '1',b: '3',time: '1'}] => {time: '1',innerData:[...]
// 改写数据结构// [{a: '1',b: '2',time:'1'},{a: '1',b: '3',time: '1'}] => {time: '1',innerData:[{a: '1',b: '2'},{a: '1',b: '3'}]}mapLoction (arr) { let newArr = [] arr.forEach((innerItem, i) =...
2019-03-04 15:23:33
601
原创 Array API
// 数组操作export class AryAPI {// 合并两个数组的相同项,只保留唯一项static mergeArray (arr1, arr2) {for (let i = 0; i < arr1.length; i++) {for (let j = 0; j < arr2.length;) {console.log('i,j', i, j, ...
2019-03-04 14:49:48
413
原创 vue搜索关键字变色
// 替换匹配的文字contentSearch (value, array) {let arrayContent = array// 匹配关键字正则let replaceReg = new RegExp(value, 'g')// 高亮替换v-html值let replaceString = '<span class="search-text">' + valu...
2019-03-04 14:28:08
4767
原创 vue各种过滤
// 时间过滤formatTime = function (now, timestamp) {var date = new Date(timestamp)if (date.getFullYear() === now.getFullYear()) { if (date.getMonth() === now.getMonth()) { if (date.getDat...
2018-10-29 16:17:54
1252
转载 html5 postMessage解决跨域、跨窗口消息传递
一些麻烦事儿平时做web开发的时候关于消息传递，除了客户端与服务器传值还有几个经常会遇到的问题1.页面和其打开的新窗口的数据传递2.多窗口之间消息传递3.页面与嵌套的iframe消息传递4.上面三个问题的跨域数据传递postMessage()这些问题都有一些解决办法，但html5引入的message的API可以更方便、有效、安全的解决这些难题。postMessage()...
2018-10-24 16:17:17
216
转载 关于vue的过滤器
平时我们在vue中使用过滤器时，在组件中定义的过滤器不能在其他组件中使用，所以要在每个组件中定义自己的filter，这样就会出现很多重复的代码，那有没有办法定义一个公用的filter，减少代码的重复呢？下面就给大家展示下使用最多且有效的方法吧!首先在公用js中定义一个通用的filter.js，如下图所示，记得一定要把代码整个export出来const vFilter={ numFil...
2018-10-18 17:18:20
452
转载 vue 父组件向子组件动态传值
vue父组件向子组件传值vue实例创建动态监听父组件值后子组件再请求数据vue生命周期函数父组件向子组件传值，子组件只要使用props接收即可<style scope> .hide{ display:none; }</style>/*父组件*/<template><div class="parent">...
2018-10-11 13:52:32
6989
原创 vue 二级级联菜单
<ul class="sidebar-menu"><li v-for="(item,index) in items" :key="index"> <h2@click="showToggle(item,index)":class="item.isSubShow && isShow === index?
2018-09-26 16:46:02
2367
原创 vue轮播图
//与轮播图相关 change (i) { this.mark = i }, autoPlay () { this.mark++; if (this.mark === 4) { //当遍历到最后一张图片置零 ...
2018-09-26 14:16:20
666
转载 vue模拟锚点定位加动画
//模拟锚点跳转goAnchor(selector) { let anchor = this.$el.querySelector(selector); //document.documentElement.scrollTop = anchor.offsetTop; let total = anchor.offsetT...
2018-09-26 13:45:42
3900
转载 vue webpack打包后.css文件里面的背景图片路径错误解决方法
资源相对引用路径问题描述一般情况下，通过webpack+vuecli默认打包的css、js等资源，路径都是绝对的。但当部署到带有文件夹的项目中，这种绝对路径就会出现问题，因为把配置的static文件夹当成了根路径，那么要解决这种问题，就得引用相对路径。解决办法打开webpack.prod.conf.js找到output：增加 publicPath: './', 即可，如...
2018-09-07 15:14:22
792
原创 slot插槽分发内容
//父组件像指定位置分发内容// 多个插槽也叫具名插槽子组件：<template> <header class="el-header" :style="{height}"> <div class="noneSlot"> <slot></slot> <
2018-06-03 14:30:30
269
转载 JS的真真假假
&&和||在JQuery源代码内尤为使用广泛，由于本人没有系统的学习js，所以只能粗略的自我理解出来，希望大家指点下。粗略理解如下：a() && b() :如果执行a()后返回true，则执行b()并返回b的值；如果执行a()后返回false，则整个表达式返回a()的值，b()不执行；a() || b() :如果执行a()后返回true，则整个表达式返回a()的值，...
2018-05-31 20:02:40
191
原创 vue脚手架配插件
//配置SCSS第一步，npm install node-sass --save-devnpm install sass-loader --save-dev第二部，打开webpack.base.config.js在loaders里面加上{test: /\.scss$/,loaders: ["style", "css", "sass"]}第三部，在需要用到scss的地方写上<style lan...
2018-04-18 13:53:24
676
原创 CSS
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, ...
2018-04-16 17:06:34
217
原创 和webpack有关
安装webpack遇到的一些问题MAC 第一步$ sudo -s 原因分析是：在mac下依赖包要写入系统重要文件夹里，由于没有先获取root权限所以写入失败，导致安装失败。mac 还有一步操作就是，终端先执行如下命令npm install --save-dev webpack -g输入以上命令后: webpack -v 提示:The CLI moved into a separate packa...
2018-04-16 17:05:30
486
转载 常用正则表达式（转自http://www.jb51.net/article/72867.htm）
一、校验数字的表达式1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$ 8 正数...
2018-04-16 11:19:09
205
原创 CSS简单小动画
<style> .wrap{ transition: all 1s ease; height: 100px; overflow: hidden; text-align: center; } .wrap .return{ margin-top: -22px; transition: all 1s ease; } .wra...
2018-04-13 10:41:25
464
转载 jQuery extend()和jQuery.fn.extend()(转自http://www.cnblogs.com/xuxiuyu/p/5989743.html)
1、认识jQuery extend()和jQuery.fn.extend()jQuery的API手册中，extend方法挂载在jQuery和jQuery.fn两个不同对象上方法，但在jQuery内部代码实现的是相同的，只是功能却不太一样；且看官方给出解释：jQuery.extend(): Merge the contents of two or more objects together into...
2018-04-13 10:11:10
158
原创 github仓库使用
//删除仓库进入仓库的设置，找到最下方向的Delete this repository//设置本地很仓库的连接配置ssh ssh-keygen -t rsa -C 邮箱找到对应位置的文件id_rsa.pub复制其内容粘贴到//同步代码（图片来自阮一峰老师的博客）git clone Clone with SSH git add . //把项目添加到仓库进行跟踪git commit -a -m '描...
2018-04-11 10:59:44
201
原创 简单的JS猜数游戏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script&am
2018-04-04 15:13:53
563
原创 不用flex的双飞翼布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>双飞翼布局（用于管理系统，淘宝在用，低版本浏览器）</title> <style> *{
2018-04-04 15:11:57
279
原创 angular监听数据
$watch是一个scope函数，用于监听模型变化，当你的模型部分发生变化时它会通知你。$watch(watchExpression, listener, objectEquality);具体参数的说明如下：watchExpression：监听的对象，它可以是一个angular表达式如'name',或函数如function(){return $scope.name}。listener:当watch...
2018-04-04 15:11:03
3481
1
原创 VUE组件传值
父子组件传值：1.父组件中定义值2.在父组件中调用、注册、引用子组件调用：注册：引用：3.把父组件的值绑到子组件上 注意：但是注意要用v-bind：绑定要传的值，不用v-bind直接把值放到标签上，会被当成html的节点属性解析的。4.自组件内部接受父组件传过来的值：prop（） 但是要有注意的点：子组件接受父组件的值分为———引用类...
2018-04-04 13:42:18
228
转载 最详尽的 JS 原型与原型链终极详解（转自Yi罐可乐，https://www.jianshu.com/p/dee9f8b14771）
一. 普通对象与函数对象JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object 、Function 是 JS 自带的函数对象。下面举例说明var o1 = {}; var o2 =new Object();var o3 = new f1();function f1(){}; var f2 = function(){};var f3 = ...
2018-04-02 09:50:45
983
原创 JS关于声明提前、按值传递和作用域的经典问题
var n = 10;function fun(n){ console.log(m); var m = n; n++; console.log(m) // console.log(n)}fun(n);console.log(n)console.log(m)var n = 10;function fun(){ n++; cons...
2018-03-30 14:59:52
165
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人