MagicWing的博客

原创 git 修改仓库地址

git remote set-url origin https://e.coding.net/your.git

原创 git 增加一个远程仓库

// 设置别名git remote add coding https://e.coding.net/your.git// 不起别名git remote set-url --add origin http://...// 列出远程git remote -v// 推到别名为coding的dev分支git push coding dev

原创 节点插入，删除，替换总结

节点插入，删除，替换总结创建新节点的方法：document.createElement(tag) — 用给定的标签创建一个元素节点，document.createTextNode(value) — 创建一个文本节点（很少使用），elem.cloneNode(deep) — 克隆元素，如果 deep==true 则与其后代一起克隆。插入和移除节点的方法：node.append(...nodes or strings) — 在 node 末尾插入，node.prepend(...no

原创 获取HTML节点属性(Attribute)

elem.hasAttribute(name) — 检查是否存在这个特性。elem.getAttribute(name) — 获取这个特性值。elem.setAttribute(name, value) — 设置这个特性值。elem.removeAttribute(name) — 移除这个特性。elem.attributes — 所有特性的集合。...

原创 节点插入

插入方法这里是更多的元素插入方法，指明了不同的插入位置：node.append(…nodes or strings) —— 在 node 末尾 插入节点或字符串，node.prepend(…nodes or strings) —— 在 node 开头 插入节点或字符串，node.before(…nodes or strings) —— 在 node 前面 插入节点或字符串，node.after(…nodes or strings) —— 在 node 后面 插入节点或字符串，node.repla

原创 JS 获取节点和元素

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-j8LfWfhG-1618540867886)(en-resource://database/19353:1)]获取节点获取元素

原创 关于sort的疑惑

/*** a和b，其实就是要对比的两个数而已，不存在前后，根据对比的结果来返回值来决定某个数在前，某个数在后* console出来为* a, b 23 5 * a, b 5 43 * a, b 23 43 * a, b 54 23 * a, b 4 23 * a, b 656 23 * a, b 6 23 * a, b 45 23 * a, b 5 23 * ...* return -1 那么 a 就排在b前面* retu

原创 electron 使用 `vue-cli-plugin-electron-builder`无法使用`node`模块找不到`fs`

electron 使用 vue-cli-plugin-electron-builder无法使用node模块找不到fs需要在vue.config.js中配置electronBuilder -> nodeIntegration:true，直接在backage.js中开启并无效果

原创 electron和electron-build 镜像配置

electron和electron-build 镜像配置// 配置淘宝镜像地址npm config setregistry = https://registry.npm.taobao.org/// 配置electron镜像地址npm config setELECTRON_MIRROR = https://npm.taobao.org/mirrors/electron/// 打包时的各种文件的下载npm config setELECTRON_BUILDER_BINARIES_MIRROR =

原创 node应用中的require 和 exports、module.exports

node应用中的require 和 exports、module.exports挂载到一个对象上导出多个const canadianDollar = 0.91;function roundTwo(amount) { return Math.round(amount * 100) / 100;}// 挂载到exports上exports.canadianToUS = canadian => roundTwo(canadian * canadianDollar);exports.USToC

原创 react-native 环境搭建

react-native 环境搭建大部分看中文网，这里补充一些细节react 中文网 环境搭建https://reactnative.cn/docs/getting-started.htmlNodeNode 的版本必须⾼于 8.3，npm config set registry https://registry.npm.taobao.org --globalnpm config set disturl https://npm.taobao.org/dist --globa安装及

原创 vue2 几种初始化 挂载方式

vue2 几种初始化 挂载方式常见的new Vue 传入el和render的方式 【在cli创建出的项目中】el类型：string | Element限制：只在用 new 创建实例时生效。详细：提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。可以是 CSS 选择器，也可以是一个 HTMLElement 实例。在实例挂载之后，元素可以用 vm.$el 访问。如果在实例化时存在这个选项，实例将立即进入编译过程，否则，需要显式调用 vm.$mount() 手动开启

原创 vue-scroll 使用注意（仅作参考）

vue-scroll 使用注意（仅作参考）没有固定的高 100% 采取的布局及需要注意的点/** 【在没有固定高的情况下，使用此种布局】需要注意下面五点 <div class="main_left"> <div class="shceme_list_wrapper"> <vue-scroll> <div class="shceme_list

原创 vuex modul vuex使用模块

vuex module * 如果模块名称为：company * state: { ... }, // this.$store.state.company.xxx getters: { isAdmin () { ... } // -> this.$store.getters['company/isAdmin'] }, actions: { login () { ... } // -> this.$store.disp

原创 搭建Flutter环境

搭建Flutter环境 Stable版的 [v1.12.13+hotfix.5]Flutter 中文网： https://flutterchina.club/setup-windows/Flutter 中文文档： https://flutter.cn/about/docs-cnFlutter 中国 https://flutter.cn/安装jdk及搭建java环境JDK 的版本必须是 1.8（⽬前不⽀持 1.9 及更⾼版本）下载 https://www.oracle.com/tec

原创 在electron6.0和9.0中使用vue插件

在electron6.0和9.0中使用vue插件下载插件压缩包进行解压如果已经在谷歌中安装了则直接通过插件ID找到插件文件夹拷贝文件夹即可修改background.js6.0const path = require('path')// 需要在ready中安装插件 错误需要捕获 否则程序终止app.on('ready', async () => { if (isDevelopment && !process.env.IS_TEST) { try {

原创 子模块命令

子模块命令cat .git/config读取配置，可以查看子模块有没有被注册为一个项目添加子模块（http）// 可以是远程git http地址git submodule add ~/submd/repos/lib1.git libs/lib1clone一个带子模块的项目(project1-b)git clone ../repos/project1.git project1-b// 对此项目的子模块进行检查 发现存在子模块 但是子模块文件夹内并未存在内容git submodule

原创 nuxt 路由验证几种方式

nuxt 路由验证几种方式插件的方式，client模式（错误方法）route虽然可以拿到meta，但是在开发的时候按下保存，此时浏览器在哪个页面那么此route对象就是哪个路由对象，构建的时候确定了哪个路由对象就是哪个路由对象，所以在页面发生跳转后不会进行更新，此处不跟路由中间件一样要从to对象拿到要进入的对象to对象拿不到meta在client模式下，可以拿到tokenimport cookie from '~/utils/cookie'import globalVar from '~/

原创 安装puppeteer 设置镜像

安装puppeteer 设置镜像npm config set PUPPETEER_DOWNLOAD_HOST=https://npm.taobao.org/mirrorsnpm install --save puppeteer

转载 简单的媒体查询

注意：小值在上，大值在下&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;媒体查询&lt;/title&gt; &lt;style&gt; .content {

转载 图片 居中 铺满容器 高度固定 （作为背景）轮播图 -不让图片变形使用

转载 boostarp 各种屏幕元素显示和隐藏

转载 bootstart 列抵消 列排序 列偏移

&lt;!DOCTYPE html&gt;&lt;html lang="zh-cn"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;meta n

转载 boostart栅格系统

&lt;!--h5文档申明--&gt;&lt;!DOCTYPE html&gt;&lt;!--文档语言申明 en zh-CN zh-tw --&gt;&lt;html lang="zh-CN"&gt;&lt;head&gt; &lt;!--文档编码申明--&gt; &lt;meta charset="utf-8"&gt; &

转载 fastclick 插件 --解决移动端300ms延迟的问题

通过fastclick在移动端来正常使用click

转载 tap事件原理

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;手势事件&lt;/title&gt; &lt;style&gt; .box { width

转载 手势事件-左滑-右滑-滑动切换-手势封装

手势事件-手势封装&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;手势事件&lt;/title&gt; &lt;style&gt; .box {

转载 触摸事件-Jquery 触摸事件

touch是触摸事件组touchstart 当手指触摸屏幕touchmove 当手指在屏幕上移动touchend 当手指离开屏幕touchcancel 当被迫终止滑动touchList是触摸点changedTouches 改变后的触目点集合每个点都会去记录targetTouches 当前元素触摸点集合手指离开了不会记录touches 页面上所有触摸...

转载 点击高亮效果的设置和清除

/*点击高亮效果的清除 */ -webkit-tap-highlight-color: transparent;

转载 Node.js 的模块查找机制

第三方模块的查找机制是例如，我需要查找 art-template模块，这个模块已经被我安装到了项目中的node_modules中，先去node_modules中找到 art-template文件夹在 art-template文件就按中找到packge.jsonpackge.json文件中找到main.js属性通过main.js属性值找到找到具体的.js文件指向执行指向的.js文件...

转载 exports 和 module.exports 的区别

转载 JS中重定向 301状态码和302状态码区别

重定向res.redirect('/login');

转载 exports 导入多个成员，单个成员

转载 在Node中使用 template

一个简单的列子// 1、安装--------------------------------------------npm install art-template --save--------------------------------------------var fs = require("fs");// 2、导入var template = require('art-t...

转载 Node中获取 ip 地址和端口号

转载 Node 模块

在 Node 中，模块有三种：具名的核心模块，例如 fs、http用户自己编写的文件模块相对路径必须加 ./可以省略后缀名在 Node 中，没有全局作用域，只有模块作用域外部访问不到内部内部也访问不到外部默认都是封闭的既然是模块作用域，那如何让模块与模块之间进行通信有时候，我们加载文件模块的目的不是为了简简单单的执行里面的代码，更重要是为了使用里面的某个成员...

转载 Node 读文件

var fs = require("fs");fs.readFile("./file/data.txt",function (error,data) { console.log(data.toString());})

转载 中国城市三级联动数据

var cityData = [{ value: '110000', text: '北京市', children: [{ value: "110101", text: "北京市", children: [{ value: "110101", text: "东城区" ...

转载 获取url里面的值----字符串分割

function getPathNmaeValue(url,name) { var index = url.indexOf("?"); var keyStr = url.substring(index+1); var keyArr = keyStr.split("&amp;"); for (var i=0; i &lt;keyArr.length;i++) {...

转载 输入的是否是中文名字

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;title&lt;/title&gt; &lt;script src="jquery-1.12.1.js"&gt;&lt