tangyuan97的博客

原创 vue 动态加载阿里云字体图标库

vue 动态加载阿里云字体图标库

原创 git 遇到Enter passphrase for key ‘/Users/renpeng/.ssh/id_rsa‘:

1.在公钥创建位置打开.ssh文件夹，打开git bash Here黑窗口2.第一步输入：ssh-keygen -p第二步输入：id_rsa第三步输入：旧密码第四步输入：新密码（输入空格，pull的时候就不需要输入密码了）

原创 jQuery-tmpl

jQuery-tmpl模板引擎下载地址

原创 微信小程序XML文件使用JSON.parse() / JSON.stringify

萨达

原创 微信小程序天气预报

参考：天气对照表 || 获取高德key|| 下载amap-wx.js自己写的效果：一、项目app.json添加授权提示代码如下： "permission": { "scope.userLocation": { "desc": "查询附近WiFi或着获取地理位置需要授权使用您的位置信息" } }二、在页面js中引入var amapFile = require('path/to/amap-wx.js');//如：.

转载 js图片随鼠标移动,旋转,缩放(实现方法一)

博客链接：https://www.cnblogs.com/steamed-twisted-roll/p/13408245.html效果如图,图片可以跟随鼠标移动,旋转,拉伸,代码在谷歌浏览器和IE11验证了,其他浏览器没试过本博客源码: https://github.com/shengbid/vue-demo 把这个功能放在vue项目里了, 这个项目里会把平时博客写的一些功能的代码都放在里面,有需要可以下载看看,有帮助的话点个star哈我主要讲一下实现思路,首先是移动,这个比较简单这里我用的

原创 微信小程序点击实现苹果，安卓手机振动效果

//wxml中<button bindtap="LongTap">振动（400ms）</button><button bindtap="ShortTap">振动（15ms）</button>//js文件中 LongTap() { // 手机振动时间400ms wx.vibrateLong(); }, ShortTap() { // 手机振动时间15ms wx.vibrateShort(); },.

原创 必要的系统组件未能正常运行，请修复Adobe Flash Player

点击iebook超级精灵的exe文件报错“必要的系统组件未能正常运行，请修复Adobe Flash Player”1.若存在Flash Helper Service，启动Flash Helper Service服务a.输入快捷键Windows+r键，输入services.mscb.服务弹框中找到Flash Helper Service，右键点击属性，启动类型修改为自动，点击应用->点击确定c.选中Flash Helper Service点击启动，重新点击exe文档就打开了2.若不存在Fla

原创 vscode编辑器deBug调试

1.找到 luanch.json 文件夹1.1在launch.json中添加内容{ // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ { "type": "chrome",

原创 IE浏览器使用ActiveXObject对象读写文件

1.创建ActiveXObject对象var txtFile = new ActiveXObject("Scripting.FileSystemObject");2.写入文件函数function saveFile(href, text) { console.log(txtFile.FileExists(href)); if (txtFile.FileExists(href)) { oldText = readFile("

原创 获取浏览器地址栏？携带的参数

function getUrlParams(params) {//params要获取的参数名称 var urlObj = {}; if (!window.location.search) { return false; } var urlParams = window.location.search.substring(1); var urlArr = urlParams.split('&'); for (var i .

原创 java随机数游戏

原创 路由的四种跳转方式

router-link不带参数<router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是’/‘开始就是从根路由开始，如果开始不带’/’，则从当前路由开始。2.带参数<router-...

原创 vuex中store保存的数据，刷新页面会清空

vuex中store保存的数据，刷新页面会清空用vuex，项目中需要记录一些状态，来判断页面是否为登录状态和页面是否可被编辑，此时用到了vuex中的store来存储一个状态。复制代码//首先 安装vuexnpm install vuex --save //新建一个store文件夹，并在里面创建一个index.js文件，并导入import Vue from 'vue'import ...

原创 js封装动画函数

div { position: absolute; left: 0; width: 100px; height: 100px; background-color: pink; } span { posit...

原创 页面被卷去的头部兼容性解决方案

1.3.5.页面被卷去的头部兼容性解决方案需要注意的是，获取页面被卷去的头部高度，有兼容性问题，因此通常有如下几种写法：声明了 DTD，添加了使用 document.d ocumentElement.scrollTop未声明 DTD，使用 document.body.scrollTop新方法 window.pageYOffset和 window.pageXOffset，IE9 开始支持...

原创 PC端页面和移动端页面的切换

navigator 对象包含有关浏览器的信息，它有很多属性，我们最常用的是 userAgent，该属性可以返回由客户机发送服务器的 user-agent 头部的值。1.下面前端代码可以判断用户那个终端打开页面，实现跳转if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBe...

原创 注册事件的兼容性处理

注册事件的方式ele.on事件类型 = function(){}addEventListener(事件类型,事件处理函数,useCapture) 第三个参数默认是false，冒泡阶段执行attachEvent(事件类型，事件处理函数)1.第一种方式只能有一个事件处理函数，而第二、三种可以定义 多个事件处理函数2.addEventListener IE9以下版本以及OPERA7以...

原创 innerHTML和creatElement创建元素的区别

<ul > <li class="ul"></li> <li></li> </ul> <script> var ul=document.querySelector('.ul') //innerHTML使用拼接字符串的方式创建新的...

原创 js中兄弟元素兼容性封装

<script> //获取下一个兄弟元素 function getNextElement(element) { if (element.nextElementSibling) { return element.nextElementSibling; } else { var next = e...

原创 js实现tab栏切换

//API2 <div class="tab"> <div class="tab_list"> <ul> <li class="current">商品介绍</li> <li>规格与包装</li> ...

原创 在js中'='、'=='、'==='的区别

=： 赋值运算符==： 叫相等运算符===：叫严格运算符=：赋值运算符==：判断是否相等：忽略了类型进行值的比较。===：判断是否相等：先进行值的比较，如果值相等，再去比较类型。即带有类型的值的比较。// “==”比较测试，只要内容相同　　　　console.log(1 == 1); true//两个参数都是数字1作比较，打印结果为true　　　　console.log(...

原创 循环精灵图的js代码块

<div class="box"> <ul> <li></li> <li></li> <li></li> <li></li> <li&gt...

原创 格式化年月日

function getDate() { var date = new Date(); // 2020年 1月 17日 星期三 var year = date.getFullYear(); var month = date.getMonth() + 1; var dates =...

原创 screenHeight和windowHeight区别

1.作用域不同：screenHeight是整合手机屏幕的高度，windowHeight是webview（不包括手机通知栏、小程序标题栏和tabBar）的高度；2.单位不同：screenHeight的单位是rpx，windowHeight的单位是px；...