- 博客(21)
- 收藏
- 关注
原创 react使用模块化less(scss同理应该)
1. npm run eject,便于后续可能需要修改相关配置2. 下载loder,npm install less less-loader3. 打开配置文件 webpack.config.js把修改为下图(不修改的话可能会报错)4. 在入口文件创建***.d.ts后缀的文件否则会报错import styleModulefrom "./index.module.less"; //报错 找不到文件5. 使用...
2022-03-30 21:13:53 816
原创 fabric.js 文本的基本属性以及文字的外描边,控制器去掉上下左右的拉伸点
正常使用的暂时不做说明类似于:text,IText,rect..等等官网或者其他百度有很多,在这里讲一下一些属性以及方法canvas.selections=false //设置全部元素不可选择selectable:false, //禁止选中当前元素hasBorders: false, //不显示选中时的边hasControls:false, //不显示控制的那9个按钮元素选中后有的需求不能横向或者纵向拉伸,就想使用顶点的按钮进行等比的缩放,这时候就需要把上下左右的四个点去掉,以下是方法
2021-06-29 20:51:46 3520
原创 2021前端面试题总结
1.css1.1. 使用css如何画出三角形 //三角形实现方法1 div{ width: 0; height: 0; border: 20px solid transparent; border-bottom-color: red; } //三角形实现方法2 div::before{ display: block; content: ''; width: 0; height: 0; border: 20px so
2021-06-03 00:33:33 2128 17
原创 基于mpvue+vant开发小程序
1.全局安装vue-clinpm install --global vue-cli2.创建一个基于mpvue-quickstart模板的新项目(wx-app)vue init mpvue/mpvue-quickstart wx-app3.切换目录,安装依赖并启动项目cd wx_appnpm installnpm run dev4.持续更新中。。。...
2020-10-20 15:13:17 219 1
原创 vue项目针对不同的环境配置不同的命令行(打包和运行)
1.需要安装下载cross-env;npm i --save-dev cross-env2.在vue项目目录下的config文件夹下创建文件 当前项目分为四种环境:开发环境(dev)、测试环境(test)、预生产环境(pre)、生产环境(prod); 由于config文件下已经存在了开发环境和生产环境的文件,后期只需要修改内容即可,所以需要再创建test和pre的文...
2020-05-12 19:12:40 1979 4
原创 vue创建项目,使用element-ui,使用scss,编译ES6,使用axios,
如果未安装脚手架,请先全局安装,如若安装请忽略npm install --global vue-cli创建一个基于webpack的新项目(myProject)vue init webpack myProject切换到项目目录,我这里直接是cd myProjectnpm run dev运行成功安装element-ui,更多请查看官网https://element.f...
2020-05-06 10:59:10 333
原创 vue+axios下载后台返回的文件流
//拦截器axios.interceptors.response.use(response => {//数据拿到之后 NProgress.done() if(response.headers['content-disposition']){//此判断主要是要取到content-disposition的值 return response }else{...
2020-03-25 15:49:54 811
原创 cmd停止nginx服务
在nginx目录下出入cmd打开cmd打开nginx的方法:start nginx停止nginx的方法:nginx -s stop重新载入nginx配置:nginx -s reload有时候nginx -s stop停止了服务但是它依然在运行,我只能通过以下方法进行停止(我这边的nginx的端口是8080,nginx是处于启动状态,不然会找不到)一丶window键+R,输入...
2019-05-27 16:09:05 5297
原创 关于nginx同域名同端口布置多个history模式的VUE项目
在网上找了很久发现网上例子用起来,实现不了,so首先看下我nginx的目录,我所有vue项目就是放在demo下的接下来先来配置vue项目,在router下的index中这样子配置export default new Router({ mode:'history', base:'/ybr/',//这里是你在nginx中demo下的项目存放文件夹名称 rout...
2019-05-23 10:10:53 1103
原创 对于element中checkbox组件中的indeterminate 状态
<el-checkbox :indeterminate="a" v-model="b">全选</el-checkbox>checkbox有三种状态全选(显示的'√'),选中部分(显示的'-'),全不选(啥都没显示)对于indeterminate和v-model绑定的a和b的值如果true true 或者 true false样式为-如果false tru...
2019-02-19 18:26:18 9781
原创 vue封装axios方法
一、安装axios npm install --save axios二、在src下面创建文件夹api(名字随意)=>api.js(接口集合)+http.js(封装的请求)三、在main.js中引用api.js和http.js//引入两个文件import api from './api/api'import http from './api/http'//挂载到VUE实例,...
2019-02-13 16:15:54 6828 5
原创 vue实现单选框(即JQ的addClass().siblings().removeClass())
<tr v-for="(item,inedx) in tableData.body" :key="item.id"> <td> <label @click="isCheck = index" :class="{'label':isCheck == index}"> <input ty
2018-10-19 11:47:30 3586
原创 vue实现JQ的toggleClass功能
<tr v-for="item in tableData.body" :key="item.id"> <td> <label @click="toggleClass(item)" :class="{'label':item.label}"> <input type="che
2018-10-19 11:39:49 2045
原创 JQ操作动态创建的元素
给动态创建的元素添加事件:$(document).on('click','obj',function(){})删除动态创建的元素: $('#logisticsInfo').delegate('.delBtn','click',function(){ if(confirm('确定删除此条物流信息?')){ $(this).parents('tr').re...
2018-10-12 13:51:29 776
原创 无后台网站发送邮件方法(formspree)
<!doctype html><html><head><meta charset="utf-8"><title>无后台网站发送邮件方法(formspree)开通黄金会员才能使用AJAX提交,否则只能使用form提交</title></head><body>
2018-09-03 13:37:53 6073 7
原创 网站优化之Sitemap
<?xml version="1.0" encoding="UTF-8"?><urlset> <url> <loc>http://www.abc.com/</loc> //网站的域名 <lastmod&a
2018-09-01 13:37:39 564
原创 网站优化之meta,img标签
<title></title>首页建议使用公司名称,其他页面与内容相匹配,内容不同建议使用不同的标题<meta name='"keywords" content="关键字1,关键词2,..."> //为搜索引擎提供关键字列表<meta name="description" content="网页的简单叙述">
2018-09-01 11:56:26 580
翻译 多行文本超出部分省略号代替
贼久没来了记一波笔记:overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;
2017-11-03 16:26:38 377
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人