命名不规范者-CSDN博客

原创配置node服务器环境

首先需要基础环境nodejs的全局安装：可通过（https://nodejs.org/en/download/）安装，安装过程基本是全程”NEXT”就ok了安装完成后可在控制台（win+R输入cmd进入）测试是否已安装成功（node -v）新版的nodejs已经集成了npm，所以npm也一并安装好了，可以在cmd命令行输入”npm -v”来测试是否成功安装。1 通过CMD cd到自定义...

2018-09-13 19:37:57 3649 1

有时候UI组件提供的默认的样式不能满足项目的需要，就需要我们对它的样式进行修改，但是发现加了scoped后修改的样式不起作用。解决方法：使用深度选择器，将scoped样式中的选择器“深入”，即影响子组件<style scoped> .a >>> .b { /* ... */ }</style>以上的代码会编译成：.a[data-v-f3f3eg9] .b { /* ... */ }注意：如果你使用了Less或Sass等预处理器，可能无法>

2020-09-02 14:16:14 3750

转载 js鼠标移动到某个元素上改变鼠标样式

js鼠标移动到某个元素上改变鼠标样式：则在这个元素的样式里加上 cursor:(你想改的样式)。（未全部测试）转载自：https://blog.csdn.net/qq_34169240/article/details/81011908...

2020-05-07 10:52:29 1542

原创 react组件开发

组件名----必须首字母大写！！！

2020-04-26 11:08:45 252

原创记一行有趣的代码

document.body.contentEditable=‘true’;在网页点击F12，任意网页在弹出的调试面板上选中console控制台，然后输入最上方代码，回车网页可以随意编辑了

2020-04-22 17:59:54 399 1

原创 node内存溢出（报错：CALL_AND_RETRY_LAST分配失败-JavaScript堆内存不足）

描述：项目运行npm run dev 运行一定次数（我这里只能保存一次，第二次保存就报错，需要重新运行npm run dev，很耗费时间）后报错报错：CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory翻译：CALL_AND_RETRY_LAST分配失败-JavaScript堆内存不足进过各种搜索，找到关于...

2020-04-10 11:42:24 2461

原创 React项目中antd应用--关于table表格rowSelection的禁用(ps:低版本)

在antd官方网站可以发现实例：// 通过 rowSelection 对象表明需要行选择const rowSelection = { getCheckboxProps: record => ({ disabled: record.name === '胡彦祖', // 配置无法勾选的列 }),};需求：自定义禁用的实现过程首先：对Table标签添加’rowSe...

2020-01-03 14:56:07 6108

转载光标疑难杂症

2019-11-07 16:07:29 80

原创命令行npm报错--随时总结

npm install -g vue-cli报错显示错误代码:npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)npm ERR! Unexpected end of JSON input while parsing near '...78...

2019-01-29 16:44:46 448

原创关于Windows快捷键---随笔（一）

1.Win + X打开 Windows 移动中心的快捷键，里面包括很多设置，亮度、音量、无线网络、电源、显示器设置等；2.Win + P打开“外接显示”设置窗口，接投影仪、多显示器显示，可以在这里快速切换；3.Win + L锁定，在暂时不使用电脑的时候，可以按通过这个快捷键锁定计算机；4.Win + E打开资源管理器，不用先打开计算机；5.Win + Tab以立体桌面方式...

2019-01-10 15:45:01 142

原创关于GIT随笔-----第一篇（Sourcetree【git可视化工具】的基本操作）

前情提示：你需要先下载git （确保你的电脑存在git）你需要确保你拥有github账号（去Github官网注册即可【若需谷歌账号可自行去QQ邮箱创建谷歌邮箱账号（即谷歌账号）】）你需要在github上创建你的“库”…基操首先，你要在github上创建一个库其次，连接远端库（github上你创建的库）与本地库（本地的一个空文件夹）在github上创建库初始化界面操作...

2019-01-03 14:58:11 168

原创微信小程序——页面间传值之路

一、首先项目中要存在两个不同的page页面（本地缓存方法）1.在一个页面存值方法let people={ name:&quot;wangyi&quot;, sex:&quot;man&quot; } wx.setStorageSync(&quot;people&quot;, people)2.在另一个页面取值方法let people= (wx.g

2018-10-12 10:48:35 215

原创 mongo数据库——服务器端部署（亲测有效）

1.在服务器端下载mongo数据库MongoDB官网2.配置环境变量我的电脑（右键）-&gt;属性-&gt;高级系统设置-&gt;环境变量-&gt;找到“系统变量”下的’PATH’在最后添加你的数据库下的bin路径（注：与前一项用英文分号隔开）例(;C:\Program Files\MongoDB\Server\4.0\bin)3.在C盘下新建data文件，在data文件夹下新建db文件...

2018-09-25 11:49:03 425

原创关于JS和JQ混用问题——.attr()

创建元素td，并attr添加属性value且赋值为（data[i]._id【自定义数据】），通过html插入子元素（两个a标签）var check=$('<td></td>');check.addClass('td-manage') check.attr('value',data[i]._id) check.html('<a style="text-dec...

2018-09-19 21:30:31 620

原创 VUE的初始化构建

1.首先！！！！构建nodeJS环境，完成全局安装，可参考我的文章或者nodejs官网这是一个神奇的链接这也是一个神奇的链接 2.(WIN+R)+CMD进入控制台安装vue-cli，直接全局安装 vue-cli（此处无截图） npm install -g vue-cli 3.cd文件路径进入你要进行操作的文件夹在该文件夹下初始化项目 ...

2018-09-17 15:59:14 290

原创微信小程序之父>子组件传值

父组件.wxml中：声明传递数据“paramAtoB=’我是A向B中传入的参数’” 也可以只声明数据“paramAtoB”，具体值在.js的data中静态声明或者函数动态声明<hqw-search paramAtoB='我是A向B中传入的参数'></hqw-search>子组件.js中：声明“paramAtoB”的数据类型（必须） properties: {...

2018-09-12 21:04:36 1093

原创微信小程序之子>父组件传值

基础：基于微信开发者工具（小程序开发）父组件.wxml页面：将onMyEvent事件绑定到子组件（wx:if通过传过来的值来控制子组件是否显示）<hqw-search wx:if="{{!showsaerch}}" bind:myevent="onMyEvent"></hqw-search>子组件.wxml页面：创建某事件（如将tap事件绑定到（view元素...

2018-09-12 20:48:00 1209

原创出征文字游戏制作（localstore缓存应用）

npc1.html出征等待界面&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;&lt;/title&gt; &a

2018-09-10 20:02:52 132

原创 JQ票选小例子

函数状态的多重判断，数组的动态生成，数组的动态判断及函数的停止时刻判断 arr.sort(compareFunction).reverse()应用&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &

2018-09-10 16:38:03 134

原创 JQ小例子二则（图片放大）

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> #contain{ position: a

2018-09-10 16:06:04 122

原创 JQ的简易应用一则（放大）

若未使用JQ，请先配置jq环境 http://jquery.com/download/简易放大镜功能<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type=&quot

2018-09-10 16:04:46 186

原创 ajax+缓存的函数封装（代码块的简化）

封装函数需要使用请自行查找并使用注释部分代码封装函数：ajax的POST+GET 缓存：cookie+localStorage //获取元素方法（var out=$('.out')[0]）// function $(string){// var tag=string.charAt(0);// var ele=null;// switch(tag){// ...

2018-09-10 15:53:43 121

原创 ajax方法二（post数据传输）（伪）

POST.html页面代码快<!DOCTYPE html><html><head> <meta charset="utf-8"> <title> 登陆（login） </title> <style type="text/css"&

2018-09-10 15:45:30 175

原创 ajax方法一（get方法应用）（假数据传输）

GET.html页面代码快<!DOCTYPE html><html><head> <meta charset="utf-8"> <title> 登陆（login） </title> <style type="text/css"&a

2018-09-10 15:43:30 889

原创贪吃蛇简易实现

1.背景墙确定行列 2.创建蛇头 3.蛇头移动 4.蛇头变向 5.创建食物 6.碰撞检测 7.增加身体 8.食物消失随机创建新的食物 9身体蛇头一起移动——-完成——- 1.吃自己（自身碰撞检测） 2.不反向移动document.onkeyup中判断 3.蛇头撞墙moveBody(array)； moveHead(col,row,head) 4.加分项che...

2018-09-10 15:35:16 187

原创色块的移动及碰撞加分（计时器+随机数应用）

简单的计时器应用，以及简单的坐标判断（当两色块相碰时触发函数）<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> #

2018-09-10 15:25:12 1202

原创 js页面滚动条自制（拖动滚动条控制内容移动）

简单的比例函数（需要控制好页面高度、滚动条高度以及内容高度三者之间的比例关系即可）&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;&lt;/title

2018-09-10 15:19:14 1556

原创 js拖动（点击+移动）

双层函数：点击事件+鼠标移动事件<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> #bar{

2018-09-08 17:20:39 4850

原创滚动（动态获取鼠标位置）

图片滚动效果<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{

2018-09-08 17:18:23 838

原创 js轮播图

请自行添加图片并更改地址<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin:0;pad

2018-09-08 17:16:45 547

原创 js图片框（鼠标事件）小例子

图片框功能（如使用请自行更改图片地址:本代码使用图片均为本地图片，如不更改图片地址则无法正常显示）<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head><body

2018-09-08 16:49:09 340

原创简单js函数应用（动态表格创建+按键控制npc移动）

动态创建一个表格要求单双行变色&lt;!--动态创建一个表格要求各行变色--&gt;&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&am

2018-09-08 16:38:56 197

原创 css动画+渐变效果小例子

二级菜单（动画效果1）<!DOCTYPE html> <head> <meta charset=utf-8"> <title>二层导引</title> <meta charset="utf-8"><style> *{ margin:0px; padding:0p

2018-09-08 16:27:49 892

原创麻将点数布局（flex布局应用（存在不足，欢迎大神指正））

一点<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box { border-

2018-09-08 16:13:03 1267 2

原创静态页面4则（页面布局+一级菜单+二级菜单）

页面色块分布图（源码）<!DOCTYPE html><html><head> <title>分布图</title> <meta charset="utf-8"> <style> #div0{ float: left;

2018-09-08 16:03:08 2883

原创一个不完整的页面布局

“` 冰封食堂 li{float: left;list-style: none;} a{text-decoration: none;} .div{margin: 0 auto;} 销售信息 &nbsp; &nbsp; &n...

2018-09-08 15:54:11 143

原创静态html+css注册页面

纯静态登陆注册页面代码块（无API接口）<!DOCTYPE html><html><head> <title> 登陆注册 </title> <meta charset="utf-8" name="viewport" content="width=dev

2018-09-08 15:39:11 4331

web前端工具包

简易电子菜单（含数据库mongo）

空空如也