Vincentzyc
码龄6年
  • 139,338
    被访问
  • 27
    原创
  • 1,836,722
    排名
  • 45
    粉丝
  • 0
    铁粉
关注
提问 私信
  • 加入CSDN时间: 2016-08-30
博客简介:

Vincentyun

博客描述:
Never Give Up
查看详细资料
个人成就
  • 获得49次点赞
  • 内容获得24次评论
  • 获得245次收藏
创作历程
  • 1篇
    2021年
  • 2篇
    2020年
  • 15篇
    2019年
  • 12篇
    2018年
成就勋章
TA的专栏
  • vue
    13篇
  • javascript
    19篇
  • css
    6篇
  • html
    3篇
  • 前端面试
    2篇
  • 小程序
    1篇
  • git
    1篇
  • element-ui
    3篇
  • react
    1篇
  • http
    1篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jses6前端框架
  • 后端
    node.js
  • 微软技术
    typescript
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

vuecli build 打包版本管理

package.json ... "version": "1.3.0", "lastVersion": "1.2.0", "lastTwoVersion": "1.1.0", ...vue.config.jsconst fs = require('fs')const rimraf = require('rimraf')module.exports = { publicPath: "./", outputDir: "dist", assetsDir: 'static
原创
发布博客 2021.01.21 ·
269 阅读 ·
0 点赞 ·
1 评论

Vue3.0 + Typescript 项目 demo

基于 Vue3.0 + Typescript + Vant 的H5项目例子主要用到的技术如下: "vant": "^3.0.0-beta.2", "vue": "^3.0.0-0", "vue-router": "^4.0.0-0", "vuex": "^4.0.0-0", "typescript": "~3.9.3"项目地址:https://github.com/vincentzyc/vue3-demo预览地址:https://vincentzyc.gith
原创
发布博客 2020.10.19 ·
1616 阅读 ·
5 点赞 ·
4 评论

ios下使用动画 transform: translate(xx%) 无效问题

<div class="wg-marquee-up"></div> .wg-marquee-up { height:300px; -webkit-animation: marquee-up 5s linear infinite; -ms-animation: marquee-up 5s linear infinite; -o-animation: marquee-up 5s linear infinite; animation: marq
原创
发布博客 2020.08.06 ·
1427 阅读 ·
3 点赞 ·
0 评论

基于vue的二进制格式多段时间选择器

基于vue的二进制格式多段时间选择器二进制格式的多段时间选择器,主要用于广告营销时段选择项目地址:https://github.com/vincentzyc/form-design如果觉得对你有用的话就给个 star 呗 ~~...
原创
发布博客 2019.12.28 ·
346 阅读 ·
0 点赞 ·
3 评论

vuecli3关闭 Prefetch

// vue.config.jsmodule.exports = { chainWebpack: config => { // 移除 prefetch 插件 config.plugins.delete('prefetch') // 或者 // 修改它的选项: config.plugin('prefetch').tap(options =>...
原创
发布博客 2019.10.09 ·
4728 阅读 ·
0 点赞 ·
0 评论

css 文本超出部分显示省略号

/* 必须固定宽度 */.textover { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}/* 可用于flex布局自适应宽度 */.textover1 { overflow: hidden; text-overflow: ellipsis; display:...
原创
发布博客 2019.09.18 ·
131 阅读 ·
0 点赞 ·
0 评论

http常用请求头

通用字段作用Cache-Control控制缓存的行为Connection浏览器想要优先使用的连接类型,比如 keep-aliveDate创建报文时间Pragma报文指令Via代理服务器相关信息Transfer-Encoding传输编码方式Upgrade要求客户端升级协议Warning在内容中可能存在错误请求...
原创
发布博客 2019.05.25 ·
565 阅读 ·
0 点赞 ·
0 评论

react-router路由使用js跳转

1.组件中使用withRouterimport { withRouter } from "react-router-dom";function Siderbar(props) { console.log(props); return ( ...... )}export default withRouter(Siderbar)withRouter官方文档2.使...
原创
发布博客 2019.05.16 ·
1623 阅读 ·
0 点赞 ·
0 评论

js控制页面全屏

function fullScreenFun() { var iFullscreen = false; //当前是否全屏状态 var fullscreenEnabled = document.fullscreenEnabled || document.mozFullScreenEnabled || document.webkitFullscreenEna...
原创
发布博客 2019.05.06 ·
2532 阅读 ·
0 点赞 ·
0 评论

vue基于element-ui的Select选择器实现的动态多级联动下拉选择

demo地址代码如下:Html<div id="app"> <el-select v-for="(arrItem,key) in selectList" :key="key" v-model="selectArr[key]" filterable placeholder="请选择" value-key="value" @change="selected" @focu...
原创
发布博客 2019.04.10 ·
19082 阅读 ·
6 点赞 ·
0 评论

vuecli3+生产环境使用cdn

以使用v-charts为例在vue.config.js中添加 configureWebpack: { // 把webpack的配置写在这里 会自动合并 // 以下库使用cdn,不会被打包 externals: { "v-charts": "VeIndex", } },externals 配置中,左边 “v-charts” 表示 引入的模块名称,右边的 VeIndex...
原创
发布博客 2019.04.08 ·
3243 阅读 ·
2 点赞 ·
0 评论

使用vuecli3开发自己的npm包

1.创建项目vue create mynpm2.写组件3.在src目录下创建index.js,代码如下,根据实际情况修改import Vue from "vue"import mycomponent from './components/mycomponent .vue'let MyPlugin = { version: '1.0.0'};MyPlugin.install ...
原创
发布博客 2019.03.25 ·
1274 阅读 ·
0 点赞 ·
1 评论

禁止遮罩层底部滑动

原理:打开遮罩的时候记录滑动距离 lockMaskScrollTop ,同时设置 body 的 position: fixed; body.style.top= - lockMaskScrollTop;关闭遮罩的时候 移除 body 的 position: fixed 即可。代码如下:css: body.popup-open { position: fixed; }j...
原创
发布博客 2019.03.14 ·
2200 阅读 ·
0 点赞 ·
0 评论

vue-lazyload 图片懒加载

#vue-lazyload源码地址安装npmnpm i vue-lazyload -S使用main.js:import Vue from 'vue'import App from './App.vue'import VueLazyload from 'vue-lazyload'Vue.use(VueLazyload,{ preload:1.3, //预加载的宽高 ...
原创
发布博客 2019.02.22 ·
131 阅读 ·
0 点赞 ·
0 评论

基于vue的动态表单自助建站工具

基于vue的拖拽式动态表单自助建站工具根据自己需求自助搭建移动端营销、投放、信息采集、推广、宣传等页面使用vuecli3生成项目,主要用到的技术如下: "element-ui": "^2.4.5", "vuedraggable": "^2.23.0", "vue": "^2.6.10", "vue-router": "^3.0.3", "vuex": "^3.0.1"
原创
发布博客 2019.02.22 ·
6600 阅读 ·
8 点赞 ·
3 评论

Html5 清空canvas画布

总结以下三种清空canvas画布的方式:最简单的方法:由于canvas每当高度或宽度被重设时,画布内容就会被清空,因此可以用以下方法清空:function clearCanvas&amp;amp;lt;span style=&amp;quot;font-family: Verdana, Arial, 宋体;&amp;quot;&amp;amp;gt;()&amp;amp;lt;/span&amp;amp;gt; { var c=docu
转载
发布博客 2019.02.19 ·
5645 阅读 ·
2 点赞 ·
0 评论

git 设置文件大小写敏感

方法一命令设置Git大小写敏感:git config core.ignorecase false方法二找到项目的 .git 文件夹(window默认是隐藏的,设置显示隐藏的项目即可出现) 下的 config 文件打开,将ignorecase = true 设置成 ignorecase = false即可方法三先删除文件,提交;再添加进去,提交...
原创
发布博客 2019.02.19 ·
2720 阅读 ·
0 点赞 ·
0 评论

postMessage 实现跨域通信

1. iframe + postMessage //主页面: var iframe = document.createElement("iframe"); iframe.src = "http://localhost:3000"; iframe.id = "myFrame"; iframe.width = "100%"; ifr...
原创
发布博客 2019.01.08 ·
559 阅读 ·
1 点赞 ·
0 评论

js图片压缩

/* * 图片压缩,默认同比例压缩 * @param {Object} path * pc端传入的路径可以为相对路径,但是在移动端上必须传入的路径是照相图片储存的绝对路径 * @param {Object} obj * obj 对象 有 width, height, quality(0-1) * @param {Object} callbac...
原创
发布博客 2018.11.19 ·
159 阅读 ·
0 点赞 ·
0 评论

vue重置data

Object.assign(this.$data, this.$options.data())解析:1.Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 Object.assign(target, …sources); 参数: target =&amp;gt; 目标对象。 sources =&amp;gt; 源对象。 返回值: 目标对象。2....
原创
发布博客 2018.10.25 ·
7538 阅读 ·
2 点赞 ·
3 评论
加载更多