普通网友-CSDN博客

原创中括号文本添加下滑线样式

需求：申请[RB2204] [卖开] [24]。代码实现str=''申请[HC2205] [卖开] [111]。''方法：<style>.unl { text-decoration: underline;}</style>mounted:function(){ let str = this.replaceText('申请[HC2205] [卖开] [111]。') console.log(str);//申请<span

2022-02-22 15:13:50 433

原创 el-table 表格展开与折叠

按钮控制点击全部展开再次点击全部关闭<button class="table_btn ml10" @click="handleExpand"><i class="iconfont" :class="isExpand?'icon-add_bd':'icon-reduce_bd'"></i> {{isExpand?'全部折叠':'全部展开'}}</button>表格代码<el-table :data="tableData"

2022-02-14 15:57:02 3363

原创 el-table 表格行拖动 sortable.js

首先拖动使用sortable.js 插件文档http://www.sortablejs.com/1、引入js 我选择cdn引入<script src="https://cdn.bootcdn.net/ajax/libs/Sortable/1.13.0/Sortable.min.js"></script>2、html代码<el-table :data="tableData"> <el-table-column prop.

2021-02-02 16:32:18 799

原创小程序问卷调查美化redio

废话不多说，看下效果咯！代码看这里咯index.html <view class="question_2"> <view class="ask_question"> <view class="ask_question_item" wx:for="{{questionList}}" wx:key="index" wx:for-item="a" wx:for-index="index">

2021-02-02 09:34:36 292 1

原创点击button按钮事件不生效问题

最近ie浏览器兼容坑死人了谷歌火狐点击按钮弹框是可以出来的 it's ok, butie浏览器死活不出来? 好难过这是我示例代码。事件在button里面的i标签上。<button><i @click="test1()">你好</i></button><button><a href="https://www.baidu.com">百度</a></button>原因在于事件放在button.

2020-07-01 15:06:48 2895

原创 IE 兼容es6 语法

ie要想使用es6语法1、需要引入browser.min.js 文件（不包含Promise）2、type="text/babel"<script src="./browser.min.js"></script><script type="text/babel"> //箭头函数 var arr = ['2', '3', '33']; arr.forEach(a => { console.log(a) }) const ar..

2020-06-12 11:35:58 1177

原创 anywhere 随开随用的本地服务器

1.全局安装node.js2.安装成功后，执行npm install anywhere -g 安装anywhere3.在对应路径下打开cmd，执行anywhere指令 anywhere -p 8000 ## 指定静态服务器的端口 anywhere -s ## 静默执行，不打开浏览器 ...

2018-12-20 17:02:19 722

原创 git 下载推送

git clone （地址）cd （克隆的目录）git checkout dev （切换到dev分支）git pull origin dev （拉取最新的代码）git statusgit commit -m "XXX" （把自己的代码放进去或者修改然后在提交）git push origin dev （push推送）git status （查看状态）...

2018-12-20 16:03:58 214

原创 HTTP 400 错误 - 请求无效 (Bad request)

HTTP 400 错误 - 请求无效 (Bad request)在ajax/axios请求后台数据时有时会报 HTTP 400 错误 - 请求无效 (Bad request);出现这个请求无效报错说明请求没有进入到后台服务里；原因：1）前端提交数据的字段名称或者是字段类型和后台的实体类不一致，导致无法封装； 2）前端提交的到后台的数据应该是json字符串类型，而前端没...

2018-12-20 15:57:16 4505

原创 TortoiseSVN教程

SVN中TortoiseSVN 是比较出门的一款SVN软件TortoiseSVN 是Subversion 版本控制系统的一个免费开源客户端。首先、百度搜索TortoiseSVN，进入官网，选择好安装的版本后，继续往下拖动，寻找中文汉化包（选择简体中文）下载，安装。这里有汉化步骤哦我们现在看到的效果是这样1、点击Settings 进入下面这样的界面2、L...

2018-11-27 11:18:33 221

原创 JSON与XML的区别与联系

要想知道区别，先知道都是什么呀！（一）XML扩展标记语言 (Extensible Markup Language, XML) ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD(document type definition)文档类型定义来组织数据;格式统一，跨平台和语言，早已成为业界公认的标准...

2018-11-23 15:51:44 439

原创创建对象的几种方式

1、对象字面量var 对象名 = { 属性名: 值， // 给对象添加属性属性名（函数名）: function(){ } // 给对象添加方法 }对象的访问：对象.属性名var o = { name: 'zs', age: 18, sex: true, sayHi: function () { console.log(this....

2018-11-22 10:43:22 202

原创 JS创建函数的几种方式

js中创建函数的三种方式:第一种（函数声明）： function sum1(num1,num2){ return num1+num2;}sum1(10,20);第二种（函数表达式）：var sum2 = function(num1,num2){ return num1+num2;}sum(10,20);第三种（函数对象方式）： var sum3...

2018-11-22 10:40:06 7775 1

原创闭包

闭包:在一个函数外部能够访问函数内部变量的函数闭包意义：避免全局空间的污染（过多的定义全局变量会增加内存开销，影响协同开发）弊端：内存泄露：一块内存空间既不能被使用了，也不能被回收首先先看一下闭包的案例 //js特性闭包:在一个函数外部能够访问函数内部变量的函数 function foo(){ var a = 10;//闭包变量 ...

2018-11-22 10:18:20 285

原创 promise封装ajax

Promise的构造函数接收一个参数，是函数，并且传入两个参数：resolve，reject，分别表示异步操作执行成功后的回调函数和异步操作执行失败后的回调函数。其实这里用“成功”和“失败”来描述并不准确，按照标准来讲，resolve是将Promise的状态置为fullfiled，reject是将Promise的状态置为rejected。function ajax(url){ var pr...

2018-11-22 10:12:50 823

原创 H5新增标签

HTML标签语义化，简单来说，就是让标签有含义，给某块内容用上一个最恰当最合适的标签，使页面有良好的结构，页面元素有含义，不论是谁都能够看懂这块内容是什么，并且有利于搜索引擎。标签语义化的好处： 1. HTML结构清晰 2. 代码可读性较好 3. 无障碍阅读 4. 搜索引擎可以根据标签的语言确定上下文和权重问题 ...

2018-11-22 10:01:23 565

原创 Git 提示fatal: remote origin already exists 错误解决办法

今天使用git 添加远程github仓库的时候提示错误：fatal: remote origin already exists. 解决办法如下： 1、先删除远程 Git 仓库$ git remote rm origin2、再添加远程 Git 仓库$ git remote add origin git@github.com:FBing/java-code-generator...

2018-11-17 18:09:57 441

原创 github多人协作本地分支推送到远程

第一步把自己的ssk放到你要推送的那个人的电脑上克隆远程仓库 git clone git@github.com:qijinping/XiangMuPing.git进入项目文件里面去git checkout -b mm //新建分支git add .git commit -m 'haha' //推送数据git checkout master //切换到主分支git pu...

2018-11-17 18:04:52 555

原创 JS实现继承的几种方式

JS作为面向对象的弱类型语言，继承也是其非常强大的特性之一。那么如何在JS中实现继承呢？让我们拭目以待。JS继承的实现方式既然要实现继承，那么首先我们得有一个父类，代码如下：// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = funct...

2018-11-16 15:55:37 173

转载 css统筹

CSS文档统筹1）整站里相同的CSS样式提取到一个样式表里，各个页面调用相同的样式文件即可。2）网站较大的情况下一般会把网站的头部，尾部单独分离出来，包括样式文件。根据页面类型分离文件根据功能模块分离文件根据设备类型分离文件根据代码规模综合分离文件网页自身优化（如何让网站被搜索引擎搜索到）：★页面主题优化实事求是的写下自己网站的名字，网站的名字要合理，最好包含网...

2018-11-16 15:43:37 334

原创 JS面向对象编程

JS面向对象编程面向对象编程的特点:封装：将数据和对数据的操作集成在一起继承：一个类型的对象可以访问另外一个类型的属性和方法多态：同一个方法作用于不同的对象会有不同的结构对象的组成:属性：对象下面的变量叫做对象的属性方法：对象下面的函数叫做对象的方法var arr = [];arr.number = 10; //对象下面的变量：叫做对象的属性//alert...

2018-11-16 15:23:16 278

原创 Visual stuio Code汉化以及常用插件

Visual stuio Code汉化第一种方法：下载语言包插件输入“Chinese” ，安装插件 “Chinese (Simplified) Language Pack for Visual Studio Code”点击最后一个图标呀然后输入chinese如果没有安装过会右边显示安装点击安装就ok 此时会要我们重启一下哦我这个是已经安装过了呢...

2018-11-06 19:35:36 5555

转载前端面试题

javascript: JavaScript中如何检测一个变量是一个String类型？请写出函数实现typeof(obj) === "string"typeof obj === "string"obj.constructor === String请用js去除字符串空格？方法一：使用replace正则匹配的方法去除所有空格: str = str.replace(/\s*/g,"")...

2018-11-03 19:49:43 569

转载 Node总结

什么是node.js？node.js是一个基于Chrome v8引擎的javascript 运行环境。Node.js使用了一个事件驱动、非阻塞式 I/O的模型，使其轻量又高效。（由c＋＋语言编写的）Node.js的包管理器npm，成为世界上最大的开放源代码的生态系统。简单说：编写高性能网络服务器的javascipt工具包（用于js开发服务端程序）单线程、异步、事件驱动。什么是V...

2018-10-17 22:23:02 224

原创兼容性问题

在获取元素css样式的时候标准浏览器(标准浏览器包括：谷歌，火狐，ie9以上)下使用 getComputedStyle(obj元素).属性在ie8以下不支持上面的方法会报错，ie内核支持： obj元素.currentStyle.属性currentStyle这个方法火狐和谷歌不支持节点操作，获取子节点1、获取子节点的方法： obj.childNodes标准浏览器：...

2018-10-17 22:11:09 257

转载大鲨鱼代码

大鲨鱼代码鼠标移到哪里？大鲨鱼到哪里没事拿来玩啊！好玩好玩以下是全部代码，直接粘贴复制就可以使用看效果<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>大鲨鱼</title> <style type=&qu

2018-10-17 21:52:18 5774 2

原创 express框架

什么是expressexpress 基于node平台开发的一个极其轻量的框架帮助你快速开发web以及移动端应用express不对node.js本身的特性进行二次抽象而是在基本功能上进行扩充express完全是由路由和中间件构成的框架从本质上来说一个express应用就是为了调用各种中间件Express 框架核心特性：可以设置中间件来响应 HTTP 请求。 ...

2018-10-17 17:34:26 662

原创 mongodb数据库

mongodb安装window系统安装注意：**安装mongodb一定要安装2版本的 npm install mongodb@2装的是2版本的最高版**把mongodb安装到某一个盘符下（D）创建数据目录 D：data/db文件夹找到mongodb文件夹下的bin文件夹打开mongod.exe 双击打开mongo.exe 浏览器输入127.0.0.1:27017测试安装成功...

2018-10-17 17:27:13 540

转载 canvas实现玫瑰花效果

<!DOCTYPE HTML><html> <head> <title>Rose</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> &

2018-10-17 17:13:22 941

原创瀑布流布局

一堆等宽不等高的数据块组成的页面现在好多网站都采用这种瀑布流布局，如蘑菇街。美丽说等等。首先要实现它就要明白它是怎样排列的。每一行的列数都是根据图片的宽度和页面的宽度算比例算下来的。。第一行就是按顺序排列，其他的数据块都是在每一列中挑选出最低的那一列依次排进去的1、固定栏数布局<!DOCTYPE html><html> <head> <...

2018-10-12 19:45:31 1172 1

原创 cookie的用法，cookie的封装

cookie的概念指某些网站为了辨别用户身份，进行session（会话）跟踪而存储在用户本地终端上的数据（通常经过加密）。以文本形式存在。谷歌浏览器存储地址： C:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default\文件夹下的Cookies文件。注：cookie 只有在服务器环境下才有用禁用cookie：改变浏览器的cookie...

2018-10-12 19:39:59 3796

原创苹果菜单

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style> *{margin:0;padding:0;} #box{position:

2018-10-12 19:33:50 150

原创 DOM文档对象模型

DOM文档对象模式顶级对象为document1）DOM节点类型(元素和属性、文本)DOM 的最小组成单位叫做节点（node），文档的树形结构（DOM 树），就是由各种不同类型的节点组成。DOM的基本操作(查询、创建、添加，修改，删除)2）DOM的基本操作(查询、创建、添加，修改，删除)获取/查询document.getElementById iddocument.getEl...

2018-10-12 19:32:11 289

原创 BOM 浏览器对象模型

1）navigator.userAgent浏览器代理检测，可以检测出来用户使用的浏览器类型，也可以检测浏览器所在的操作系统navigator.userAgent2）判断当前浏览器的名称indexOf 代理检测能力检测var str = navigator.userAgent; if(str.indexOf("Chrome")!=-1){ ...

2018-10-12 19:14:22 175

没有如果