小虾Suki-CSDN博客

原创视觉中国签约插画图库上传失败图片显示“缺少分辨率信息”

遇到问题：视觉中国签约插画师在图库上传图片，从PS中导出的插画上传失败显示“缺少分辨率信息”。解决方法：PS中快捷键 Ctrl + Alt + shift + E 把插画文件中所有可见图层合并，在合并后的图层上右键单击，选择“转换为智能对象”后重新导出图片后上传即可（如下图）。...

2020-02-27 17:28:21 5986

原创 SASS报错 -

Hbuilder中使用SASS/SCSS 预编译时报错：Error: Invalid CSS after “red”: expected expression (e.g. 1px, bold), was “;”on line 2 of test.sassSASS文件中：编译出的CSS文件中报错：解决方式参考：将文件后缀名由sass改成scss。（建议一开始就新建sass文件而...

2019-10-29 10:41:50 1145

原创 Vue项目笔记

仅作个人项目笔记记录。2018-09-29 Saturday简化项目中的资源目录： cli中默认定义了’@'代表“src”目录，故项目代码中直接可以用“@”替代src。自定义路径简写如styles目录“src/assets/styles”，在webpack.base.conf.js中module.exports > resolve：resolve: { extensions:...

2019-09-16 12:23:38 455

转载 Vue相关组件或框架集合 - awesome-github-vue

参考：awesome-github-vueawesome-github-vue 是由OpenDigg整理并维护的Vue相关开源项目库集合。

2018-09-27 14:38:22 2478

原创移动端中使用调试控制台

&lt;head&gt; &lt;meta charset="UTF-8"&gt; .... &lt;!-- 移动端调试控制台 --&gt; &lt;script src="https://cdn.bootcss.com/eruda/1.4.3/eruda.min.js"&amp

2018-09-21 15:46:05 3709

原创微信分享缩略图不显示的问题

如果imgUrl 设为根目录路径‘’/images/logo_green.png’’，自定义的缩略图将显示不出来（被使用微信默认的链接缩略图）：分享的缩略图URL须为绝对路径，相对路径或根目录路径不可用。项目中设置了根地址为变量root ，var root='http://'+location.host+'/';function registeWX(){ ...

2018-07-31 14:30:35 9172

转载 [转]分享前端开发常用代码片段

转自：前端大全 https://mp.weixin.qq.com/s/Ma9SvTTiIipxx5nfSkb9ug 一、预加载图像如果你的网页中需要使用大量初始不可见的（例如，悬停的）图像，那么可以预加载这些图像。$.preloadImages = function () { for (var i = 0; i &lt; arguments.length; i++) { ...

2018-06-12 10:56:28 260

原创笔记：防止 Safari 浏览器中的数字被识别为电话号码

在Safari浏览器中，有一个默认开启的功能, 会把网页中的数字自动识别为电话号码, 并且改变文字的颜色和样式（蓝色）,这种情况下如果我们需要相应位置背景色也为蓝色或其他，就有点尴尬，而这个默认样式貌似也改不了。解决方法：在<head></head>中加入<meta name="format-detection" content="telephone=n...

2018-05-08 16:42:07 1777 1

原创小程序textarea 文本保存后显示不换行的问题

PS：小程序版本 v1.02.1814120使用小程序 textarea 组件把文本传给后台，再从后台获取文本，当原文本中有换行，用一般的标签（<view></view>）或者不使用标签显示文本时，文本不会换行： textarea 中输入文本时换行正常：获取数据后的显示没有换行：<view class='info' id="{{index}}" b...

2018-04-23 11:40:24 9885 1

转载修改微信小程序switch开关样式

转载及参考：https://blog.csdn.net/littlebeargreat/article/details/79130305/*swtich整体大小及背景色*/.wx-switch-input{ width:82rpx !important; height:40rpx !important; background: #50D2C2 !important;...

2018-04-13 18:10:52 20604 7

原创小程序中获取对应页面的小程序码

参考小程序官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/qrcode.htmlFrom文档：提供了三个接口，开发者可挑选适合自己的接口。A接口，生成小程序码，可接受path参数较长，生成个数受限。 B接口，生成小程序码，可接受页面参数较短，生成个数不受限。 C接口，生成二维码，可接受path参数较长，生成...

2018-04-11 18:09:00 6050 2

原创笔记：Java 创建txt文件并向其写入数据，再将数据存入到Mysql数据表

需要用到的jar包：图片描述如果maven直接add找不到，可以到maven 库中找jar包对应的xml语句： https://mvnrepository.com/创建TXT文件并写入数据： PS：最后注释掉的为测试方法；//WriteFile.java //用于将信息写入文本文件package dbUtil;import java.io.*;//WriteFil...

2018-04-03 16:24:55 2890

原创 Webstorm 文档注释模板及函数代码注释

养成良好的代码习惯，规范化代码，规范的注释便于后续维护。文档说明注释 Webstorm js中，自定义js说明注释(文档描述、作者、创建日期等)：快捷键 Ctrl + Shift + S 打开Webstorm设置，搜索‘Live Template’，找到JavaScript，如下：点击右上角“+”-> Live Template，添加注释模板,出现以下界面，填写相关的信息： ...

2018-03-27 14:55:05 38419 15

原创笔记：webpack 创建Vue项目

安装NodeJS 打开cmd（或新建文件夹，在webstorm中打开，使用Webstorm的Terminal命令行）确保已安装Nodejs全局安装webpacknpm install webpack -g若使用淘宝镜像，则先安装淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org再安装w...

2018-03-16 16:15:31 3225

转载 JavaScript 开发人员需要知道的简写技巧[转载]

来自：葡萄城控件链接：https://my.oschina.net/powertoolsteam/blog/1555271 原文：https://www.sitepoint.com/shorthand-javascript-techniques/本文来源于多年的 JavaScript 编码技术经验，适合所有正在使用 JavaScript 编程的开发人员阅读。本文的目的在于帮助大家更加...

2018-03-16 11:28:00 192

原创笔记：Webstorm 提示 ‘please specify path to jscs'package’

Vue demo中打开index.js文件Webstorm 报错：这是 Webstorm 的代码检查，解决方法： webstorm的file –> settings –> Language & Frameworrks –> Javascript –> Code Quality Tools –> 分别打开 jsLint 、jsHint Closu...

2018-03-12 11:04:38 15118 4

转载 gulp的使用以及Gulp新手入门教程

Gulp新手入门教程原文 http://w3ctrain.com/2015/12/22/gulp-for-beginners/ Gulp 是一个自动化工具，前端开发者可以使用它来处理常见任务：搭建web服务器文件保存时自动重载浏览器使用预处理器如Sass、LESS 优化资源，比如压缩CSS、JavaScript、压缩图片当然Gulp能做的远不止这些。如果你够疯狂，你甚至可...

2018-03-07 14:50:30 365

原创笔记：微信小程序地图使用

小程序地图的坑：（PS：当前使用的微信开发工具版本：v1.02.1802270）marker属性中，label{} 中的color和bgColor颜色值只能是十六进制，如‘#ffffff’，不支持颜色值简写‘#fff’，不支持rgba()，不支持颜色单词‘white’‘yellow’等。否则marker无法显示（或者显示有问题，如当label位置与 marker点的icon重合的时候会被...

2018-03-01 16:46:58 5286 1

原创 web-kit 修改滚动条样式

在TypeScript官方文档里注意到的样式，算做个小笔记。只在web-kit 浏览器中有效：效果：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&g

2018-03-01 16:10:01 414

转载微信背后的产品观 - 张小龙内部8小时演讲

转自 http://blog.csdn.net/ggxxkkll/article/details/50703468 演讲内容微信回顾用户篇需求篇设计篇气质篇 UI篇提纲微信回顾 • 433天，一亿用户 • 成为移动互联网的新入口启动（2010年11月19日）用户数突破1亿 1.0 1月26日 2.0 5月10日 ...

2018-02-13 11:47:42 5296

原创笔记：substring和substr的区别

笔记：substring和substr的区别

2017-11-20 12:25:29 3333

原创 Swiper下的延迟加载

Swiper下的延迟加载

2017-11-17 15:41:37 5173

转载笔记：CSS3的calc()使用

参考大漠的文章： CSS3的calc()使用calc()制作自适应布局　<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .demo { width: 300px; backgr

2017-11-16 15:54:59 227

转载笔记 - 如何理解虚拟DOM?（转）

转自https://www.zhihu.com/question/29504639摘录：用新渲染的对象树去和旧的树进行对比，记录这两棵树差异。记录下来的不同就是我们需要对页面真正的 DOM 操作，然后把它们应用在真正的 DOM 树上，页面就变更了。这样就可以做到：视图的结构确实是整个全新渲染了，但是最后操作DOM的时候确实只变更有不同的地方。这就是所谓的 Virtual DOM 算法。

2017-11-14 14:40:59 274

原创笔记 - 自定义toast 小提示弹框

项目中常用到一些小组件，如toast/alert 弹框，关于toast提示框，貌似一般在移动端说得比较多。。。嗯，不管了，差不多的意思，项目中就叫它toast提示框。（关于移动端弹框，参考：APP提示框架详解：Toast提示、Snackbars和Alert 以下为自定义的Web toast小提示框，js代码放在公共js文件中，可以全局调用，代码如下：<!DOCTYPE html><html la

2017-11-10 17:24:43 1869

原创笔记：Echarts - 堆叠柱状图

由于项目中大多统计图用到的Echarts属性值都大同小异且设计中统计图的一般属性（如标题文字样式、柱状图形状等）需要保持一致，在此把共有属性放在一起，便于统一样式控制。个别不一样的样式在参数或者相应的初始化函数中单独设置处理： //Echarts统计图共有options设置集合 var commonOpts = { title: { text: "",

2017-11-08 14:36:07 9133

原创笔记：Echarts - 柱状折线图

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>柱状折线图demo</title> <style> .section { width: 915px; border: 1px solid #ccc; }

2017-11-08 14:12:17 519

原创笔记：Echarts - 多柱子柱状图

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>echarts-多柱子柱状图</title> <link rel="stylesheet" href="css/chart.common.css"> <style> body, html { width: 10

2017-11-03 18:00:50 16592 1

原创笔记：Echarts - legend属性设置

echarts - legend属性设置

2017-11-01 17:45:02 82402 1

原创 http://localhost:63342/cloudcareer_pc/index.html?requested without authorization, you can......

WebStorm 打开web页面时弹出警告： http://localhost:63342/cloudcareer_pc/index.html?requested without authorization, you can copy URL and open it in browser to trust it.页面有时候打不开，copy URL and open it in browse...

2017-09-18 09:40:57 7446 2

原创笔记：angular在路由跳转时，如何让跳转的页面显示在最顶端？

如果我在A页面把页面下拉了，再点击跳转到B页面，页面的位置不是现实的最顶端（而是A页面的页面位置）。如何让页面每次跳转都把下一个页面的时候，都让页面显示在顶部：使用 $anchorScroll 依赖：$window $location $rootScope $anchorScrollPS：官方文档说明请参考： https://docs.angularjs.org/api/ng/service

2017-08-28 17:08:03 3499

原创笔记：css3 transition 实现div宽度以中心为原点向两边伸长

参考原文章（问答）： css3 transition width在变长的时候能以中心为原点，向两边伸长吗？我在项目中用来作为导航菜单的鼠标悬停交互 : 核心代码(CSS)：.container { text-align: center; }.bar { width: 100px; display: inline-block;

2017-08-28 16:58:25 10915

原创轮播图前后页面切换按钮交互 - 宽高缩放效果

轮播图前后页面切换按钮交互因为不喜欢千篇一律的鼠标悬停改变背景透明度的交互，项目中改写了swiper插件中自带的切换按钮样式，实现鼠标悬停时左右翻页箭头的大小变换交互：代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>上下幻灯片切换按钮大小变换交互</title></head><s

2017-08-28 16:24:34 1201

rubyinstaller-devkit-2.5.7-1-x64

rubyinstaller-devkit-2.5.7-1-x64.exe 安装SCSS/SASS时所需。

2019-10-29

JSONView-for-Chrome

放在这里作为工具资源备忘。工具作用是在谷歌浏览器中访问URL地址返回的json数据能否按照json格式展现出来。相关链接以及安装参考：https://www.cnblogs.com/whycxb/p/7126116.html

2018-07-20

WinSCP-5.11.2-Setup

winscp中文版是一款在Windows环境下运行，支持SSH的开源图形化SFTP客户端文件传输软件。它拥有多语言版本、内置文本编辑器，同时还全面支持SSH-1、SSH-2 的 SFTP 和 SCP等多种协议的传输以及所有常用文件的操作，只要文件主机支持SSH协定，你就可以尽情的上传、下载、移动、复制、重命名文件，让你更加方便有效的管理传输的文件

2018-07-20

Window Resizer1.9.1.4

一款可以设置浏览器窗口大小的Chrome扩展，用户安装了window resizer插件后可以快速调节chrome的窗口大小，用户可以将窗口调节为320x480、480x800、1024x768等大小，也可以选择自定义浏览器窗口的尺寸。资源链接：http://www.cnplugins.com/devtool/window-resizer/download.html

2017-09-15