weixin_44343449的博客

原创 node 的exports和module.exports

在node的js文件里相当于有这两句话： exports = module.exports; return module.exports 我们在导出对象时,如果有好多成员，可以一个一个导出，如果只有一个成员，也可以以对象的形式一次性导出： 如多个成员： exports.name="jack" exports.age="10" 那么导出的就是{name: “jack”, age: “10”} 单...

原创 win10修改ip报错

win10修改ip报错：出现了一个意外情况… 解决：使用命令行修改： 以管理员身份运行powershell， 执行：netsh interface ipv4 再：set address “WLAN” static ip 子网掩码 默认网关 即可。 如：set address “WLAN” static 192.168.140.88 255.255.255.0 192.168.140.1 执行上面的命名还连接不成功，因为需要设置dns 命令：netsh interface ipv4 set dnsserver

原创 vue创建全局过滤器

例如我要创建时间过滤器 创建文件filter.js const timeFilter = (time) => { // mytime是过滤器名字，msg是参数 time.filter('mytime', (msg) => { const time = `${msg.getFullYear()}-${msg.getMonth() + 1}-${msg.getDate() + 1} ${msg.getHours()}`; return time; }); }; export

原创 对象的深拷贝

// 深拷贝 function deepCopy(newObj, oldObj) { for(var k in oldObj) { var val = oldObj[k] // 判断对象的属性值是否是数组 if(val instanceof Array) { newObj[k] = [] deepCopy(newObj[k...

原创 配置：使用npm指令下载包，包的来源确实淘宝cnpm

npm config set registry https://registry.npm.taobao.org 查看是否成功： npm config list

原创 rem适应不同屏幕的布局方案

common.less /pc端的HTML字体大小默认为50/ html { font-size: 50px; } /假设将设计稿分为15份/ @no: 15; @media screen and (min-width: 320px) { html { font-size: 320px / @no; } } @media screen and (min-width: 360px) { html {...

原创 css兼容性

伪类元素selection:为选中文字添加样式，默认不会支持火狐，需要加火狐前缀-moz-，如： p::selection {} w3c标准规定在页面里每个元素都有一个属性叫block formatting context，简称BFC，默认是关闭状态， 开启BFC，有如下特点： 1：相邻元素的垂直外边距不会重叠 2：开启BFC的元素不会被浮动元素覆盖 3：开启BFC的父元素可以包含浮动的子元素，不...

原创 浏览器内核判断

var ua = navigator.userAgent; if(/firefox/i.test(ua)) { console.log('火狐内核') }else if(/chrome/i.test(ua)) { console.log('谷歌内核') }else if(/opera/i.test(ua)) { console.log('欧朋内核') } e...

原创 dom存在兼容性的属性总结

事件对象event： 不支持ie8以下，必须是window.event,兼容写法： document.onmousemove = function (event) { var e = event || window.event; } pageX和pageY（鼠标距离文档顶部的距离，包括文档卷出去的距离）: 不支持ie8以下，可以使用clientY（鼠标距离浏览器窗口顶部的距离）。 文档滚出去的高度...

原创 client组，offset组，scroll组

clientWidth：获取元素的宽度，包括padding。 clientHeight: offsetWidth: 获取元素的宽度，包括padding和border。 offsetHeight: offsetParent:获取元素的定位父元素节点，如果父元素没有定位，则返回body节点。 offsetLeft: 获取元素相对于定位父元素的左侧距离。如果父元素没有定位，则相对于body。 offse...

原创 jquery插件库

jquery之家

原创 win7远程连接问题

Windows系统在命令行使用mstsc命令进行远程连接，但是一直报错（要求的函数不支持） 解决：新增注册表 1.开始>>运行>>输入regedit打开注册表编辑器 2.打开文件路径 [HKEY_LOCAL_MACHINE]\Software\Microsoft\Windows\CurrentVersion\Policies\System\CredSSP\Parameter...

原创 vscode格式化和eslint格式冲突

在项目根目录创建： .prettierrc.json文件 { "semi": false,// 取参末尾的分号。 “singleQuote”: true,// 默认单引号， “arenthesis”: true// 为函数名和括号之间加空格 } ...

原创 es5的访问器属性

原创 for in和for of

// for(item in arr) :遍历数组，item是索引。如果为arr动态添加元素，则会被被遍历。 // for in 可以遍历对象.进行对象的深拷贝。 // for(item of arr): item 是值。如果为arr动态添加元素，则不会被遍历。for of 不能遍历对象。 // 数组的长度问题：位数组动态添加属性，如果属性是数字，则length会增加，如果为非数字，则length...

原创 vue的表单域修饰符

1：number 在用v-model进行双向绑定时，用number修饰符。如：v-model.number. 做用：直接将input输入框的值转换为number类型。 2：trim：去掉字符串两头的空字符。 3：lazy :将input事件换位change事件。 v-model默认是input事件，就是只要input数据一变，视图就会随着变。 chang是当input框失去焦点时才触发。 如：v-...

原创 vue-cli3创建项目报错

报错： command failed: npm install --loglevel error 这个问题花了我好长时间。到最终不算难完全解决。我在css预处理那项选的sass,当我不用css预处理语言时，就创建成功。 ...

原创 iconfont

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...

原创 面试复习git

1：概念： 集中式版本控制：CVS，SVN。集中式版本控制的版本库存储在中央服务器，用的时候先从中央服务器下载，然后工作，修修改改，然后又上传到中央服务器， 缺点：必须联网工作，如果修改的文件太大，则上传速度很慢。 分布式版本控制：git。分布式版本控制没有中央服务器，每个人电脑里都有版本库。如果多人协作时都修改了某个文件，只需要相互推送即可。相对于集中式版本控制，分布式版本控制更安全，因为每个人...

原创 面试复习es5,es6

图标字体：icomoon.下载， ES5： 1：使用严格模式，use strict。可在script里启用，也可在function里启用 严格模式解决的问题（1）：禁止给未声明的变量赋值，如果强行赋值会报错。因为给未声明的变量赋值会造成全局污染（内存泄漏）。 严格模式解决的问题（2）：静默失败提升为报错。 比如普通模式下修改只读属性的值，既修改不成功又不报错。 严格模式解决的问题（3）：严格模式下...

原创 删除一个数组中重复的数字

var arr = [1,2,4,2,2,2,3,3,4,7,5,3,1] for(var i = 0;i<arr.length;i++){ //将当前的arr[i]和前面的所有进行比较 for(var j = 0;j<i;j++){ //如果相等， if(arr[i]==arr[j]){ ...

原创 随机生成不重复的数字

var arr = [] for(var i = 0;i<10;i++){ //生成随机数 arr[i] = Math.floor(Math.random()*101) //判断当前的arr[i]是否和前面的一样 for(var j = 0;j<i;j++){ //如果一样，i--，重新生成 ...

原创 将字符串转化为人民币格式

var a = 12324327 a=a.toString() var b = a.split("").reverse() for(var i=1;i<=b.length;i++){ if(i%4==0){ b.splice(i-1,0,',') } } b.reverse() b=b.join("") console.log(b)

原创 将字符串转换为驼峰命名

//join是数组函数，split是字符串函数。 var a = 'get-element-by-id' //将a转换成数组。 var arr = a.split('-') for(var i = 0;i<arr.length;i++){ //大驼峰 //arr[i]=arr[i].charAt(0).toUpperCase()+arr[i].substring(1) ...

原创 易混淆数组和字符串api

split():将字符串安装指定字符切割，然后凭借成数组。返回新数组。 如： var a = "jack,jetty,tom" var arr = a.split(",") console.log(arr)//["jack","jerry","tom"] join（）：将数组安装指定字符拼接为字符串。 var newS = arr.join(".") console.log(newS)//jac...

原创 css3

选择器： 相邻兄弟选择器：+，表示当前元素后面的一个相邻元素。 同意兄弟选择器：~，当前元素后面所以符合元素。 属性选择器：[]…[id]{},div[id]{},div[id='d'],[id][class]{} [class~=“d1”]{}:class包含d1 的元素，（完整包含） [class^=“d”]{}:class以d字母开头的 [class$=“d”]{}class以d字母结尾的 ...

原创 webpack

webpack解决的问题 1：静态资源多，发起的二次请求多，导致网页速度慢。（合并文件，精灵图表，） 2：包之间的依赖关系复杂。（requireJS可以解决此问题） 什么是webpack： 是前端项目构建工具，是基于nodejs开发出来的。 webpack基于整个项目进行构建，gulp是基于任务进行构建（不适合大项目）。 全局安装：npm i webpack -g webpack打包： webp...

原创 移动端vue

vue对移动端用户支持不是很友好，于是第三方开发了针对移动用户的组件： 饿了么：MInt-UI，ElementUI(pc端) 开源团队：MUI MintUI： (1)toast: methods:{ show(){ var mytoast = this.$toast({ message:“数据等待中…”, position:“top”, /duration:-1,/ cl...

原创 VUE

开发版本：包含完整的警告和调试功能 生产版本：删除了警告。 MVVM： M:model，模型数据，从服务器端获得的数据。 VIEW：视图层，包含网页内容和样式 ViewModel：视图模型（控制器），代替之前的dom，jquery操作，自动把模型中的数据绑定到view中的指定位置。 {{}}：补缺。 指令：为HTML动态绑定属性 1：v-bind：属性名=“模型变量”。专门绑定属性值。简写（：属性...

原创 H5

1:语义标签footer,header 2: (1)表单:input 的type email，url，color，date number:min,max,step(步长) (2)表单元素： datalist， <div> <datalist id="list1"> <option value="">jack</option> ...

原创 clientX,offectX,screenX的区别：

clentX:光标距离浏览器可视区域的左上角距离。 screenX:光标距离显示器的左上角距离 offectX:光标距离当前元素左上角的距离。。

原创 echarts

柱状图 <body> <div style="width:500px;height:400px" id = "main"> </div> </body> <script> //创建echarts对象。 var main = document.getElementById("main") var mychart = ...

原创 MUI

使用MUI先要从管网上下载。不能用npm下载。 然后放在项目的src的lib文件下的mui下。 //在main.js里引入mui组件样式； import "./lib/mui/css/icons-extra.css" import "./lib/mui/css/mui.min.css" mui的九宫格HTML文件： mui-master\examples\hello-mui\examples下的...

原创 vuex

下载：npm i vuex -D. import Vuex from “vuex”//引入vuex组件 Vue.use(Vuex)//注册 //创建vuex实例，main.js var store = new Vuex.Store({ state:{count:3}, mutations:{//定义加方法 increment(state，c){//c是被调用时传的参数。 ...

原创 弹性布局

1：父元素称为容器，子元素称为项目。项目们排列的方向为主轴，与主轴垂直交叉的为交叉轴。 display:flex;//将块级元素变为容器。 display:inline-flex;//将行内元素变为容器。 元素设为弹性布局后，子元素会自动在一行内显示，但父元素高度不变；float,clear，vertical-align将失效；子元素如果是行内元素，则会成为块极； 2：flex-direction...

原创 MYSQL

创建数据库 DROP database if EXISTS xz; CREATE database xz; USE xz; CREATE TABLE xz_news ( id INT PRIMARY KEY AUTO_INCREMENT, title VARCHAR(128), time DATETIME, ...

原创 node引入mysql包,express包出错：

Cannot find module ‘mysql’： 我的mysql包安装在了工程目录的node_modules下，报错。 于是我 npm i mysql -g.安装在了默认全局目录C:\Users\gyj\AppData\Roaming\npm\node_modules，下。对了。 ...

原创 apache服务器虚拟目录，虚拟主机配置。

1：虚拟目录： 服务器启动时，在浏览器输入127.0.0.1或localhost，默认进入的是软件安装目录的htdocs文件，如果文件里有index文件，会直接打开，否则显示htdocs的整个目录。 如果想要让默认显示的目录不是htdocs,而是另一个目录，则需要修改Apache里的conf文件：\apache\conf。如下，将原来的注释掉。 #DocumentRoot "D:/xampp/ht...

原创 vue实现放大镜

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body{ margin:0; } .img{ width:300px...

原创 文本多次点击时变蓝

设置css:user-select:none