CxOneCom的博客

原创 js（字符串，数组，对象，作用域链，js运行规则，函数，数据类型）

基础语法输入输出prompt（‘这是一个输入框’）//弹出一个输入框 --> 获取的值是string类型alert（‘这是一个输出框’）//弹出一个输出框console.log('控制台输出')//在控制台输出变量本质：变量是内存中存放数据的空间特殊情况： var age；//undefined console.log(tel) //未声明，会直接报错 age = 100 === var age = 100命名特点： 1. 区分大小写 2. 不能以数字开头 3. 不能以&

原创 css（语义化标签，属性选择器，结构伪类选择器，伪元素选择器，盒子模型，新特性，2D）

语义化标签1. <header> 头部标签2. <nav> 导航标签3. <article> 内容标签4. <section> 定义文档某个区域5. <aside> 侧边栏标签6. <footer> 尾部标签7. <audio> 音频标签8. <video> 视频标签9. input 表单的 type 和一些新增的属性css属性选择器将代码复制到编辑器里进行测试注：类选择器，属性选择器，

原创 移动端css（流式布局，flex布局，rem，媒体查询，清除特殊样式）

清除特殊样式 /*点击高亮我们需要清除，设置为transparent*/ -webkit-tap-highlight-color: transparent; /*在移动端浏览器默认的外观上在ios上加上这个属性才能给按钮和输入框自定义样式*/ -webkit-appearance: none; /*禁用长按页面时的弹出菜单*/ -webkit-touch-callout: none;布局流式布局定义：通过定义盒子宽度百分比来进行布局，也称非固定像素布局注意：一般都要设置：max

原创 CSS（定位，精灵图，字体图标，画三角，界面样式，布局技巧）

定位1. 定位 = 定位模式 + 边偏移2. position：模式 4种3. 边偏移（top,bottom,left,right）单位：像素static1. 默认的定位方式2. 没有边偏移3. 安装标准流摆放位置相对定位relative定义：相对于原来的位置进行偏移特点：不脱标，原来的位置不会消失，继续保留用途：一般用作 absolute 的爹绝对定位absolute定义：相对于父元素进行偏移1. 如果没有定位父元素，以浏览器为准进行偏移2. 如果有定位父元素，以定位父

原创 css（三大特性，圆角，阴影，浮动，清除浮动，ps基操）

css三大特性层叠性：1. 同一个选择器2. 就近原则继承性1. 子标签会继承父标签的样式2. （text- ，font- ，line- 这些元素开头的可以继承，以及color属性）优先级如果是复合选择器，需要计算权重，根据选择器进行计算盒子模型border： 边框 （宽度 样式 颜色）border-collapse：合并相邻边框padding：设置内边距 (会改变盒子的实际大小) ： 1个值：（上下左右） 2个值：（上下 左右） 3个值

原创 CSS笔记（字体，背景，选择器，伪类选择器，显示元素）

字体font-family: 改变字体（宋体。。）font-size: 改变字体大小font-weight： 改变文字粗细（使用数字时不要加单位）700加粗，400普通font-style: 文字风格（是不是斜体）html标签（em，i 是使文字斜体的标签）如：取消斜体复合属性：顺序不能变（font-size，font-family必须写） font：font-style font-weight font-size/line-height font-family;color： 改变字体颜色

原创 关于vue路由的工作笔记（路由传参和url明明跳转但页面不刷新的原因）

官方路由文档 1. 路由的参数传递问题： 使用路由导航传递参数格式： this.$router.push({ name: '组件别名', params: {参数名： 值}, }) 接收参数分两步： 在路由中： path：使用/

原创 php笔记（命名空间）

命名空间（可以理解为创建文件夹）定义：命名空间namespace，是指人为的将内存进行分隔，让不同内存区域的同名结构共存，从而解决在大型项目中可能出现的重名结构的问题语法：namespace 空间名作用：不同的空间可以有同名的结构，如：类空间元素：函数，常量，类，不包括变量！！子空间（子文件夹）定义：命名空间内部在划分一个命名空间，让每个小空间独立起来语法: namespace 空间名 namespace 空间名\子空间命名空间访问 （url）非限定名称访问：直接访问空间元素

原创 php笔记（面向对象）

类php中的类可以类比java中的类，特有的特性如下： 1. 定义常量时，只能使用：const 常量名，且实例对象无法使用常量 注：如果要访问常量，需要范围解析操作符 :: 类名 :: 常量 2. 定义方法使用function关键字， 注： 如果方法需要访问类中属性，需要定义参数 或，通过关键字 global $属性名 来进行调用 或，通过 $this 来调用类中属性 3. 实例对象可以自行添加和删除类的属性，但不会改变原有类的属性，只影响实例对象本

原创 php笔记（数组相关函数）

数组相关函数排序函数1. sort（数组）：顺序排序（下标重排）2. rsort（）：逆序排序（下标重排）3. asort（）：顺序排序（下标不变）4. arsort（）：逆序排序（下标不变）5. ksort（）：顺序排序：按照key进行排序6. krsort（）：逆序排序：安装key进行排序7. shuffle（）：随机打乱数组元素指针函数1. reset（数组）：重置指针，将数组指针回到首位2. end（）：重置指针，将数组指针指到最后3. next（）：向后移动指针一位4.

原创 php笔记（错误，异常）

处理脚本让浏览器按照指定字符集解析的方法header（‘Content-type：text/html；charset=utf-8’）；错误分类（异常）1.语法错误：（parse error）2.运行错误：（runtime error）3.逻辑错误：程序员写代码不够规范，得不到想要的结果错误代号所有看到的错误代码在php中都被定义成了系统常量（可以直接被使用）1.系统错误 E_PARSE：编译错误，代码不执行 E_ERROR：fatal error，致命错误，会导致代码不能正确继续执行

原创 php笔记（函数和作用域）

输出的函数print（）print_r（）时间的函数date（'Y 年 m 月 d 日 H:i:s'，时间戳 ）：获取当前时间 time（）：时间戳microtime（）：获得微妙级别的时间数学的函数max（）：指定参数中最大的值min（）：指定参数中较小的值rand（）：得到一个随机数，指定区间的随机整数mt_rand（）：与rand一样round（）：四舍五入ceil（）：向上取整floor（）：向下取整pow（）：求指定数字的指定指数次结果：pow（2,8）==2^8

原创 php笔记（常量+变量+数据类型+数组基础）

php注释和分隔符行注释：//或# 块注释：/**/分隔符：； 打印：echo 打印内容变量定义变量：$变量名，存在内存中。删除变量：unset（$变量名）预定义变量（系统定义的变量，都是数组）： 常用： $_GET：获取所有表单以get方式提交的数据 $_POST：获取以post方式提交的数据 $_REQUEST：get和post提交的数据 $_SERVER：服务器信息 $_SESSION：session会话数据 $_COOKIE：Cookie会话数据 不

原创 PHP笔记（Apache+php+mysql环境配置）

安装Apache1.下载安装包进行安装，安装路径：D:\server\apache 注：如果右下角图标没有出现绿色小箭头，说明没有成功启动 问题一：running none of 1 Apache：apache服务未开启，如果开启建议重新开启服务 问题二：no service install：用管理员身份打开cmd，进入apach所在目录的bin文件，然后输入httpd.exe -k install -n apache2 注2：用管理员身份打开cmd，进入apach所在目录的bin文件，输入h

原创 微信开发（四）

自定义菜单按照微信文档的说话，一级菜单最多三个，二级菜单最多5个，并且有多种类型按钮以下只实现三种按钮：click,viiew,pic_photo_or_album微信官方文档实现步骤： 1.根据文档给出的请求示例，创建各个按钮的java对象 2.通过JSONObject将java对象转换成json数据格式 3.通过文档给出的接口将json数据发送到公众号的前台 注： 1.必须先创建接口，才能个性化菜单接口 2.如果出现{"errcode":40024,"errmsg":"inval

原创 微信开发（三）

AccessToken的获取步骤1：访问微信开发文档的https请求方式: GET https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET，获取json数据步骤2：使用JSONObject依赖包将获取到的json数据对象化步骤3：设置token的过期时间步骤4：存储可用的token具体代码示例：/** * 向指定的地址发送get请

原创 微信开发（二）

接收用户发送的消息根据腾讯的开发者文档，一共有6种回复类型腾讯微信公众号开发文档1 回复文本消息2 回复图片消息3 回复语音消息4 回复视频消息5 回复音乐消息6 回复图文消息 后台需要根据回复类型来创建java对象（类）用户传到后台的数据类型为xml数据包，如果要使用数据包，则需要安装Dom4j161.zip依赖包，来将xml数据包转换成java对象/** * 解析XML数据包 * @param is * @return */

原创 微信开发（一）

1.实现内网穿透 如果腾讯服务器需要访问本地电脑，需要用本机运行穿透软件，步骤1：在www.ngrok.cc官网注册一个自己的隧道步骤2：ngrok客户端步骤3：在客户端打开 Sunny-Ngrok启动工具.bat 这个文件2.申请微信测试号以获得更多接口权限步骤1：打开https://mp.weixin.qq.com/步骤2：点开服务号，点开开发者文档步骤3：开始开发，接口测试号申请...

原创 idea与tomCat

idea与tomcat的相关配置1.idea会为每一个tomcat部署的项目单独建立一份配置文件 可查看控制台log：Using CATALINA_BASE: 配置文件路径D:\tomcat\apache-tomcat-8.5.31\bin\catalina.bat run[2021-03-08 08:29:20,956] Artifact myTomcat:war exploded: Waiting for server connection to start artifact deployme

原创 servlet笔记

servlet概念本质：一个javaEE的接口，一个运行在服务器上的程序，定义了访问tomcat识别的规则，如果我们需要程序被服务器识别，就需要自定义一个类，实现servlet接口，复写方法。入门： 1.在创建项目时先配置tomcat 2.创建继承了servlet接口的类 public class ServletDom1 implements Servlet {} 3.在wb.xml中配置 (如果出现启动时异常，有可能是<url-pattern>/demo1</url

原创 TomCat笔记

web相关概念1.软件架构： b/s c/s2.资源分类 静态资源：css，html，js 可以直接被浏览器解析 动态资源：servlet，jsp ，需要先转换成静态资源才能被浏览器解析3.三要素 IP 端口 协议 tomcat1.安装与卸载 直接在官网下载安装即可 卸载直接删除文件夹2.目录结构 ![在这里插入图片描述](https://img-blog.csdnimg.cn/2021030819034190.PNG?x-oss-process=image/waterm

原创 用于在项目build阶段移除console.log()警告 （babel-plugin-transform-remove-console）

在babel.config.js文件中添加’transform-remove-console’全局使用（开发，发布都使用）module.exports = { "presets": [ "@vue/app" ], "plugins": [ [ "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" }

原创 通过nprogress添加进度条效果

首先引入nprogress插件1.加载nprogress包//导入nprogress 包对应的js,cssimport NProgress from 'nprogress'import 'nprogress/nprogress.css'2.在axios request请求中使用start（）函数来开启进度条//挂载请求拦截器//在request拦截器中，展示进度条NProgress.start()axios.interceptors.request.use(function (config

原创 图表绘制 echarts

使用方式官网：https://echarts.apache.org/zh/tutorial.html#5%20分钟上手%20ECharts<!-- 为ECharts准备一个具备大小（宽高）的Dom --> <div id="main" style="width: 600px;height:400px;"></div>//导入echartsimport * as echarts from 'echarts'// 基于准备好的dom，初始化echart

原创 vue深拷贝

当使用同一个对象产生冲突时，可以使用lodash包，对该对象进行深拷贝，从而使操作的对象为不同的对象。使用方法import _ from 'lodash'//因为使用同一个addForm会和级联选择框出现冲突， //所以使用lodash的cloneDeep函数来对addForm对象进行复制 const form = _.cloneDeep(this.addForm); form.goods_cat = form.goods_cat.join(',')

原创 在vue中添加富文本编辑器组件

//导入富文本编辑器import VueQuillEditor from "vue-quill-editor";//require styles 导入富文本编辑器对应的样式import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'//将富文本编辑器，注册为全局可用的组件Vue.use(VueQuillEditor)使用方法<!--

原创 加速npm下载

npm install cnpm -g --registry=https://registry.npm.taobao.org

转载 Vue键盘回车

https://blog.csdn.net/lx_1024/article/details/79086979

原创 vue键盘事件

全部的键盘别名：.enter.tab.delete “退格”和“删除”.esc.space.up.down.left.right

原创 在Vue中设置全局时间过滤器

//定义全局时间过滤器Vue.filter('dateFormat', function (originVal){ const dt = new Date(originVal) const y = dt.getFullYear() const m = (dt.getMonth()+1+'').padStart(2,'0') const d = (dt.getDate()+'').padStart(2,'0') const hh = (dt.getHours()+'').padSta

原创 token分析

用于服务器端接收浏览器端的身份校验

转载 Refusing to install package with name “webpack“ under a package

handle: function() { event.preventDefault(); this.sum = this.a+this.b; console.log(this.sum); }需要在函数方法中添加event.preventDefault(),阻止form提交之后的默认刷新行为

转载 var，const，let之间的区别

https://www.cnblogs.com/taotaozhuanyong/p/13993456.html

转载 关于webstorm打开HTML文件出现404错误的情况

第一种情况是你的端口号错误。你可以到设置里面找到调试器（第四个可以展开的按钮里面），找到端口号，把端口号改成8080（默认），再勾选旁边的按钮（可以接受外部链接）。你的文件命名方式不对，最好的文件名中不能有不可识别的符号和汉字。你的文件在桌面上，没有在文件夹里。可以新建一个文件夹，把文件放在里面。永远记住一点webstorm这款软件只能打开以文件夹为基础的文件（俗话说：必须有路径），就比如说你就只想单纯打开一个html文件，那么请将这个html文件放在一个文件夹里。这样webstorm..

转载 joinPoint的用法

https://blog.csdn.net/qq_15037231/article/details/80624064

原创 使用spring-security来页面端进行权限控制

原创 spring security提供的注解对方法来进行权限控制

支持三种类型的注解：JSR-250注解；@Secured注解；支持表达式的注解。JSR-250注解@RolesAllowed：表示访问对象时应该具有的角色@PermitAll：表示允许所有的角色进行访问，不进行权限控制@DenyAll：表示什么角色都不能进行访问@Secured注解注：必须加上前缀 ROLE_支持表达式的注解@PreAuthorize 在方法调用之前，基于表达式的计算结果来限制对方法的访问@PostAuthorize 在方法调用之后，基于表达式的计算结果来限制对

原创 org.mybatis.spring.MyBatisSystemException: nested exception is org.apache.ibatis.binding.BindingExce

##报错修改：Mybatis如果使用注解进行dao层的操作，参数如果超过两个以上，需要在参数前面添加@param注解进行标记。

原创 spring security入门

介绍是spring项目组中，来提供安全认证服务的框架。主要操作有两个：“认证”：类比为登录过程“授权”： 分配给用户执行操作数据库的权限搭建框架：maven依赖： <dependency> <groupId>org.springframework.security</groupId> <artifactId>spring-security-web</artifactId>

原创 PagerHelp插件

依赖： <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper</artifactId> <version>5.1.2</version> </dependency>