- 博客(23)
- 收藏
- 关注
RSS订阅翻译 git迁移项目仓库
假设原仓库地址是：https://gitee.com/jocce001/tb_3d要迁移到的新仓库地址是：git@192.168.1.240:walsh_group/taobao_3d.git1、首先在要放置项目的文件夹新建一个存放项目的文件夹：my_project2、cd 进入到my_project3、把原项目克隆下来：git clone https://gitee.com/jocce001/tb_3d4、重命名B指向的远端仓库：git remote rename origin old-orig
2022-05-30 18:12:59
926
原创 js笛卡尔乘积算法实现sku
//假设一个商品有两种规格，[3个颜色]，[3个尺码]。3*3=9个SKUlet spec = [ ["红","绿","蓝"], ["大","中","小"]]let sku = spec.reduce((x,y) =>{ let arr = []; x.forEach(x => y.forEach(y => arr.push(x.concat([y])))) return arr;},[[]])console.log(sku)//输出/**
2022-03-01 10:50:22
415
翻译 关于Three.js中的raycaster射线获取不准确问题
最近在加载3d模型时，需要点击模型的某个部位，然后模型自动旋转到该部位，就遇到了获取模型部位不准备的问题。three.js中的raycaster用法是canvas是整个页面窗口的，所以它的代码是：// 将鼠标位置归一化为设备坐标。x 和 y 方向的取值范围是 (-1 to +1)mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1;mouse.y = - ( event.clientY / window.innerHeight ) * 2 +
2021-12-23 13:37:38
1037
4
原创 ant design vue的表格嵌套表单加验证
代码//html <a-form-model ref="tableformRef" :model="form"> <a-table :columns="column" :data-source="form.list" :rowKey="(record)=>record.id" :pagination="false"> <template slot="name" slot-scope="text, record,index">
2021-09-13 16:10:12
6325
6
翻译 使用http-server开启一个本地服务器
前言在写前端页面中，经常会在浏览器运行HTML页面，从本地文件夹中直接打开的一般都是file协议，当代码中存在http或https的链接时，HTML页面就无法正常打开，为了解决这种情况，需要在在本地开启一个本地的服务器。本文是利用node.js中的http-server，开启本地服务，步骤如下：1 下载node.js官网地址： https://nodejs.org下载完成后在命令行输入命令$ node -v以及$ npm -v检查版本，确认是否安装成功。2 下载http-server在终端输入
2021-07-27 10:21:09
236
原创 去除input自动填充时的背景色
我想应该做过登录的页面的同学都遇到过这样的问题,input的自动填充功能会带有背景色，这样会影响美观，如下图要想去掉这个背景色有两种方法：1.给input设置属性autocomplete=“off”，意为关闭自动填充，不记录之前输入过的值。完全可以解决背景色的问题，但是没有自动填充功能体验相对来说不是很友好2.通过css样式：<style lang="less"> input:-webkit-autofill { box-shadow:0 0 0 1000px white
2021-06-23 10:42:53
5881
1
原创 vue项目使用Vue-draggable组件实现表格拖拽
一. 下载依赖包：npm install vuedraggable -S二. 在需要使用的当前界面引入依赖，注册组件：import draggable from 'vuedraggable'export default { components: { draggable }, }三. 在template 中建立表格，分别写出thead 部分不变， 此处需要将draggable 渲染成tbody，不然draggable会被解析成div 影响样式。<table class="dataT
2021-05-31 13:37:19
2936
原创 vue项目修改node_modules里面的源码，提交到git上别的同事下载代码也需要手动改源码的问题
需求：插件不满足要求，需要修改源码，但是上传代码到git仓库时，我们通常会忽略node_modules文件上传，这样导致另一个同事下载代码时，需要重新npm install，那么下载下来的node_modules文件就是原本的，而不是我们当时修改过的，所以这个时候需要同事也手动修改源码。下面时解决这个问题的方法具体步骤：1、在跟目录下新建一个scripts文件夹2、在新建的scripts建一个代替node_modules的文件夹，取名最好不要叫node_modules(因为上传代码时同样会被忽略)，我
2021-05-29 10:02:56
4361
2
转载 ant-vue table组件selectedRows翻页后不保留上一页已选
把当前页的selectedRowKeys存下来，其他页的selectedRowKeys拼接一下，然后去重并删除已取消项onSelectChange (selectedRowKeys, selectedRows) { this.selectedRowKeys = selectedRowKeys this.selectedRows = selectedRows if (this.selectedData.length > 0) { this.selec
2021-04-30 11:10:03
722
原创 vxe-table可编辑表格使用下拉框时下拉框层级问题
在vue项目中，对于表格的复杂操作，使用vxe-table会带给我们很多很多的方便。现在记录一个使用vxe-table时可编辑表格的下拉框的层级问题vxe-table提供了两种选择:edit-render="{name: '$select'}":edit-render="{name: 'select'}"具体这两种选择有啥区别我没有细看使用$select时，下拉框的层级会出现问题，解决方法：1.可以使用css样式给它覆盖：.vxe-select--panel { z-index:
2021-01-28 17:54:08
4558
4
原创 css中图片居中的奇淫技巧
在做项目的时候要想使图片不变形，只需要只设置图片的高度或者只设置图片的宽度就可以解决。当图片的宽度大于容器的宽度时，要想让图片居中显示在容器内，可以使用的这样的奇淫技巧：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box{ width: 300p
2020-11-18 18:02:57
135
原创 vue项目中使用eslint
1、安装@vue/cli-plugin-eslintbabel-eslinteslinteslint-plugin-vue2.项目根目录添加.eslintrc.jsmodule.exports = { root: true, parserOptions: { parser: 'babel-eslint', sourceType: 'module' }, env: { browser: true, node: true, es6: true
2020-11-09 13:34:32
857
1
原创 vue项目实现复制粘贴的功能
一、安装vue-clipboard2插件npm install --save vue-clipboard2二、main.js文件中引入import VueClipboard from 'vue-clipboard2';Vue.use(VueClipboard)三、页面中配合button使用<template> <el-button v-clipboard:copy="scope.row.Guid" v-clipboard:success="onCopy" v-clipbo
2020-11-04 13:36:33
688
原创 vscode快速设置console.log快捷键
vscode快速设置console.log快捷键中文版的打开，文件—>首选项----->用户片段之后搜索javascript->javascript.json,打开文件添加:"Print to console": { "prefix": "log", "body": [ "console.log('$1');", ], "description": "Log output to console" }保存后使用在页面直接输入log按回车就可以了..
2020-10-27 17:07:34
1003
原创 vue-count-to 数字滚动插件
1.下载插件npm install vue-count-to2.使用插件<template> <countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo></template> <script> import countTo from 'vue-count-to'; export default { components: {
2020-09-10 09:17:28
145
原创 vue项目使用多语言
1.下载vue-i18nnpm install vue-i18n 2.引入i18n国际化插件import Vue from 'vue'import VueI18n from 'vue-i18n'Vue.use(VueI18n)3.注册i18n实例并引入语言文件const i18n = new VueI18n({ locale: 'chs', // 将要切换的语言，可以通过url拼的参数获取，用户行为select选择获取，本地manifest配置获取等，根据场景动态获取 mess
2020-09-08 10:11:02
341
原创 创建uuid的方法
function buildUUID() { var s = [] var hexDigits = '0123456789abcdef' for (var i = 0; i < 36; i++) { s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1) } s[14] = '4' // bits 12-15 of the time_hi_and_version field to 0010 s[1
2020-09-02 15:38:18
386
转载 修改浏览器滚动条默认样式
/* 浏览器滚动条样式 *//* width */::-webkit-scrollbar { width: 6px; height: 6px;}/* Track */::-webkit-scrollbar-track { background: rgb(255, 255, 255); border-radius: 8px;}/* Handle */::-webkit-scrollbar-thumb { background: rgb(201, 201, 202); bord
2020-09-02 15:18:40
152
原创 elementui 校验不能全部为空格
{ required: true, message: ‘请输入支出事由’, pattern: ‘[^ \x22]+’ }
2020-08-25 11:18:00
1488
原创 elementui的组件自带的点击事件怎么防止事件冒泡
vue中阻止事件冒泡是需要在click点击事件加上.stop就可以，<div @click=""> 父级 <div @click.stop="">子级</div></div>在使用element ui时，组件有很多自带的点击事件，要阻止事件冒泡就需要在组件外层套一个div，然后同样的加上@click.stop就好了<div @click.stop> <el-dropdown></el-dropdown>
2020-08-06 11:04:20
9605
10
原创 vue项目中使用懒加载
一、下载vue-lazy-load插件npm install npm install vue-lazyload --save-dev在main.js文件中使用import VueLazyLoad from 'vue-lazyload'//以下配置选一种//（1）默认配置Vue.use(VueLazyLoad) // （2）自定义配置Vue.use(VueLazyLoad, { preLoad: 1.3, //预加载高度比例 error: require('@/assets/
2020-07-31 15:57:16
435
原创 vscode前端必备插件
1.HTML Snippetshtml文档的快速搭建2.Auto Close Tag自动闭合标签3.Auto Rename Tag自动重命名标签4.Bracket Pair Colorizer彩色符号标签，复杂的js逻辑括号一层层嵌套，每一层用不同的杨色展示，更清楚明了5.Code Spell Checker代码拼写检查6.Color Info自动展示颜色7.ESLint代码检查，可自己配置，规范代码8.Live Share代码分享，可以让同伴在不拷贝你的项目的情
2020-07-30 11:40:58
321
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人