- 博客(28)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 前端笔记(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
10252
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
1999
原创 使用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
863
原创 为什么一定要用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
1034
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
274
原创 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
1786
原创 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
151
原创 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
3157
原创 记录工作中常用的一些 git 命令 (保持更新)
1. 从远程仓库分支拉取 强制覆盖本地git fetch --all && git reset --hard origin/dev && git pull
2020-10-16 15:30:29
76
原创 使用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
794
原创 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
481
原创 使用 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
2670
7
原创 简单的实现webstorm中console.log的个性化设置
console.log(' %c ???????? $EXPR$: ','font-size:20px;background-color: #42b983;color:#fff;', $EXPR$)
2020-10-13 17:00:38
1203
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
2822
原创 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
1280
原创 eclipse + tomcat 配置 java 开发环境
1.下载eclipse+jdkeclipse+jdk下载参考文章2.eclipse配置tomcat3. 测试tomcat是否安装成功
2019-10-15 11:51:24
137
原创 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
273
转载 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
1866
转载 解决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
147
原创 图片垂直居中方法----待续
图片的父元素添加display: flex;align-items: center;<div class="ppb_server clearfix"> <div class="title">贝拍服务</div> <ul> <li>
2019-02-28 16:21:10
111
原创 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
637
转载 phpstudy 出现You don't have permission to access / on this server解决办法
去掉vhost文件中的Options FollowSymLinks ExecCGI
2019-02-26 21:17:56
2378
原创 发送ajax失败,查找问题所在+PHPstudy在端口未被占用的情况下解决Apache无法启动-小方法
1.发送ajax失败,查找问题 2.PHPstudy在端口未被占用的情况下解决Apache无法启动-小方法
2019-02-26 19:02:30
207
翻译 $_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
326
翻译 前端日记-HTML常见的兼容性问题
1.IE的双边距Bug以及解决办法一、什么是双边距Bug?先来看图:我们要让绿色盒模型在蓝色盒模型之内向左浮动,并且距蓝色盒模型左侧100像素。这个例子很常见,比如在网页布局中,侧边栏靠左侧内容栏浮动,并且要留出内容栏的宽度。要实现这样的效果,我们给绿色盒模型应用以下CSS属性:.floatbox { float: left; width: 150px; height: 150...
2019-02-24 09:30:26
754
原创 个人vscode配置使用
{ "workbench.iconTheme": "vscode-icons", "editor.mouseWheelZoom": true, "sync.gist": "gist", "sync.host": "", "sync.pathPrefix": "", "sy
2018-08-11 15:00:03
405
原创 前端学习随身记
1.巧用trigger(jQuery)$(function () { /*监听屏幕大小*/ $(window).on('resize', function () { /*获取屏幕宽度*/ var items = $('.carousel-inner').find('.item'); var width = $(window).w...
2018-08-05 11:38:23
185
原创 vscode+Firefox实现前端移动真机测试
需要配件:1.安装有火狐浏览器的移动端(手机);2.安装有火狐浏览器和vscode的pc(电脑);3.在vscode安装Live Server 插件 4.安装之后vscode右下角会有Go Live这个标识 5.点击 Go Live 会在默认浏览器打开一个网页,我设置的火狐为默认浏览器,直接打开火狐下面是我的火狐跳转页面6.通过火狐自带网址二维码小功能,实...
2018-07-31 21:33:09
5404
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人