- 博客(39)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 关于富文本编辑图片移动端太大溢出，太小正常处理
如果简单粗暴给全局样式img添加width 100%，是可以解决溢出问题，但又造成了一个新的问题，就是小图片之前没有溢出也都变成了100%在使用富文本编辑完文章，生成html字符串后，直接给移动端使用。如果图片太大，会出现溢出，图片太小没有问题。故需要使用正则依次处理一下html里面的html字符串。这样就可以实现大图片不溢出，小图片正常显示。......
2022-08-04 12:10:23
993
6
原创 vue中不同路由共用同一个组件，缓存数据。不同路由第一次进入走加载，二次缓存
背景：后端根据不同路由返回不同数据，使用一个组件去渲染页面需求：一，每次新路由进入的同一个组件都要走生命周期，获取后端数据。二，第二次点击需要缓存数据，希望之前输入的数据还在。难点说明：1，由于vue设计时，同一个组件二次进入是不会再次走生命周期，目的是为了提高渲染效率等2，keepAlive缓存同一个组件 会出现不生效的问题解决：关于一：解决方法网上但部分是根据路由在添加一个时间作为key来解决。但我今天的解决办法是一二一起解决。首先，先解决为什么keepAlive不能缓存
2022-03-22 23:16:29
5944
5
原创 使用typescript去简单的写一个时间显示的canvas小球
在学习完了ts后 一直想找一个项目练手 可网上开源的项目 写的ts项目 还是有点复杂，不太适合刚刚学完ts想练手的同学。于是就打算自己写一个 ts小项目大概需求就是：1 可以根据当前时间 用canvas绘制一个时间 2 可以每隔一秒 收集一个小球 3 可以 将收集的小球 依次渲染出来 4 可以 有倒计时模式实现效果大概是...
2020-10-16 18:48:33
838
原创 基于typescript 写一个发布订阅 event
发布订阅 是一种很常用的设计模式，这个设计模式的好处是，发送端和接收端 都不会受到 对方所写的其他逻辑所 干扰。只需要双方约定好 eventemit中的属性值就可以了设计模式是一种设计方式，目的是让人更好更优的去实现程序中复杂的逻辑关系。目的不在意于用什么语言去实现、这里 会说一下 js和ts是怎么实现的，但重点会在 ts中首先：ts是 可以直接编译成 js的，所以我们这里先 写 ts的 js的等编译完了就会生成了一：想定义一下 key属性，这样写的好处就是可以直接在此处 添加key，开发.
2020-09-02 13:32:11
614
原创 关于 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
11899
原创 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
4936
原创 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
7334
18
原创 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
3088
原创 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
6259
1
原创 vue-cli3.0以上 + typeScript 教程学习指导（二） 数据和事件处理
上一系列 我们搭建好了入门框架，也跑起来了。现在我们来通过对比的形式看一下 ts是如何绑定数据 处理事件的一 数据绑定ts+vue写法<template> <div class="hello"> <h1 v-if="states">{{ msg }}</h1> </div></template>...
2020-04-07 20:39:36
769
原创 vue-cli3.0以上 + typeScript 教程学习指导（一） 入门typeScript
之前在简单的学习了ts后 一直想将它 与vue结合起来 一直没有，对此就开始打算以文章的形式一步一步来 从简单入手。单纯的typeScript如何教程：https://ts.xcatliu.com/...
2020-04-07 20:38:29
1445
1
原创 简单快速上手的 webRTC，完整前端和后端， 服务器是node,服务器逻辑简单
我也是第一次写webRTC，之前一直没有写过，也是一边百度一边写 最终还是写出来了，我来简单说一下了，webRTC其实人家已经写的很完整的，我们要做的经济就是 将两个机器的 信令交互一下先看一下效果图吧，...
2020-03-27 00:47:23
2959
7
原创 JavaScript对象中的defineProperty() 方法
记录一下，为看懂vue源码做一些js的准备今天在看Vue源码的时候 看到了下面这样的代码Object.defineProperty(Vue.prototype, '$isServer', { get: isServerRendering})然后就发现自己居然不知道 Object.defineProperty是什么，在通过百度和看javaScript 权威指南书后了解了它一...
2020-03-11 22:59:27
1054
原创 vue中 生成二维码 并自动批量下载
项目中经常又这样的需求，要求将字符串生成二维码，并下载下来一般分为 生成一个二维码展示并下载，对于这种你只需调用qrcodejs2生成二维码就可以了 下载也是按钮触发今天我们要说的是 批量下载，具体做法是首先下载资源npm install qrcodejs2 --save在对于的文件中引入，在template中添加如下的html代码<div id="qr...
2020-02-18 20:56:13
2045
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
3649
3
原创 鼠标移入时下划线向两边展开的效果
记录一下之前一直感觉很不错的 菜单移入效果。就是当鼠标移入后 下滑线向两边缓慢延展的效果实现这个功能 主要是使用了伪类元素 :befor :after核心代码是：html<p class="navP">管理</p>css中.navP { width: 150px; position: rel...
2020-01-16 11:29:08
612
5
原创 关于echarts导出图片不显示数据问题
需求是使用echarts的图表功能先生成图片，通过浏览发现 每次生成的都是只有 底图没有数据。就是下面这种效果首先 我们先了解一下 echarts提供个生成图片的api网址：https://www.echartsjs.com/zh/api.html#echartsInstance.getDataURL在这个文档中也就是说生成 图片 我们只需要 写如下代码 就可以将 我...
2019-12-24 11:24:25
4522
5
原创 30行代码实现简单的node爬取图片
今天不来是想学习vue的流体布局组件的，结果在打开网站的时候看见了这样的请求看到这样的请求，内心就很激动 只不是只要增加后面的 数字就可以获取到图片地址了嘛所以果断的去写了一个nodejs爬取图片的 小代码。node代码起步特别简单，首先下载一些配件const express = require('express')const request = require('req...
2019-12-18 16:28:07
518
原创 重构心得分享----拆分循环
最近自己再看《重构-改善既有代码的设计》，这是一本关于如何让大家去发现需要重构的代码和如何去进行重构。先分享一个今天刚刚看的，标题叫拆分循环，作者认为一个循环里面尽可能的只做一件事情。举一个粒子，比如一个循环里面有两件事，一个是计算收入总值（数据累加），一个是找出最小收入let total = 0let data = [15, 25, 3, 65, 15]let min = da...
2019-11-20 11:11:12
2981
原创 threejs模型旁边添加 文字注释，解释模型 3D效果
先给大家看一下 效果吧如上面所示，这是一个 简单的dome,就是在一个立方体旁边叠加一个显示文字的 模块。threejs制作简单的立方体这个没有什么说，基本就是 let geometry = new THREE.BoxGeometry(50, 50, 50)//构建一个正方体 let material = new THREE.MeshLambertMaterial({ col...
2019-10-30 20:27:27
17535
15
原创 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
1695
原创 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
874
原创 element中手动图片上传，附带完整代码
先展示一张图片效果图片这种上传时 很常见的。之所以写这篇文章的目的时记录一下，和之前完全不同的上传方式。之前的上传方式：由于<el-upload></el-upload>这个组件有自动上传，也就是说只要图片提交后就会自动上传。所以之前都是 为这样的 表单提交提供两个接口，第一个接口提供图片接收，并返回接收后的图片路径。然后在和表单一起提交的第二个接口中...
2019-08-03 16:28:01
4110
3
原创 Vue传递参数不在URL路径上 显示参数的完整方法
首先，vue中传递参数 可以直接使用this.$router.push({path:'/taskCenter?id='+id+'paths='+path});但这样有一个明显的错误就是 会把参数显示在路由中。通过网上查阅资料 发现可以使用params 来传递参数 当发现这有一个大坑。下面 我来详细讲解 如何使用 params第一步：在vue中路由中这样 就是...
2019-08-01 22:32:17
17794
10
原创 基于echarts显示具体个某个省，某个市，或者某个县的方法
第一个是一个河北省 廊坊市 里面的地图。分别对应 云南省 昆明市 新平县 ，这个关键在在于json数据。我已经给大家都弄好了，只需要去 下载你需要的json数据就可以了。地址是https://github.com/wenccro/chinaMapJsonData。那是 压缩的 那个省份的所有数据，包括时和县都在里面了 。可以看我的 demo来做下面是一个 ...
2019-05-22 22:06:21
12066
35
原创 Tesseract中文语言包 chi_sim.traineddata,免费下载 而且还是最新的
这里面包含了所有的语言包，不要相信那些csdn花币的下载，有坑 https://github.com/tesseract-ocr/tessdata识别图片，一般都是会报 找不到环境变量，你的先进行环境变量的设置，然后记得下载chi_sim这个中文包如果你不识别中文，仅仅需要添加一下环境变量就可以了 ...
2019-04-13 19:29:56
18251
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
683
1
翻译 数组去重，数组合并去重
方法一：双层循环，外层循环元素，内层循环时比较值如果有相同的值则跳过，不相同则push进数组Array.prototype.distinct = function(){var arr = this,result = [],i,j,len = arr.length;for(i = 0; i < len; i++){for(j = i + 1;...
2019-03-08 09:58:51
3889
转载 angular 去掉ng-repeat自动添加的$$hashkey
将：ng-repeat="item in items " 改成：ng-repeat=“item in items track by $index”
2019-01-18 16:09:59
620
原创 关于百度富文本编辑器上传图片的配置问题
首先，大家需要下载ueditor，可以找一个空的文件夹（英文命名的）按住shift+右键打开命令窗口，运行 npm install ueditor然后将解压的文件 public 里面的ueditor 拷贝都你的静态目录下面。我先上我的项目的目录文件照片吧我的静态文件是，static,你将ueditor一整个文件放入static中，然后需要对他进行配置打开，uedi...
2018-09-11 22:19:10
2517
原创 关于linux想要在后台运行node.js文件，使用xshell6非法关闭窗口后，后台程序不退出的问题
前几天接了一个node的项目，做完后放到我自己的服务器上是可以的，但客户居然使用的是linux系统，当时就有点傻眼了。我先说说我遇见的坑吧，首先你需要下载 xshell6和xftp6,这个是方便大家传送文件的。然后需要大家安装node安装可以参考 https://www.cnblogs.com/liuqi/p/6483317.html然后 大家有两种方法，将自己的程序运...
2018-09-11 21:19:02
1511
原创 关于mongodb 被误操作关闭，需要重新下载安装
这几天我以为电脑蓝屏，导致自己的mongodb被非正常关闭，在网上查了好多，都是下面的这样操作解决方法： 1、删除%MONGO_HOME%/data/db下的.lock文件 ，就是你存放数据的地方2、输入命令 mongod –repair3、重启mongoDB但我操作了好几遍 还是没有用。所有我决定重新安装，可重新安装，直接去https://www.mongodb.com/do...
2018-08-06 14:42:28
756
原创 完整，详细的基于jquery省市三级联动和基于angular的省市三级联动对比
本来我想免费发送资源的，可是csdn，这最少也需要1积分。所以如果大家不想直接下载的话，也可以直接贴那些数据，然后自己将这些资源与保存到一个.json后缀的文件里面。city.json资源。...
2018-07-08 18:32:40
519
原创 基于数据库的JavaScript前后台模糊查询，后台是node.js
模糊查询在很多实时都是很实用的，下面我就给大家写了模糊查询，还是之前的写作习惯，先写前端代码，在写后台代码。先上一个效果图前端代码先写HTML，这是基本部分，不是全局的，就一个搜索按钮和一个输入框<input type="text" name="seek" class="seek" placeholder="公司名称"/><input type="submit
2018-06-18 10:09:26
2046
1
原创 完整的分页程序+后台数据请求
分页可能是许多小白比较痛苦的一件事，之前我也写了好几个分页都不太令人满意。在经过多次练习后，写出来应该比较好的分页了吧。我将它写成一个模板，如果大家需要这个模板，可以到这里去下载。地址：https://download.csdn.net/download/www_share8/10384821现在我来说一下我的分页吧，向上代码1，最基本的html页面+css的内容<!D...
2018-05-01 11:30:25
1220
1
原创 基于node.js服务器-完整的-前后端的Excel导入，ajax文件的上传
我们都知道admin管理员，在很多时候需要直接从外面导入excel表格的数据内容，昨天刚刚解决了这个问题，在次给大家分享一下，我们先从前台开始吧。 前台要解决的问题时，如何上传文件，如何获取文件后缀名，基本就这些内容。上传我知道的有两种，一种是通过表单提交的形式，一种是使用ajax的方式。两种我都写了，第一种，存在一个比较棘手的form表单提交会跳转页面的问题，也有解决的办法，不过比...
2018-04-12 12:09:17
1753
6
原创 详解Bootstrap glyphicons-halflings-regular.woff2 Not found
看了好几个关于Bootstrap glyphicons-halflings-regular.woff2 Not found，的博主写的，他们都没有具体的细节。首先，出现这个问题的原因是，没有将具体的包引用完整直接看我遇到的问题吧，我要使用这个包，直接连接是可以的， <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/b...
2018-04-02 18:36:27
19163
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
5410
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
956
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人