- 博客(65)
- 资源 (10)
- 收藏
- 关注
RSS订阅
原创 ios，安卓 input禁止输入方式
input禁止输入只能输入数字、汉字、英文文本合成系统如 input method editor (即输入法编辑器）开始新的输入合成时会触发 compositionstart 事件当文本段落的组成完成或取消时, compositionend 事件将被触发<!-- 代码为vue实例 --><input type="text" v-model="contactName" @compositionstart="onCompositionStart" @compositionend=
2022-05-14 11:02:48
1047
原创 vditor 自定渲染，lute.js api
所见所得：wysiwyg -> SpinVditorDOM。即使渲染：IR -> SpinVditorIRDOM。分屏：sv -> SpinVditorSVDOM。预览：previewRender。渲染器函数 node 参数api。
2023-06-27 16:54:59
1212
2
原创 安卓移动端line-height垂直居中出现偏移的原因，及解决方法
这个方法是利用了浏览器的字体fallback机制，让英文也使用中文字体来展示，blink早期的内核在fallback机制上存在问题，Android 7.0+才能ok，早期的内核下会导致英文fallback到Noto Sans Myanmar，这个字体非常丑。这个方案就是显式申明中文的方案，MIUI在8.0+上内置了小米兰亭，同时在fonts.xml里给这个字体指定了family name：miui，所以我们可以直接设置。出现了一定位置的偏移情况，如果略微只有两三个像素差距是看不出来的。......
2022-08-04 14:41:38
867
原创 移动端H5 富文本编辑器
uniapp组件 可以打包成H5地址 ：https://ext.dcloud.net.cn/plugin?id=8342
2022-05-26 17:48:16
2526
转载 PM2 部署 nodejs 项目
PM2 部署 nodejs 项目在网上找到pm2.目前似乎最常见的线上部署nodejs项目的有forever,pm2这两种。使用场合:forever管理多个站点，每个站点访问量不大，不需要监控。pm2 网站访问量比较大,需要完整的监控界面。PM2的主要特性:内建负载均衡（使用Node cluster 集群模块）后台运行0秒停机重载，我理解大概意思是维护升级的时候不需要停机.具有Ubuntu和CentOS 的启动脚本停止不稳定的进程（避免无限循环）控制台检测提供 HTTP API远程
2022-04-11 09:19:58
1447
原创 练手切水果
<div class="apple egg"> <div class="small_apple small_egg1"></div> <div class="small_apple small_egg1 small_apple2"></div> <div class="small_apple small_egg1 small_apple3"></div> <.
2022-04-08 15:08:02
415
1
原创 简易贪吃色
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2022-04-07 16:45:19
390
3
原创 JS实现继承的几种方式及优缺点
JS实现继承的几种方式及优缺点1. 原型链继承2. 构造函数继承3. 组合继承4.原型式继承5.寄生继承6.寄生组合式继承1. 原型链继承实现方式：将子类的原型链指向父类的对象实例function Parent(){ this.name = "parent"; this.list = ['a'];}Parent.prototype.sayHi = function(){ console.log('hi');}function Child(){}Child.prototype =
2021-08-16 17:58:26
303
原创 mysql语句
mysql语句启动mysql services.msc登录mysql -uroot -proot退出exitmysql 数据库操作数据库表格操作修改表删除表表-数据-增删改查条件查询 （复杂）连接查询（连表查询）子查询 （一个查询的结果作为另一个查询的一部分）启动mysql services.msc登录mysql -uroot -proot退出exitmysql 数据库操作登录mysql -uroot -prootquit/exit查看当前使用数据库： select database();
2021-08-15 10:05:42
286
原创 mysql 安装示意图 本地开发
第一步选择 Server only 学习开发用着个第二步 点击Execute第三步 选择端口第四部 密码第五步 第六步 第七部next 下一步下一步
2021-08-13 14:35:17
130
原创 uniapp App原生头部和自定义头部
# 原生配置头部：1.在pages.json中 - titleText 标题名称 - buttons 按钮配置 - searchInput 搜索 2.buttons 按钮配置 - "float": "left" 控制按钮在 **左右** 显示 - "badgeText": "19" 角标显示 - "text": "北京\ue629" 可拼接图标...
2021-01-16 15:35:15
7265
原创 uniapp nvue map组件
Map组件功能使用uni.getLocation新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入uni.getLocationuni.getLocation开启实时定位功能配合 markers 显示控件 （当前位置和
2021-01-16 14:25:40
3209
4
原创 js 作用域 作用域链 闭包 内存泄露
GO：globalobject 即 全局上下文AO ：activationobject活跃对象，函数上下文, 在函数执行之前进行的一个步骤jS代码编译过程：检查通篇的语法错误，若有错误则不编译执行 预编译 解释一行，执行一行提升：函数声明会整体提升，变量表达式只有声明提升，赋值不提升 寻找GO的方法：1.找变量2.找函数声明3.执行寻找AO的方法：1.寻找函数的形参和变量声明2.把实参的值赋值给形参3.寻找函数声明，...
2020-12-20 21:28:39
155
原创 前端 git命令
已有项目上传到github// 初始化仓库git init // 添加所有项目文件到缓存git add .// 提交到本地仓库git commit -m 'first commit'添加远程仓库// 关联git remote add origin https://github.com/xxx/xxx.git//远程仓库版本合并到本地仓库git pull --rebase origin master//本地仓库推送到远程仓库git push -u origin master
2020-11-17 09:37:51
470
原创 weinre 移动端真机调试插件
关于weinreweinre是依赖于node.js安装配置node环境npm -g install weinre操作步骤cmd中 执行ip和端口 weinre --boundHost [IP_address] --httpPort [port] (IP_address 是pc的ip地址, 不能是127.0.0.1，port可以输入一个随便的端口)例如：本机iP 192.168.0.63 项目启动5502weinre --boundHost 192.168.0.63 --httpPort
2020-11-09 14:50:34
264
原创 webpack@4 配置流程 压缩 混淆 打包
webpack 概述webpack 是一个现代 javascript 应用程序的 静态模块打包器 (module bundler)webpack官网webpack 能做什么webpack是一个静态模块打包器语法转换less/sass/stylus转换成cssES6转换成ES5…html/css/js 代码压缩合并 (打包)webpack可以在开发期间提供一个开发环境自动打开浏览器保存时自动刷新项目一般先打包再上线webpack 的基本使用webpack基本打
2020-08-18 22:04:54
2474
原创 node 小爬虫
初始化npm init -y内置依赖内置path， fspath指定文件夹绝对路径fs 写入文件外部依赖包依赖包cheerio， requestcheerio相当于jQuery用于操作请求的HTML值request请求接口npm i cheerio request -Sconst request = require('request')const cheerio = require('cheerio')const fs = require('fs')const pat
2020-08-13 09:10:12
191
原创 前端 H5 调试方法
vconsole调试工具官方github地址：https://github.com/Tencent/vConsole/blob/dev/doc/tutorial_CN.md官方demo：http://wechatfe.github.io/vconsole/demo.html特别注意官方提供的demo上面的按钮点击是无效的，但不要担心，直接在项目中引入插件，可以直接使用特性：1.安卓和ios的手机都可以用2.H5页面（包括混合式App的内嵌H5页面）3.console的相关打印可以直
2020-07-30 08:22:12
602
原创 vue.config.js 首屏加载优化
1. compression-webpack-plugin 插件压缩文件cnpm i compression-webpack-plugin -D 安装依赖包（npm有时候会出错）原理：把文件压缩成浏览器能够自动解压的 gizp 文件， 配合 nginx 配置开启https://blog.youkuaiyun.com/baidu_35407267/article/details/77141871https://segmentfault.com/a/1190000012571492...
2020-06-29 18:30:41
596
原创 解决css（富文本内容）连续数字、字母，特殊符号不自动换行
通过富文本编辑器添加的内容，通过input展示出来（这里用到了 Vue 的 v-html指令）。也是巧合，编辑了一个只有数字组成的长文本，等到展示的时候发现，内容超出了（没有自动换行）解决方法： 接下来介绍一下上面问题的两种解决方法：1.方法一——对input标签设置div{ WORD-WRAP:break-word; TABLE-LAYOUT:fixed; word-break:break-all;}2.方法二——对input标签内的p标签设置.div &.
2020-06-19 20:35:57
6360
原创 小程序页面和组件生命周期
页面 Page//index.jsPage({ data: { text: "This is page data." }, onLoad: function(options) { // 页面创建时执行 }, onShow: function() { // 页面出现在前台时执行 }, onReady: function() { // 页面首次渲染完毕时执行 }, onHide: function() { // 页面从前台变为后.
2020-05-12 09:56:54
669
原创 el-table expand-change 点击每次只展示一个
三个事件:row-key=“getRowKeys”行数据的 Key，用来优化 Table 的渲染；在使用 reserve-selection 功能与显示树形数据时，该属性是必填的。类型为String 时，支持多层访问：user.info.id，但不支持 user.info[0].id，此种情况请使用 Function。:expand-row-keys=“expands”可以...
2019-11-21 10:08:56
4711
3
原创 el-table type=“expand“ @expand-change=“ “ 事件获取数据 dom渲染不显示
问题的形成原因：1.在el-table中添加 type=“expand” 二级列表2.二级列表数据是由 @expand-change=" " 事件 请求api获取3.把获取的数据动态添加到一级列表的数据中4.导致数据结构 深层次 嵌套 vue数据没有及时回显详解我们知道在vue中，数据的绑定都不用我们操心，例如在data中有一个msg的变量，你修改它，那么在页面上，msg...
2019-10-21 14:36:24
13099
5
原创 centos服务器 Web服务环境安装（node+nginx）
安装node1. 下载最新的稳定版 v10.16.3 到本地 wget https://nodejs.org/dist/v10.16.3/node-v10.16.3-linux-x64.tar.xz2. 下载完成后, 将其解压tar xvJf node-v10.16.3-linux-x64.tar.xz3. 将解压的 Node.js 目录移动到 /usr/local 目录下...
2019-10-18 15:46:15
485
原创 el-table+el-from 动态生成表格表单
完整代码<template> <div class="transropt-warp container"> <div class="common-title"><h2>Transropt</h2></div> <div class="transropt-container"> &...
2019-10-18 13:43:53
2768
原创 indexOf快速查询数组中是否存在某一个值
两组代码对比 减少代码量<el-button type="text" v-if='["TRANSPORT_DELIVERED","TRANSPORT_COMPLETED"].indexOf(infoOrder.status)>=0 && infoOrder.overseasFeeDetail && infoOrder.overseasFeeDe...
2019-09-30 15:27:03
801
原创 数组求去重，交集，并集，差集
Set 很容易实现交集（Intersect）、并集（Union）、差集（Difference）let set1 = new Set([1, 2, 3])let set2 = new Set([4, 3, 2])let intersect = new Set([...set1].filter(value => set2.has(value)))let union = new Set(...
2019-09-18 14:03:27
360
原创 图片处理属性 object-fit 和 背景图片属性 background
object-fit CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。contain被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时保留其长宽比，因此如果宽高比与框的宽高比不匹配，该对象将被添加“黑边”。cover被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配，该对象将被剪裁以适应内容框...
2019-09-12 16:57:57
1012
转载 48个JS 开发常用工具函数
偶尔看到文章 摘抄过来之后还没全部理解 如果你来希望留下您对下面函数理解评论，共同学习1、isStatic：检测数据是不是除了symbol外的原始数据理解： 验证是不是基本的数据类型function isStatic(value) { return( typeof value === 'string' || typeof value === 'nu...
2019-09-05 09:05:03
172
原创 api接口传参数据类型为 from Data
开发第一次遇到FromDate表单数据 做参数转化方法：先new FromData（）对象用append方法添加数据值append（）有两个参数 1.是属性名（参数名） 2.属性值 （动态数据） let fd = new FormData() fd.append('departureCode', searchData.departureCode) f...
2019-09-04 18:43:18
3624
原创 实践字符串操作
工作难，难于上青天。敲代码遇到的问题，记录一下替换内容单引号替换双引号，转化为json数据，再次转化给对象//后台数据var a = "{'consumerKey': 'ck_4b22c356cf87485bd824306a667d692d1b662cd0','consumerSecret': 'cs_a340d441b9f61be510e6baac3662b48fbe5f1c74'...
2019-09-03 08:44:16
106
原创 Nginx 反向代理与负载均衡
什么是反向代理与负载均衡什么是反向代理当我们有一个服务器集群，并且服务器集群中的每台服务器的内容一样的时候，同样我们要直接从个人电脑访问到服务器集群服务器的时候无法访问，必须通过第三方服务器才能访问集群这个时候，我们通过第三方服务器访问服务器集群的内容，但是我们并不知道是哪一台服务器提供的内容，此种代理方式称为反向代理什么是负载均衡公司会建立很多的服务器，这些服务器组成了服务器集群...
2019-09-03 07:52:10
132
原创 vue/cli@3 vue.config.js 配置笔记
module.exports = { baseUrl: process.env.NODE_ENV === 'production' ? '//your_url' : '/', outputDir: 'dist', assetsDir: 'static', filenameHashing: true, // When building in multi-...
2019-08-29 20:23:10
239
原创 nuxt.js项目部署
搭建nuxtjs项目$ npx create-nuxt-app <项目名>或$ yarn create nuxt-app <项目名>修改本地开发主机名 和 端口号 需要配合 switchHost公工具第一步第二步npm run build 本地打包打包之后我们通过xftp连接测试环境服务器 传入文件...
2019-08-28 13:57:01
820
转载 关于mate标签及移动端viewport 适配++几种大厂案例分析
1.mate属性实例 1 - 定义文档关键词，用于搜索引擎：<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">实例 2 - 定义web页面描述：<meta name="description" content="Free Web tutorials on HTML and CSS"&g...
2019-08-19 16:55:23
1558
单页面web前端页面源代码爬取工具.txt
2021-05-08
WinSCP5.17.8.zip
2020-11-17
Xshell+Xftp.7z 解压就能用
2019-08-28
水淼·GIF动画录制精灵.exe
2019-05-10
sublime汉化编译器,web前端编译器
2019-02-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人