自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

WWW_share8的博客

没有什么不一样,仅仅是所处的立场不同

  • 博客(39)
  • 资源 (4)
  • 收藏
  • 关注

原创 关于富文本编辑图片移动端太大溢出,太小正常处理

如果简单粗暴给全局样式img添加width 100%,是可以解决溢出问题,但又造成了一个新的问题,就是小图片之前没有溢出也都变成了100%在使用富文本编辑完文章,生成html字符串后,直接给移动端使用。如果图片太大,会出现溢出,图片太小没有问题。故需要使用正则依次处理一下html里面的html字符串。这样就可以实现大图片不溢出,小图片正常显示。......

2022-08-04 12:10:23 164 2

原创 vue中不同路由共用同一个组件,缓存数据。不同路由第一次进入走加载,二次缓存

背景:后端根据不同路由返回不同数据,使用一个组件去渲染页面需求:一,每次新路由进入的同一个组件都要走生命周期,获取后端数据。二,第二次点击需要缓存数据,希望之前输入的数据还在。难点说明:1,由于vue设计时,同一个组件二次进入是不会再次走生命周期,目的是为了提高渲染效率等2,keepAlive缓存同一个组件 会出现不生效的问题解决:关于一:解决方法网上但部分是根据路由在添加一个时间作为key来解决。但我今天的解决办法是一二一起解决。首先,先解决为什么keepAlive不能缓存

2022-03-22 23:16:29 2510

原创 使用typescript去简单的写一个时间显示的canvas小球

在学习完了ts后 一直想找一个项目练手 可网上开源的项目 写的ts项目 还是有点复杂,不太适合刚刚学完ts想练手的同学。于是就打算自己写一个 ts小项目大概需求就是:1 可以根据当前时间 用canvas绘制一个时间 2 可以每隔一秒 收集一个小球 3 可以 将收集的小球 依次渲染出来 4 可以 有倒计时模式实现效果大概是...

2020-10-16 18:48:33 422

原创 基于typescript 写一个发布订阅 event

发布订阅 是一种很常用的设计模式,这个设计模式的好处是,发送端和接收端 都不会受到 对方所写的其他逻辑所 干扰。只需要双方约定好 eventemit中的属性值就可以了设计模式是一种设计方式,目的是让人更好更优的去实现程序中复杂的逻辑关系。目的不在意于用什么语言去实现、这里 会说一下 js和ts是怎么实现的,但重点会在 ts中首先:ts是 可以直接编译成 js的,所以我们这里先 写 ts的 js的等编译完了就会生成了一:想定义一下 key属性,这样写的好处就是可以直接在此处 添加key,开发.

2020-09-02 13:32:11 363

原创 关于 js中引用ts 并 阐述 ts和.d.ts关系

首先说一下,之前一直在学习 ts但学完后,让自己 产生了一个 疑问 js中如何 何 引用。引用了 ts后 为什么在使用时 没有 提示 方法参数等 ?带着这些 问题 我们 开始一步步的 从 创建到 项目 到 写ts 到应用首先 从创建项目开始npm init创建项目后 我们需要引入 打包 可以是webpack或者 parcel,这里选择 parcelnpm install --save parcel-bundler然后 我们 在package.json,添加一下...

2020-08-12 17:47:03 7183

原创 VUE中axios 封装,带进度条的

首先先介绍一下,关于封装axios,主要目的是为了不用到处去修改 和请求有关的需求。我用的是element-ui,基本引入如下import Axios from 'axios'import Cookies from 'js-cookie'import IP from './ipconfig'import router from '@/router';import { Message } from 'element-ui'接着设置 超出时间 和请求拦截 响应拦截const h.

2020-06-01 14:39:36 1805

原创 vue-cli3.0以上 threejs引入obj模型 点击显示模型数据 点击高亮

基础知识 可以看 我之前写的https://blog.csdn.net/www_share8/category_9385409.html首先 说一下 可能遇到的问题,第一个可能遇见,vue-cli3.0中没有 static 所以你的 模型可以引入不了,这个时候 你的 模型需要放到 public文件中第二个是 引入obj模型,贴图没有显示,问题主要是更改mtl文件中图片路径,上面的是问题 需求就是 引入模型 并点击模型 在对应的 模型 做展示首先第一个问题,将模型放入 public中..

2020-05-09 10:37:06 5393 15

原创 vue-cli3.0以上 + typeScript 教程学习指导(四) 父子传值

这是一个系列文章 之前的系列文章地址:https://blog.csdn.net/www_share8/category_9877844.html本次文章 将从下面四个方面来讲述1,父组件给子组件传值2,父组件调用子组件方法3,子组件给父组件传值4,子组件调用父组件方法依然采用 对比vue的方法来讲述 学习,想来看一下vue 中是如何实现上面的四种方法的...

2020-04-09 19:41:06 684

原创 vue-cli3.0以上 + typeScript 教程学习指导(三) 计算属性 watch 新

这是一个系列文章 之前的系列文章地址:https://blog.csdn.net/www_share8/category_9877844.html今天 我们来学习一下计算属性 和watchvue中关于计算属性 就是当a,b(关联着a),当a改变后 b也要跟着改变 这个时候就可以使用计算属性了,watch 也有这样的功能,watch和计算属性的 区别 大家可以网上查询一下资料,这不是本次的重...

2020-04-08 12:08:15 5642 1

原创 vue-cli3.0以上 + typeScript 教程学习指导(二) 数据和事件处理

上一系列 我们搭建好了入门框架,也跑起来了。现在我们来通过对比的形式看一下 ts是如何绑定数据 处理事件的一 数据绑定ts+vue写法<template> <div class="hello"> <h1 v-if="states">{{ msg }}</h1> </div></template&gt...

2020-04-07 20:39:36 602

原创 vue-cli3.0以上 + typeScript 教程学习指导(一) 入门typeScript

之前在简单的学习了ts后 一直想将它 与vue结合起来 一直没有,对此就开始打算以文章的形式一步一步来 从简单入手。单纯的typeScript如何教程:https://ts.xcatliu.com/...

2020-04-07 20:38:29 1247 1

原创 简单快速上手的 webRTC,完整前端和后端, 服务器是node,服务器逻辑简单

我也是第一次写webRTC,之前一直没有写过,也是一边百度一边写 最终还是写出来了,我来简单说一下了,webRTC其实人家已经写的很完整的,我们要做的经济就是 将两个机器的 信令交互一下先看一下效果图吧,...

2020-03-27 00:47:23 1771 7

原创 JavaScript对象中的defineProperty() 方法

记录一下,为看懂vue源码做一些js的准备今天在看Vue源码的时候 看到了下面这样的代码Object.defineProperty(Vue.prototype, '$isServer', { get: isServerRendering})然后就发现自己居然不知道 Object.defineProperty是什么,在通过百度和看javaScript 权威指南书后了解了它一...

2020-03-11 22:59:27 799

原创 vue中 生成二维码 并自动批量下载

项目中经常又这样的需求,要求将字符串生成二维码,并下载下来一般分为 生成一个二维码展示并下载,对于这种你只需调用qrcodejs2生成二维码就可以了 下载也是按钮触发今天我们要说的是 批量下载,具体做法是首先下载资源npm install qrcodejs2 --save在对于的文件中引入,在template中添加如下的html代码<div id="qr...

2020-02-18 20:56:13 1686 15

原创 VUE动态绑定video或者audio的src不能播放

首先 关于vue 是可以直接通过绑定src来或者 显示在,网上的许多方法都是创建dom元素来重新 append到页面上 ,这个是能解决问题的 但不是最佳的首先 你的html写成这样 <video ref='video' controls width="100%" height="100%"></video>注意这里的 的ref 这里是后面方便操作 do...

2020-01-18 17:48:02 2736 3

原创 鼠标移入时下划线向两边展开的效果

记录一下之前一直感觉很不错的 菜单移入效果。就是当鼠标移入后 下滑线向两边缓慢延展的效果实现这个功能 主要是使用了伪类元素 :befor :after核心代码是:html<p class="navP">管理</p>css中.navP { width: 150px; position: rel...

2020-01-16 11:29:08 402 5

原创 关于echarts导出图片不显示数据问题

需求是使用echarts的图表功能先生成图片,通过浏览发现 每次生成的都是只有 底图没有数据。就是下面这种效果首先 我们先了解一下 echarts提供个生成图片的api网址:https://www.echartsjs.com/zh/api.html#echartsInstance.getDataURL在这个文档中也就是说生成 图片 我们只需要 写如下代码 就可以将 我...

2019-12-24 11:24:25 3335 4

原创 30行代码实现简单的node爬取图片

今天不来是想学习vue的流体布局组件的,结果在打开网站的时候看见了这样的请求看到这样的请求,内心就很激动 只不是只要增加后面的 数字就可以获取到图片地址了嘛所以果断的去写了一个nodejs爬取图片的 小代码。node代码起步特别简单,首先下载一些配件const express = require('express')const request = require('req...

2019-12-18 16:28:07 390

原创 重构心得分享----拆分循环

最近自己再看《重构-改善既有代码的设计》,这是一本关于如何让大家去发现需要重构的代码和如何去进行重构。先分享一个今天刚刚看的,标题叫拆分循环,作者认为一个循环里面尽可能的只做一件事情。举一个粒子,比如一个循环里面有两件事,一个是计算收入总值(数据累加),一个是找出最小收入let total = 0let data = [15, 25, 3, 65, 15]let min = da...

2019-11-20 11:11:12 636

原创 threejs模型旁边添加 文字注释,解释模型 3D效果

先给大家看一下 效果吧如上面所示,这是一个 简单的dome,就是在一个立方体旁边叠加一个显示文字的 模块。threejs制作简单的立方体这个没有什么说,基本就是 let geometry = new THREE.BoxGeometry(50, 50, 50)//构建一个正方体 let material = new THREE.MeshLambertMaterial({ col...

2019-10-30 20:27:27 13663 12

原创 vue中引入three中其他重要的依赖包和使用

在vue中使用three 首先先引入 cnpm install three --save在使用的文件中这样引入mport * as THREE from 'three'这不是本次写这个中重点。在vue中如果想使用 OrbitControls,控制运动,CSS2DRenderer 添加2D字体等等这些都可以这样引入 import {OrbitControls} from...

2019-10-18 12:05:10 1371

原创 webgl入门学习踩坑之路,学习资料分享

学习资料1,webGL中文网:http://www.hewebgl.com/article/articledir/12郭隆邦博客:http://www.yanhuangxueyuan.com/WebGL_course.html3,模型学习https://threejs.org/examples/#webgl_animation_keyframes,有许多的模型并有代码...

2019-09-26 15:50:32 558

原创 element中手动图片上传,附带完整代码

先展示一张图片效果图片这种上传时 很常见的。之所以写这篇文章的目的时记录一下,和之前完全不同的上传方式。之前的上传方式:由于<el-upload></el-upload>这个组件有自动上传,也就是说只要图片提交后就会自动上传。所以之前都是 为这样的 表单提交提供两个接口,第一个接口提供图片接收,并返回接收后的图片路径。然后在和表单一起提交的第二个接口中...

2019-08-03 16:28:01 3223 3

原创 Vue传递参数不在URL路径上 显示参数的完整方法

首先,vue中传递参数 可以直接使用this.$router.push({path:'/taskCenter?id='+id+'paths='+path});但这样有一个明显的错误就是 会把参数显示在路由中。通过网上查阅资料 发现可以使用params 来传递参数 当发现这有一个大坑。下面 我来详细讲解 如何使用 params第一步:在vue中路由中这样 就是...

2019-08-01 22:32:17 13091 9

原创 基于echarts显示具体个某个省,某个市,或者某个县的方法

第一个是一个河北省 廊坊市 里面的地图。分别对应 云南省 昆明市 新平县 ,这个关键在在于json数据。我已经给大家都弄好了,只需要去 下载你需要的json数据就可以了。地址是https://github.com/wenccro/chinaMapJsonData。那是 压缩的 那个省份的所有数据,包括时和县都在里面了 。可以看我的 demo来做下面是一个 ...

2019-05-22 22:06:21 11154 35

原创 Tesseract中文语言包 chi_sim.traineddata,免费下载 而且还是最新的

这里面包含了所有的语言包,不要相信那些csdn花币的下载,有坑 https://github.com/tesseract-ocr/tessdata识别图片,一般都是会报 找不到环境变量,你的先进行环境变量的设置,然后记得下载chi_sim这个中文包如果你不识别中文,仅仅需要添加一下环境变量就可以了 ...

2019-04-13 19:29:56 17184 20

原创 基于selenium和PhantomJS的python模拟登录豆瓣网站

首先先登录豆瓣网站:https://www.douban.com/,审查元素,我们可以发现,他的登录是做为一个模块被引入的登录模块被放入了iframe中,所以我们直接通过driver.find_element_by_class_name("account-tab-account")是获取不到元素的正确的做法是:from selenium import webdriverim...

2019-04-13 11:52:19 492 1

翻译 数组去重,数组合并去重

方法一:双层循环,外层循环元素,内层循环时比较值如果有相同的值则跳过,不相同则push进数组Array.prototype.distinct = function(){var arr = this,result = [],i,j,len = arr.length;for(i = 0; i &lt; len; i++){for(j = i + 1;...

2019-03-08 09:58:51 1139

转载 angular 去掉ng-repeat自动添加的$$hashkey

将:ng-repeat="item in items "  改成:ng-repeat=“item in items track by $index”

2019-01-18 16:09:59 560

原创 关于百度富文本编辑器上传图片的配置问题

首先,大家需要下载ueditor,可以找一个空的文件夹(英文命名的)按住shift+右键打开命令窗口,运行   npm install ueditor然后将解压的文件   public 里面的ueditor  拷贝都你的静态目录下面。我先上我的项目的目录文件照片吧我的静态文件是,static,你将ueditor一整个文件放入static中,然后需要对他进行配置打开,uedi...

2018-09-11 22:19:10 2322

原创 关于linux想要在后台运行node.js文件,使用xshell6非法关闭窗口后,后台程序不退出的问题

  前几天接了一个node的项目,做完后放到我自己的服务器上是可以的,但客户居然使用的是linux系统,当时就有点傻眼了。我先说说我遇见的坑吧,首先你需要下载  xshell6和xftp6,这个是方便大家传送文件的。然后需要大家安装node安装可以参考 https://www.cnblogs.com/liuqi/p/6483317.html然后  大家有两种方法,将自己的程序运...

2018-09-11 21:19:02 1279

原创 关于mongodb 被误操作关闭,需要重新下载安装

这几天我以为电脑蓝屏,导致自己的mongodb被非正常关闭,在网上查了好多,都是下面的这样操作解决方法: 1、删除%MONGO_HOME%/data/db下的.lock文件 ,就是你存放数据的地方2、输入命令 mongod –repair3、重启mongoDB但我操作了好几遍  还是没有用。所有我决定重新安装,可重新安装,直接去https://www.mongodb.com/do...

2018-08-06 14:42:28 679

原创 完整,详细的基于jquery省市三级联动和基于angular的省市三级联动对比

本来我想免费发送资源的,可是csdn,这最少也需要1积分。所以如果大家不想直接下载的话,也可以直接贴那些数据,然后自己将这些资源与保存到一个.json后缀的文件里面。city.json资源。...

2018-07-08 18:32:40 341

原创 基于数据库的JavaScript前后台模糊查询,后台是node.js

        模糊查询在很多实时都是很实用的,下面我就给大家写了模糊查询,还是之前的写作习惯,先写前端代码,在写后台代码。先上一个效果图前端代码先写HTML,这是基本部分,不是全局的,就一个搜索按钮和一个输入框&lt;input type="text" name="seek" class="seek" placeholder="公司名称"/&gt;&lt;input type="submit

2018-06-18 10:09:26 1856 1

原创 完整的分页程序+后台数据请求

分页可能是许多小白比较痛苦的一件事,之前我也写了好几个分页都不太令人满意。在经过多次练习后,写出来应该比较好的分页了吧。我将它写成一个模板,如果大家需要这个模板,可以到这里去下载。地址:https://download.csdn.net/download/www_share8/10384821现在我来说一下我的分页吧,向上代码1,最基本的html页面+css的内容<!D...

2018-05-01 11:30:25 1148 1

原创 基于node.js服务器-完整的-前后端的Excel导入,ajax文件的上传

我们都知道admin管理员,在很多时候需要直接从外面导入excel表格的数据内容,昨天刚刚解决了这个问题,在次给大家分享一下,我们先从前台开始吧。 前台要解决的问题时,如何上传文件,如何获取文件后缀名,基本就这些内容。上传我知道的有两种,一种是通过表单提交的形式,一种是使用ajax的方式。两种我都写了,第一种,存在一个比较棘手的form表单提交会跳转页面的问题,也有解决的办法,不过比...

2018-04-12 12:09:17 1615 6

原创 详解Bootstrap glyphicons-halflings-regular.woff2 Not found

看了好几个关于Bootstrap glyphicons-halflings-regular.woff2 Not found,的博主写的,他们都没有具体的细节。首先,出现这个问题的原因是,没有将具体的包引用完整直接看我遇到的问题吧,我要使用这个包,直接连接是可以的, &lt;link rel="stylesheet" href="http://cdn.static.runoob.com/libs/b...

2018-04-02 18:36:27 17268 3

原创 关于豆瓣电影的小程序

首先声明,这里所用到后台接口是豆瓣提供的,非本人亲自所写废话不多说直接上代码!var API_URL ='http://t.yushu.im/v2/movie'//豆瓣的地址function fetchApi(ty,params){ return new Promise((resolve,reject)=>{ wx.request({ url: `${AP...

2018-03-21 14:28:06 5153 9

原创 关于html5中的部分标签,在IE9以下的支持情况

这个是js文件,你可以自己写一个新的js文件来存放下面的代码这是一个自调函数,先进行判断,一旦符合条件就执行下面的带代码,将html5里的标签一次放到页面中(function(){ if(!/*@cc_on!@*/0)return; var e = "abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,fi

2017-12-19 17:13:18 881 1

中国省市县.json格式

这是一个全国省市县3级联动的json格式的数据,本来我想免费的,可是它最低也要1积分

2018-07-08

分页练习模板

这是一个完整的分页练习模板,直接下载就可以使用。我已经测试过了。

2018-05-01

node-xlsx导入

服务器导入导出表格的工具包,是一个非常强大的工具包。仅仅限制小白下载

2018-04-12

jquery+mysql+w3cschool离线手册

前端和mysql等重要的前端离线手册,对一个一个前端程序员来说,这是你非常有必要收藏的

2018-03-22

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除