thinkplayer-CSDN博客

原创前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)

第1章Html Html：超级文本标记语言（HyperText Markup Language），在浏览器上运行的一种标记语言。就是给文本加上含有语义的标签。接下来应该学习更多具体语义标签：一、结构（固定的结构） <html><head><title></title></head><bod...

2018-07-02 00:09:29 8848 1

原创微信小程序中border- image的ios兼容使用

// ios 兼容border-image 不要设置这个borderColor,另外要分开写border-style: solid;border-width: 90rpx 50rpx 90rpx 50rpx;// border-color: transparent; border-image: url(../../static/imgs/mine/empty_box.png) 90 50 90 50 round;

2021-11-14 20:41:35 1946

原创使用vue-cli3 从零搭建pc大屏自适应

yarn add postcss-px2rem// package.json"postcss": { "plugins": { "autoprefixer": {}, "postcss-px2rem": { "remUnit": 192 } } }yarn add amfe-flexible// main.jsimport "amfe-flexible";

2021-11-08 21:02:48 844

原创为什么一定要用vue-socket.io,原生socket.io-client实现动态url不香么

前段时间公司项目要用到socket实现推送功能,接到的任务就是使用vue-socket.io,这.....当时作为socket小白的我,就这么翻呀翻它的文档,搞了许久,效果不理想(当时的我不能实现组件内new......)辗转了几天,实在无果,看看了他的封装,也是基于socket.io-client,那我为啥不直接用socket.io-client来实现哩,不多说,直接上代码,记录下socketio的初次学习 // .vue import SocketIO from "socket.io-cl

2021-04-22 10:33:54 945 1

翻译 window下从虚拟机安装ubuntu到配置react-native开发环境

一. 下载VMwareVMware Workstation Pro 16.1.0 Build 17198959VM16 密钥许可证ZF3R0-FHED2-M80TY-8QYGC-NPKYF二. 现在UbuntuUbuntu Desktop 20.04 LTS

2021-03-02 18:27:05 238

原创 js获取设备dpi

function findFirstPositive(b, a, i, c) { c=(d,e)=>e>=d?(a=d+(e-d)/2,0<b(a)&&(a==d||0>=b(a-1))?a:0>=b(a)?c(a+1,e):c(d,a-1)):-1 for (i = 1; 0 >= b(i);) i *= 2 return c(i / 2, i)|0}const dpi = findFirstPositive(x => matc.

2020-12-11 20:14:18 1738

原创 css改变 web 滚动条样式

.tree { max-height: 700px; width: 240px; overflow: auto; &::-webkit-scrollbar { width: 10px; background: #263238; } &::-webkit-scrollbar-thumb { border-radius: 10px; background: #0277bd; } }.

2020-11-02 15:46:40 117

原创 js 动态创建a标签实现文件附件的下载

function downloadFile(url,filename) { if (!url) return let link = document.createElement('a') //创建a标签 link.style.display = 'none' //使其隐藏 link.href = url //赋予文件下载地址 link.setAttribute('download',filename) //设置下载属...

2020-10-29 18:02:49 3019

原创记录工作中常用的一些 git 命令（保持更新）

1. 从远程仓库分支拉取强制覆盖本地git fetch --all && git reset --hard origin/dev && git pull

2020-10-16 15:30:29 68

原创使用webstorm 过程中拉取git仓库出现 Unlink of file ‘debug.log‘ failed. Should I try again?

原因是在项目根目录，webstorm自动生成了一个文件 debug.log ，这个文件不知道被谁给占用了，才导致了 Unlink of file 'debug.log' failed. Should I try again?，想办法解除debug.log的文件占用，就ok了我使用的是这个软件解除占用...

2020-10-16 15:27:36 768

原创 deepin 使用自带的apt安装 node

1. 安装node与npmsudo apt install nodejs-legacysudo apt install npm2.安装管理nodejs本身工具，n模块sudo npm install -g n3.升级node到制定版本，后面接版本号sudo n latest //最新版本sudo n stable //稳定版本sudo n lts //长期支持版本4.升级npm到最新版本sudo npm install npm@latest -g...

2020-10-16 09:10:26 449

原创使用 wangeditor “＞=3.0.0“ 报 “TypeError: Cannot set property ‘uploadImgShowBase64‘ of undefined“ （兼容老版）

Error in mounted hook: "TypeError: Cannot set property 'uploadImgShowBase64' of undefined"this.editor.customConfig = this.editor.customConfig ? this.editor.customConfig : this.editor.config;

2020-10-14 15:47:32 2597 7

原创简单的实现webstorm中console.log的个性化设置

console.log(' %c ????‍???? $EXPR$: ','font-size:20px;background-color: #42b983;color:#fff;', $EXPR$)

2020-10-13 17:00:38 1122 2

原创在webstorm中实现在vue项目中通过别名@实现点击跳转对应方法或文件

'use strict'const path = require('path')function resolve (dir) { return path.join(__dirname, '.', dir)}module.exports = { context: path.resolve(__dirname, './'), resolve: { extensions: ['.js', '.vue', '.json'], alias: { '@': reso.

2020-10-13 11:27:05 2658

原创 vue-cli3 创建项目，使用postcss实现浏览器css兼容处理

npm i vue-cli-plugin-postcss-preset autoprefixer -Dpackage.json配置如下"postcss": { "plugins": { "postcss-preset-env": { "stage": 2 }, "autoprefixer": { "overrideBrowserslist": [ "last 10 Chrome versions",.

2020-07-02 10:56:16 1231

原创 eclipse + tomcat 配置 java 开发环境

1.下载eclipse+jdkeclipse+jdk下载参考文章2.eclipse配置tomcat3. 测试tomcat是否安装成功

2019-10-15 11:51:24 130

原创 React-native初体验 => 移动App开发环境配置 => 使用Android “模拟器” Genymotion => ReactNative快速打包

一.移动App开发环境配置1.安装最新版本的java jdk1.修改环境变量，新增JAVA_HOME的系统环境变量，值为C:\Program Files\Java\jdk1.8.0_161，也就是安装JDK的根目录2.修改系统环境变量Path，在Path之后新增;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin3.新建系统环境变量CLASSPATH，值为.;%J...

2019-05-02 22:30:58 247

转载 Vue加载单文件使用vue-loader报错

错误提示ERROR in ./src/login.vueModule Error (from ./node_modules/vue-loader/lib/index.js):vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack con...

2019-04-03 21:13:48 1650

转载解决sublime package control 出现There are no packages available for installation

"channels": [ "D:\\channel_v3.json" ],按图依次打开打开后展示如图添加最上面的代码即可channel_v3.json下载channel_v3.json到自己的D盘根目录(省事)channel_v3.json本文属转载...

2019-03-22 21:06:29 134

原创图片垂直居中方法----待续

图片的父元素添加display: flex;align-items: center;<div class="ppb_server clearfix"> <div class="title">贝拍服务</div> <ul> <li>

2019-02-28 16:21:10 103

原创 Vscode安装sass初体验

1.首先安装Ruby https://rubyinstaller.org/downloads/下载完成后打开cmd命令行输入 ruby -v 如果显示版本号则表示安装成功2.然后安装sassnpm install -g sass安装完成后打开cmd命令行输入 sass -v 出现版本号则安装成功3. vscode 下载Easy Sass 插件安装后重启...

2019-02-28 09:52:16 603

转载 phpstudy 出现You don't have permission to access / on this server解决办法

去掉vhost文件中的Options FollowSymLinks ExecCGI

2019-02-26 21:17:56 2326

原创发送ajax失败,查找问题所在+PHPstudy在端口未被占用的情况下解决Apache无法启动-小方法

1.发送ajax失败,查找问题 2.PHPstudy在端口未被占用的情况下解决Apache无法启动-小方法

2019-02-26 19:02:30 193

翻译 $_REQUEST,$_POST,$_GET的三者区别和特点 && $_REQUEST的缺陷

一、$_REQUEST[ ] 具有$_POST[ ]和 $_GET[ ]的功能,但是$_REQUEST[ ]比较慢。通过post和get方法提交的所有数据都可以通过$_REQUEST[ ]接收。二、post、post、_get的区别和特点1. get是从服务器上获取数据，post是向服务器传送数据。2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个...

2019-02-25 20:29:01 285

翻译前端日记-HTML常见的兼容性问题

1.IE的双边距Bug以及解决办法一、什么是双边距Bug？先来看图：我们要让绿色盒模型在蓝色盒模型之内向左浮动，并且距蓝色盒模型左侧100像素。这个例子很常见，比如在网页布局中，侧边栏靠左侧内容栏浮动，并且要留出内容栏的宽度。要实现这样的效果，我们给绿色盒模型应用以下CSS属性：.floatbox { float: left; width: 150px; height: 150...

2019-02-24 09:30:26 728

原创个人vscode配置使用

{ "workbench.iconTheme": "vscode-icons", "editor.mouseWheelZoom": true, "sync.gist": "gist", "sync.host": "", "sync.pathPrefix": "", "sy

2018-08-11 15:00:03 361

原创前端学习随身记

1.巧用trigger(jQuery)$(function () { /*监听屏幕大小*/ $(window).on('resize', function () { /*获取屏幕宽度*/ var items = $('.carousel-inner').find('.item'); var width = $(window).w...

2018-08-05 11:38:23 177

原创 vscode+Firefox实现前端移动真机测试

需要配件:1.安装有火狐浏览器的移动端(手机);2.安装有火狐浏览器和vscode的pc(电脑);3.在vscode安装Live Server 插件 4.安装之后vscode右下角会有Go Live这个标识 5.点击 Go Live 会在默认浏览器打开一个网页,我设置的火狐为默认浏览器,直接打开火狐下面是我的火狐跳转页面6.通过火狐自带网址二维码小功能,实...

2018-07-31 21:33:09 5355 1

qq_36609655的博客