AspNetSunny-CSDN博客

原创 css3 控制显示的行数多余的...省略

.line-clamp { display: -webkit-box; -webkit-line-clamp: 1;/*控制显示的行数*/ overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis;}在标签上添加以上样式即可...

2019-12-19 15:37:14 293

原创 ssh key创建本地和git的安全连接 && ssh key的创建与github/gitlab中ssh key的添加

ssh key的作用：创建本地和gitlab的安全连接（SSH keys allow you to establish a secure connection between your computer and GitLab.）出现这个问题的原因1. ssh key 已经失效（可能原因：本地IP地址更换了）2.未创建ssh key解决方案：1.在terminal终端中生成...

2019-04-30 15:06:18 2175

原创 js&jquery获取url域名及参数的方法

@.1：获取url域名。window.location.host

2014-05-29 18:26:09 5413

原创【VUE3】子组件中的el-upload 选择图片点击取消会触发父组件emit cancel方法

经反复测试发现问题应该是el-upload 点击取消的时候触发了我的组件的cancel方法。问题是：每次上传图片点击取消总会触发cancelCreate方法。修改自己组件emit 时给到的名称修改后的代码。我将之前cancel 更改为了 myCancel。

2024-10-16 11:26:05 602 2

原创 uniapp 微信小程序添加隐私保护指引

【代码】uniapp 微信小程序添加隐私保护指引。

2023-09-01 11:45:50 3757 2

原创开发中 @/方式引入的文件，通过ctrl + 点击可直接指向

实际开发项目中例如VUE 或者 React 开发中我们经常会通过@的方式进行文件引入，但是这种方式会导致不能直接点击进入指定的文件。根目录创建jsconfig.json文件，文件内容如下。

2023-08-17 17:42:20 419

原创 vscode如何将crlf批量替换为lf

vscode如何把crlf批量替换为lf prettier

2023-02-07 14:42:17 6936

原创 Vue&JS 文字逐个出现

Vue&JS 文字逐个出现实现方式：开始文字设置为空，然后通过添加定时器截取content字符串来实现

2022-05-27 10:51:06 4130

向下动画是在animate.css的基础上进行修改的@keyframes fadeInDown { from { opacity: 0.7; -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0,

2022-05-27 10:29:21 1197

原创 nginx 配置iis 支持HTML include引入

http { ... ssi on; ssi_silent_errors on; ssi_types text/shtml;找到/path/to/conf/nginx.conf 文件添加上面三行重启nginx即可nginx -s reload 重启nginxnginx配置 server { listen 8080; server_name 127.0.0.1; location / {.

2022-02-08 15:36:31 1529

原创 Uncaught SyntaxError:Unexpected token

Android 5.0以下低版本浏览器中打开报错当使用引入vuejs的方式时在低版本的手机中报Uncaught SyntaxError:Unexpected token 错误解决方案：var vue = new Vue({ el: "#app", methods: { //错误的函数写法在低版本中不支持 userinvest() { }, //正确的写法 userinve

2021-05-14 11:49:26 1285 1

原创 2021-03-11：swiper 中实现每页显示多条遇到的问题总结

想要实现这种左右留一点的效果：主要样式：/* swiper的宽高设置为内容区域的宽高 */.swiper-slide { width: 660px !important; height: 508px !important; }/*内容区域宽高一定要设置为100% ,否则的话就不能实现这种显示效果了样式之前设置成px的时候然后一直就只能显示一个愁死我了 */ .swiper_item { width: 100%; hei

2021-03-11 17:58:39 773

原创 vue-awesome-swiper vertical loop 不生效

vue-awesome-swiper vertical loop 不生效划重点：listData.length > 0划重点：listData.length > 0当数据加载完了再进行绑定<div v-if="listData.length > 0" class="so-inner"> <swiper :options="swiperOp...

2020-03-26 17:25:58 679

原创 HTML5网页播放pcm语音流 VUE JS播放pcm语音流

将下面的组件文件直接放到我们的vue项目中运行即可看到效果<template> <div>  <section v-if="duration != '0'" @click="playVoice" class="qj_audio"> <span class="voice-n...

2020-02-28 16:28:14 7669 3

原创 mac vscode 打开内置terminal终端过几秒后闪退看不见了

解决方案在Code>>Preferences>>Settings 切换到JSON模式添加配置："terminal.integrated.shell.osx": "/bin/bash",{ "editor.wordWrap": "on", "terminal.integrated.shell.osx": "/bin/bash"}...

2019-11-19 15:35:14 7115

原创 img 图片固定大小图片不糊 object-fit

<div> <h2>object-fit: fill</h2> <img src="https://interactive-exampl...

2019-11-08 15:46:33 702

原创 es6 模板字符串中绑定事件的方法

step1: 模板字符传中写法renderDom() { return ` <div data-action="goDetail" data-url="${item.clickUrl}" class="uliao-news-item"> <h1>${item.title}</h1> &...

2019-09-27 17:04:48 8737

原创 Vue $set 视图同步更新

问题描述：更改数组后视图未刷新。this.$set 同步视图更新Vue.set( target, propertyName/index, value )this.subject_list[this.ins].proSel = $event[0];this.subject_list[this.ins].goods = $event[1];this.$set(this.subj...

2019-06-17 15:05:21 583

原创 MAC 最小化不显示缩略图标

选中即可

2019-04-30 16:02:29 2457

原创 Mac VS Code 如何去除右边的预览功能

取消选中Minimap即可

2019-04-30 15:55:21 783

转载 es6 删除数组中指定对象并返回新数组

Here are a few ways toremove an item from an array using JavaScript.All the method describeddo not mutate the original array, and instead create a new one.If you know the index of an itemSuppo...

2019-04-19 11:06:16 9882 3

原创 QQ js_sdk第三方授权登录自定义登录按钮

STEP 1:QQ放置页面添加：<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="100311200" data-redirecturi="http://192.168.16.54:8080/getToken.html" cha...

2018-12-08 17:49:40 2709

原创 MAC OSX安装pip出错 error: Could not find suitable distribution for Requirement.parse('pip')

▶ sudo easy_install pipPassword:Searching for pipReading https://pypi.python.org/simple/pip/Download error on https://pypi.python.org/simple/pip/: [SSL: TLSV1_ALERT_PROTOCOL_VERSION] tlsv1 al...

2018-09-27 17:50:58 22673

原创 Failed to connect to 127.0.0.1 port 1086: Connection refused

fatal: unable to access 'https://github.com/Homebrew/brew/': Failed to connect to 127.0.0.1 port 1086: Connection refusedFailed during: git fetch origin master:refs/remotes/origin/master --tags -...

2018-09-27 15:07:06 21233

原创 css3 绝对定位后需要对绝对定位的div元素设置 width和height

当将header的position设置为fixed以后 header>container 的width:100% 就不会起作用了这时我们需要给header 添加 width:100% 属性这时我们的container长度就回正常 <header id="header"> <div class="container"> ...

2018-09-07 11:57:50 1880

原创 Vue input checkbox 全选反选

首先在终端中安装jquerynpm i jquery --save<div class="container mt-3"> <p> <label><input type="checkbox" @click="ckb" />全选反选</label&gt

2018-09-04 17:29:52 850

原创 Vue v-for循环的时候更改 class的样式名称

在v-bind:class上绑定索引函数<div v-for="(shop,index) in shoplist" style="max-width: 20rem;" v-bind:class="calculate(index)">calculate(index) 此处必须添加index参数data(){ return{ ...

2018-09-04 17:01:36 5834

原创 vue expose-loader 引入jQuery Error in created hook: "ReferenceError: $ is not defined"

解决方案： main.js中引入import $ from 'jquery';window.jQuery = $;window.$ = $;

2017-12-07 10:22:40 17322

原创 webpack 更改默认host port 端口 webpack-dev-server

在webpack.config.js中编辑节点devServer: { host:’127.0.0.1’, port:8088 },

2017-11-25 14:46:32 26885 1

转载 css强制换行和超出隐藏实现

一、强制换行1 word-break: break-all; 只对英文起作用，以字母作为换行依据。2 word-wrap: break-word; 只对英文起作用，以单词作为换行依据。3 white-space: pre-wrap; 只对中文起作用，强制换行。word-break:break-all 和 word-wrap:break-word 都是能使其容器如DI

2017-08-18 15:05:23 541

原创 js回车事件触发

document.onkeydown = function (event) { var e = event || window.event || arguments.callee.caller.arguments[0]; if (e && e.keyCode == 13) { // enter 键 //要做的事情 $(".btn-login").tr

2017-08-14 16:24:02 872

原创 js、jquery 图像载入效果 Image Loading Effect

https://github.com/SunnyWoo/ImageLoadEffect

2017-08-10 17:47:51 1635

原创字体格式：ttf,woff,eot

生成网页字体 https://onlinefontconverter.com/eot：IE onetype是微软和Adobe共同开发的字体，IE浏览器全部采用这种字体。woff：其它浏览器 woff(web开发字体格式)是一种专门为web而设计的字体格式标准，实际上是对truetype/onetype等字体格式的封装，每个字体文件中含有字体以及针对字体的元数据（Metadata），字体文件被压

2017-07-12 17:41:38 2274

原创日常css小tips

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/features/5093566007214080解决方案：touch-action: none;

2017-06-24 14:45:32 1324